@font-face {
  font-family: 'Lato Regular';
  font-style: normal;
  src: url('../fonts/lato-regular.woff'); /* IE9 Compat Modes */
}
@font-face {
  font-family: 'Lato 700';
  font-style: normal;
  src: url('../fonts/lato-700.woff'); /* IE9 Compat Modes */
}
@font-face {
  font-family: 'Lato 900';
  font-style: normal;
  src: url('../fonts/lato-900.woff'); /* IE9 Compat Modes */
}

@font-face {
  font-family: 'Montserrat Regular';
  font-style: normal;
  src: url('../fonts/montserrat-regular.woff'); /* IE9 Compat Modes */
}
@font-face {
  font-family: 'Montserrat 500';
  font-style: normal;
  src: url('../fonts/montserrat-500.woff'); /* IE9 Compat Modes */
}



body {
    margin: 0px;
    padding: 0px; 
    font-size: 13px;
    font-style: normal;
    color: #000;
    font-family: 'Lato 700';

}



.abso{position: absolute; display: block; }
#container { position: absolute;  display: block;background-color: #fff; width: 728px;  height: 90px;   overflow: hidden; opacity:.0; }
sup { 
    vertical-align: super;
    font-size: 12px;
}
#border{position: absolute; display: block; width: 158px; height: 598px; border: solid 0px black; pointer-events: none;}



#non_splash_hold{ position: absolute;  display: block;background-color: #fff; width: 728px;  height: 90px; }
#carousel {
    position: absolute;
    display: block;
    width: 172px;
    height: 80px;
    left: 417px;
    top: 5px;
    overflow: hidden;
    opacity: 0;
}
#carousel.product_2 {
    top: 262px;
}
.prod {
    position: absolute;
    display: block;
    width: 172px;
    height: 80px;
    overflow: hidden;
    left: 0px;
    top: 0px;
    padding: 0px;
}
#prod_1 {
    top: 122px;
    left: 0px;
}
.prod_img_hold {
    padding: 0px;
    position: relative;
    width: 174px;
    height: 80px;
    background-color: #fff;
}
.prod_img_hold img {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
#p_img_back_0,
#p_img_back_1 {
    max-width: 90px
}

.prod_img_hold p {
    position: relative;
    width: 130px;
    height: 156px;

}

.prod_img{display: block; align-self:center;  }

.prod_info {
    padding: 0px 12px;
    font-family: 'Montserrat 500';
    position: absolute;
    display: block;
    width: 125px;
    height: 113px;
    left: 132px;
    top: 0;
    opacity: 1;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.3px;
}
.prod_type {
    width: auto; 
    text-align: center;
    text-transform: uppercase;
}

.prod_desc {
    display: block;
    width: auto;  
    text-align: center;
    height: auto;
    padding-top: 0px;
    
}

.prod_price {
    display: block;
    width: auto; 
    font-weight: normal;
    color: #000;
    text-align: center;
}

.prod_logo{position: absolute; display: block; left: 0px; top:0px; opacity: 0.0; }
#ff_logo{left: 77px;}

.prod_btn{position: absolute; display: block; width: 728px; height: 378px; left:0px;top:0px; background-color: cornflowerblue; opacity: 0.0;}

#arrow_left {
    position: absolute;
    display: none;
    left: 6px;
    top: 405px;
    opacity: 0;
}
#arrow_right {
    position: absolute;
    display: none;
    right: 6px;
    top: 405px;
    opacity: 0;
}
#whiteBlock{position: absolute; display: none; left:0px;top:0px;background-color: #fff;width: 728px; height:90px;}

#cta_hold {
    position: absolute;
    display: block;
    width: auto;
    height: auto;
    top: 28px;
    left: 590px;
    opacity: 0;
    z-index: 2;
}

#cta_bg {
    width: 107px;
    height: 32px;
    border: 2px solid #000;
    margin-right: auto;
    margin-left: auto;
}

#cta_copy {
    font-family: 'Lato 700';
    position: absolute;
    display: block;
    width: 111px;
    height: 36px;
    top: 28px;
    left: 590px;
    text-align: center;
    pointer-events: none;
    line-height: 32px;
    vertical-align: middle;
    opacity: 0;
    z-index: 2;
}

#footer_btn{position: absolute; display: block; width: 728px; height: 150px; left:0px;top:450px; background-color: cornflowerblue; opacity: 0.0;}
#header_btn{position: absolute; display: block; width: 728px; height: 72px; left:0px;top:0px; background-color: cornflowerblue; opacity: 0.0;}
#legal_txt{position: absolute; top:584px; left:14px;font-size:9px; color:#fff;width: 120px;}

.irc{font-size:12px;line-height:10px;}

#default_img{position: absolute; display: none; left:0px;z-index: 2; }
#non_splash{position: absolute; display: block;left:0px;}

#mainCopy_frame_1 {
    position: absolute;
    left: 191px;
    opacity: 0;
    height: 88px;
    display: table;
    font-family: 'lato 900';
    z-index: 1;
    /*position: absolute;
    left: 191px;
    opacity: 0;
    height: 28px;
    top: 0;
    font-family: 'lato 900';
    bottom: 0;
    margin: auto;*/
}
#mainCopy_frame_1.default_add .copy1 {
    font-size: 15px;
    line-height: 17px;
}
#mainCopy_frame_1.default_add .copy2 {
    font-size: 29px;
    line-height: 31px;
}

#mainCopy2Holder {
    overflow: hidden;
    position: relative;
    height: 132px;
    width: 728px;
    display: none;
}
#mainCopy2, #mainCopy1 {
    display: block;
    text-align: center;
    color: #fff;
    width: 728px;

}

#mainCopy2 {
    font-size: 34px;
    line-height: 35px;
    letter-spacing: 3px;
    padding-top: 5px;
    position: absolute;
    top: 0px;
}
#mainCopy1 {
    position: relative;
    font-size: 17px;
    line-height: 26px;
    letter-spacing: 3px;
    width: 225px;
    padding: 0px 0px;
    display: table-cell;
    vertical-align: middle;
    /*position: absolute;
    font-size: 17px;
    line-height: 26px;
    letter-spacing: 3px;
    width: 225px;
    padding: 0px 0px;*/
}
#tagline_copy {
    font-family: 'Lato Regular';
    position: absolute;
    top: 573px;
    left: 0px;
    width: 728px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    letter-spacing: 1px;
}
#clickShoe_2 {
    display: none;
    width: 728px;
    height: 235px;
    z-index: 100000;
    top: 365px;
}
#clickShoe_1 {
    display: none;
    width: 728px;
    height: 90px;
    z-index: 100000;
    top: 0px;
}
.p_img_wrap {
    width: 174px;
    height: 80px;
    background-color: #fff;
    position: absolute;
    
}

#p_img_wrap_a_0,
#p_img_wrap_a_1 {
z-index: 3;
}


#p_img_wrap_b_0,
#p_img_wrap_b_1{
    z-index: 2;
    opacity: 0;
}



#p_img_wrap_c_0,
#p_img_wrap_c_1 {
    opacity: 0;
    z-index: 1;
}

#default_images {

}
#default_img1{
    opacity: 0;
    bottom: -35px;
}

#default_img2,
#default_img3 {
    opacity: 0;
}

.copy1, #mainCopy_frame_1.default_add #mainCopy1 {
    font-size: 17px;
    line-height: 22px;
    letter-spacing: 2px;
    width: 728px;
    padding: 0px;
}
#mainCopy_frame_1.default_add #mainCopy1 {
    font-size: 17px;
    line-height: 26px;
    letter-spacing: 3px;
    width: 275px;
    padding: 0px;
    /*left: 120px;*/
}

#mainCopy_frame_1.default_add #mainCopy2 {
    font-size: 29px;
    line-height: 30px;
    letter-spacing: 3px;
    padding-top: 1px;
    position: absolute;
    top: 0px;

}
/*.copy1 {padding-right: 5px !important;}*/
.copy2 {
    font-size: 20px;
    line-height: 25px;
    letter-spacing: 2px;
    padding-top: 0px;
}
.copy1, .copy2 {
    display: block;
    padding: 0px;
    width: auto;
    text-align: center;
    color: #fff;
    width: auto;
}
#mainDefaultCopy1 span:first-child, #mainCopy1 span:first-child {margin-right: 5px;}

#cta_hold.default_cta {
    top: 31px;
    left: 612px;
}

.default_cta #cta_bg {
    width: 90px;
    height: 29px;
    border: 1px solid #fff;
    margin-right: auto;
    margin-left: auto;
}
#tagline_copy.default_tagline {
    color: #fff;
    font-size: 14px;
    width: 110px;
    left: 160px;
}
#cta_copy.default_cta_copy {
    top: 31px;
    left: 612px;
    width: 92px;
    height: 31px;
}
#container.default_container {
    border: 1px solid #000;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#mainCopy_default {
    font-family: 'Lato 700';
    position: absolute;
    left: 191px;
    opacity: 0;
    display: none;
    height: 88px;
    display: table;
    z-index: 1;
    /*position: absolute;
    left: 191px;
    opacity: 0;
    height: 28px;
    top: 0;
    font-family: 'lato 900';
    bottom: 0;
    margin: auto;*/
}
#mainDefaultCopy1 {
    /*display: table-cell;
    vertical-align: middle;
    font-family: 'Lato 900'; 
    width: 728px;*/
    position: relative;
    font-family: 'Lato 900';
    font-size: 17px;
    line-height: 26px;
    letter-spacing: 3px;
    text-align: center;
    width: 225px;
    padding: 0px 0px;
    display: table-cell;
    vertical-align: middle;
    /*position: absolute;
    font-size: 17px;
    line-height: 26px;
    letter-spacing: 3px;
    width: 225px;
    padding: 0px 0px;
    text-align: center;*/
}
#mainCopy1.latoBold,
.latoBold {
   font-family: 'Lato 700'; 
}
#mainCopy1.latoBlack,
.latoBlack  {
   font-family: 'Lato 900'; 
}