.banner-edge-section { visibility:hidden; }

    .content-fade-out    { opacity: 0;   transition: opacity .25s ease-in-out;   -moz-transition: opacity .25s ease-in-out;   -webkit-transition: opacity .25s ease-in-out;  }
    .content-fade-in    { opacity: 1;   transition: opacity .25s ease-in-out;   -moz-transition: opacity .25s ease-in-out;   -webkit-transition: opacity .25s ease-in-out;   }

       body { background-color: #fff;}
       .clear-fix { clear:both; }
       	a.no-link { cursor: default; }
       .pointer{cursor:pointer;}

       .gradient {background-color: #EBEBED;   background-image: linear-gradient( rgba(0,0,0,0.2), rgba(200,200,200,0) ); height: 1em;}

        .wrap { font-family:'Open Sans', sans-serif; color:white; /*background-color:rgb(30,30,30);*/}
        .wrap a { color:black; text-decoration:none;}
        .wrap .columns { padding:0; }
        .wrap img { width:100%; }


            /*---- Video ----*/
        .Video-Section {
            background-attachment: scroll;
            background-clip: border-box;
            background-color: rgba(0, 0, 0, 0);
            background-origin: padding-box;
            background-position: center top;
            background-repeat: no-repeat;
            position: relative;
        }
        .Video-Section .Video-Placeholder { width: 100%; max-width: initial; position: absolute; top: 0; left: 0; z-index: -1; }
        .Video-Section .Video-Wrapper { }
        .solid-div { padding:60px 0; }
        .pds-video-video-preview { cursor: pointer; }
        .fluid-width-video-wrapper { padding-top: 50%; display: none; width: 100%; position: relative; padding: 0px; }
        .fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
        .pds-boots-wrap { text-align: center; padding: 4% 0 3% 0; }


       /*---- Top Billboard ----*/
       .Billboard { position:relative; }
       .Billboard .Dropdown-Buttons { font-family:'Open Sans', sans-serif; position:relative; bottom:0; width:100%; border-style:outset; border: 1px solid #86CEB8 }
       .Billboard .Dropdown-Buttons a { display:block; text-align:center; float: left; text-transform:uppercase; font-style: italic; border-style:solid; border-width: 0 2px 0 0; padding:13px; background-color: #171717; }
              /*.Billboard .Dropdown-Buttons a:last-child { border-width: 0;  }*/
       .Billboard .Dropdown-Buttons a:hover { overflow: visible; border: none; }
       .Billboard .Dropdown-Buttons a.Active { overflow: visible; height: 57px; border: none; margin-bottom: -35px;}


       #Mercurial .Billboard .Dropdown-Buttons a { color:#86CEB8; width:20%; }

       #Mercurial .Billboard .Dropdown-Buttons a:hover, #Mercurial .Billboard .Dropdown-Buttons a.Active { color: #000; background: url('../Images/selected.png') center -4px no-repeat; }


       .mobile-bb .owl-controls { position: absolute; bottom: 0; width: 100%; margin-bottom: 15px; }

       #Mercurial .Boot-Selection { color: #000; }

       .Boot-Selection { padding-bottom:50px; background-color: #EBEBED}
       .Boot-Selection .Content { display:none;}
       .Boot-Selection .Content.Active { display:block;}
       .Boot-Selection .Content.Active .ProductName{font-family:'Open Sans', Arial, Verdana; font-weight:bold; letter-spacing:0.1em; font-size:0.9em;}
       .Boot-Selection .Content.Active ProductPrice a{text-align:center;line-height:0.8em;}
       .Boot-Selection .Content.Active .boot-pds-price{text-align:center;}
       .Boot-Selection .Content{position:relative;}
       .Boot-Selection .boot-pds-price a{ text-align:center;}
       .Boot-Selection .NowPrice{font-size:1.4rem;}
       .Boot-Selection .product-description {font-size: 14px; font-weight: normal; line-height: 1.4em; text-transform: none;}
       .Boot-Selection .Purchase-Button {border-radius: 5px; padding:0px 30px 0px 30px; color:#fff; display:inline-block; padding: 4px 30px; margin-top: 15px; background-color:#000;}
       .Boot-Selection .Purchase-Button:hover{opacity:0.8;}
       .Boot-Selection .Buy-Now {color:#000; border:1px #fff solid;}
       .Boot-Selection .Pre-Order{color:#000; border:1px solid #fff; }
       .Boot-Selection .Pre-Order:hover{color:white;}

       #Mercurial .Boot-Selection .Buy-Now {background: #86CEB8;}
       #Mercurial .Pre-Order{background: #86CEB8;}
       
       .Boot-Selection .boot-scroll { padding-top: 40px;}
       .Boot-Selection .boot-scroll .item {padding: 0 20px;}
       .owl-item.loading {background-position: center 40px; }
       .owl-item.loading .item {margin-top: 90px;}
       .owl-pagination {margin:0}
	   #tf-team .owl-controls .owl-pagination .owl-page span{
			margin-top:50px !important;
		}
       .owl-theme .owl-controls .owl-page span { background: none repeat scroll 0 0 #fff; border-radius: 0px; display: block; height:10px; margin: 5px 2px; opacity: 0.5; width: 50px; transform:skewX(150deg); -webkit-transform:skewX(150deg); }
       .owl-next{position:absolute; top:50%; right:0;}
       .owl-prev{position:absolute; top:50%; left:0;}
       .owl-theme .owl-controls {margin: -2.3em 0 1.3em 0;}
       .Content .owl-theme .owl-controls {margin: 2em 0 -1.5em 0;}
       .Content .item img {max-height: 225px; max-width: 262px;}
       .Content .single-boot img {max-height: 334px; max-width: 390px;}
       

       #Mercurial .Content .owl-theme .owl-controls .owl-page span { background: none repeat scroll 0 0 rgba(99,196,205,1);  }

.Billboard .owl-theme .owl-controls .owl-page.active span {
    background-color:#b12d10;
    opacity: 1;
    filter: alpha(opacity=100);
}	   
       .Boot-Selection a.Dropdown-Button { font-family: 'Open Sans' sans-serif; padding: 16px 25px; text-transform: uppercase; font-style: italic; font-size: 1.1rem; letter-spacing: 0.1rem; color: #fff; }
       .Boot-Selection a.Dropdown-Button.button1 { background: url('../Images/mobile-button1.png') no-repeat top right; }
       .Boot-Selection a.Dropdown-Button.button2 { background: url('../Images/mobile-button2.png') no-repeat top right; }
       .Boot-Selection a.Dropdown-Button.Active {background: none;background-color: #86CEB8; color: #000}

       .Boot-Selection .Content .ProductColor, .Boot-Selection .Content .ProductNameSingleItem { text-transform: uppercase; }
       .Boot-Selection .Content .ProductNameSingleItem{font-size:1.6rem; line-height: 1.4em; letter-spacing:4.25px; text-transform: uppercase;}
       .Boot-Selection .Content .ProductColor{font-style:italic; margin:5px 0px; font-size:0.75rem; letter-spacing:2.25px; line-height: 1.2em;}
       .Boot-Selection .Content .ProductSEO{ font-size:0.75rem; margin:8px 0px; line-height:1.4em; text-transform: none; max-width: 400px; margin: 1em auto;}
       .Boot-Selection .Content .ProductPrice a{color:#fff;}
       .Boot-Selection .Content .product-description {font-size: 14px; font-weight: normal; line-height: 1.4em; text-transform: none;}
       .Boot-Selection .Content .twoline-title {line-height: 1.4em; padding: 1em 0 0 0;}
       .prev-button, .next-button {
           position: absolute;
       }

        .slider .prev-button {left:0px; top: 40%; cursor: pointer; }
        .slider .next-button {right:0px; top: 40%; cursor: pointer; }
        .technology .prev-button { bottom: 15px; right: 115px; cursor: pointer; }
        .technology .next-button { bottom: 15px; right:15px; cursor: pointer; }

       .performance {
            padding: 20px !important;
            text-align: center;
            color: #fff;
            background-color: #86CEB8;
            font-weight: 400;
            z-index: 45;
            cursor: pointer;
        }


        .arrow-down {
            position: absolute;
            bottom: -30px;
	        width: 0; 
	        height: 0; 
	        border-left: 30px solid transparent;
	        border-right: 30px solid transparent;
	       
	        border-top: 30px solid #86CEB8;
         }

        .lifestyle .arrow-down {
            display: none;
        }

        .lifestyle {
            padding: 20px !important;
            text-align: center;
            color: #fff;
            font-weight: 400;
            z-index: 45;
             cursor: pointer;
             background: #171717;
        }


       /*Section EXPLORE */
        .wrap .explore    {    }
            .explore-grid { margin:0}
                /* FLIP SQUARES */
                .flipcontent {  }
                .info, .image{ position:absolute; 
                               -webkit-transition: -webkit-transform 1s , z-index 0s 0.25s; -moz-transition: -webkit-transform 1s , z-index 0s 0.25s; transition: -webkit-transform 1s , z-index 0s 0.25s; }
                .info { z-index: 1;  color:white;  height: 100%;  width: 100%;  opacity:0;
                    transition: opacity .35s ease-out; -moz-transition: opacity .35s ease-out; -webkit-transition: opacity .35s ease-out; -o-transition: opacity .35s ease-out; }

                #Mercurial .info {background-color: rgba(134,206,184,0.8);} 

                .info-box { display: table; width:80%; height:100%; text-align:center; margin:0 auto; }
                .medium-6 .info-box { width: 80%; }
                .info-content { display:table-cell; vertical-align:middle; }
                .info-content a { color: white; }
                .prod-text { line-height:1.2em; font-size:0.9em;    }
                .info-content .prod-price { padding:0.5em; font-weight: bold; }
                .info-content .purchase-btn { margin:2% 20%; padding:0.5em; border:solid white 2px; border-radius: 5px; display:block; }
                .info-content .purchase-btn:hover { opacity:0.8; }
                .shape { opacity: 0.1; }
                .image{    z-index: 2;       display:block; 
                    -webkit-transition: -webkit-transform 1s, z-index 0s 0.25s;    -webkit-transform: rotateY(0deg);   
                    -moz-transition: -webkit-transform 1s, z-index 0s 0.25s;    -moz-transform: rotateY(0deg);   
                    transition: -webkit-transform 1s, z-index 0s 0.25s;    transform: rotateY(0deg);   
                }
                .rotator { }
                .rotator .info{ z-index: 2; opacity:1;
                        transition: opacity .35s ease-out; -moz-transition: opacity .35s ease-out; -webkit-transition: opacity .35s ease-out; -o-transition: opacity .35s ease-out;
                }
                .rotator .image{ z-index: 1; opacity: 1;
                        transition: opacity .5s ease-out; -moz-transition: opacity .5s ease-out; -webkit-transition: opacity .5s ease-out; -o-transition: opacity .5s ease-out;
                }
       /*  Mobile */
       @media only screen and (min-width: 280px)
       {
           .Boot-Selection .Content {display:none; text-align:center; line-height:1.6rem; text-transform:uppercase; font-size:0.875rem; /*background: url('/siteimages/responsive/desktop/adidas/collection/framework/boot-bg.jpg') no-repeat top center;*/}
           .Boot-Selection .Content.Active { display: block;}
           .Boot-Selection .boot-scroll { padding-top: 0px; }
           .Boot-Selection {
                padding-bottom: 0px;
            }
           .owl-theme .owl-controls .owl-page span {width:30px; }
           .top-fix img { padding-top:23px; }
           .owl-next, .owl-prev {display:none;}
           .Boot-Selection .boot-scroll {padding-top: 1em; padding-bottom: 2em;}
           .gradient {  display:none;}

            .legend {
               position: absolute;
               padding: 15% 6% 3% 6% !important;
               text-align: center;
               display: none;
               text-transform: uppercase;
               margin: 0 auto;
           }


           .performance, .lifestyle {
               font-size: .6em;
           }

           .arrow-down {

                 left: 35%;
             }
            .introTxt div{
                width: 90%;
                margin: 0 auto;
                padding: 5% 0 0 0;
            }

           .introTxt p, .introTxt h1{
               font-size: .8em !important;
           }
 
       }
       @media only screen and (min-width: 440px) {
               .introTxt p, .introTxt h1{
               font-size: 1em !important;
           }
       }
       /* Tablet */
       @media only screen and (min-width: 641px)
       {	
           .gradient { display:block; }
           .Boot-Selection .Content {display:none; text-align:center; line-height:1.6rem; text-transform:uppercase; font-size:0.875rem;}
           .Boot-Selection .Content.Active { display: block;}
           .Boot-Selection .boot-scroll {padding: 0;}
           .Boot-Selection {
                padding-bottom: 50px;
            }
           .owl-theme .owl-controls .owl-page span {width:30px; }
           .top-fix img { padding-top:0px; }
           .owl-next, .owl-prev {display:block;}
            .technology div.owl-pagination {
                position: absolute;
                bottom: 30px !important;
                z-index: 48;
            }

           .tech-overlay {
               display:none;
               
           }
           .legend {
               position: absolute;
               padding: 10% 15% 30% 0 !important;
               text-align: center;
               display: none;
               width: 100%:
           }

            .legend p, .legend h2 {
                width: 60%;
                margin: 0 auto;
                padding: 8px 0 0  0;
                font-size: 0.8em;
            }
            .legend img {
                width: 80%;
                margin: 0 auto;
                margin: 0;
                display: none;
            }

            .technology div.owl-pagination {
               left: 6%;
            }
            #tech .owl-theme .owl-controls {margin: 0;}

            .arrow-down {

                 left: 42%;
             }
          .introTxt p, .introTxt h1 {
               font-size: 1.4em !important;
           }
           .prev-button, .next-button {
                width: 50px;
                height: 50px;
            }
      }

       /* Desktop */
       @media only screen and (min-width: 768px)
       {
           .Boot-Selection .boot-scroll { padding-top: 40px; }
           .technology div.owl-pagination {
               left: 8%;
            }

            .arrow-down {
               left: 43%;
           }

            
            .legend p {
               font-size: 1em;
            }
       }

       @media only screen and (min-width: 1024px)
       {
           .performance, .lifestyle {
               font-size: 1.4em;
           }
           .owl-theme .owl-controls .owl-page span {width:50px; }
           .technology div.owl-pagination {
               left: 6%;
            }
           .arrow-down {
               left: 44%;
           }
           .legend {
                padding-top: 4% !important;
            }
           
            .legend img {
                width: 80%;
                margin: 0 auto;
                display: inline-block;
            }

          .introTxt p{
               font-size: .9em !important;
           }
           .introTxt h1 {
               font-size: 1.7em !important;
           }
           .introTxt div{
            width: 80%;
            margin: 0 auto;
            padding: 5% 0 0 0;
           }
		   /*
           .prev-button, .next-button {
                width: 93px;
                height: 95px;
            }*/

       }

       @media only screen and (min-width: 1200px) {
           .introTxt div{
            width: 80%;
            margin: 0 auto;
            padding: 10% 0 0 0;
           }

           
       }
         @media only screen and (min-width: 1520px)
       {
           .technology div.owl-pagination {
               left: 8%;
            }

           .arrow-down {
               left: 46.5%;
           }

           .introTxt div{
            width: 60%;
            margin: 0 auto;
            padding: 14% 0 0 0;
           }

            .legend img {
               margin-top: 50px;
            }

       } 

       .boot-pds-price{font-size:0.875em;}
       .soleplate{font-size:0.875em; font-style:italic;}

       .introbg {
           background-color: #DFDFDF; padding: 15px !important;
           display: table-cell;
       }
       .introTxt {
           background-color: #ebebec; color: #000;
           text-align: left;
         
       }


        #tech {
           position: relative;
          
       }

       .tech-overlay {
           position: absolute;
           top: 0px;
           left; 0px;

       }
       .tech-overlay1 {
           background-image: url('../Images/techpanel_mob.png');
           background-repeat: no-repeat;
           background-size: contain;
           height: 50%;
       }

       .tech-overlay2 {
           background-image: url('../Images/techpanel.png');
           background-size: contain;
           background-position: 0 50%;
           height: 100%;
       }

       .technology h2{
           font-size: 1.4em;
           font-weight: 700;
           color: #000;
       }

       .technology p {
             color: #000;
       }

       .explore {
            position: relative;
            top: 0;
            left: 0;
        }

        #explore2 {
           position: relative;
            top: 0;
            left: 0;
            display:none;
        }

        .anim-overlay1 {
            position: absolute; top: 0px; left: 0px;
            display: none;
        }

       h1 {
           font-size: 2em;
           letter-spacing: .4em;
           font-weight: 400;
           color: #000000;
           font-family: Open Sans, sans-serif;
       }