/*------------------------------------------------------- [Table of contents] 1. Header + Logo + Navigation - mobile menu - mega menu + Search & cart + Header Option 2. Content + Master slider + Page title + Man & Girl block + Fit & Strong block + About block + Up Coming Event + Pricing Table + Training + Time Table + Our Price + Athlete Class + Our Success + Facts + Our Team + Contact Form + New Products + Introduction + Services + News + Shop-v2 + Collection + Page Our Class + Our Class Details + Our Blog + Blog Details + Page Our Trainers + Page Our Trainers Profile + Page Our Pricing Table + About Us + Event Listing + Event Listing Grid + Calendar Full View + Parallax Background + Parallax Content + Product List + Product List Row + Product detail + Product cart + Product checkout 3. Panel + Panel setting 4. Footer + Copyrights + Social icons + Back to top 5. Extra + Coming soon page + Welcome page --------------------------------------------------------*/ @import url(http://fonts.googleapis.com/css?family=Montserrat:400,700); @import url(http://fonts.googleapis.com/css?family=Titillium+Web:700); /*--------------------------------------------------- COMMON STYLE ------------------------------------------------------*/ html body{ font-size:12px; line-height:24px; font-weight:normal; font-family: 'Montserrat'; background: none repeat scroll 0 0 #242424; color: #fff; } img{ max-width:100%; } div a:focus{ color: #fff; text-decoration: none; outline:none!important; } div a, div a:hover{ color:#fff; text-decoration:none; font-family: 'Montserrat'; } div a:hover{text-decoration:none;} p, span{ margin:0; font-family: 'Montserrat'; } div{ font-family: 'Montserrat'; } p + p{ margin-top:10px; } ul{list-style:none} h1, .h1, h2, .h2, h3, .h3 { margin-bottom: 10px; margin-top: 20px; } div h1{ font-size: 48px; font-weight: bold; text-transform: uppercase; font-family: 'Montserrat'; } div h2{ font-size: 36px; line-height: 1; text-transform: uppercase; font-family: 'Montserrat'; } div h3{ font-size: 24px; line-height: 1; text-transform: uppercase; font-family: 'Montserrat'; } div h4{ font-size: 18px; text-transform: uppercase; font-family: 'Montserrat'; } div h5, h6{ font-size: 14px; text-transform: uppercase; font-family: 'Montserrat'; } ::-webkit-input-placeholder { color: #fff; } :-moz-placeholder { /* Firefox 18- */ color: #fff; } ::-moz-placeholder { /* Firefox 19+ */ color: #fff; } :-ms-input-placeholder { color: #fff; } .wrapper { position: relative; } /*--------------------------------------------------- HEADER ------------------------------------------------------*/ .header{ margin-bottom: 0; } #header { position: fixed; top: 0; } #header.reveal:not(.alt) { box-shadow: 0 5px 8px 5px rgba(0, 0, 0, 0.2); position:fixed; width:100%; top:0; } #header.reveal:not(.alt) { -webkit-animation: reveal-header 1s cubic-bezier(0.005, 0.975, 0.73, 1); -moz-animation: reveal-header 1s cubic-bezier(0.005, 0.975, 0.73, 1); -ms-animation: reveal-header 1s cubic-bezier(0.005, 0.975, 0.73, 1); -o-animation: reveal-header 1s cubic-bezier(0.005, 0.975, 0.73, 1); animation: reveal-header 1s cubic-bezier(0.005, 0.975, 0.73, 1); border:1px solid transparent; background:#0f0f0f; } .header{ position:relative; width:100%; z-index:9999; background:#0f0f0f; } .header.header-container { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); position: absolute; top: 0; width: 100%; z-index: 999; margin: 0 auto; } .page-category .header-container { background: none repeat scroll 0 0 #0f0f0f; } /*-- Logo --*/ .logo { padding: 0 !important; } .header-container .logo a { display: inline-block; margin-top: 30px; margin-right: 10px; margin-bottom: 30px; margin-left: 10px; } /*-- Navigation --*/ /* mobile menu */ .menu-wrap{ border:1px solid transparent; background:#e5cf00; position:fixed; width:270px; height:100%; transition:transform ease 1s; -o-transition:-o-transform ease 1s; -ms-transition:-ms-transform ease 1s; -moz-transition:-moz-transform ease 1s; -webkit-transition:-webkit-transform ease 1s; transform:translateX(270px); -o-transform:translateX(270px); -ms-transform:translateX(270px); -moz-transform:translateX(270px); -webkit-transform:translateX(270px); right:0; top:0; margin-right:-18px; z-index:999999; overflow-y:scroll; padding:0 15px; } .show-menu .menu-wrap { transition:all ease 0.6s; -o-transition:-o-transform ease 0.6s; -ms-transition:-ms-transform ease 0.6s; -moz-transition:-moz-transform ease 0.6s; -webkit-transition:-webkit-transform ease 0.6s; transform:translateX(0); -o-transform:translateX(0); -ms-transform:translateX(0); -moz-transform:translateX(0); -webkit-transform:translateX(0); } .content-wrapper:before { background:rgba(0, 0, 0, 0.5); content: ""; height: 0; position: absolute; right: 0; top: 0; opacity:0; transition: opacity 0.5s ease 0s; -o-transition: opacity 0.5s ease 0s; -ms-transition: opacity 0.5s ease 0s; -moz-transition: opacity 0.5s ease 0s; -webkit-transition: opacity 0.5s ease 0s; width: 0; z-index: 10000; } .show-menu .content-wrapper:before { height: 100%; opacity:1; transition: opacity 0.5s ease 0s; -o-transition: opacity 0.5s ease 0s; -ms-transition: opacity 0.5s ease 0s; -moz-transition: opacity 0.5s ease 0s; -webkit-transition: opacity 0.5s ease 0s; width: 100%; } .main-menu{position: relative;} .main-menu h4{ margin:0; text-transform:uppercase; font-size:18px; padding:14px 0; border-bottom:1px solid rgba(255,255,255,0.35); } .menu-wrap ul { list-style: outside none none; padding: 0; } .menu-wrap ul.nav-menu > li { padding-left: 4px; border-bottom-width: 1px; border-bottom-style: solid; } .menu-wrap li a { color: #fff; display: block; } .menu-wrap ul.nav-menu > li > a { font-size: 14px; padding: 11px 0; } #close-button{ background:none; border:none; color:#fff; position:absolute; right:0; top:11px; font-size:18px; } #open-button { border: medium none; display: none; font-size: 18px; height: 40px; line-height: 40px; position: absolute; right: 0; text-align: center; top: 28px; width: 40px; } #open-button:before{ position:absolute; top:0; left:0; height:100%; width:100%; content:'\f0c9'; font-family: FontAwesome; text-align:center; color:#fff; font-size:30px; } .dropdown a { text-decoration: none; } .dropdown [data-toggle="dropdown"] { position: relative; display: block; color: #fff; padding: 10px; } .dropdown .icon-arrow { position: absolute; display: block; font-size: 0.7em; color: #fff !important; top: 14px; right: 10px; } .dropdown .icon-arrow.open { -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); transform: rotate(-180deg); -moz-transition: -moz-transform 0.6s; -o-transition: -o-transform 0.6s; -webkit-transition: -webkit-transform 0.6s; transition: transform 0.6s; } .dropdown .icon-arrow.close { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); -moz-transition: -moz-transform 0.6s; -o-transition: -o-transform 0.6s; -webkit-transition: -webkit-transform 0.6s; transition: transform 0.6s; opacity:1 !important; } .dropdown .icon-arrow:before { content: '\25BC'; } .dropdown .dropdown-nav { max-height: 0; overflow: hidden; list-style: none; padding: 0; margin: 0; } .dropdown .dropdown-nav li { padding: 0; } .dropdown .dropdown-nav li a { color: #fff; display: block; padding: 10px; } .dropdown .show, .dropdown .hide { -moz-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; } .dropdown .show { display: block; max-height: 9999px; -moz-transform: scaleY(1); -ms-transform: scaleY(1); -webkit-transform: scaleY(1); transform: scaleY(1); animation: showAnimation 0.5s ease-in-out; -moz-animation: showAnimation 0.5s ease-in-out; -webkit-animation: showAnimation 0.5s ease-in-out; -moz-transition: max-height 1s ease-in-out; -o-transition: max-height 1s ease-in-out; -webkit-transition: max-height 1s ease-in-out; transition: max-height 1s ease-in-out; } .dropdown .hide { max-height: 0; -moz-transform: scaleY(0); -ms-transform: scaleY(0); -webkit-transform: scaleY(0); transform: scaleY(0); animation: hideAnimation 0.4s ease-out; -moz-animation: hideAnimation 0.4s ease-out; -webkit-animation: hideAnimation 0.4s ease-out; -moz-transition: max-height 0.6s ease-out; -o-transition: max-height 0.6s ease-out; -webkit-transition: max-height 0.6s ease-out; transition: max-height 0.6s ease-out; } /* megamenu */ .megamenu {text-align:right} .megamenu ul.nav-menu{ padding-left:0; } .megamenu ul.nav-menu > li { display: inline-block; float: left; margin: 7px 15px; position: relative; } .boxing-page .megamenu ul.nav-menu > li { padding: 7px 15px; margin:0; } .megamenu ul > li > a { color: #fff; display: inline-block; font-size: 14px; font-weight: bold; margin: 30px 0; padding:0; position: relative; text-transform: none; } .megamenu ul.nav-menu > li :before, .megamenu ul.nav-menu > li:after { border-bottom-color: #003399; } .megamenu ul.nav-menu > li:before { right: 50%; } .megamenu ul.nav-menu > li:after { left: 50%; } .megamenu ul.nav-menu > li:hover a, .megamenu ul.nav-menu > li.active { color: #e5cf00; } .megamenu ul.nav-menu > li:before, .megamenu ul.nav-menu > li:after { border-bottom: 2px solid #e5cf00; bottom: 28px; content: ""; position: absolute; width: 0; transition: width 250ms ease-out 0s; -o-transition: width 250ms ease-out 0s; -ms-transition: width 250ms ease-out 0s; -moz-transition: width 250ms ease-out 0s; -webkit-transition: width 250ms ease-out 0s; } .boxing-page .megamenu ul.nav-menu > li:before, .boxing-page .megamenu ul.nav-menu > li:after { bottom: -1px; } .megamenu ul.nav-menu > li:hover:before, .megamenu ul.nav-menu > li:hover:after, .megamenu ul.nav-menu > li.active:before, .megamenu ul.nav-menu > li.active:after, .megamenu ul.nav-menu > li:hover:before, .megamenu ul.nav-menu > li:hover:after { width: 50%; } .mainnav .nav-menu li .child-nav { background-color: #fff; border: 1px solid #efefef; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); left: 0; top:76px; list-style: outside none none; min-width: 240px; padding: 10px 18px; position: absolute; transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; opacity: 0; visibility: hidden; z-index: 999; } .boxing-page .mainnav .nav-menu li .child-nav { left: 0px; top: 115px; } .megamenu .nav-menu > li .child-nav:before{ border-color: transparent transparent transparent #fff; border-style: solid; border-width: 11px; top: -11px; content: ""; left: -1px; position: absolute; } .megamenu .nav-menu > li:hover > .child-nav { opacity: 1; visibility: visible; } .megamenu .nav-menu > li ul.child-nav li{ line-height:24px; padding: 6px 0; } .megamenu .nav-menu > li ul.child-nav li + li{ border-top:1px solid #f2f2f2; } .megamenu .nav-menu > li ul.child-nav li a { color: #828282; display: block; margin: 0; text-align: left; font-size: 12px; } .megamenu .nav-menu > li ul.child-nav li > a:hover, .megamenu .nav-menu > li ul.child-nav li.active > a{ color:#e5cf00; } .menu-wrap ul.nav-menu li ul.show{ border-top: 1px solid rgba(255, 255, 255, 0.35); } .menu-wrap ul.nav-menu li li { padding-left: 18px; } .menu-wrap ul.nav-menu li li > a { padding: 6px 0; } .link-menu:hover{background:none !important;} .link-menu.active:hover{background:none !important;} .link-menu:focus{background:none !important;} /* Search & cart */ .shopping-cart { display: inline-block; padding-right: 5px; } .mini-cart { opacity: 0; position: absolute; right: 0; text-align: left; top: 54px; visibility: hidden; width: 250px; background:#2a2a2a !important; transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; } .mini-cart .title{border-bottom: 1px solid #3b3b3b;} .mini-cart ul{padding-left:0;} .mini-cart ul li { background: none repeat scroll 0 0 #2a2a2a !important; border-bottom: 1px solid #3b3b3b !important; } .mini-cart .check { background: none repeat scroll 0 0 #e5cf00; border: medium none; font-size: 14px; height: 37px; line-height: 24px; margin-left: 15px; text-transform: none; } .mini-cart:before { border-color: transparent transparent #2a2a2a; border-style: solid; border-width: 7px; content: ""; height: 50px; position: absolute; right: 48px; top: -50px; } .shopping-cart:hover .mini-cart{ opacity:1; visibility: visible; } .quick-access { line-height: 100px; text-align: right; } .search { display: inline-block; } .search-box { background-color: #2a2a2a; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); height: 50px; list-style: outside none none; min-width: 240px; opacity: 0; position: absolute; right: 15px; top: 76px; transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; visibility: hidden; z-index: 999; } .search-box .top-search { background: none repeat scroll 0 0 #2a2a2a; border: 1px solid rgba(255, 255, 255, 0.2); color: #828282; font-size: 12px; height: 35px; padding: 10px; position: absolute; right: 8px; text-transform: uppercase; top: 8px; width: 223px; } .search-box:before { border-color: transparent transparent #2a2a2a; border-style: solid; border-width: 7px; content: ""; height: 50px; position: absolute; right: 5px; top: -50px; } .search:hover .search-box { opacity: 1; visibility: visible; } .shopping-cart i, .search i{ background: none repeat scroll 0 0 #606060; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; color: #fff; height: 21px; padding-top: 5px; text-align: center; width: 21px; } .shopping-cart:hover i, .search:hover i { background: none repeat scroll 0 0 #e5cf00; cursor: pointer; } .search-box .sub-search { float: right; font-size: 14px; margin-right: 12px; margin-top: -25px; position: absolute; right: 0; top: 44px; z-index: 99; } /* Header Option */ .header-container-1 .quick-access { line-height: 10; text-align: right; } .header-option .shopping-cart i, .header-option .search i { background: none repeat scroll 0 0 #e5cf00; } .header-container-2, .header-container-3 { background: none repeat scroll 0 0 #141414 !important; border-bottom: 2px solid #e5cf00; } .header-container-2.reveal:not(.alt), .header-container-3.reveal:not(.alt) { border-bottom: 2px solid #e5cf00 !important; } .header-container-2 .megamenu { float: right; margin: 0 auto; } .header-container-2 .nav-menu{ text-align: center; } .header-option .top-links { background: none repeat scroll 0 0 #242424; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .top-link { line-height: 4; } .address-top { margin-right: 15px; } .top-link span .fa { margin-right: 7px; } .top-links .quick-access { line-height: 4 !important; } .header-option .quick-access { line-height: 9; } .header-option .header-container-3 .shopping-cart i, .header-option .search i { background: none repeat scroll 0 0 #e5cf00; } .header-container-4 .quick-access { line-height: 7.9; } /*--------------------------------------------------- CONTENT ------------------------------------------------------*/ /* Master slider */ .ms-fullscreen-template{ min-height: 250px; } .master-slider{ height: 100%; font-family: Lato, arial, sans-serif; } .ms-skin-default .ms-bullet { background: none repeat scroll 0 0 #fff; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;; height: 13px; width: 13px; } .ms-skin-default .ms-bullet-selected { background: none repeat scroll 0 0 #e5cf00; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; height: 13px; width: 13px; } .ms-skin-default .ms-nav-next, .ms-skin-default .ms-nav-prev { background: url("../images/light-skin-1.png") repeat scroll -89px -26px rgba(0, 0, 0, 0); cursor: pointer; height: 40px; left: 30px; margin-top: -20px; position: absolute; top: 50%; width: 30px; z-index: 110; } .ms-skin-default .ms-nav-next { background-position: -89px -103px; left: auto; right: 30px; } .ms-skin-light-6 .ms-bullet { background:#555; height: 9px; margin: 4px; width: 9px; } .ms-skin-light-6 .ms-bullet-selected { background-color: #fff; } .ms-skin-light-6.round-skin .ms-bullet { border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; } /* Slider banner */ .contents-main { background: none repeat scroll 0 0 #242424; margin-top: 608px; } .to-top { background-size: cover; display: block; overflow: hidden; position: fixed; top: 0; z-index: 0; width:100%; } .slider-banner { position: relative; background: url("../images/boxing/bg_boxing.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0); } .shop .slider-banner, .one-page .slider-banner, .index-white .slider-banner { position: relative; background: url("../images/bg_1.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0); } .home-v2 .slider-banner { position: relative; background: url("../images/bg-home-v2.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0); } .title-slider { margin: 50px 0; padding: 100px 0; text-align: center; } .title-top { font-size: 26px; font-weight: bold; } .title-bottom { font-size: 6em; font-weight: bold; padding-bottom: 20px; } .links { border: 2px solid; font-size: 18px; font-weight: bold; padding: 7px 15px; text-transform: uppercase; } .banner-content { margin-top: 40px; padding: 100px 0 90px; } .title-banner span { border: 2px solid; font-size: 26px; font-weight: bold; padding: 7px 15px; text-transform: uppercase; } .title-banner-1 { margin: 15px 0; } .title-banner-1 h2 { font-size: 80px; font-weight: bold; margin: 0; } .try-class a:before { border-left-color: #e5cf00; } .try-class a:before { border-color: transparent transparent transparent #e5cf00; border-style: solid; border-width: 14px; bottom: -11px; content: ""; left: 0; position: absolute; } .try-class a { background: none repeat scroll 0 0 #e5cf00; } .try-class a{ background: none repeat scroll 0 0 #e5cf00; display: inline-block; font-size: 18px; line-height: 1; padding: 10px 15px; position: relative; text-transform: uppercase; font-weight: bold; } .info-banner p { font-size: 18px; text-transform: uppercase; } .info-banner .info-banner-1{ color:#e5cf00; } /* Page Title */ .hps-title1 { border: 2px solid; padding: 12px; font-size: 26px; font-weight: bold; left:101.756px; top:180px; } .hps-title3 { font-size: 70px; font-weight: bold; left: 94px; top: 265px; } .hps-title4 { font-size: 18px; font-weight: bold; background: #e5cf00; padding: 10px; left: 570px; top: 364px; } .boxing-page .alt {padding-top:30px;} .boxing-page .nav-container { background: none repeat scroll 0 0 #171717; } .boxing-page .quick-access { background: none repeat scroll 0 0 #171717; height: 98px; } .boxing-page #header.reveal:not(.alt) { background: none repeat scroll 0 0 #171717; } .boxing-page .reveal:not(.alt) .nav-container, .boxing-page .reveal:not(.alt) .quick-access { background: none repeat scroll 0 0 #171717; } .boxing-page .header-container .logo { background: none repeat scroll 0 0 #e5cf00; } .boxing-page .header-container .logo a { padding: 27px 27px 27px 21px; margin: 0; } .boxing-page .mainnav ul.nav-menu > li{ border-right: 1px solid #252524; } .boxing-page .mainnav ul.nav-menu > li:last-child { border: medium none; } .boxing-page .mainnav ul.nav-menu > li:first-child{ border-left: 1px solid #252524; } .boxing-page .action-top { padding-right: 10px; } .boxing-page .mainnav ul.nav-menu { float: right; margin-bottom: 0; } .boxing-page .mainnav ul.nav-menu > li a:before, .boxing-page .mainnav ul.nav-menu > li a:after { border-bottom: 2px solid #e5cf00; content: ""; position: absolute; transition: width 250ms ease-out 0s; -moz-transition: width 250ms ease-out 0s; -webkit-transition: width 250ms ease-out 0s; -ms-transition: width 250ms ease-out 0s; -o-transition: width 250ms ease-out 0s; } /* Man & Girl block */ .man-girl{ position: relative; background-color: #666666; } .to-bottom { cursor: pointer; font-size: 24px; left: 50%; position: absolute; } .to-bottom:before { content: ""; position: absolute; bottom: 0; left: 50%; margin-left: -40px; height: 0; width: 0; border-top-width: 40px; border-right-width: 40px; border-bottom-width: 40px; border-left-width: 40px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: transparent; border-right-color: transparent; border-bottom-color: #FFCC00; border-left-color: transparent; } .to-bottom .fa { bottom: 0; left: -7px; position: absolute; text-align: center; top: -25px; } .man-girl .col-md-12, .man-girl .col-md-4, .man-girl .col-md-6{padding:0;} .content-main { min-height: 550px !important; position: relative !important; } .content-main-right{ background: url("../images/image_split.png") no-repeat scroll left bottom transparent; } .img-class { bottom: 0; position: absolute; z-index: 0; } .content-main .img-class img{ filter: url(filters.svg#grayscale); filter:gray; -webkit-filter: grayscale(1); } .content-main:hover .img-class img{ filter:none; -webkit-filter: grayscale(0); } .img-class-left { right: 0; } .img-class-right { left: 0; } .class-content { padding: 160px 185px 10px 0; text-align: right; color: #fff; position: relative; } .class-content-right { padding-left: 185px; padding-right: 0; text-align: left; } .class-content h3 { color: #000000; font-size: 48px; font-weight: bold; margin-bottom: 15px; } .class-content-text p { margin-bottom: 25px; } .join a, .watch-video a{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0); width: auto; display:inline-block; font-size:16px; height:42px; padding:0 20px; border:2px solid #fff; color:#fff; text-transform:uppercase; line-height:38px; position:relative; transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; } .join a:hover, .watch-video a:hover{ color:#e5cf00; } .join a:after, .watch-video a:after { content: ""; height: 0; left: 0; position: absolute; top: 0; transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; width: 100%; z-index: -1; background:#fff; } .join a:hover:after, .watch-video a:hover:after { height:100%; } /* Fit & Strong block*/ .fit-strong { background: url("../images/onepage/bg_free-text.jpg") no-repeat scroll center center rgba(0, 0, 0, 0); padding-bottom: 30px; position: relative; z-index: 1; background-size:100% auto; } .fit-strong-left, .fit-strong-right{margin-top:100px; margin-bottom:30px;} .fit-strong-top { padding-bottom: 43px; } .fit-background { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2); height: 444px; position: absolute; right: 0; top: -33px; width: 300px; } .fit-strong-left .carousel { height: 400px; overflow: hidden; } .fit-strong-left .carousel-inner { overflow: visible; } .fit-strong-left .carousel-indicators { bottom: 10px; left: auto; margin-left: 0; right: 22px; top: 83px; width: auto; } .fit-strong-left .carousel-indicators li { background: none repeat scroll 0 0 #555; border: medium none; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; display: inherit; height: 9px; width: 9px; margin: 5px; } .fit-strong-left .carousel-indicators .active { background: none repeat scroll 0 0 #fff; margin: 5px; } .carousel-text .owl-carousel { display: block; left: 50%; margin-left: -94px; opacity: 1; position: relative; width: 250px; } .slide-caption { width: 250px; } .owl-controls.clickable { position: absolute; right: 23px; top: 85px; z-index: 99; } .more-views .clickable { display: none !important; } .owl-page { background: none repeat scroll 0 0 #555; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; height: 9px; margin-bottom: 5px; width: 9px; } .owl-page.active { background: none repeat scroll 0 0 #fff; } .fit-strong-bottom h4 { font-size: 14px !important; line-height: 24px; padding-top: 20px; } .fit-strong-bottom p{font-size:12px} .fit-strong-right { background: none repeat scroll 0 0 rgba(36, 36, 36, 0.5); margin-left: -5px; margin-right: -5px; } .fit-strong-right .text-box { padding: 30px 60px;z-index: 2;position: relative; } .text-box h5 { color: #e5cf00; margin: 30px 0; text-transform: uppercase; } .text-box span { font-size:24px; } .img-box-right { background: none repeat scroll 0 0 #e5cf00; position: relative; width: 100%; height:185px;margin-bottom:125px; } .img-box-right-border{ border-bottom: 125px solid transparent; border-left-style:solid; border-left-color:#e5cf00; border-right: 0 solid #e5cf00; bottom: -125px; height: 0; left: 0; position: absolute; width: 0; } .img-box-right img { display: inline-block; margin-left: -15px; margin-top: -40px; position: relative; z-index: 2; } .img-box-right .open-hour { position: absolute; right: 5%; top: 50px; z-index: 9; } .img-box-right .open-hour .fa{ float: left; font-size: 48px; padding-right: 10px; line-height: 70px; } .open-hours-title{float: left;} .open-hours-title h4 { font-size: 24px; margin-bottom: 0; } .open-hours-title p{font-size:14px;text-transform: uppercase;} /* About */ .about { background: #242424; position: relative; } .about-top { background: url("../images/bg-position-3.jpg") repeat-x scroll center top transparent; padding-bottom: 30px; position: relative; background-size:100% auto; } .about-top:before{ position:absolute; z-index:0; content:''; width:100%; height:60%; bottom:0; left:0; background: linear-gradient(90deg, #242424 , transparent); background: -o-linear-gradient(90deg, #242424 , transparent); background: -moz-linear-gradient(90deg, #242424 , transparent); background: -webkit-linear-gradient(90deg, #242424 , transparent); } .title-page { padding-bottom: 20px; padding-top: 50px; text-align: center; } .title-page h3 { margin-bottom: 15px; font-size:36px; } .box-left{ padding: 22px 16px; text-align: right; } .box-left .icon{ float: right; text-align: right; } .box-left .icon .fa, .box-right .icon .fa { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; font-size: 28px !important; height: 70px !important; line-height: 70px !important; margin: 10px 0 0 !important; position: relative; text-align: center; width: 70px !important; } .box-left .icon .fa, .box-right .icon .fa{ background: none repeat scroll 0 0 #e5cf00; } .box-left .icon .fa:after, .box-right .icon .fa:after { border-color: #e5cf00 transparent transparent; border-style: solid; border-width: 14px; content: "" !important; position: absolute; right: -14px; top: 0; } .box-left .icon .fa:after, .box-right .icon .fa:after{ border-top-color: #e5cf00; } .box-left .icon .fa, .box-right .icon .fa{ color: #fff; font-size: 20px; line-height: 40px; margin-top: 12px; width: 40px; } .box-left .content-about, .box-right .content-about { margin: 0 85px 0 0 !important; } .box-right { text-align: left; padding: 22px 16px; } .box-right .icon { float: left; text-align: center; } .box-right .icon .fa:after { left: -14px; right: auto; } .box-right .content-about {margin: 0 0 0 85px !important;} .about-con{ } .about-btm-left, .about-btm-center{ background: none repeat scroll 0 0 #fff7f8; color: #5d5d5d; -webkit-transition: -webkit-transform 0.5s ease; -moz-transition: -moz-transform 0.5s ease; -ms-transition: -ms-transform 0.5s ease; -o-transition: -o-transform 0.5s ease; transition: transform 0.5s ease; } .about-bottom {background:#242424;} .about-bottom:before { background: url("../images/bg-position-2-before.png") repeat-x scroll center bottom transparent; bottom: 0; content: ""; height: 182px; left: 0; position: absolute; width: 100%; z-index: 2; } .about-bottom { position: relative; } .block-item-special > .about-box{ transform:translateY(-80px); -o-transform:translateY(-80px); -ms-transform:translateY(-80px); -moz-transform:translateY(-80px); -webkit-transform:translateY(-80px); } .about-con .about-box{ -webkit-transition: -webkit-transform 0.5s ease; -moz-transition: -moz-transform 0.5s ease; -ms-transition: -ms-transform 0.5s ease; -o-transition: -o-transform 0.5s ease; transition: transform 0.5s ease; background:#fff7f8; color:#5d5d5d; } .hour, .news, .contact-us { padding-bottom: 20px; padding-top: 90px; } .about-bottom-title h4 { background: none repeat scroll 0 0 #e5cf00; color: #fff; font-size: 18px; line-height: 1; margin: 0; padding: 15px 5px 15px 25px; } .working-hours { color: #6a6a6a; padding: 8px 25px; } .working-hours p { padding: 9px 0 8px; } .time-hours-item{ border-bottom: 1px solid #ece6e7; font-size: 14px; padding: 8px 0; text-transform: uppercase; } .time-hours-item span { float: right; } .news-content ul { background: none repeat scroll 0 0 #fff7f8; color: #5d5d5d; list-style: outside none none; margin: 0; padding: 11px 13px; } .news-item-inner{ padding: 13px 10px; } .news-date{ background: none repeat scroll 0 0 #e5cf00; color: #fff; float: left; margin-top: 6px; padding: 0 5px; text-align: center; text-transform: uppercase; width: 53px; } .news-day { border-bottom: 1px solid rgba(255, 255, 255, 0.2); font-size: 24px; font-weight: bold; line-height: 1; padding: 9px 0 1px; } .news-month { font-size: 14px; line-height: 1; padding: 3px 0 15px; } .news-info { margin-left: 80px; } .news-title a { font-size: 14px; text-transform: uppercase; color:#e5cf00; } .news-time p { color: #5d5d5d; } .latest-news-item { border-bottom: 1px solid #ece6e7; padding-top: 8px; } .latest-news-item:hover{background:#ededed;} /*--------------------------------------------Page Boxing-------------------------------------*/ /*-------------------------------------Up Coming Event----------------------------*/ .event-box .col-main{float:right;} .event-box .col-md-9, .event-box .col-md-12, .event-box .col-md-4, .event-box .col-md-8, .event-box .col-md-6{ padding:0; } .col-main { float: right !important; } .col-left.sidebar { overflow: hidden; } .boxing-content { padding: 100px 0; overflow: hidden; } .col2-layout .col-main{padding-left: 20px;} .reviews-content { background: none repeat scroll 0 0 #141414; margin-bottom: 25px; } .gallery{height:343px;} .gallery .gallery-background{position:relative;} .gallery .gallery-content { margin-left: 30px; position: absolute; top: 100px; width: 50%; } .gallery .title-gallery{ background: none repeat scroll 0 0 #e5cf00; padding: 7px 10px; width: 84px; } .reviews-content .match-reviews h2, .reviews-content .match-reviews h3 { padding-left: 30px; } .coming-event { background: url("../images/boxing/bg_services.jpg") no-repeat scroll center center rgba(0, 0, 0, 0); overflow: hidden; position: relative; z-index: 0; min-height: 1000px; } .coming-event h2 { font-size: 24px; line-height: 1.5; margin-bottom: 30px; text-transform: uppercase; width: 275px; } .coming-event h3 { font-size: 14px; text-transform: uppercase; } .sidebar-top{background:#e5cf00;} .sidebar-top .timetable { margin-bottom: 25px; margin-top: 50px; text-align: center; } .sidebar-top .timetable .title span{font-size:72px; font-weight:700;} .sidebar-top .timetable .title p{font-size:14px; font-weight:700; text-transform:uppercase;} .sidebar-top .timetable .next i { font-size: 36px; font-weight: 700; margin-right: 10px; color:#bb121d; } .sidebar-bottom { background: none repeat scroll 0 0 rgba(17, 17, 17, 0.77); overflow: hidden; } .event-month { background: none repeat scroll 0 0 #e5cf00; padding: 63px 0 45px; text-align: center; } .event-month .table-cell span { font-size: 72px; font-weight: bold; } .event-month .table-cell p { font-size: 14px; text-transform:uppercase; } .event-month .next .fa { color: rgba(0, 0, 0, 0.5); font-size: 36px; margin-right: 10px; } .sidebar-bottom .up-coming{padding-bottom:20px;} .sidebar-bottom .up-coming h2 { font-size: 20px; font-weight: 700; margin: 0 0 10px; text-align: center; text-transform: uppercase; width: 100%; } .sidebar-bottom .up-coming { padding: 30px 0; } .up-coming .product-bottom { color: #7d7d7d; margin: 0 auto; width: 70px; } .sidebar-bottom .title-match { padding: 25px 0; text-align: center; } .index-boxing .parallax-content{text-align: right !important;} /*--------------------------------- Pricing Table -----------------------------------*/ .price-table, .our-team-page { background: none repeat scroll 0 0 #242424; padding-top: 35px; position: relative; z-index: 1; } .price-contents { overflow: hidden; padding: 50px 0; } .price-table .col-md-4:first-child{padding-left:0;} .price-tb .col-md-12:first-child{padding-left:0;} .price-tb-red .col-md-12:first-child{padding-left:0;} .price-tb-blue .col-md-12:first-child{padding-left:0;} .price-table-title h2{font-size:40px; text-transform: uppercase; text-align: center;} .price-table-title h3{font-size:14px; text-transform: uppercase; text-align: center;} .price-list { background: none repeat scroll 0 0 #1b1b1b; } .border { border: 1px solid; margin: 0 30px; width: 90px; } .border-bottom { border: 1px solid rgba(255,255,255,0.2); width: 80px; margin-bottom:15px; } .shop .border-bottom { border: 1px solid #fff; } .price-table-content-red{background:#ec3642;} .shop .price-table-content-red { background: none repeat scroll 0 0 #161616; margin: 50px 0; } .price-table-content-red { padding-left: 0 !important; } .shop .price-table-content-red:hover{background:#e5cf00;} .shop .price-table-content-red a { background: none repeat scroll 0 0 #ec3642; border: 2px solid #ec3642; padding: 13px 10px; } .shop .price-table-content-red a span{ padding-left:0; } .shop .price-table-content-red:hover .price-table-text a{ background:none; color:#ec3642; border: 2px solid #fff; } .price-table-content-red .price-table-img img{ filter: url(filters.svg#grayscale); filter:gray; -webkit-filter: grayscale(1); } .price-table-content-blue{background:#4ea7ff;} .shop .price-table-content-blue { background: none repeat scroll 0 0 #161616; margin: 50px 0; } .price-table-content-blue { padding-left: 0 !important; } .shop .price-table-content-blue:hover{background:#4ea7ff;} .shop .price-table-content-blue a { background: none repeat scroll 0 0 #e5cf00; border: 2px solid #4ea7ff; padding: 13px 10px; } .shop .price-table-content-blue a span{ padding-left:0; } .shop .price-table-content-blue:hover .price-table-text a{ background:none; color:#4ea7ff; border: 2px solid #fff; } .price-table-content-blue .price-table-img img{ filter: url(filters.svg#grayscale); filter:gray; -webkit-filter: grayscale(1); } .price-table-content{background:#e5cf00;} .shop .price-table-content { background: none repeat scroll 0 0 #161616; margin: 50px 0; } .price-table-content { padding-left: 0 !important; } .shop .price-table-content:hover{background:#e5cf00;} .shop .price-table-content a { background: none repeat scroll 0 0 #e5cf00; border: 2px solid #e5cf00; padding: 13px 10px; } .shop .price-table-content a span{ padding-left:0; } .shop .price-table-content:hover .price-table-text a{ background:none; color:#e5cf00; border: 2px solid #fff; } .price-table-content .price-table-img img{ filter: url(filters.svg#grayscale); filter:gray; -webkit-filter: grayscale(1); } .price-tb:hover .price-table-img img{ filter:none; -webkit-filter: grayscale(0); } .price-tb-red:hover .price-table-img img{ filter:none; -webkit-filter: grayscale(0); } .price-tb-blue:hover .price-table-img img{ filter:none; -webkit-filter: grayscale(0); } .price-table-img { float: left; position: absolute; } .price-table-text { height: 254px; left: 30%; overflow: hidden; position: relative; width: 73%; } .price-table-text h3{font-size: 14px;} .price-table-text h2 { font-size: 23px; margin-top: 10px; text-align: left; } .price-table-text p{padding-bottom:10px;} .price-table-text .price { border: 2px solid; float: left; font-size: 24px; padding: 7px 10px; text-align: center; width: 70px; } .price-table-text a span { color: #fff; font-size: 14px; line-height: 40px; padding-left: 10px; text-transform: uppercase; } .price-bottom{ background: none repeat scroll 0 0 #141414; padding-right: 0 !important; } .price-table-1 {padding-top: 20px;} .price-table-1 ul { border-bottom: 1px solid #2d2d2d; list-style: outside none none; padding: 0 0 10px; } .price-table-1 ul li { color: #a5a5a5; display: inline-block; font-size: 13px; text-transform: uppercase; } .price-table-1 ul li { padding-left: 10px; } .price-table-1 ul .icon { border-right: 1px solid #2d2d2d; text-align: center; width: 25%; padding:0; } .plan { border: 2px solid #e5cf00; font-size: 14px; margin: 0 0 20px; padding: 9px; text-align: center; text-transform: uppercase; } .plan-red { border: 2px solid #ec3642; font-size: 14px; margin: 0 0 20px; padding: 9px; text-align: center; text-transform: uppercase; } .plan-blue { border: 2px solid #4ea7ff; font-size: 14px; margin: 0 0 20px; padding: 9px; text-align: center; text-transform: uppercase; } .price-tb:hover .plan { background:#e5cf00; color:#fff; } .price-tb-red:hover .plan-red { background:#ec3642; color:#fff; } .price-tb-blue:hover .plan-blue { background:#4ea7ff; color:#fff; } /*---------------------------------------Training---------------------------------------*/ .training { background: none repeat scroll 0 0 #242424; position: relative; } .background-overlay { background: none repeat scroll 0 0 #e5cf00; opacity:0.8; } .background-overlay { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 50; } .parallax-text h1{font-size:50px} .parallax-text .button { border: 3px solid #ffffff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; color: #ffffff; padding: 10px 15px; text-align: center; } .parallax-text .button { border: 2px solid #fff; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; display: inline-block; font-size: 14px; height: 52px; line-height: 48px; margin: 40px 0 0; padding: 0 20px; text-transform: uppercase; } .parallax-text .button { border: 2px solid #fff; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; display: inline-block; font-size: 14px; height: 47px; line-height: 43px; margin-top: 20px; padding: 0 15px; position: relative; text-decoration: none !important; text-transform: uppercase; } .parallax-text .button{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0); overflow: hidden; padding: 0; position: relative; width:auto; transition: transform 0.3s ease 0s; -o-transition: -o-transform 0.3s ease; -ms-transition: -ms-transform 0.3s ease; -moz-transition: -moz-transform 0.3s ease; -webkit-transition: -webkit-transform 0.3s ease; } .parallax-text .open-btn:before { font-family: FontAwesome; font-size: 20px; height: 100%; left: 0; position: absolute; text-indent: 0 !important; top: 0; transform:translateX(-100%); transition: transform 0.5s ease; -o-transition: -o-transform 0.5s ease; -ms-transition: -ms-transform 0.5s ease; -moz-transition: -moz-transform 0.5s ease; -webkit-transition: -webkit-transform 0.5s ease; width: 100%; } .parallax-text .open-btn:before{ content:'\f144'; } .parallax-gallery .open-btn:before{ content:'\f03e'; } .parallax-text .button span{ backface-visibility: hidden; display: inline-block; height: 100%; transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; width: 100%; padding:0 20px; line-height: 44px; } .parallax-text .button:hover:before{ transform:translateX(0); -moz-transform:translateX(0); -webkit-transform:translateX(0); -ms-transform:translateX(0); -o-transform:translateX(0); } .parallax-text .button:hover span{ transform:translateX(200%); -moz-transform:translateX(200%); -webkit-transform:translateX(200%); -ms-transform:translateX(200%); -o-transform:translateX(200%); } .parallax-text h1{ margin-top: 0; padding-top: 0; } .parallax-text .open-btn span { color: #ffffff; text-align: center; border: medium none; } .strart-your { font-size: 24px; text-transform: uppercase; } /*---------------------------------------Time Table---------------------------------------*/ .timetable { background: none repeat scroll 0 0 #242424; padding-bottom: 40px; position: relative; z-index: 2; } .month { background: none repeat scroll 0 0 #e5cf00; height: 255px; padding: 20px; } .timetable-content .octember .table-cell { display: block; margin: 35px 23px 0; text-align: left; } .timetable-content .octember p { font-size: 36px; font-weight: normal; margin: 15px 0; text-transform: uppercase; } .timetable-content .octember .next i { font-size: 36px; font-weight: normal; border: 1px solid rgba(255, 255, 255, 0.2); font-size: 36px; padding: 2px 13px; } .timetable-content .octember .icon-wrap:hover { background:#fff; color:#e5cf00; } .timetable-top .box-content { bottom: 0; height: auto; left: 0; margin: 0; position: absolute; right: 0; text-align: center; top: 0; } .cms-home .timetable-top .box-content{text-align: left;} .timetable-top .box-content:hover { opacity: 1; } .timetable-top .day { padding-bottom: 30px; } .timetable-cont{position: relative;overflow: hidden;} .timetable-cont img { height: auto; width: 100%; opacity:0.4; } .timetable-top .table:after { bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; transition: all 0.45s ease 0s; -o-transition: all 0.45s ease 0s; -ms-transition: all 0.45s ease 0s; -moz-transition: all 0.45s ease 0s; -webkit-transition: all 0.45s ease 0s; z-index: 0; } .timetable-top .table:before { background: none repeat scroll 0 0 #e5cf00; border: 1px solid #414141; bottom: 0; content: ""; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all 0.45s ease 0s; -o-transition: all 0.45s ease 0s; -ms-transition: all 0.45s ease 0s; -moz-transition: all 0.45s ease 0s; -webkit-transition: all 0.45s ease 0s; z-index: 0; } .timetable-top .table { display: table; height: 100%; width: 100%; } .timetable-top .table{ cursor:pointer; } .timetable-top .box-cell { cursor: pointer; display: block; margin: 20px 20px 0; position: relative; text-align: left; vertical-align: middle; z-index: 99; } .timetable-top .timetable-cont:hover .table:before{ left:0; top:0; right:0; bottom:0; opacity:1; } .timetable-info{ color:#fff; margin-top:14px; opacity: 0; transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); -moz-transform: scale(1.5); -webkit-transform: scale(1.5); transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; -o-transition: opacity 0.35s ease 0s, -o-transform 0.35s ease 0s; -ms-transition: opacity 0.35s ease 0s, -ms-transform 0.35s ease 0s; -moz-transition: opacity 0.35s ease 0s, -moz-transform 0.35s ease 0s; -webkit-transition: opacity 0.35s ease 0s, -webkit-transform 0.35s ease 0s; } .timetable-cont:hover .timetable-info{ opacity: 1; transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); } .timetable-top .time-table-title { font-size: 20px; font-weight: 600; text-transform: uppercase; } .timetable-top .time-table-title { color: #fff; display: block; font-weight: normal; left: 20px; position: absolute; top: 20px; } .timetable-top .time-table-title span { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); } .timetable-top .time-table-title span { display: inline-block; font-size: 14px; margin: 0; padding: 0; position: relative; } .timetable-content .octember span { font-size: 24px; font-weight: normal; } .owl-carousel{ display: block; float: left; opacity: 1; } .icon-wrap { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; margin-right: 7px; padding: 0; } .t-nav-next{ margin-right:0; margin-left:0; } .timetable-info .title-content span { font-size: 16px; padding-bottom: 3px; text-transform: uppercase; } .timetable_details a { border: 2px solid #fff; color: #fff; padding: 7px; text-transform: none; } .timetable_details a:hover { background:#fff; color:#e5cf00; } .timetable-content .border-bottom { border: 1px solid #fff; margin-bottom: 5px; margin-top: 5px; } /*---------------------------------------Our Price---------------------------------------*/ .our-pricing { background: none repeat scroll 0 0 #e5cf00; overflow: hidden; position: relative; } .our-pricing-title { z-index: 99; } .ch-item { position:relative !important; padding:0; display:block; overflow:visible; } .ch-info-wrap { background: none repeat scroll 0 0 #ffffff; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; perspective: 800px; position: absolute; left: 50%; margin-bottom: 0; margin-left: -85px; margin-right: auto; padding-top: 24px; top: 81px; width: 170px; height: 170px; z-index: 99; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; -webkit-perspective: 800px; -moz-perspective: 800px; -o-perspective: 800px; -ms-perspective: 800px; } .ch-info-back { padding:15px; text-align:center; } .ch-info-front { text-align:center; } .ch-info-back h2{ font-size:20px; margin-bottom:0; padding-bottom:0; color:#e5cf00; font-weight:bold; } .ch-info-back p { color:#ffffff; } .ch-info-front h3 { font-size:20px; color:#222222; font-weight:bold; } .ch-info{ position: absolute; width: 100%; height: 200px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; } .ch-info > div { display: block; position: absolute; width: 100%; height: 100%; background-position: center center; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } .ch-info .ch-info-back { background-color: #e5cf00; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; height: 170px; top: -24px; width: 170px; } .ch-info .ch-info-back { -webkit-transform: rotate3d(0,1,0,180deg); -moz-transform: rotate3d(0,1,0,180deg); -o-transform: rotate3d(0,1,0,180deg); -ms-transform: rotate3d(0,1,0,180deg); transform: rotate3d(0,1,0,180deg); } .ch-item:hover .ch-info { -webkit-transform: rotate3d(0,1,0,-180deg); -moz-transform: rotate3d(0,1,0,-180deg); -o-transform: rotate3d(0,1,0,-180deg); -ms-transform: rotate3d(0,1,0,-180deg); transform: rotate3d(0,1,0,-180deg); } .our-pricing-title h2 { color: #e5cf00; font-size: 40px; font-weight: bold; } .our-pricing-title h3{font-size:20px;color: #e5cf00;} .ch-item:hover .ch-info-back h2 { color: #fff; font-size: 40px; font-weight: bold; } .ch-item:hover .ch-info-back h3{font-size:20px;color: #fff;} .our-price { padding: 0!important; } .our-price h3 { font-size: 30px; font-weight: bold; margin-bottom: 20px; margin-top: 35px; } .boxing-card .boxing-card-content { margin-right: 10px; text-align: right; } .our-price .boxing-card-content p{ float: right; width: 62%; } .boxing-card-content .price, .yoga-card-content .price { float: right; margin-top: 5px; padding-bottom: 20px; width: 100%; } .boxing-card-content .price span, .yoga-card-content .price span { font-size: 24px; font-weight: 700; padding: 0 20px; } .our-pricing .our-price img{ width:100%; } .shopping-buy { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; color: #ffffff; padding: 10px 15px; text-align: center; } .shopping-buy { border: 2px solid #fff; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; display: inline-block; font-size: 14px; height: 40px; line-height: 36px; padding: 0 15px; position: relative; text-decoration: none !important; text-transform: uppercase; } .shopping-buy{ overflow: hidden; padding: 0; position: relative; transition: transform 0.3s ease 0s; -o-transition: -o-transform 0.3s ease; -ms-transition: -ms-transform 0.3s ease; -moz-transition: -moz-transform 0.3s ease; -webkit-transition: -webkit-transform 0.3s ease; } .shopping-buy:before { font-family: FontAwesome; font-size: 20px; height: 100%; left: 0; position: absolute; text-indent: 0 !important; top: 0; transform:translateX(-100%); transition: transform 0.5s ease; -o-transition: -o-transform 0.5s ease; -ms-transition: -ms-transform 0.5s ease; -moz-transition: -moz-transform 0.5s ease; -webkit-transition: -webkit-transform 0.5s ease; width: 100%; } .shopping-buy:before{ content:'\f07a '; } .shopping-buy span{ backface-visibility: hidden; display: inline-block; height: 100%; transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; width: 100%; padding:0 20px; } .shopping-buy:hover:before{ transform:translateX(0); -moz-transform:translateX(0); -webkit-transform:translateX(0); -ms-transform:translateX(0); -o-transform:translateX(0); } .shopping-buy:hover span{ transform:translateX(200%); -moz-transform:translateX(200%); -webkit-transform:translateX(200%); -ms-transform:translateX(200%); -o-transform:translateX(200%); } .yoga-content .yoga-card-content { margin-left: 10px; } .our-price .yoga-card-content p{ float: left; width: 62%; } .yoga-content { background: url("../images/image_split.png") no-repeat scroll left bottom transparent; overflow: hidden; } .yoga-content .cart { float: left; width: 100%; padding-bottom: 20px; } .yoga-content i { border: 2px solid #fff; font-size: 18px; padding: 6px 20px; } /*--------------------------------------- Athlete Class ---------------------------------------*/ .classes { background: none repeat scroll 0 0 #242424; position: relative; z-index: 1; } .classes-content .filters { margin-bottom: 29px; text-align: center; } .isotope { z-index: 0; } .box-inner { position: relative; } .box-inner { overflow: hidden; text-align: center; z-index: 999; } .one-page .box-inner { margin: 0; } #grid .mix { display:inline-block !important; } .classes-content .filter { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: 1px solid rgba(255, 255, 255, 0.4); display: inline-block; font-size: 14px; height: 31px; line-height: 29px; margin: 0 5px 10px; padding: 0 20px; text-transform: none; width: auto; } .classes-content .filter.is-checked, .classes-content .filter:hover { background: none repeat scroll 0 0 #e5cf00; border: 1px solid #e5cf00; } .box-details{ color:#e5cf00; text-transform:uppercase; margin-top:10px; opacity: 0; transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); -moz-transform: scale(1.5); -webkit-transform: scale(1.5); transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; -o-transition: opacity 0.35s ease 0s, -o-transform 0.35s ease 0s; -ms-transition: opacity 0.35s ease 0s, -ms-transform 0.35s ease 0s; -moz-transition: opacity 0.35s ease 0s, -moz-transform 0.35s ease 0s; -webkit-transition: opacity 0.35s ease 0s, -webkit-transform 0.35s ease 0s; } .box-details a{color:#e5cf00;} .box-text{ color:#fff; margin-top:14px; opacity: 0; transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); -moz-transform: scale(1.5); -webkit-transform: scale(1.5); transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; -o-transition: opacity 0.35s ease 0s, -o-transform 0.35s ease 0s; -ms-transition: opacity 0.35s ease 0s, -ms-transform 0.35s ease 0s; -moz-transition: opacity 0.35s ease 0s, -moz-transform 0.35s ease 0s; -webkit-transition: opacity 0.35s ease 0s, -webkit-transform 0.35s ease 0s; } .box-inner{ text-align:center; z-index:10; overflow:hidden; } .box-inner img{ width:100%; } .classes-content .title a{ margin:0; transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transition: transform 0.45s ease 0s; -o-transition: -o-transform 0.45s ease 0s; -ms-transition: -ms-transform 0.45s ease 0s; -moz-transition: -moz-transform 0.45s ease 0s; -webkit-transition: -webkit-transform 0.45s ease 0s; } .classes-content .mix { font-size: 15px; margin: 15px 0; } .class-our .mix { font-size: 12px; margin: 0; } .one-page .classes-content .mix { padding: 0; } .classes-content .box-content { bottom: 0; height: auto; left: 0; margin: 0; position: absolute; right: 0; text-align: center; top: 0; } .classes-content .times-table span { font-size: 24px; font-weight: normal; } .classes-content .times-table p { font-size: 36px; font-weight: normal; text-transform: uppercase; } .classes-content .times-table .next i { border: 1px solid #fff; font-size: 36px; font-weight: normal; margin-right: 10px; padding: 2px 13px; } .classes-content .title a span{ background:none; border:2px solid #fff; } .classes-content .title a span { display: inline-block; font-size: 18px; margin: 0; padding: 5px 11px; position: relative; color:#fff; text-transform: uppercase; } .classes-content .box-cell{ position:relative; z-index:99; margin: 60px 35px 0; display: block !important; } .box-inner:hover .box-text, .box-inner:hover .box-details{ opacity: 1; transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); } .classes-content .table{ cursor:pointer; } .classes-content .table:after{ position:absolute; content:''; left:0; top:0; right:0; bottom:0; z-index:0; transition: all 0.45s ease 0s; -o-transition: all 0.45s ease 0s; -ms-transition: all 0.45s ease 0s; -moz-transition: all 0.45s ease 0s; -webkit-transition: all 0.45s ease 0s; } .classes-content .table:before{ position:absolute; content:''; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0, 0.6); z-index:0; border:1px solid #414141; transition: all 0.45s ease 0s; -o-transition: all 0.45s ease 0s; -ms-transition: all 0.45s ease 0s; -moz-transition: all 0.45s ease 0s; -webkit-transition: all 0.45s ease 0s; opacity:0; } .classes-content .box-inner:hover .table:before{ left:20px; top:20px; right:20px; bottom:20px; opacity:1; } .box-inner:hover .title a{ transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); } /*---------------------------------------Our Success ---------------------------------------*/ .table-success { background: none repeat scroll 0 0 #242424; z-index: 1; position: relative; } .our-success { max-width: 100%; background: url("../images/onepage/free-text.png") no-repeat scroll center center rgba(0, 0, 0, 0); text-align: center; background-size:100% auto; } .success { border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding: 60px 0; } .our-succes-top{padding-top:75px;} .succes-link { padding: 10px 0; } .our-succes-bottom {margin-bottom:35px;} .success h5 { text-transform: uppercase; } .success p{ text-transform: uppercase; font-size:12px; } .success p span{ color: #e5cf00; } .success a { color: #fff; font-size: 36px; } .success a:hover { color: #e5cf00; } /*---------------------------------------Facts ---------------------------------------*/ .facts{ background: url("../images/onepage/fun-facts.jpg") no-repeat scroll center center; position:relative; } .facts-page { overflow: hidden; padding: 70px 0; position: relative; z-index: 99; } .facts-page .title-page { padding-top:0; } .facts-content { background: rgba(255, 255, 255, 0.1); margin-bottom: 30px; padding: 20px 11px; } .facts-icon { float: left; font-size: 60px; padding-right: 20px; } .count{ font-size: 40px; font-weight: bold; } .count .facts-border{ border-bottom: 1px solid; overflow: hidden; padding-top: 13px; width: 24%; } .facts-text { font-size: 20px; padding-top: 10px; white-space: nowrap; } /*---------------------------------------End Facts ---------------------------------------*/ /*---------------------------------------Our Team ---------------------------------------*/ .content-our-team.our-team-tabs { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; color: #fff; margin: 0; padding: 0; } .our-team .content-our-team.our-team-tabs { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .content-our-team.our-team-tabs .our-team-pane { background: none repeat scroll 0 0 #e5cf00; color: #fff; padding: 0; } .content-our-team.our-team-tabs.our-team-img { padding: 0; } .content-our-team.our-team-tabs .detail-our-team { padding: 0; } .detail-our-team-inner { padding: 38px 30px 10px; } .detail-our-team-desc { font-size: 24px; line-height: 48px; } .detail-our-team-user { font-size: 20px; padding-top: 25px; } .detail-our-team-pos { font-size: 14px; padding-top: 8px; } .our-team-panes p{margin:0;} .content-our-team.our-team-tabs .our-team-nav span { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; color: #fff; line-height: 1; min-height: 0; padding: 0; text-align: center; text-transform: uppercase; } .content-our-team.our-team-tabs .our-team-nav > span:hover, .content-our-team.our-team-tabs .our-team-nav > span.our-team-current { background: none repeat scroll 0 0 #e5cf00; padding: 35px 0 32px; } .content-our-team.our-team-tabs .our-team-nav span { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius:0; -ms-border-radius: 0; -o-border-radius: 0; color: #fff; line-height: 1; min-height: 0; padding: 0; text-align: center; text-transform: uppercase; } .content-our-team.our-team-tabs .our-team-nav span.our-team-name { background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; display: block; font-size: 12px; line-height: 1; } .content-our-team.our-team-tabs .our-team-nav span.our-team-position { background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; display: block; font-size: 30px; line-height: 1; } .content-our-team.our-team-tabs .our-team-nav span.our-team-name + span.our-team-position { padding-top: 8px; } .yoga-trainer, .boxing-trainer { margin-left: -4px; } .our-team-tabs .our-team-img{padding:0;} .our-team-head { padding: 15px 15px 30px; background: #242424; position: relative; } .headding-title{margin-bottom:20px;} .headding-bottom { border-bottom: 3px solid rgba(255, 255, 255, 0.2); width: 70px; } .headding-content { padding-left: 0; overflow: hidden; } .headding-content li { width:100%; overflow: hidden; } .headding-content .icon-headding { background: none repeat scroll 0 0 #e5cf00; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; float: left; height: 35px; margin-right: 20px; margin-top: 15px; overflow: hidden; text-align: center; width: 35px; } .headding-content .icon-headding .fa { font-size: 20px; line-height: 35px; } .headding-content .cont-headding { float: left; overflow: hidden; } .headding-content span{color:#e5cf00;} .cont-headding > h5 { font-size: 12px; text-transform: uppercase; } .cont-headding a{color:#fff;} .headding-bottom p{padding-bottom: 25px;} /*tab style*/ .our-team-clear:before, .our-team-clear:after { display: table; content: " "; } .our-team-clear:after { clear: both; } .our-team-tabs { margin: 0 0 1.5em 0; padding: 3px; } .our-team-nav span { display: inline-block; margin-right: 3px; padding: 10px 15px; font-size: 13px; min-height: 40px; line-height: 20px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; color: #333; cursor: pointer; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s; } .our-team-nav span:hover { background: #f5f5f5; } .our-team-nav span.our-team-current { background: #fff; cursor: default; } .our-team-nav span.bt-tabs-disabled { opacity: 0.5; filter: alpha(opacity=50); cursor: default; } .our-team-nav span i.fa{ margin-right: 5px; } .bt-tabs-vertical:before, .bt-tabs-vertical:after, .bt-tabs-vertical-right:before, .bt-tabs-vertical-right:after{ content: " "; display: table; } .bt-tabs-vertical:after , .bt-tabs-vertical-right:after { clear: both; } .bt-tabs-vertical .our-team-nav, .bt-tabs-vertical-right .our-team-nav { float: left; width: 30%; } .bt-tabs-vertical .our-team-nav span, .bt-tabs-vertical-right .our-team-nav span { display: block; margin-right: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px; } .bt-tabs-vertical .our-team-panes, .bt-tabs-vertical-right .our-team-panes { float: left; width: 70%; } .bt-tabs-vertical .our-team-pane, .bt-tabs-vertical-right .our-team-pane { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .our-team-nav, .our-team-nav span, .our-team-panes, .our-team-pane { -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; } .our-team-bottom .our-team-nav span{ border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .bt-tabs-vertical-right .our-team-nav span{ border-top-left-radius: 0px; border-top-right-radius: 3px; border-bottom-left-radius: 0px; border-bottom-right-radius: 3px; } .our-team-fit .our-team-nav span{ margin-right: 0px; } /*------Accordion --------------------------------*/ .bt-accordion{ margin-bottom: 20px; } .bt-spoiler{ margin-top: 10px; } .bt-spoiler:first-child{ margin-top: 0; } .bt-spoiler-title{ height: 30px; border: 1px solid #e8e8e8; font-size: 16px; color: #333333; line-height: 30px; padding-left: 10px; cursor: pointer; } .bt-spoiler-title i{ margin-right: 10px; } .bt-spoiler-content{ padding: 10px; background: #fdfdfd; border: 1px solid #e8e8e8; border-top: none; font-size: 13px; color: #333333; line-height: 24px; } .bt-spoiler-collapse{ font-size: 15px; font-family: FontAwesome; float: right; margin-right: 10px; } .bt-accordion-plus .bt-spoiler-collapse:before { content: "\f067"; } .bt-accordion-plus .bt-spoiler-opened .bt-spoiler-collapse:before { content: "\f068"; } .bt-accordion-plus-circle .bt-spoiler-collapse:before { content: "\f055"; } .bt-accordion-plus-circle .bt-spoiler-opened .bt-spoiler-collapse:before { content: "\f056"; } .bt-accordion-plus-square-1 .bt-spoiler-collapse:before { content: "\f0fe"; } .bt-accordion-plus-square-1 .bt-spoiler-opened .bt-spoiler-collapse:before { content: "\f146"; } .bt-accordion-plus-square-2 .bt-spoiler-collapse:before { content: "\f196"; } .bt-accordion-plus-square-2 .bt-spoiler-opened .bt-spoiler-collapse:before { content: "\f117"; } .bt-accordion-arrow .bt-spoiler-collapse:before { content: "\f061"; } .bt-accordion-arrow .bt-spoiler-opened .bt-spoiler-collapse:before { content: "\f063"; } .bt-accordion-arrow-circle-1 .bt-spoiler-collapse:before { content: "\f0a9"; } .bt-accordion-arrow-circle-1 .bt-spoiler-opened .bt-spoiler-collapse:before { content: "\f0ab"; } .bt-accordion-arrow-circle-2 .bt-spoiler-collapse:before { content: "\f18e"; } .bt-accordion-arrow-circle-2 .bt-spoiler-opened .bt-spoiler-collapse:before { content: "\f01a"; } .bt-accordion-chevron .bt-spoiler-collapse:before { content: "\f054"; } .bt-accordion-chevron .bt-spoiler-opened .bt-spoiler-collapse:before { content: "\f078"; } .bt-accordion-chevron-circle .bt-spoiler-collapse:before { content: "\f138"; } .bt-accordion-chevron-circle .bt-spoiler-opened .bt-spoiler-collapse:before { content: "\f13a"; } .bt-accordion-caret .bt-spoiler-collapse:before { content: "\f0da"; } .bt-accordion-caret .bt-spoiler-opened .bt-spoiler-collapse:before { content: "\f0d7"; } .bt-accordion-caret-square .bt-spoiler-collapse:before { content: "\f152"; } .bt-accordion-caret-square .bt-spoiler-opened .bt-spoiler-collapse:before { content: "\f150"; } .bt-accordion-folder-1 .bt-spoiler-collapse:before { content: "\f07b"; } .bt-accordion-folder-1 .bt-spoiler-opened .bt-spoiler-collapse:before { content: "\f07c"; } .bt-accordion-folder-2 .bt-spoiler-collapse:before { content: "\f114"; } .bt-accordion-folder-2 .bt-spoiler-opened .bt-spoiler-collapse:before { content: "\f115"; } /*** QUOTE **/ .bt-quote{ margin-bottom: 20px; } .bt-quote p{ margin: 0; } .bt-quote-default .bt-quote-inner p:before { background-position: 0 0; left: 0; top: 0; } .bt-quote-default .bt-quote-inner p:before, .bt-quote-default .bt-quote-inner p:after { background-image: url("../images/quote.png"); content: ""; display: block; height: 20px; position: absolute; width: 20px; } .bt-quote-default .bt-quote-inner p:after { background-position: -20px 0; bottom: 0; right: 0; } .bt-quote-default .bt-quote-inner p{ font-style: italic; margin-bottom: 1.5em; padding: 0.5em 3em; position: relative; } .bt-quote-default .bt-quote-author { font-style: normal; display: block; text-align: right; margin-right: 50px; } .bt-quote-big-quote{ background: #f7f7f7; padding: 50px; position: relative; } .bt-quote-big-quote .bt-quote-inner{ position: relative; z-index: 1; } .bt-quote-big-quote:before{ background-image: url("../images/big_quote.png"); content: ""; display: block; height: 150px; position: absolute; width: 150px; top: -20px; right: -20px; } .bt-quote-big-quote .bt-quote-author{ text-align: right; display: block; margin-top: 20px; } .bt-quote .bt-quote-author i{ margin-right: 5px; } .bt-quote-box{ border-left: 5px solid #e2e2e2; } .bt-quote-box .bt-quote-inner{ border: 1px solid #e2e2e2; bordef-left: none; background: #fcfcfc; color: #888888; padding: 20px; } .bt-quote-box .bt-quote-box-icon{ font-size: 2em; float: left; } .bt-quote-box p{ margin: 0; margin-left: 2.5em; } .bt-quote-border-left{ padding: 20px; border-left: 3px solid #e2e2e2; color: #888888; } /*---------------------------------------Contact Form---------------------------------------*/ .contact .our-team-head { padding: 60px 0 30px; } .contact-form { background: none repeat scroll 0 0 #1b1b1b; padding-bottom: 30px; position: relative; } .main-contact-form{margin-top: 20px;} .contact { background: none repeat scroll 0 0 #1b1b1b; padding: 10px 16px 0; position: absolute; right: 0; top: 144px; z-index: 3; } .contact-submit .col-md-3{float:right;} .control { background: none repeat scroll 0 0 #232323; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; padding: 6px; width: 100%; } .form-submit { margin: 0 !important; padding: 0!important; } .btn-submit { background: none repeat scroll 0 0 #e5cf00; border: medium none; color: #fff; font-size: 14px; padding: 7px; text-align: left; text-transform: uppercase; width: 100%; } .main-contact-form textarea { height: 120px; } .our-partners { margin-bottom: 30px; } .brand .col-md-2{padding-left: 0;} .contact-map { max-width: 100%; width: 100%; } #map{ height: 460px; width:100%; } .contact-map,.map-frame{min-height:230px} .map-frame-event{min-height:383px;} .event-content #map{ height: 385px; } .about-box #map{ height: 260px; } .contacts-us .contact-form{padding-bottom:0;} .btn-submit{ position:relative; } .btn-submit:after{ content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .btn-submit:before{ content: "\f003"; font-family: "FontAwesome"; font-size: 16px; position: absolute; left: 0px; top:5px; width:30%; color: #fff!important; } .btn-success:before{ content: "\f118"; } .btn-error:before { content: "\f119"; } .btn-success:after { content: "Success!"; -webkit-animation: moveUp 0.5s; -moz-animation: moveUp 0.5s; animation: moveUp 0.5s; } .btn-success, .btn-error { color: transparent!important; } .btn-success:after, .btn-error:after { z-index: 1; color: #fff!important; left: 30%; } .btn-success:after { content: "Success!"; -webkit-animation: moveUp 0.5s; -moz-animation: moveUp 0.5s; animation: moveUp 0.5s; } .btn-error { -webkit-animation: shake 0.5s; -moz-animation: shake 0.5s; animation: shake 0.5s; } .btn-error:after { content: "Error!"; -webkit-animation: scaleFromUp 0.5s; -moz-animation: scaleFromUp 0.5s; animation: scaleFromUp 0.5s; } /*---------------------------------------New Products---------------------------------------*/ .new-product { background: none repeat scroll 0 0 #242424; position: relative; } .title-name { background: url("../images/newproducts/bg_title.png") repeat-x scroll center center rgba(0, 0, 0, 0); padding: 20px 0; text-align: center; } .title-name h4 { border: 2px solid; font-size: 18px; font-weight: bold; margin: 0 auto; padding: 12px 19px; width: 185px; } .info-products { background: none repeat scroll 0 0 #161616; padding: 20px 15px; border-top: 1px solid rgba(255, 255, 255, 0.35); } .product-name{margin-bottom: 10px;} .product-name a { color: #fff; font-size: 16px; } .product-bottom { border-bottom: 2px solid rgba(255, 255, 255,1); margin-top: 5px; width: 50px; } .special-price { color: #e5cf00; font-size: 18px; padding-right: 20px; } .old-price{ color: #9a9a9a; font-size: 14px; text-decoration: line-through; } .product-image-wrapper { margin-bottom: 30px; position: relative; overflow: hidden; } .product-list .actions, .product-cart .actions { border-top: 1px solid rgba(23, 23, 23, 0.2); padding-top: 10px; } .product-image-wrapper:hover .price-box .special-price, .product-image-wrapper:hover .price-box .old-price{ color:#fff; } .details-products { padding: 20px 10px 10px; } .actions ul { margin: 0; padding: 0; } .actions ul li { display: inline-block; margin-right: 7px; text-align: center; } .actions ul li a{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0.15) ; color: #ffffff; display: block; font-size: 14px; height: 35px; line-height: 35px; text-align: center; width: 35px; } .arrows { display: block; left: 50%; margin-left: -13px; position: absolute; text-align: center; top: 150px; transition: transform 0.5s ease 0s; -moz-transition: transform 0.5s ease 0s; -webkit-transition: transform 0.5s ease 0s; -ms-transition: transform 0.5s ease 0s; -o-transition: transform 0.5s ease 0s; opacity: 0; } .arrows .fa { background: none repeat scroll 0 0 #e5cf00; color: #fff; font-size: 16px; padding: 12px 13px; } .product-overlay { opacity: 0; position: absolute; transition: transform 0.5s ease 0s; -moz-transition: transform 0.5s ease 0s; -webkit-transition: transform 0.5s ease 0s; -ms-transition: transform 0.5s ease 0s; -o-transition: transform 0.5s ease 0s; -width: 100%; } .product-image-wrapper:hover .product-overlay{ opacity: 1; transform: translateY(-148px); -o-transform: translateY(-148px); -ms-transform: translateY(-148px); -moz-transform: translateY(-148px); -webkit-transform: translateY(-148px); } .product-image-wrapper:hover .arrows{ opacity: 1; transform: translateY(-50px); -o-transform: translateY(-50px); -ms-transform: translateY(-50px); -moz-transform: translateY(-50px); -webkit-transform: translateY(-50px); } .discover { background: url("../images/bg-discover.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); position: relative; } .discover-content { margin: 70px 0; } .discover-link { color: #fff; float: left; font-size: 24px; font-weight: bold; margin-bottom: 15px; padding-top: 10px; width: 100%; } .discover .training-content h2 { font-size: 48px; font-weight: bold; } .discover .open-btn { border: 2px solid; line-height: 6; padding: 12px 13px; text-transform: uppercase; background: none repeat scroll 0 0 rgba(0, 0, 0, 0); } /*---------------------------------------Introduction---------------------------------------*/ .introduction { background: url("../images/bg_3.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0); max-width: 100%; background-size:100% auto; padding: 50px 0; position: relative; text-align: center; z-index: 1; } .introduction .title-page h3 { font-size: 30px; font-weight: bold; margin-bottom: 10px; margin-top: 10px; } .icon-img{ color: #fff; cursor: pointer; display: inline-block; font-size: 0; height: 70px; margin: 15px 30px; position: relative; text-align: center; width: 70px; z-index: 1; } .icon-img { box-shadow: 0 0 0 3px #fff; -moz-box-shadow: 0 0 0 3px #fff; -webkit-box-shadow: 0 0 0 3px #fff; -o-box-shadow: 0 0 0 3px #fff; -ms-box-shadow: 0 0 0 3px #fff; transition: color 0.3s ease 0s; -moz-transition: color 0.3s ease 0s; -webkit-transition: color 0.3s ease 0s; -o-transition: color 0.3s ease 0s; -ms-transition: color 0.3s ease 0s; } .icon-img:after { box-sizing: content-box; content: ""; height: 100%; position: absolute; width: 100%; } .icon-img:after { background: none repeat scroll 0 0 #fff; left: -2px; padding: 2px; top: -2px; transition: transform 0.2s ease 0s, opacity 0.2s ease 0s; -moz-transition: transform 0.2s ease 0s, opacity 0.2s ease 0s; -webkit-transition: transform 0.2s ease 0s, opacity 0.2s ease 0s; -o-transition: transform 0.2s ease 0s, opacity 0.2s ease 0s; -ms-transition: transform 0.2s ease 0s, opacity 0.2s ease 0s; z-index: -1; } .icon-img:hover:after { transform: scale(0.85); -moz-transform: scale(0.85); -webkit-transform: scale(0.85); -o-transform: scale(0.85); -ms-transform: scale(0.85); } .icon-img img { margin-top: 22px; } .introduction .intro-content { padding-bottom: 40px; padding-top: 20px; text-align: center; } .introduction .intro-content h4 { font-family: "Titillium Web"; font-size: 16px; font-style: normal; font-weight: 700; margin: 15px 0; } .introduction .intro-content p { font-family: 'Montserrat'; font-size: 12px; } /*---------------------------------------Services---------------------------------------*/ .services { background: url("../images/bg_services.jpg") no-repeat scroll center center rgba(255, 255, 255, 0.2); position: relative; background-size:100% auto; } .sevices-main { background: none repeat scroll 0 0 rgba(6, 6, 6, 0.5); border: 1px solid rgba(255, 255, 255, 0.1); margin-bottom: 70px; overflow: hidden; } .services .title-page h4 { font-size: 24px; font-weight: bold; } .services .title-page h4 span { border: 2px solid; padding: 5px 10px; } .services .col-md-3 { padding: 0; } .services .sevices-wapper { border: 1px solid rgba(255, 255, 255, 0.1); overflow: hidden; padding: 70px 0; } .services-content{ position: relative; text-align: center; transition: transform 0.4s ease 0s; -moz-transition: transform 0.4s ease 0s; -webkit-transition: transform 0.4s ease 0s; -o-transition: transform 0.4s ease 0s; -ms-transition: transform 0.4s ease 0s; } .services-content h4 { font-size: 16px; } .services-title { margin: 10px 0; } .services-content .actions p { margin-bottom: 1px; margin-top: 10px; } .border-title { width: 45px; margin: 10px auto 0; display:none; } .border-title-1 { border: 1px solid #fff; width: 45px; margin: 0 auto; } .sevices-wapper:hover{ background:#e5cf00; } .sevices-wapper .services-content:hover{ transform: translateY(-50px); -moz-transform: translateY(-50px); -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); -o-transform: translateY(-50px); } .sevices-wapper .services-content:hover .actions{ opacity: 1; } /*---------------------------------------News---------------------------------------*/ .home-v2 .news-page { background: none repeat scroll 0 0 #242424; padding-top: 0; position: relative; padding-bottom: 50px; } .news-page .col-md-4, .news-page .col-md-8 {padding-left:0;} .news-cont .title-page{text-align:left;} .news-cont .title-page h3 { font-weight: bold; margin: 7px 0; } .news-page-cont .news-text span{ font-weight:bold; } .news-wapper { overflow: hidden; padding: 15px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .news-wapper:last-child { border-bottom: none; } .news-wapper .details-news h6 { font-size:14px; text-transform:uppercase; } .news-wapper .details-news a { color: #fff; font-size: 24px; font-weight: bold; text-transform: uppercase; } .news-page .news-content{padding-top:15px;} .news-page .news-content ul { background: none; padding: 0; } .news-page .news-content ul .latest-news-item:hover{ background: none; } .news-page .latest-news-item { border-bottom: 1px solid rgba(255, 255, 255, 0.1); border-top:none; } .news-page .news-item-inner { padding: 0 0 10px; } .news-page .news-date { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); margin-top: 0; } .news-page .news-day { border:none; } .news-page .news-title a { color:#fff; } .news-title a:hover{color:#e5cf00;} .news-time p:hover{color:#5d5d5d !important;} /*---------------------------------------Page Home White---------------------------------------*/ .index-white{background:#fff;} .index-white .about-top { background: #fff; color:#555555; } .index-white .about-top:before { background:none; } .index-white .about-bottom:before { background: url("../images/bg-white.png") repeat-x scroll center bottom transparent; } .index-white .about-bottom, .index-white .timetable { background: none repeat scroll 0 0 #fff; } .index-white .parallax-block-content { text-align: center; } .index-white .title-page { color: #555555; } .index-white .timetable-cont img { opacity: 1; } .index-white .classes-content .box-cell { margin: 25px 25px 0; padding: 10px; } .index-white .box-inner { position: relative; z-index:99; } .index-white .timetable-top .time-table-title { left: 0; padding: 10px; text-align: left; top: 0; } .index-white .times-table { left: 30px !important; top: 30px !important; } .index-white .box-text { position: absolute; text-align: left; top: 55px; } .index-white .box-text a { color: #fff; font-size: 16px; text-transform: uppercase; } .index-white .classes-content .table:before { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2); border: 1px solid rgba(255, 255, 255, 0.3); } .index-white .timetable-top{ margin-bottom: 60px; } /*--------------------------------------- Shop-v2 ---------------------------------------*/ /*.slide-container { overflow: hidden; position:relative; }*/ .slider-content { left: 0; padding-left: 20px; position: absolute; top: 200px; z-index: 50; width: 82%; } .slider-content-left { margin: 0 0 0 auto; padding-right: 20px; right: 0; text-align: right; } .background-overlay { z-index:0; } .slider-banner-right .background-overlay { background: none repeat scroll 0 0 rgba(32, 32, 32, 0.67); } .shop-v2 .col-md-6{padding:0;} .slider-content-left .border-text { border: 2px solid; margin: 20px 5px 20px auto; text-align: right; width: 50px; } .slider-content-right .border-text { border: 2px solid; margin: 20px 20px 20px 5px; text-align: right; width: 50px; } .slider-content .title-slide { font-size: 50px; font-weight: bold; margin: 5px; } .slider-content .text-slide { font-size: 18px; margin: 5px; text-transform: uppercase; } .open-now{ padding-top: 30px; } .open-btn{ border: 2px solid; font-size: 16px; padding: 6px 10px; text-transform: uppercase; } /*--------------------------------Collection------------------------------*/ .collection .col-md-3{padding:0;} .collection-title { background: url("../images/bg-collection.png") no-repeat scroll center center rgba(255, 255, 255, 0.2); padding: 50px 0; text-align: center; } .product { border: 0.5px solid rgba(255, 255, 255, 0.2); margin-bottom: 30px; overflow: hidden; } .product .product-wrapper{ border: 0.5px solid rgba(255, 255, 255, 0.2); height: 300px; } .bottom { height: 500px; } /*---------------------------------------Page Our Class---------------------------------------*/ .page-heading { background:url("../images/bg-our-class.jpg") no-repeat center rgba(0, 0, 0, 0); background-size:100% 100%; } .page-heading .page-title h3{ font-size: 36px; } .categories { background: none repeat scroll 0 0 #121212; border-bottom: 1px solid rgba(135, 135, 135, 0.15); margin-top: -36px; } .categories .filter { border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; display: inline-block; font-size: 14px; padding: 1px 10px; text-decoration: none; } .categories .filter { background: none repeat scroll 0 center rgba(0, 0, 0, 0); border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; color: #fff; float: left; font-size: 14px; height: 60px; line-height: 60px; padding: 0 23px; border:none; border-right:1px solid rgba(255,255,255,0.2); text-transform: none; width: auto; } .categories .filter:hover, .categories .filter.is-checked { background: none repeat scroll 0 0 #e5cf00; text-transform: none; width: auto; color:#fff; } .breadcrumbs .container ul li{display:inline-block;padding-right: 10px;} .breadcrumbs .home a, .breadcrumbs .category-1 a{ color: #e5cf00; text-transform: none; } .breadcrumbs .category-2 {text-transform: none; color:#fff;} .page-content { position: relative; } .breadcrumbs { margin: 0 auto; position: absolute; top: -34px; width: 100%; z-index: 3; } .breadcrumbs ul{ background: none repeat scroll 0 0 #1b1b1b; display: inline-block; line-height: 1; position: relative; /*text-transform: uppercase;*/ margin: 0; padding: 11px 10px; } .breadcrumbs ul{ background: none repeat scroll 0 0 #1b1b1b; } .breadcrumbs ul:before { border-color: transparent transparent transparent #1b1b1b; border-style: solid; border-width: 14px; bottom: -14px; content: ""; left: 0; position: absolute; } .breadcrumbs ul:before { border-left-color: #1b1b1b; } .breadcrumbs ul { color: #e5cf00; width: 100%; } /*---------------------------------------End Our Class---------------------------------------*/ /*---------------------------------------Our Class Details---------------------------------------*/ .class-detail{ padding-top: 50px; } .banner-details .carousel-control span { background: none repeat scroll 0 0 #141414; font-size: 18px; height: 40px; padding-top: 10px; width: 40px; } .banner-details .carousel-control span:hover { background: none repeat scroll 0 0 #e5cf00; } .our-details { padding: 30px 0; } .content-page, .comments-content { background: none repeat scroll 0 0 #1b1b1b; padding: 15px; margin-top: 20px; overflow: hidden; } .content-page p { margin: 20px 0; } .class-details, .comments, .form-comment, .details-desc, .caveats, .share { overflow: hidden; width: 100%; } .details-desc-title { border-bottom: 1px solid rgba(255, 255, 255, 0.1); margin-bottom: 15px; } .class-details h5 { display: inline-block; width: 50%; } .rating { display: inline-block; float: right; text-align: right; width: 50%; } .rating span { color: #e5cf00; } .rating .votes { color: #fff; } .caveats-full { float: left; width: 50%; } .caveats-content { background: url("../images/canvat.png") no-repeat scroll right top #242424; float: right; margin-top: 30px; padding: 35px 0; width: 48%; } .caveats-full-1 { float: left; overflow: hidden; } .caveats-content p { font-size: 18px; margin: 0 auto; width: 71%; } .share { border-bottom: 1px solid rgba(255, 255, 255, 0.1); border-top: 1px solid rgba(255, 255, 255, 0.1); margin: 23px 0 33px; padding: 5px 0; } .share-title { color: #666666; float: left; width: 50%; } .share .social-icon { float: right; margin: 0; text-align: right; width: 50%; } .share .social-icon a { font-size: 14px; line-height: 34px; padding: 0 10px; } .share .social-icon a:hover { color:#e5cf00; } .share .social-icon .linkedin { padding-right:0; } .comments-title { background: none repeat scroll 0 0 #e5cf00; padding: 10px 15px; margin-top: 30px; } .comments-content { margin-top: 0; padding: 0; } .comments-content .answer, .comments-content .reply { border-bottom: 1px solid rgba(255, 255, 255, 0.1); overflow: hidden; padding: 25px 0; width: 100%; } .comments-content .reply img { float: right; } .content-cmt .name-cmt { color: #e5cf00; margin-right: 20px; } .content-cmt .date-cmt { border-right: 1px solid; color: #9e9e9e; margin-right: 5px; padding-right: 7px; } .content-cmt span a { color: #e5cf00; } .form-comment { padding: 20px; } .form-comment-title{ border-bottom: 1px solid rgba(255, 255, 255, 0.1); margin-bottom: 20px; } .form-validate-right, .form-validate-left { float: left; width: 50%; } .form-validate-left input { border: 1px solid rgba(255, 255, 255, 0.1); margin-bottom: 20px; padding: 5px 10px; width: 93%; background: none repeat scroll 0 0 #232323; } .form-validate-right .message .control { height: 143px; margin-bottom: 20px; } .form-submit .btn-submit{ font-size: 16px; text-align: center; } .contact-form .form-submit{ overflow:hidden; position:relative; } .class-trainer, .class-info{background: none repeat scroll 0 0 #1b1b1b;} .class-trainer-title { background: none repeat scroll 0 0 #e5cf00; padding-top: 20px; text-align: center; } .img-trainer img{ margin-bottom: -24px; } .class-trainer-content { padding: 35px 20px 20px; text-align: center; } .class-trainer-content .profile { border: 1px solid rgba(255, 255, 255, 0.1); padding: 7px 20px; text-transform: uppercase; } .class-trainer-content .profile:hover { background:#e5cf00; } .class-info { margin-top: 20px; padding-bottom: 1px; } .class-info-title { background: none repeat scroll 0 0 #e5cf00; padding: 4px 20px; position: relative; } .class-info-title:before { border-left-color: #e5cf00; } .class-info-title:before { border-color: transparent transparent transparent #e5cf00; border-style: solid; border-width: 14px; bottom: -14px; content: ""; left: 0; position: absolute; } .class-info-content{ padding: 0 20px; } .info-content { border-bottom: 1px solid rgba(255, 255, 255, 0.1); color: #9e9e9e; padding: 12px 0; text-transform: uppercase; } .info-content span i{ margin-right: 7px; } .course { border: 2px solid #e5cf00; margin: 20px; padding: 10px 0; text-align: center; text-transform: uppercase; } .course:hover { border: 2px solid #e5cf00; background:#e5cf00; } .course:hover a { color: #fff; } .course a { color: #e5cf00; } .class-related { padding: 20px 0; } .class-related-title { border-bottom: 1px solid rgba(255, 255, 255, 0.1); margin-bottom: 20px; } .related-product { padding-bottom: 20px; position: relative; } .related-product .name-product { left: 23px; position: absolute; top: 23px; } .related-product .name-product-details { background: none repeat scroll 0 0 #e5cf00; padding: 4px 10px; position: relative; text-transform: uppercase; } .related-product .name-product-details:before { border-color: transparent transparent transparent #e5cf00; border-style: solid; border-width: 9px; bottom: -9px; content: ""; left: 0; position: absolute; } .related-product .name-product-details:before { border-left-color: #e5cf00; } .related-product .box-cell { display: block !important; margin: 25px 20px 0; position: relative; z-index: 99; } .related-product .box-inner a span { color: #fff; display: inline-block; font-size: 15px; margin: 0; padding: 5px 7px; position: relative; text-transform: uppercase; } /*---------------------------------------End Our Class Details---------------------------------------*/ /*--------------------------------------- Our Blog---------------------------------------*/ .our-blog { padding: 30px 0; } .menu-sidebar, .popular-event, .archives, .tags{margin-bottom:30px;} .blog-page { margin-bottom: 30px; } .blog-item { background: none repeat scroll 0 0 #1b1b1b; margin-bottom: 30px; overflow: hidden; padding-bottom: 10px; } .img-blog { margin-bottom: 20px; } .blog-main .img-blog { float: left; overflow: hidden; padding-left: 23px; padding-right: 0; padding-top: 6px; width: 145px; } .blog-content { margin-left: 142px; padding-left: 0 !important; } .blog-main .img-blog img { border: 4px solid #e5cf00; } .details-desc-full p, .caveats-full p, .caption-desc, .caveats-full-1 p { color: #9e9e9e; font-family: arial; } .blog-title { padding: 5px 0; } .blog-title a { font-size: 24px; text-transform: uppercase; } .blog-title a:hover { color:#e5cf00; } .blog-title-top { font-size: 12px; text-transform: uppercase; } .blog-intro { padding-bottom: 10px; } .created-by, .published, .category-name{ display: inline-block; margin-right: 5px; } .created-by span, .category-name a{ color:#e5cf00; } .pages { height: 36px; line-height: 36px; } .pages ul { padding-left: 0; } .pages ul li { display: inline-block; margin: 0 2px; } .pages li a { border: 1px solid rgba(255, 255, 255, 0.2); padding: 9px 14px; } .pages .current a { background:#e5cf00; } .menu-sidebar { background: none repeat scroll 0 0 #e5cf00; } .title-menu { border-bottom: 2px solid rgba(255, 255, 255, 0.2); padding: 5px 15px; } .menu-sidebar .nav-menu { padding: 0 15px 5px; } .menu-sidebar .nav-menu li { padding: 10px 0; font-size: 13px; position:relative; border-bottom:1px solid rgba(255, 255, 255, 0.2); } .menu-sidebar .nav-menu li a:before { background: none repeat scroll 0 0 #fff; content: ""; height: 1px; left: 0; position: absolute; top: 44px; width: 0; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; } .menu-sidebar .nav-menu li a:hover:before { width:60px; transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; -moz-transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; -ms-transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; -o-transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; -webkit-transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; } .popular-event{ background: none repeat scroll 0 0 #1b1b1b;} .popular-event-title { border-bottom: 2px solid #232323; color: #666666; padding: 10px 15px; } .popular-event-title a { margin: 0; } .popular-event .news-content ul { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); padding: 0; } .popular-event .latest-news-item { border-bottom: 1px solid #232323; border-left: 2px solid #454545; } .popular-event .latest-news-item:hover{ background:#242424; border-left:2px solid #e5cf00; } .popular-event .latest-news-item:hover .news-title a{ color:#e5cf00; } .popular-event .news-date { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); color: #e5cf00; } .popular-event .news-day { border:none; padding:0; } .popular-event .news-month { font-size: 15px; } .popular-event .news-info { margin-left: 60px; } .popular-event .news-title a { color: #666666; text-transform: none; } .popular-event .news-time p { background: url("../images/clock.png") no-repeat scroll left center rgba(0, 0, 0, 0); color: #bbbbbb; padding-left: 20px; } .archives-title { border-bottom: 1px solid #2b2b2b; padding: 10px; } .archives-title span { border-bottom: 1px solid #e5cf00; color: #666666; font-size: 18px; padding-bottom: 13px; text-transform: uppercase; } .info-content { border-bottom: 1px solid #2b2b2b; font-size: 14px; padding: 12px; text-transform: none; } .info-content a{ color: #666666; } .info-content a:hover{ color: #e5cf00; } .tags-content { padding: 20px 0; } .tags-blog { display: inline-block; } .tags-blog a { background: none repeat scroll 0 0 #1b1b1b; border: 1px solid rgba(255, 255, 255, 0.2); color: #9c9c9c; display: inline-block; height: 29px; line-height: 27px; margin-bottom: 8px; margin-right: 8px; padding: 0 15px !important; } .tags-blog a:hover{ background: none repeat scroll 0 0 #e5cf00; color: #fff; } /*---------------------------------------End Our Blog---------------------------------------*/ /*--------------------------------------- Blog Details---------------------------------------*/ .icon-blog { overflow: hidden; padding-top: 30px; } .icon-blog .icon { display: inline-block; float: left; height: 46px; margin-bottom: 1px; margin-right: 1px; } .icon-blog .icon a { background: none repeat scroll 0 0 #242424; color: #a3a3a3; display: inline-block; font-size: 18px; height: 46px; line-height: 46px; overflow: hidden; text-align: center; width: 46px; } .icon-blog .icon a:hover{ background: none repeat scroll 0 0 #e5cf00; color: #fff; } .author, .related-post { background: none repeat scroll 0 0 #1b1b1b; overflow: hidden; width: 100%; margin-bottom: 30px; } .author { padding: 20px 0; } .related-post { padding: 30px 23px; } .related-post-title { border-bottom: 2px solid #232323; margin-bottom: 10px; } .related-post-title h5 { margin-top: 0; } .related-post-list { border-bottom: 1px solid #232323; padding: 8px 0; position: relative; } .related-post-list:last-child{ border-bottom: none; } .related-post-list a { color: #9e9e9e; font-family: Arial; } .related-post-list a:before { background: none repeat scroll 0 0 #e5cf00; content: ""; height: 1px; left: 0; position: absolute; top: 40px; width: 0; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; } .post-last a:before { background: none; } .related-post-list a:hover{ color:#e5cf00; font-family: Arial; } .related-post-list a:hover:before { width:60px; transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; -moz-transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; -ms-transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; -o-transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; -webkit-transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; } .popular-event-details { background: none repeat scroll 0 0 #fff; } .popular-event-details .popular-event-title { border-bottom: 2px solid #ededed; } .popular-event-details .latest-news-item { border-bottom: 1px solid #ededed; border-left: 2px solid #ededed; } .popular-event-details .latest-news-item:hover{ background:#f8f8f8; } .popular-event-details .news-day, .popular-event-details .news-month{color:#e5cf00;} .popular-event-details .latest-news-item:hover .news-title a{ color:#c50b0b; } /*---------------------------------------End Blog Details---------------------------------------*/ /*---------------------------------------Page Our Trainers---------------------------------------*/ .our-trainers { overflow: hidden; padding: 45px 0 15px; } .product-content .info-products, .our-trainers .info-products{ position: relative; text-align: center; border:none; transition: transform 0.4s ease 0s; -moz-transition: transform 0.4s ease 0s; -webkit-transition: transform 0.4s ease 0s; -o-transition: transform 0.4s ease 0s; -ms-transition: transform 0.4s ease 0s; } .product-trainer a img, .meet-trainer .product-image a img, .event-listing-grid .product-image a img, .sport-new .img-sport a img { transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; } .product-trainer a img:hover, .meet-trainer .product-image a img:hover, .event-listing-grid .product-image a img:hover, .sport-new .img-sport a img:hover{ transform: scale(1.2) rotateZ(-5deg); -moz-transform: scale(1.2) rotateZ(-5deg); -webkit-transform: scale(1.2) rotateZ(-5deg); -o-transform: scale(1.2) rotateZ(-5deg); -ms-transform: scale(1.2) rotateZ(-5deg); } .product-list .info-products{text-align:left;} .product-image-wrapper:hover .product-content .info-products, .product-image-wrapper:hover .our-trainers .info-products{ background:#e5cf00; transform: translateY(-50px); -moz-transform: translateY(-50px); -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); -o-transform: translateY(-50px); } .img-trainers { background: none repeat scroll 0 0 #e5cf00; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; height: 66px; left: 50%; margin-left: -33px; position: absolute; top: -35px; width: 66px; } .img-trainers img { padding-top: 5px; } .our-trainers .product-name { padding-top: 20px; text-transform: uppercase; font-size: 18px; } .our-trainers .product-bottom { margin: 0 auto; padding: 5px 0; } .actions{ padding: 10px 15px; bottom: 5px; height: auto; opacity: 0; top: auto; overflow:hidden; background: none repeat scroll 0 0 #e5cf00; transform: translateY(100%); -moz-transform: translateY(100%); -webkit-transform: translateY(100%); -o-transform: translateY(100%); -ms-transform: translateY(100%); transition: transform 0.4s ease 0s; -moz-transition: transform 0.4s ease 0s; -webkit-transition: transform 0.4s ease 0s; -o-transition: transform 0.4s ease 0s; -ms-transition: transform 0.4s ease 0s; width: 100%; position:absolute; left: 0; } .product-image-wrapper:hover .info-products .actions{ opacity: 1; } .our-trainers .actions ul li a .fa { height: 30px; line-height: 30px; padding: 0; width: 30px; } .load-product { padding-bottom: 40px; } .load-more { background: none repeat scroll 0 0 #1e1e1e; border: 1px solid rgba(255, 255, 255, 0.2); cursor: pointer; float: left; overflow: hidden; padding: 12px 0; position: relative; text-align: center; text-transform: uppercase; width: 100%; } .load-more:focus { background: none repeat scroll 0 0 #e5cf00; } .new-product .info-products{ text-align: left; } .new-product .actions { border-top: 1px solid rgba(88, 88, 88, 0.18); } /*---------------------------------------End Page Our Trainers---------------------------------------*/ /*---------------------------------------Page Our Trainers Profile---------------------------------------*/ .experience { padding-top: 40px; margin-bottom: 25px; } .experience-title { padding-bottom: 10px; } .experience-main { margin-bottom: 3px; } .experience-spoiler { margin-top: 10px; } .experience-spoiler:first-child { margin-top: 0; } .experience-details-title { border: 1px solid #e8e8e8; color: #333333; cursor: pointer; font-size: 16px; height: 30px; line-height: 30px; padding-left: 10px; } .experience-details-title { background: none repeat scroll 0 0 #1b1b1b; border: medium none; color: #fff; font-size: 18px; height: 45px; line-height: 21px; padding: 12px 0 12px 62px; position: relative; } .experience-spoiler-opened .experience-details-title { background: none repeat scroll 0 0 #e5cf00; } .experience-details-title i.fa { border-right: 3px solid #212121; height: 100%; left: 0; line-height: 45px; position: absolute; text-align: center; top: 0; width: 45px; margin-right: 10px; } .experience-details-collapse { float: right; font-family: FontAwesome; font-size: 15px; margin-right: 10px; } .experience-details-collapse { border-right: 3px solid #212121; float: left; height: 100%; left: 0; line-height: 45px; position: absolute; text-align: center; top: 0; width: 45px; } .experience-details-collapse { display: none; } .experience-details-content { background: none repeat scroll 0 0 #1b1b1b; border: medium none; color: #fff; font-size: 12px; padding: 12px 13px; line-height: 24px; } .profile { background: none repeat scroll 0 0 #1e1e1e; overflow: hidden; } .profile-content { margin-top: 30px; overflow: hidden; } .profile-content p { line-height: 28px; } .profile-title { background: none repeat scroll 0 0 #e5cf00; } .img-profile1, .profile-icon { float: left; padding-left: 20px; width: 25%; } .profile-info, .profile-text { float: left; padding-top: 5px; width: 75%; } .profile-info-top { border-bottom: 1px solid rgba(255, 255, 255, 0.5); } .profile-info span { display: inline-block; margin: 5px 0; text-transform: uppercase; width: 48%; } .profile-title .img-profile1 img { margin-bottom: -22px; margin-left: 10px; margin-top: 10px; } .profile-icon { padding-left: 0; } .profile-text { padding-right: 15px; } .profile-content .rating { text-align: center; width: 100%; } .profile-content .social-icon { text-align: center; } .profile-content .social-icon .middle { margin: 0 15px; } .progress-indicator { background: none repeat scroll 0 0 #2d2d2d; height: 9px; position: relative; } .progress-indicator > div { bottom: 2px; left: 2px; position: absolute; right: 2px; top: 2px; width: 0; } .experience-content ul { padding-left: 0; } .experience-content .skill { margin: 21px 0; } .experience-content .skill-top { margin-top:13px; } .progress-indicator .bg-red { background: none repeat scroll 0 0 #e5cf00; } .skill-title { text-transform: uppercase; } .skill-percent { background: none repeat scroll 0 0 #e5cf00; display: inline-block; line-height: 1; margin: 0; padding: 2px 4px; position: relative; text-transform: uppercase; float: right; } .skill-percent:before { border-color: transparent transparent transparent #e5cf00; border-style: solid; border-width: 5px; bottom: -5px; content: ""; left: 0; position: absolute; } .skill-percent:before { border-left-color: #e5cf00; } .meet-trainer .our-trainers { padding-top: 0; } /*---------------------------------------End Page Our Trainers Profile---------------------------------------*/ /*---------------------------------------Page Our Pricing Table---------------------------------------*/ .ask-question-main { margin: 40px 0; padding: 0; } .ask-question { background: none repeat scroll 0 0 #161616; padding-top: 25px; } .question-content { background: none repeat scroll 0 0 #1b1b1b; font-size: 18px; padding: 7px 20px; } .question-content p, .answer p, .content-reply { margin-bottom:0; color:#666666; } .answer { padding: 15px 20px; } /*---------------------------------------End Our Pricing Table---------------------------------------*/ /*---------------------------------------About Us---------------------------------------*/ .menu-about{ background: none repeat scroll 0 0 #121212; border-bottom: 1px solid #2b2b2b !important; } .menu-about ul li { border-left: 1px solid #2b2b2b; } .menu-about ul li a:hover, .menu-about ul li a:focus{ background: none repeat scroll 0 0 #e5cf00; } .choose { padding: 40px 0 70px; } #history{padding-bottom:30px;} .classes-content .col-md-6{padding-left:0;} .classes .our-class-main { padding: 30px 0; } .classes-athlete .isotope{ border-right:2px solid transparent; } .block-right { margin-left: 15px; margin-top: -10px; } .about-info { margin-bottom: 30px; } .about-info:last-child{ margin-bottom: 0; } .icon-block{ float: left; text-align: center; } .icon-block .fa { background: none repeat scroll 0 0 #e5cf00; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; font-size: 10px; height: 30px; line-height: 30px; width: 30px; } .about-details { margin-left: 100px; } .about-details-title{ color: #e5cf00; font-size: 14px; } .join-us { font-size: 24px; font-weight: bold; } .history-skill { overflow: hidden; padding-top: 20px; } .history-skill ul { margin: 0; padding: 0; } .history-skill li { cursor: pointer; float: left; line-height: 30px; list-style: outside none none; width: 50%; } .history-skill li:before { border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; content:'\f05d'; font-family: "FontAwesome"; font-size: 15px; height: 14px; line-height: 14px; margin-right: 12px; text-align: center; width: 14px; } .history-skill li:hover{color:#e5cf00;} .tab-history{ padding-top: 60px; } .tab-history .our-team-panes { position: relative; clear: left; } .tab-history .our-team-nav:before { border-bottom: 1px solid #4f4f4f; content: ""; left: 0; position: absolute; top: 6px; width: 100%; } .tab-history .our-team-nav { padding: 0 80px; position: relative; box-sizing: border-box !important; overflow:hidden; } .tab-history .our-team-nav span { color: inherit; font-size: 18px; padding: 20px 0 0; position: relative; text-align: center; text-transform: uppercase; transition: none 0s ease 0s ; -moz-transition: none 0s ease 0s ; -webkit-transition: none 0s ease 0s ; -ms-transition: none 0s ease 0s ; -o-transition: none 0s ease 0s ; width: 15.667%; color: #666666; } .tab-history .our-team-nav .our-team-current {color:#fff;} .tab-history .our-team-nav span:hover, .tab-history .our-team-nav span.our-team-current { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); text-indent: 0; } .tab-history .our-team-nav span:before { background: none repeat scroll 0 0 #606060; border: 2px solid #4f4f4f; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; content: ""; display: inline-block; height: 12px; left: calc(50% - 6px); position: absolute; top: 0; width: 12px; } .tab-history .our-team-nav span:hover:before, .tab-history .our-team-nav span.our-team-current:before { background: none repeat scroll 0 0 #e5cf00; } .tab-history .our-team-nav span:hover:before, .tab-history .our-team-nav span.our-team-current:before { background: none repeat scroll 0 0 #e5cf00; } .tab-history .our-team-pane { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); color: inherit; } .tab-history .our-team-panes .our-team-pane { left: 0; opacity: 0; position: absolute; top: 0; transform: translateX(100%); -moz-transform: translateX(100%); -webkit-transform: translateX(100%); -o-transform: translateX(100%); -ms-transform: translateX(100%); width: 100%; } .video-history iframe { border: medium none; width: 100%; } .our-history { position: relative; z-index: 99; } /*---------------------------------------End About Us---------------------------------------*/ /*---------------------------------------Event Listing---------------------------------------*/ .event-listing .news-item-inner{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0); font-size: 12px; height: auto; padding: 13px 10px ; border-left: 2px solid #373737; } .event-listing .news-item-inner:hover{ background: none repeat scroll 0 0 #e5cf00; } .news-item-inner:hover .news-time .event-text{ color:#fff !important; } .news-item-inner:hover .news-time .open-time{ color:#fff; } .event-listing .news-title { font-size: 24px; text-transform: uppercase; line-height: 30px; } .event-listing ul { padding-left: 0; } .event-listing .latest-news-item { background: none repeat scroll 0 0 #161616; border-bottom: medium none; padding: 0; margin-bottom: 15px; } .event-listing .latest-news-item:hover { background: #161616; } .event-listing .news-date { background: none repeat scroll 0 0 rgba(0,0,0,0.5); } .event-listing .news-title a { color: #fff; font-size: 24px; } .event-listing .news-month { padding: 3px 0 8px; } .event-listing .news-time { margin-top: 17px; } .event-listing .news-time p { color: #acacac; display: inline-block; margin-bottom: 0; margin-top: 0; margin-right: 15px; } .event-listing .news-time .open-time { margin-bottom: 0; padding-left: 0; } .event-listing .news-time .open-time:before { color: #e5cf00; content: "\f017"; font-family: FontAwesome; margin-right: 10px; font-size: 14px; } .event-listing .news-time .event-text { margin-bottom: 0; margin-left:0 !important; } .event-listing .news-time .event-text:before { color: #e5cf00; content: "\f041"; font-family: FontAwesome; margin-right: 10px; font-size: 14px; } .news-item-inner:hover .news-time .event-text:before, .news-item-inner:hover .news-time .open-time:before { color: rgba(0,0,0,0.5); } .experience-spoiler-opened .news-time .open-time:before, .experience-spoiler-opened .news-time .event-text:before{ color: rgba(0, 0, 0, 0.5) !important; } .event-listing .news-time p i { color: #e5cf00; margin-right: 5px; } .event-title .fa { float: left; font-size: 18px; } .event-content { padding: 0; } .event-details, .event-map { padding: 10px 20px; } .time-location { border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .time-event { display: inline-block; padding: 20px; width: 49%; border-right: 1px solid rgba(255, 255, 255, 0.1); } .time-event:last-child { border:none; } .event-text { color: #acacac; margin-left: 40px; text-transform: uppercase; } .event-title h4, .event-details-text, .more, .event-map ul { margin-left: 40px; color: #acacac; list-style: inside none disc; } .event-title h4{color:#fff;} .event-title h4 span{ margin-left:20px; } .more { color: #e5cf00; } .event-type .event-title{ border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .event-type .event-title:last-child{ border:none; } .event-type .event-title .fa{ margin-left: 20px; margin-right: 20px; } .event-type .event-text{ margin-left: 20px; } .event-type .event-home{ margin-left: 60px; } .event-category .popular-event-title { background: none repeat scroll 0 0 #242424; color: #fff; } .event-category .news-day, .event-category .news-month{ color:#fff; } .years-event .popular-event-title{ padding: 10px 0; } .years-event .popular-event-title > h4 { float: left; } .years-event .next { line-height: 40px; overflow: hidden; text-align: right; } .years-event .circle .fa { background: none repeat scroll 0 0 #fff; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; color: #000; font-size: 18px; font-weight: bold; height: 18px; width: 18px; } /*---------------------------------------End Event Listing---------------------------------------*/ /*---------------------------------------Event Listing Grid---------------------------------------*/ .event-listing-grid .info-products:hover { background:#e5cf00; transform: translateY(-100px); -moz-transform: translateY(-100px); -webkit-transform: translateY(-100px); -ms-transform: translateY(-100px); -o-transform: translateY(-100px); } .listing-grid .img-trainers, .event-listing-grid .img-trainers{background:none;} .img-trainers .news-day { padding: 4px 0 1px; } .img-trainers .news-month { padding: 3px 0 7px; } .icon-time span{ margin-right: 7px; } .icon-time span i{ margin-right: 7px; } .view-details{margin-bottom:15px;} .view { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); padding: 4px 12px; } .event-detail{ background: none repeat scroll 0 0 #1b1b1b; padding-bottom: 25px; } .event-detail .event-desc { padding: 15px; } .event-detail .more { margin-left:10px } .event-type-details{ background: none repeat scroll 0 0 #1b1b1b;} .event-type .share { border: medium none; margin: 0; padding: 0 20px; } /*---------------------------------------End Event Listing Grid---------------------------------------*/ /*---------------------------------------Calendar Full View---------------------------------------*/ .calendar-full-view { padding-top: 30px; } .calendar { overflow: hidden; } .calendar .owl-wrapper-outer { height:auto !important; } .calendar-banner { padding-top: 150px; } .calendar-title { background: none repeat scroll 0 0 #e5cf00; margin: 0 auto; text-align: center; } .next-month { margin: auto; position: relative; text-align: center; width: 450px; } .button-nav-prev { left: 0; margin-top: -20px; position: absolute; top: 50%; z-index: 10; } .next-nav-next { margin-top: -20px; position: absolute; right: 0; top: 50%; z-index: 10; } .calendar-title .owl-carousel { float: none; margin: auto; text-align: left; width: 350px; } .calendar-title .circle { border: 2px solid rgba(255, 255, 255, 0.3); border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; font-size: 24px; padding: 6px 15px; } .calendar-title .circle:hover { background:#fff; color:#e5cf00; } .calendar-month { font-size: 36px; font-weight: bold; text-transform: uppercase; margin: 0 15px; line-height: 3; } .sort-by { background: none repeat scroll 0 0 #161616; text-align: center; margin-bottom: 50px; margin: 0 auto 13px; } .shot-by, .dress-code { display: inline-block; margin-right: 15px; margin-top: 12px; } .shot-by label, .dress-code label { color: #b8b8b8; float: left; margin-right: 10px; text-transform: uppercase; } .select-option { color: #666666; float: left; text-transform: uppercase; } .select-option select { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: 1px solid rgba(255, 255, 255, 0.2); padding: 3px; text-transform: uppercase; } .list-event .owl-wrapper-outer{overflow: visible !important;} .calendar-full { text-align: center; } .calendar-day { overflow: hidden; } .calendar-day > div { background: none repeat scroll 0 0 #e5cf00; border-right: 3px solid #242424; display: inline-block; float: left; font-size: 16px; padding: 5px 0; position: relative; text-align: center; width: 14.2857%; } .calendar-date { margin-top: 3px; } .calendar-date ul { margin-bottom: 0; padding-left: 0; } .calendar-date ul li { background: none repeat scroll 0 0 #1b1b1b; cursor: pointer; display: inline-block; float: left; line-height: 100px; margin-bottom: 3px; position: relative; text-align: center; width: 14.2857%; } .calendar-date ul li .calendar-day { border-right: 3px solid #242424; color: #666666; font-size: 24px; font-weight: bold; } .calendar-date ul .calendar-note .calendar-day{ color:#e5cf00; } .calendar-date ul li .calendar-last { color:#232323; } .calendar-date ul li:hover{ background: none repeat scroll 0 0 #e5cf00; } .calendar-date ul li:hover .calendar-day{ color:#fff; } .event-calendar { text-align: center; margin-bottom: 40px; } .event-calendar h3 { font-weight: bold; } .event-calendar .border-bottom { border: 2px solid #8f8f8f; margin: 0 auto 20px; } .calendar-details { display: none; left: 50%; line-height: 24px; margin-left: -175px; padding: 0; position: absolute; top: -410px; width: 350px; z-index: 99; } .calendar-details .info-products{background:#e5cf00;} .event-listing-grid.calendar-details .info-products:hover { background:#e5cf00; transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); } .calendar-note .calendar-slide { bottom: 20px; left: 0; line-height: 0; margin-left: 0; position: absolute; text-align: center; width: 100%; } .calendar-note .calendar-slide li { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); display: inline-block; line-height: 0; margin: 0 2px; width: auto; float: none; } .calendar-note .calendar-slide li a{ color:#e5cf00; } .calendar-note .calendar-slide li .fa { font-size: 9px; } .calendar-note:hover .calendar-slide li a{ color:#fff; } .calendar-note .product-image-wrapper { margin-bottom: 0; } .calendar-note .calendar-slide li a.active{color:#fff} .calendar-note .calendar-slide li a.active:hover{color:#fff} /*---------------------------------------End Calendar Full View---------------------------------------*/ /*---------------------------------------Parallax Background---------------------------------------*/ .parallax-block-wrap-module{ width:100%; height:400px; } .parallax-block.bt-advance-parallax { overflow: hidden; margin: auto; position: relative; width: 100%; height: 100%; background: #242424; } .parallax-background { position: absolute; width: 100%; height: 100%; z-index: 1; top:0; left:0; } .parallax-background img{ max-width: none; } .parallax-background.in-parallax .parallax-background-overlay{background:rgba(33,33,33,0.93);} .parallax-background-overlay { background: none repeat scroll 0 0 #e5cf00; height: 500%; opacity: 0.8; position: absolute; width: 100%; } .parallax-block-content { width:100%; height: 100%; left: 0; position: absolute; top: 0; z-index: 2; padding-top: 80px; } .parallax-boxing { text-align: right; } .parallax-v2 { text-align: center; } .parallax-boxing h1 { font-size:60px; } .parallax-boxing p, .parallax-shop p{ font-size:24px; } .parallax-shop h1 { font-size:48px; } .parallax-block .button { border: solid 2px #FFF; background: transparent; color: #fff; cursor: pointer; text-transform: uppercase; } .parallax-block .button:hover { border-width: 2px; } .parallax-background .video-embed { height: 100%; left: 0; position: absolute; top: -50%; width: 100%; } .parallax-background .video-wrap { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .parallax-background .video-wrap iframe, .parallax-background .video-wrap object, .parallax-background .video-wrap embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .no-scroll { overflow: hidden; } .hidden { display: none !important; visibility: hidden; } .parallax-col { box-sizing: content-box; float: left; margin: 0 !important; } .parallax-content-in { height: 100%; position: absolute; width: 100%; } .parallax-row .thumb { position: relative; } .parallax-row .thumb img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); } .content-show-large { width: 100%; height: 100%; background: #000; position: absolute; text-align: center; display:none; } .content-show-large .item-contain { height: 100%; margin: 0 auto; position: relative; width: 100%; z-index: 2; } .content-show-large .video-inner { height: 100%; position: absolute; width: 100%; } .item-contain iframe { height: 100%; width: 100%; } .content-show-large .item-contain img { left: 50%; margin: 0 -50% 0 0; max-height: 100%; max-width: 100%; position: absolute; top: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); } .control-button .button-wrap, .control-button .nav-wrap { position: relative; z-index: 4; } .nav-wrap-in { height: 85px; opacity: 0.3; position: fixed; transition: opacity 0.3s ease-out 0s; -moz-transition: opacity 0.3s ease-out 0s; -webkit-transition: opacity 0.3s ease-out 0s; -ms-transition: opacity 0.3s ease-out 0s; -o-transition: opacity 0.3s ease-out 0s; width: 50px; z-index: 10; top: 50%; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .nav-wrap-in.next { right: 0; } .nav-wrap-in.next.has-scroll { right: 17px; } .nav-wrap-in.prev { left: 0; } .nav-wrap-in:hover { opacity: 0.7; } .nav-prev, .nav-next { position: absolute; z-index: 45; top: 50%; width: 50px; height: 85px; margin-top: -42.5px; cursor: pointer; text-indent: -999999px; } .nav-prev { background: url(../images/prev-white.png) center no-repeat #000; } .nav-next { background: url(../images/next-white.png) center no-repeat #000; } .nav-prev.prev-video { background: url(../images/prev-black.png) center no-repeat #fff; } .nav-next.next-video { background: url(../images/next-black.png) center no-repeat #fff; } .nav-next { right: 0; } .nav-prev { left: 0; } .button-wrap .close-btn { background: url("../images/close-btn.png") no-repeat scroll center center #e5cf00; border: 0 none; height: 50px; opacity: 1; padding: 0; position: absolute; right: 20px; top: 25px; width: 50px!important; } .button-wrap .close-btn.has-scroll { right: 37px; } .button-wrap .close-btn:hover { opacity: 1; } .overlay-loading,.button-wrap,.loading{ display:none; } /* Parallax Content */ .parallax-content-wrap { height: 100%; display:none; position: absolute; z-index: 3; width: 100%; overflow-x: hidden; overflow-y: auto; } .parallax-content { height: 100%; position: relative; width: 100%; } .parallax-row { float:left; } .parallax-col-box{ float:left; } .parallax-row-w1{ float:left; width:476px; } .parallax-row-w2{ float:left; width:238px; } .parallax-row-w3{ float:left;width:714px; } .parallax-row.box1{ width: 714px; } .parallax-row.box2{ width: 476px; } .parallax-col .thumb{ float: left; height: 218px; width: 218px; margin:20px 20px 0 0; } .parallax-col .thumb.w2{ width:455px } .parallax-col .thumb.w3{ height: 455px; width: 218px; } .parallax-col .thumb.w3 img,.parallax-col .thumb.w2 img { width:100%; height:100%; } .parallax-col .parallax-row .thumb img{ width: calc(100% + 50px); transition: all 0.45s ease 0s; -o-transition: all 0.45s ease 0s; -ms-transition: all 0.45s ease 0s; -moz-transition: all 0.45s ease 0s; -webkit-transition: all 0.45s ease 0s; filter: url("filters.svg#grayscale"); } .parallax-col .parallax-row .thumb:hover img{ filter: none; } .parallax-col .parallax-row .thumb{ position:relative; overflow:hidden; cursor: pointer; } .parallax-col .parallax-row .thumb:before{ position:absolute; left:0; top:0; bottom:0; content:''; right:0; transition: all 0.45s ease 0s; -o-transition: all 0.45s ease 0s; -ms-transition: all 0.45s ease 0s; -moz-transition: all 0.45s ease 0s; -webkit-transition: all 0.45s ease 0s; opacity:0; background:rgba(18,18,18,0.33); z-index:998; } .parallax-col .parallax-row .thumb:hover:before{ opacity:1; } .parallax-col .parallax-row .thumb:after{ background:#e5cf00; content:'\f047'; position:absolute; height:37px; width:37px; text-align:center; font-size:18px; font-family: FontAwesome; left:calc(50% - 19px); top:calc(50% - 19px); z-index:1000; line-height:37px; opacity:0; transform: translateY(80px); -o-transform: translateY(80px); -ms-transform: translateY(80px); -moz-transform: translateY(80px); -webkit-transform: translateY(80px); transition: all 0.45s ease 0s; -o-transition: all 0.45s ease 0s; -ms-transition: all 0.45s ease 0s; -moz-transition: all 0.45s ease 0s; -webkit-transition: all 0.45s ease 0s; } .parallax-shopping .parallax-col .parallax-row .thumb:after{ } .parallax-col .parallax-row .thumb:hover:after{ opacity:1; transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); } .parallax-row.default-pos { opacity: 1; transform: translate(0, 0); -moz-transform: translate(0, 0); -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); } .parallax-row.default-pos { transition: all 0.5s ease 0.5s; -moz-transition: all 0.5s ease 0.5s; -webkit-transition: all 0.5s ease 0.5s; -o-transition: all 0.5s ease 0.5s; -ms-transition: all 0.5s ease 0.5s; } .parallax-row.in-pos { opacity: 0; transform: translateX(-250px); -moz-transform: translateX(-250px); -webkit-transform: translateX(-250px); -o-transform: translateX(-250px); -ms-transform: translateX(-250px); background:#242424; } .parallax-row.in-pos { transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; } .parallax-row.out-pos { opacity: 0; transform: translateX(250px); -moz-transform: translateX(250px); -webkit-transform: translateX(250px); -o-transform: translateX(250px); -ms-transform: translateX(250px); } .parallax-row.out-pos { transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; } .default-pos { opacity: 1; transform: translate(0, 0); -moz-transform: translate(0, 0); -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); } .parallax-block-content.default-pos { transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; } h1.default-pos { transition: all 0.5s ease 0.3s; -moz-transition: all 0.5s ease 0.3s; -webkit-transition: all 0.5s ease 0.3s; -o-transition: all 0.5s ease 0.3s; -ms-transition: all 0.5s ease 0.3s; } p.default-pos { transition: all 0.5s ease 0.6s; -moz-transition: all 0.5s ease 0.6s; -webkit-transition: all 0.5s ease 0.6s; -o-transition: all 0.5s ease 0.6s; -ms-transition: all 0.5s ease 0.6s; } img.default-pos { transition: all 0.5s ease 0.9s; -moz-transition: all 0.5s ease 0.9s; -webkit-transition: all 0.5s ease 0.9s; -o-transition: all 0.5s ease 0.9s; -ms-transition: all 0.5s ease 0.9s; } .in-pos { opacity: 0; transform: translateX(-250px); -moz-transform: translateX(-250px); -webkit-transform: translateX(-250px); -o-transform: translateX(-250px); -ms-transform: translateX(-250px); } .parallax-block-content.in-pos { transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; } h1.in-pos { transition: all 0.5s ease 0.3s; -moz-transition: all 0.5s ease 0.3s; -webkit-transition: all 0.5s ease 0.3s; -o-transition: all 0.5s ease 0.3s; -ms-transition: all 0.5s ease 0.3s; } p.in-pos { transition: all 0.5s ease 0.6s; -moz-transition: all 0.5s ease 0.6s; -webkit-transition: all 0.5s ease 0.6s; -o-transition: all 0.5s ease 0.6s; -ms-transition: all 0.5s ease 0.6s; } img.in-pos { transition: all 0.5s ease 0.9s; -moz-transition: all 0.5s ease 0.9s; -webkit-transition: all 0.5s ease 0.9s; -o-transition: all 0.5s ease 0.9s; -ms-transition: all 0.5s ease 0.9s; } .out-pos { opacity: 0; transform: translateX(250px); -moz-transform: translateX(250px); -webkit-transform: translateX(250px); -o-transform: translateX(250px); -ms-transform: translateX(250px); } .parallax-block-content.out-pos { transition: all 0.5s ease 0.9s; -moz-transition: all 0.5s ease 0.9s; -webkit-transition: all 0.5s ease 0.9s; -o-transition: all 0.5s ease 0.9s; -ms-transition: all 0.5s ease 0.9s; } h1.out-pos { transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; } p.out-pos { transition: all 0.5s ease 0.3s; -moz-transition: all 0.5s ease 0.3s; -webkit-transition: all 0.5s ease 0.3s; -o-transition: all 0.5s ease 0.3s; -ms-transition: all 0.5s ease 0.3s; } img.out-pos { transition: all 0.5s ease 0.6s; -moz-transition: all 0.5s ease 0.6s; -webkit-transition: all 0.5s ease 0.6s; -o-transition: all 0.5s ease 0.6s; -ms-transition: all 0.5s ease 0.6s; } /* Product List */ .page-product .header-container { background: none repeat scroll 0 0 #0f0f0f; } .page-product .breadcrumbs ul{ width: 100%; } .page-product .product-list, .page-product .product-list-row{ padding: 40px 0; } .page-product .toolbar{ border-bottom: 1px solid #525252; margin: 0 0 12px 0; overflow: hidden; padding-bottom: 10px; } .page-product .toolbar .amount{ display: inline-block; float: left; color: #A3A3A3; margin: 0; } .page-product .toolbar .sorter{ display: inline-block; float: right; } .page-product .toolbar .sort-by{ display: inline-block; float: left; overflow: hidden; position: relative; width: 140px; margin: 0; } .page-product .toolbar .sort-by select{ border: medium none; color: rgb(163, 163, 163); padding: 5px 10px; width: 100%; height: 33px; border: 1px solid rgb(163, 163, 163); background: #242424; } .page-product .toolbar .sort-by select option{ border: medium none; padding: 5px 10px; width: 100%; height: 33px; line-height: 33px; background: #232323; color: #a3a3a3; } .page-product .toolbar .sort-by i{ position: absolute; right: 0; } .page-product .toolbar .view-mode{ display: inline-block; float: left; height: 33px; margin: 0; } .page-product .toolbar .view-mode .grid, .page-product .toolbar .view-mode .list{ border: 1px solid #484848; color: #858585; display: inline-block; font-size: 14px; height: 33px; line-height: 33px; text-align: center; width: 33px; float: left; margin-left: 6px; } .page-product .toolbar .view-mode .grid:hover, .page-product .toolbar .view-mode .grid-active, .page-product .toolbar .view-mode .list:hover, .page-product .toolbar .view-mode .list-active{ background: none repeat scroll 0 0 #343434; border: 1px solid #484848; color: #fff; display: inline-block; font-size: 14px; height: 33px; line-height: 33px; text-align: center; width: 33px; float: left; margin-left: 6px; } .page-product .product-image-wrapper .new-label:before{ border-color: transparent transparent transparent #e5cf00; border-style: solid; border-width: 14px; bottom: -11px; content: ""; left: 0; position: absolute; } .page-product .product-image-wrapper .new-label{ background: none repeat scroll 0 0 #e5cf00; font-size: 14px; height: 31px; left: 25px; line-height: 31px; position: absolute; text-align: center; text-transform: uppercase; top: 25px; width: 65px; } .page-product .product-image-wrapper.last-row { margin-bottom: 20px; } .page-product .product-filter{ background: #e5cf00; margin-bottom: 35px; padding: 15px 10px 44px 10px;; } .page-product .product-filter .title{ font-size: 16px; margin: 0; } .page-product .product-filter hr{ color: #d1333d; margin: 15px 0; border-top: 1px solid rgba(255, 255, 255, 0.2); } .widget-price-filter { position: relative; padding-top: 25px; } .widget-price-filter .min-filter{ position: absolute; top: 0; left: 9%; } .widget-price-filter .max-filter{ position: absolute; top: 0; left: 63%; } .widget-price-filter .ui-slider { position: relative; height: 4px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; background: rgba(0,0,0,0.5); margin: 5px 0 20px; } .widget-price-filter .ui-slider-range { position: absolute; top: 0; height: 4px; border-radius: 3px; background: #fff; } .widget-price-filter .ui-slider-handle { position: absolute; top: -3px; width: 9px; height: 9px; margin-left: -4px; outline: none; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background: #fff; cursor: pointer; } .page-product .product-filter a{ border: 2px solid #fff; display: block; line-height: 12px; padding: 10px 15px; text-transform: uppercase; width: 70px; } .page-product .product-filter a:hover{ background: none repeat scroll 0 0 #fff; color: #e5cf00; } .page-product .product-categories{ background: #e5cf00; } .page-product .product-categories .title { border-bottom: 2px solid rgba(255, 255, 255, 0.2); font-size: 18px; margin: 0; padding: 15px 10px; } .page-product .product-categories ul { padding: 0 15px 5px; } .page-product .product-categories ul li { padding: 10px 0; font-size: 13px; position:relative; border-bottom:1px solid rgba(255, 255, 255, 0.2); } .page-product .product-categories ul li a:before { background: none repeat scroll 0 0 #fff; content: ""; height: 1px; left: 0; position: absolute; top: 44px; width: 0; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; } .page-product .product-categories ul li a:hover:before { width:60px; transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; -moz-transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; -ms-transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; -o-transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; -webkit-transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; } .page-product .pages{} .page-product .pages ol{ list-style: outside none none; margin: 0; padding: 0 } .page-product .pages ol li{ display: inline-block; float: left; margin-right: 8px; text-align: center; vertical-align: middle; } .page-product .pages ol li a{ border: 1px solid #4e4e4e; display: block; font-size: 15px; height: 30px; width: 30px; line-height: 30px; padding: 0; } .page-product .pages ol li.current a, .page-product .pages ol li a:hover{ background: #e5cf00; border-color: #e5cf00; } .product-popular{ margin-top: 20px; background: none repeat scroll 0 0 #232323; } .product-popular .title{ font-size: 18px; margin: 0; padding: 15px; } .product-popular ul{ margin: 0; padding: 0 0 0 1px; } .product-popular ul li{ background: #232323; border-left: 2px solid #454545; border-top: 1px solid #2a2a2a; display: block; overflow: hidden; padding: 10px 10px 10px 12px; } .product-popular ul li:last-child{ border-bottom: 1px solid #2a2a2a; } .product-popular ul li:hover{ background: #1b1b1b; border-left: 2px solid #e5cf00; } .product-popular ul li .product-image{ display: inline-block; float: left; } .product-popular ul li .info-products { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; line-height: 24px; padding: 0 10px 0 85px; } .product-popular ul li .info-products .product-name{ margin: 0; } .product-popular ul li .info-products .price-box{ color: #e5cf00; font-size: 18px; } .page-footer-product{ background: #1b1b1b; } .footer-right .line1 a{ color: #e5cf00; } .page-footer-product .email input.inputbox { background: none; } .quickview-box{ display: none; } .quickview-box .quickview-body{ float: none; margin: 0 auto; } .quickview-box .product-essential{ position: relative; } .quickview-box .quickview-close{ background: none repeat scroll 0 0 #e5cf00; border: medium none; font-size: 18px; height: 30px; line-height: 30px; position: absolute; right: 25px; text-align: center; top: 10px; width: 30px; z-index: 9; } /* Product List Row */ .product-list-row .product-image-wrapper{ margin-bottom: 35px; } .product-list-row .product-content{ background: #161616; overflow: hidden; } .product-list-row .product-image{ padding: 0; } .product-list-row .info-products-list { border: none; padding-right: 30px; padding-top: 15px; } .product-list-row .info-products-list hr{ color: #262626; border-top: 1px solid; margin: 0; } .product-list-row .info-products-list .desc{ margin: 10px 0 45px; color: #9a9a9a; } .product-list-row .price-box{ float: left; margin-top: 10px; } .product-list-row .price-box .special-price, .product-list-row .price-box .old-price{ color: #fff; } .product-list-row .actions-box{ float: right; margin-top: 10px; } .product-list-row .actions-box ul{ margin: 0; padding: 0; } .product-list-row .actions-box ul li{ margin-right: 5px; display: inline-block; } .product-list-row .actions-box ul li:last-child{ margin-right: 0; } .product-list-row .actions-box ul li a{ background: #232323; display: block; height: 35px; width: 35px; font-size: 14px; margin: 0; line-height: 35px; text-align: center; } .product-list-row .actions-box ul li a:hover{ background: none repeat scroll 0 0 #e5cf00; } .product-list-row .product-image-wrapper:hover .arrows{ opacity: 1; transform: none; -o-transform: none; -ms-transform: none; -moz-transform: none; -webkit-transform: none; } .product-list-row .arrows { display: block; left: 50%; margin: 0; position: absolute; text-align: center; top: 50%; transition: transform 0.5s ease 0s; -moz-transition: transform 0.5s ease 0s; -webkit-transition: transform 0.5s ease 0s; -o-transition: transform 0.5s ease 0s; -ms-transition: transform 0.5s ease 0s; opacity: 0; } .product-list-row .product-image-wrapper.last-row{ margin-bottom: 45px; } /* Product detail */ .product-detail{ padding-top: 40px; } .product-essential{ margin-bottom: 35px; overflow: hidden; padding: 0 !important; background: none repeat scroll 0 0 #1b1b1b; } .product-essential .product-img-box{ padding: 0; } .product-essential .more-views{ background: none repeat scroll 0 0 #3b3b3b; padding: 8px 32px; position: relative; overflow: hidden; } .product-essential #owl-demo{ padding: 0 9px; border-left: 1px solid #545454; border-right: 1px solid #545454; } .product-essential .more-views .owl-wrapper-outer{ overflow: hidden; } .product-essential .customNavigation{ text-align: center; } .product-essential .customNavigation a{ color: #9e9e9e; font-size: 14px; height: 14px; line-height: 14px; position: absolute; top: 35px; padding: 0; } .product-essential .customNavigation a.prev{ left: 15px; } .product-essential .customNavigation a.next{ right: 15px; } .product-essential .product-shop{ overflow: hidden; padding: 15px 25px; } .product-essential .product-name{ border-bottom: 1px solid #262626; margin-bottom: 10px; } .product-essential .product-name h1{ font-size: 18px; margin: 0 0 15px; } .product-essential .meta-box{ border-bottom: 1px solid #262626; margin-bottom: 10px; overflow: hidden; } .product-essential .meta-box .price-box{ float: left; margin-bottom: 10px; } .product-essential .meta-box .price-box .old-price{ color: #fff; } .product-essential .meta-box .rating-box{ float: right; margin-bottom: 10px; } .product-essential .meta-box .rating-box .rating{ color: #e5cf00; width: auto; } .product-essential .meta-box .rating-box .rating i{ display: inline-block; float: left; line-height: 24px; margin-right: 3px; } .product-essential .short-description{ color: #9a9a9a; margin-bottom: 40px; } .product-essential .add-to-box{ border-bottom: 1px solid #262626; margin-bottom: 10px; padding-bottom: 25px; } .add-to-cart{ position: relative; width: 78px; } .add-to-cart input{ background: #232323; border: 1px solid #484848; color: #9a9a9a; height: 35px; padding: 0 12px; width: 78px; } .add-to-cart span{ color: #9a9a9a; font-size: 14px; position: absolute; right: 10px; height: 10px; line-height: 10px; } .add-to-cart span:hover{ cursor: pointer; color: #fff; } .add-to-cart .increase-qty{ top: 9px; } .add-to-cart .decrease-qty{ top: 12px; } .button{ background: none repeat scroll 0 0 #e5cf00; border: medium none; height: 35px; padding: 0 0 0 25px; position: relative; text-transform: uppercase; width: 110px; } .add-to-box .button {background: url(../images/btn-gradient.png) no-repeat scroll left center #e5cf00;} .btn-checkout{ width: 125px; } .button .fa-icon{ height: 35px; left: 0; line-height: 35px; padding-left: 5px; position: absolute; top: 0; width: 25px; } .button span{ display: inline-block; height: 35px; line-height: 35px; white-space: nowrap; width: 85px; } .btn-checkout span{ width: 100px; } .product-essential .add-to-cart{ float: left; margin-right: 7px; } .product-essential .add-to-box .btn-cart{ margin-right: 7px; } .product-essential .add-to-box .link-wishlist{ background: none repeat scroll 0 0 #232323; border: 1px solid #484848; display: inline-block; height: 35px; line-height: 33px; text-align: center; width: 35px; } .product-essential .add-to-box .link-wishlist:hover{ background: #e5cf00; cursor: pointer; } .product-essential .cat-list{ border-bottom: 1px solid #262626; color: #9a9a9a; margin-bottom: 10px; overflow: hidden; padding-bottom: 10px; } .product-essential .tags-list{ border-bottom: 1px solid #262626; color: #9a9a9a; margin-bottom: 20px; overflow: hidden; padding-bottom: 10px; } .product-essential .tags-list label, .product-essential .cat-list label{ float: left; padding-left: 3px; width: 80px; } .product-essential .tags-list span, .product-essential .cat-list span{ float: left; margin-right: 10px; } .product-essential .tags-list ul, .product-essential .cat-list ul{ float: left; margin: 0; padding: 0; } .product-essential .tags-list ul li, .product-essential .cat-list ul li{ display: inline-block; float: left; margin-right: 5px; } .product-essential .cat-list ul li a{ color: #e5cf00; } .product-essential .tags-list ul li a{ background: none repeat scroll 0 0 #232323; border: 1px solid #484848; color: #9a9a9a; display: inline-block; height: 27px; padding: 0 15px; } .product-essential .tags-list ul li a:hover{ background: #e5cf00; color: #fff; } .product-essential .social-icon{} .product-essential .social-icon ul{ float: right; margin: 0; padding: 0; } .product-essential .social-icon ul li{ display: inline-block; float: left; margin-right: 7px; } .product-essential .social-icon ul li:last-child{ margin-right: 0; } .product-essential .social-icon ul a{ background: none repeat scroll 0 0 #232323; display: inline-block; height: 35px; line-height: 35px; text-align: center; width: 35px; } .product-essential .social-icon ul a:hover{ background: #e5cf00; } .product-detail .product-collateral{ margin-bottom: 45px; } .product-detail .product-collateral > ul{ margin: 0; padding: 0; } .product-detail .product-collateral > ul li{ display: inline-block; margin-right: 4px; } .product-detail .product-collateral > ul li a{ background: none repeat scroll 0 0 #1b1b1b; display: inline-block; font-size: 14px; height: 44px; line-height: 44px; padding: 0 20px; text-transform: uppercase; } .product-detail .product-collateral > ul li a:hover, .product-detail .product-collateral > ul li.ui-state-active a{ background: #e5cf00; } .product-detail .product-collateral .box-collateral{ background: none repeat scroll 0 0 #1b1b1b; padding: 20px; } .product-detail .product-collateral .box-collateral p{ margin: 0; } .product-detail .product-collateral .box-collateral ul{ margin: 10px 0 10px 10px; padding: 0; } .product-detail .product-collateral .box-collateral ul li:before{ color: #e5cf00; content: "\2022"; font-size: 2em; padding-right: 10px; position: relative; top: 0.1em; } .product-related .info-products{ text-align:left; } .product-related .info-products .actions{ border-top: 1px solid rgba(88, 88, 88, 0.18); } .product-related .title{ border-bottom: 1px solid #525252; font-size: 14px; margin: 0 0 20px 0; padding-bottom: 5px; } /* Product cart */ .product-cart{ padding-top: 40px; } .product-cart .cart{} .product-cart .cart .cart-table{ margin-bottom: 30px; } .product-cart .cart .cart-table .row-title{ background: none repeat scroll 0 0 #343434; font-size: 13px; height: 45px; line-height: 45px; overflow: hidden; text-transform: uppercase; } .product-cart .cart .cart-table .row-title > div{ border-right: 1px solid #525252; } .product-cart .cart .cart-table .delete-item{ border-right: none !important; text-align: center; font-size: 14px; } .product-cart .cart .cart-table .row-item{ background: none repeat scroll 0 0 #1b1b1b; overflow: hidden; border-bottom: 1px solid #343434; } .product-cart .cart .cart-table .row-item .item{ padding: 20px; border-right: 1px solid #343434; min-height: 115px; } .product-cart .cart .cart-table .row-item .name-item .product-image{ float: left; margin-right: 20px; } .product-cart .cart .cart-table .row-item .name-item .product-info{ display: inline-block; float: left; } .product-cart .cart .cart-table .row-item .name-item .product-info a{ font-size: 14px; } .product-cart .cart .cart-table .row-item .price-item .cart-price{ font-size: 16px; color: #e5cf00; } .product-cart .cart .cart-table .row-item .qty-item{} .product-cart .cart .cart-table .row-item .delete-item{ line-height: 75px; } .product-cart .cart .cart-collaterals{ margin-bottom: 30px; } .product-cart .cart .cart-collaterals .calculate-shipping{ } .product-cart .cart .cart-collaterals .title{ background: none repeat scroll 0 0 #e5cf00; font-size: 13px; height: 40px; line-height: 40px; padding: 0 20px; text-transform: uppercase; } .product-cart .cart .cart-collaterals .box{ border: 1px solid #393939; border-top: none; background: #1b1b1b; padding: 20px; height: 193px; } .product-cart .cart .cart-collaterals .calculate-shipping .box select{ background: none repeat scroll 0 0 #232323; border: 1px solid #393939; color: #9a9a9a; height: 33px; line-height: 33px; margin-bottom: 20px; padding-left: 12px; width: 100%; } .product-cart .cart .cart-collaterals .calculate-shipping .box select option{ height: 33px; padding: 6px 12px; } .product-cart .cart .cart-collaterals .cart-total-item{ border-bottom: 1px solid #262626; clear: both; height: 35px; line-height: 35px; } .product-cart .cart .cart-collaterals .order-total{ height: 40px; line-height: 40px; } .product-cart .cart .cart-collaterals .cart-total-item label{ color: #939393; float: left; margin: 0; } .product-cart .cart .cart-collaterals .cart-total-item .price{ color: #e5cf00; float: right; font-size: 14px; } .product-cart .cart .cart-collaterals .cart-total .button{ clear: both; float: right; margin-top: 15px; background: url("../images/btn-gradient.png") no-repeat scroll left center #e5cf00; } .cart-collaterals .button, .checkout-row .button, .coupon .button, .btn-checkout{ background: url("../images/btn-gradient.png") no-repeat scroll left center #e5cf00; } /* Product checkout */ .product-check-out{ padding-top: 40px; } .product-check-out .checkout{ padding-bottom: 50px; } .product-check-out .checkout .checkout-row{ margin-bottom: 25px; } .product-check-out .checkout .checkout-row .title{ background: none repeat scroll 0 0 #e5cf00; font-size: 13px; height: 40px; line-height: 40px; padding: 0 20px; text-transform: uppercase; } .product-check-out .checkout .checkout-row .box{ border: 1px solid #393939; border-top: none; background: #1b1b1b; padding: 20px; } .product-check-out .checkout .checkout-row .billing-address .box, .product-check-out .checkout .checkout-row .shipping-address .box{ height: 368px; padding-bottom: 35px; } .product-check-out .checkout .checkout-row .box p{ color: #9a9a9a; margin-bottom: 20px; } .product-check-out .checkout .checkout-row .box .input-text, .product-check-out .checkout .checkout-row .box select{ background: none repeat scroll 0 0 #232323; border: 1px solid #393939; color: #9a9a9a; height: 33px; line-height: 33px; margin-bottom: 25px; padding-left: 12px; width: 100%; } .product-check-out .checkout .checkout-row .box select option{ height: 33px; padding: 6px 12px; } .product-check-out .checkout .checkout-row .box .checkbox{ display: inline-block; float: left; height: 15px; margin: 0 8px 0 0; } .product-check-out .checkout .checkout-row .box .label-checkbox{ color: #9a9a9a; float: left; line-height: 15px; margin: 0; } .product-check-out .checkout .checkout-row .box .address{ color: #9a9a9a; margin: 25px 0 10px; } .product-check-out .checkout .checkout-row .box .textarea{ background: none repeat scroll 0 0 #232323; border: 1px solid #393939; clear: both; color: #9a9a9a; height: 230px; padding: 10px; resize: none; width: 100%; } .product-check-out .checkout .checkout-row .cart-total-item{ border-bottom: 1px solid #262626; clear: both; height: 35px; line-height: 35px; } .product-check-out .checkout .checkout-row .order-total{ border-bottom: none; height: 40px; line-height: 40px; } .product-check-out .checkout .checkout-row .cart-total-item label{ color: #939393; float: left; margin: 0; } .product-check-out .checkout .checkout-row .cart-total-item .price{ color: #e5cf00; float: right; font-size: 14px; } .product-check-out .checkout .checkout-row .payment-method{ border: 1px solid #484848; color: #9a9a9a; } .product-check-out .checkout .checkout-row .payment-method .payment-item{ background: none repeat scroll 0 0 #1b1b1b; border-bottom: 1px solid #2d2d2d; padding: 20px; clear: both; overflow: hidden; } .product-check-out .checkout .checkout-row .payment-method .payment-item .radio{ float: left; margin-top: 3px; } .product-check-out .checkout .checkout-row .payment-method .payment-item .method{ padding-left: 35px; } .product-check-out .checkout .checkout-row .payment-method .payment-item .method p{ line-height: 20px; margin: 0 0 5px; } /*--------------------------------------------------- PANEL ------------------------------------------------------*/ /* Panel Setting */ .panel-tools{ position:fixed; left:0;top:100px; z-index:999; background:#fff; box-shadow:2px 2px 5px #333; color:#848484; font-size:11px; } .panel-tools .panel-content{ padding:16px; width:240px; display:none; margin-left:-240px; } .panel-tools button{ border:none; color:#fff; margin: 5px 0; } .panel-tools h3{ font-size:14px; padding-bottom:12px; margin-top:12px; border-bottom:1px solid #d8d8d8; text-transform:uppercase; } .panel-tools .panel-button{ right:-45px; position:absolute; top:-5px; width:45px; height:45px; line-height:45px; font-size:24px; box-shadow:2px 2px 2px #333; } .panel-tools .layout-setting h3{ margin-top:5px; } .panel-tools .layout-setting button,.reset-button button{ background:#f6f6f6; width:65px; margin-right:8px; line-height:35px; border:1px solid #dedede; font-size:14px; color:inherit; text-transform:uppercase; } .panel-tools .layout-setting button.active,.reset-button button{ color:#fff; } .panel-tools .color-setting button{ width:27px; height:27px; margin-right:5px; border:2px solid #fff; } .panel-tools .color-setting button.active{ border:2px solid #d7d7d7; } .panel-tools .color-setting button:last-child{ margin-right:0; } .panel-tools .reset-button{ border-top:1px solid #d8d8d8; margin-top:20px; padding-top:10px; } .panel-tools .overlay-setting{ position:relative; } .panel-tools .overlay-setting.disabled:after{ position:absolute; top:0; left:0; width:100%; height:100%; content:''; background:#fff; z-index:1; opacity:0.7; } /*--------------------------------------------------- FOOTER ------------------------------------------------------*/ .page-footer { background: none repeat scroll 0 0 #1b1b1b; padding-bottom: 25px; padding-top: 40px; position: relative; z-index: 2; } .index-white .page-footer { color:#555555; background: none repeat scroll 0 0 #fff; } .infomation, .location, .send-mail{padding-bottom:30px;} .footer-title h4 { color: #e5cf00; font-size: 14px; font-weight: bold; line-height: 24px; margin: 0 0 10px; text-transform: none; } .info { display: block; padding-bottom: 10px; } .email input.inputbox { background: none repeat scroll 0 0 #242424; border: 1px solid #6f6f6f; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; color: #676767; height: 33px; line-height: 33px; padding: 0 4px 0 15px; } .email input.inputbox { background: none repeat scroll 0 0 #242424; border: 1px solid #6f6f6f; } .index-white .email input.inputbox { background: none repeat scroll 0 0 #fff; } .email .button { background: none repeat scroll 0 0 transparent; border: medium none; color: #717171; display: inline-block; font-size: 14px; height: 30px; margin-left: -35px; padding-left: 0; width: 30px; } .email .button:hover { color: #fff; } .email .button .fa { left: 0; top: 4px; } /* Copyright*/ #copyright { background: none repeat scroll 0 0 #1c1c1c; border-top: 1px solid #353535; position: relative; } .index-white #copyright { background: none repeat scroll 0 0 #eeeeee; border-top: none; } #copyright:hover { background: none repeat scroll 0 0 #e5cf00; } .index-white #copyright:hover { background: none repeat scroll 0 0 #eeeeee; } /* Social icons */ .social_icon { margin-top: 20px; } .social_icon a { background: none repeat scroll 0 0 #303030; border: 1px solid #595959; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; color: #fff; display: inline-block; float: left; font-size: 14px; height: 37px; line-height: 37px; margin: 0 9px 0 0; overflow: hidden; text-align: center; width: 37px; } .social_icon a:hover { background: none repeat scroll 0 0 #e5cf00; } .social_icon a i.fa { cursor: pointer; height: 37px; line-height: 37px; width: 37px; } .social_icon a:hover .fa { animation:0.35s ease 0s normal none 1 icon-social-hover; -o-animation:0.35s ease 0s normal none 1 icon-social-hover; -moz-animation:0.35s ease 0s normal none 1 icon-social-hover; -webkit-animation:0.35s ease 0s normal none 1 icon-social-hover; -ms-animation:0.35s ease 0s normal none 1 icon-social-hover; } /* Back to top */ .back-to-top { color: #fff; font-size: 24px; padding: 12px 0; text-align: center; } .back-to-top a { color: #fff; } .back-to-top a:hover { color: #fff; } .index-white .back-to-top a, .index-white .back-to-top a:hover{ color: #e5cf00; } [class*="image-bg-"] { background-attachment: fixed !important; background-size: cover !important; } /*----------------Welcome---------------------*/ .banner-text { position: absolute; top: 110px; width: 100%; z-index: 9; } .sport-club .banner-text { top: 150px; } .banner-text .title-page h4 span{ border: 2px solid; padding: 5px 10px; font-weight: bold; } .banner-text .title-page h1{ font-size: 60px; } .banner-text .title-page h5{ font-size: 16px; } .link-to { text-align: center; } .select-demo, .purchare-it { background: none repeat scroll 0 0 #343434; font-size: 16px; padding: 7px 12px; width:160px; display:inline-block; text-transform: uppercase; } .purchare-it { background: none repeat scroll 0 0 #e5cf00; margin-left: 10px; } .banner-img img{ width: 100%; } .banner-olayer { background: url("../images/bg-glass.png") no-repeat scroll center center / 100% auto transparent; height: 100%; position: absolute; width: 100%; } .hover-right { cursor: pointer; float: left; height: 100%; width: 50%; } .hover-left { cursor: pointer; float: right; height: 100%; width: 50%; } #scene{ margin:0; padding:0; position:absolute; top:0; width:100%; } .layer-bg{ background: url("../images/bg-glass.png") no-repeat scroll center center/100% 100%; margin: -200px 0 0 -200px; } .layer img{ width:100%; opacity:0.3; } .demos .title-page { background: none repeat scroll 0 0 #e5cf00; padding-bottom: 45px; padding-top: 60px; position: relative; z-index: 2; } .demos-category { list-style: inside none disc; padding-left: 0; } .demos-category li { display: inline-block; margin-right: 25px; } .demos-category li:before { background: none repeat scroll 0 0 #93040d; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; content: ""; height: 6px; margin-left: -10px; margin-top: 9px; position: absolute; width: 6px; } .demos-category li:hover:before { background: none repeat scroll 0 0 #fff; } .demos-category li a { color: #93040d; font-size: 14px; } .demos-category li a:hover { color: #fff; } .demos-home { background: none repeat scroll 0 0 #1e1e1e; padding: 80px 0 55px; position: relative; } .demos-title { padding: 32px 0 32px; text-align: center; } .demos-image { position: relative; } .magnifier { background: none repeat scroll 0 0 rgba(30, 30, 30, 0.76); bottom: 0; left: 0; opacity: 0; position: absolute; right: 0; top: 0; height: 100%; width: 100%; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; } .magnifier .buttons { opacity: 0; position: absolute; text-align: center; top: 50%; transform: translateY(0%); -moz-transform: translateY(0%); -webkit-transform: translateY(0%); -o-transform: translateY(0%); -ms-transform: translateY(0%); transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; visibility: hidden; width: 100%; } .magnifier .buttons a:hover { background:#e5cf00; border: none; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; } .magnifier:hover{ opacity:1; visibility:visible; } .magnifier:hover .buttons { opacity:1; transform: translateY(-100%); -moz-transform: translateY(-100%); -webkit-transform: translateY(-100%); -o-transform: translateY(-100%); -ms-transform: translateY(-100%); visibility:visible; } .demo { border: 2px solid #ffffff; color: #ffffff; cursor: pointer; font-size: 14px; height: 100px; padding: 10px; text-align: center; text-transform: uppercase; width: 100px; } .demos-title .link-home{ font-size: 14px; text-transform: uppercase; } .demos-title .link-home span { border: 2px solid; margin-right: 10px; padding: 5px; } .bottom-page { background: #242424; position: relative; } .features { background: #242424; position: relative; } .features .sevices-main { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); z-index: 20; position: relative; margin-bottom: -58px; } .features .title-page { padding-bottom: 95px; padding-top: 60px; } .bg-bottom { position: relative; z-index: 10; } .intro-icon { font-size: 72px; padding-bottom: 30px; } .features .services-content h3{ font-size: 20px; } .features .services-content .actions { padding: 0 15px; } .footer-welcome { background: none repeat scroll 0 0 #e5cf00; margin-top: -250px; position: relative; } .footer-welcome .title-page { padding-top: 175px; position: relative; z-index: 20; } .footer-welcome .title-page h4 { font-size: 20px; padding-bottom: 15px; } .footer-welcome .title-page h4 span{ border: 1px solid; padding: 5px 10px; } .footer-welcome .title-page h6 i { color: #7d0109; } /* ---------------------- Page Store --------------------------------------*/ .index-store .header { background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; position: absolute !important; } .index-store .menu-button { background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; display: block !important; left: 38%; } /* --- Menu --- */ .menu-store { background: none repeat scroll 0 0 rgba(14,14,14,0.9) !important; border: 1px solid transparent; margin-right: 0; overflow: hidden; padding: 0 15px; position: fixed; left: 0; right: 0; top: 0; transform: translateY(-100%); -moz-transform: translateY(-100%); -webkit-transform: translateY(-100%); -o-transform: translateY(-100%); -ms-transform: translateY(-100%); transition: -moz-transform 1s ease 0s; -moz-transition: -moz-transform 1s ease 0s; -webkit-transition: -webkit-transform 1s ease 0s; -ms-transition: -ms-transform 1s ease 0s; -o-transition: -o-transform 1s ease 0s; width: 100%; height:100%; z-index: 99999; } .show-menu .menu-wrap { transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transition: -moz-transform 0.6s ease 0s; -moz-transition: -moz-transform 0.6s ease 0s; -webkit-transition: -webkit-transform 0.6s ease 0s; -ms-transition: -ms-transform 0.6s ease 0s; -o-transition: -o-transform 0.6s ease 0s; } .menu-store .main-menu.container { padding: 30px 24px; } .menu-store ul.nav-store> li{ border: medium none; text-align: center; } .menu-store ul.nav-store > li a{ font-size:30px; font-weight:bold; padding: 17px 0; } .menu-store ul.nav-store > li a:hover{ color:#e5cf00; } .menu-store ul.nav-menu li ul.show { border:none; } .menu-store ul.nav-store li .child-nav li a { font-size: 14px; } .nav-store .dropdown a i{ opacity:0; } .nav-store .dropdown .icon-arrow::before { opacity:0; } /* --- End Menu --- */ .icon-cart .carts-store, .icon-wishlist .wishlists-store { display: inline-block; float: left; margin-right: -280px; width: 280px; background: none repeat scroll 0 0 #2a2a2a; } .cart-store, .wishlist-store { margin-top: 0; overflow: hidden; position: fixed; right: 0; top: 100px; z-index: 99; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; } .wishlist-store{ top: 150px; z-index:90; } .icon-cart, .icon-wishlist { position: relative; } .my-cart, .my-wishlist { background: none repeat scroll 0 0 #e5cf00; height: 40px; line-height: 38px; margin-bottom: 5px; text-align: center; width: 40px; font-size: 14px; display: inline-block; float: left; overflow: hidden; box-shadow: 2px 2px 2px #333; -moz-box-shadow: 2px 2px 2px #333; -webkit-box-shadow: 2px 2px 2px #333; -ms-box-shadow: 2px 2px 2px #333; -o-box-shadow: 2px 2px 2px #333; } .my-cart button, .my-wishlist button { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; } .carts-store .title, .icon-wishlist .title { border-bottom: 1px solid rgba(255,255,255,0.08); color: #cccccc; font-size: 14px; margin: 0 0 15px; padding: 13px 15px; } .bag-cart > ul { padding-left: 0; overflow: hidden; } .bag-cart ul li { border-bottom: 1px solid rgba(255,255,255,0.08); margin-bottom: 8px; padding-left: 15px; } .bag-cart .product-image { display: inline-block; vertical-align: middle; width: 28%; vertical-align: top; } .bag-cart .info-products { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; display: inline-block; width: 70%; padding: 0 15px; } .bag-cart .info-products .price-box { color: #e5cf00; } .bag-cart .check { background: none repeat scroll 0 0 #e5cf00; border: medium none; padding: 7px; text-transform: uppercase; margin-left: 15px; margin-bottom: 15px; } /* --- Collection ---*/ .bg-store .athlete-html { font-size: 24px; margin-bottom: 38px; } .bg-store .banner-text .title-page h5 { font-size: 18px; margin-top: 18px; margin-bottom:40px; font-weight: bold; } .btn-store { display: inline-block; margin-left: 15px; } .btn-store.shop-now a { background: none repeat scroll 0 0 #e5cf00; font-size: 14px; text-transform: uppercase; padding: 14px 28px; } .btn-store.watch-video a { background: none; border:2px solid #fff; } /* --- Master Slide --- */ .bg-store .ms-thumb-list.ms-dir-h { bottom: 0; position: absolute !important; width: 100%; } .bg-store .ms-tabs .ms-thumb { padding: 0; } .bg-store .ms-tabs.ms-dir-h .ms-thumb-frame { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; color: #fff; margin: 15px !important; text-shadow:none; } .bg-store .ms-tabs .ms-thumb-frame-selected { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; } .bg-store .ms-tabs.ms-dir-h .ms-thumb-frame .ms-thumb-ol { border:none; } .bg-store .ms-skin-default .ms-nav-next, .bg-store .ms-skin-default .ms-nav-prev{ display:none; } .ms-thumb-frame-selected .sub-title{ background:#e5cf00; } /* --- End Master Slide --- */ .sub-title { background: none repeat scroll 0 0 rgba(28, 28, 28, 0.3); padding: 24px 22px 14px; margin-top: -4px; } .title-collection, .icon-next { display: inline-block; } .icon-next { border: 2px solid #e5cf00; border-radius: 50%; float: right; height: 34px; text-align: center; width: 34px; line-height: 34px; margin-top: 12px; } .ms-thumb-frame-selected .icon-next{ border: 2px solid #fff; } .icon-next a{ color:#e5cf00; } .ms-thumb-frame-selected .icon-next a{ color:#fff; } .sub-title:hover{ background:#e5cf00; } .sub-title:hover .icon-next{ border: 2px solid #fff; } .sub-title:hover .icon-next a{ color:#fff; } .title-collection .title-masory h2 { margin: 0; font-weight: bold; } .title-collection .title-masory h4 { font-size: 14px; } .title-masory h2{ font-size:36px; } .title-masory h3{ font-size:18px; } .masonry-small { background: none repeat scroll 0 0 #ce3642; margin-bottom: 30px; min-height: 254px; } .man-content .masonry-small{ margin-bottom:0; margin-top:30px; } .masonry-lagar { min-height: 548px; position: relative; overflow: hidden; } .collection-content .box{ margin: 0 0 120px; } .box .price-table-text{ width:70%; } .box .price-table-text span { font-size: 14px; text-transform: uppercase; } .box .price-table-text span span{ font-size: 24px; border: 2px solid #fff; padding: 2px 15px; margin-left: 15px; } .masonry-lagar .price-table-text { height: 100%; left: 0; padding: 35px; position: absolute; width: 100%; } .masonry-lagar .price-table-img img { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; -moz-transition: opacity 0.35s, -webkit-transform 0.35s; -ms-transition: opacity 0.35s, -webkit-transform 0.35s; -o-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1.12); -moz-transform: scale(1.12); -mz-transform: scale(1.12); -o-transform: scale(1.12); transform: scale(1.12); } .masonry-lagar:hover .price-table-img img { opacity: 0.6; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .masonry-lagar .price-table-text::before { position: absolute; top: 10px; right: 10px; bottom: 10px; left: 10px; border: 1px solid #4c4c4b; content: ''; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .masonry-lagar .price-table-text::before, .masonry-lagar .text-masony { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; -moz-transition: opacity 0.35s, -webkit-transform 0.35s; -ms-transition: opacity 0.35s, -webkit-transform 0.35s; -o-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } .masonry-lagar .text-masony { margin: 0 auto; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); } .masonry-lagar .title-masory { -webkit-transition: -webkit-transform 0.35s; -moz-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,-20px,0); -moz-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0); } .masonry-lagar:hover .price-table-text::before, .masonry-lagar:hover .price-table-text::after { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } .masonry-lagar:hover .title-masory, .masonry-lagar:hover .text-masony { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .masonry-lagar-content { bottom: 45px; position: absolute; } /* --- Popular Product ---*/ .popular-title { background: none repeat scroll 0 0 #1c1c1c; border-bottom: 2px solid rgba(255, 255, 255, 0.1); padding: 17px; } .text-title { font-size: 20px; margin: 0; } .text-title, .popular-title .next { display:inline-block; } .popular-title .next { float:right; } .popular-title .next .icon-wrap { border: 2px solid #fff; border-radius: 50%; height: 28px; line-height: 25px; margin-right: 5px; text-align: center; width: 28px; } .popular-title .next .icon-wrap:hover { border: 2px solid #ce3642; color:#ce3642; } .collection { background: none repeat scroll 0 0 #1c1c1c; padding-top: 40px; position: relative; } .popular-store{ background: url("../images/store/bg-popular.png") no-repeat scroll center center #1c1c1c; position: relative; padding: 120px 0; } .popular-store .product-content { background: none repeat scroll 0 0 rgba(28, 28, 28, 0.9); } .popular-store .product-content:hover { background: none repeat scroll 0 0 #21201f; } .popular-store .product-bottom { margin: 7px auto 0; } .popular-store .info-products { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); } .popular-store .product-image-wrapper .product-image img { -webkit-transition: -webkit-transform 0.4s; -moz-transition: -moz-transform 0.4s; transition: transform 0.4s; } .popular-store .product-image-wrapper:hover .product-image img{ -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); } .popular-store .info-products { padding: 10px 15px; } .popular-store .arrows { top: 97px; } .popular-product { border-right: 1px solid rgba(0, 0, 0, 0.5); } /* --- New Product ---*/ .product-store .title-page > h4 { display: inline-block; font-size: 30px; font-weight: bold; padding: 0 30px; position: relative; } .product-store .title-page > h4::before { color: #fff; content: "..."; left: 0; position: absolute; top: -9px; } .product-store .title-page > h4::after { color: #fff; content: "..."; position: absolute; top: -9px; right: 0; } /* --- Sport New ---*/ .sport-new { background: url("../images/store/bg-sport-new.png") no-repeat scroll center center rgba(28, 28, 28, 0); min-height: 733px; position: relative; background-size:100% 100%; } .title-sport{ margin: 20px 0; } .sport-new .title-page h4{ margin-top: 85px; } .title-sport > a { font-size: 18px; font-weight: bold; text-transform: uppercase; } .title-sport > a:hover { color:#e5cf00; } .sport-content .read-more a { color: #ce3642; text-transform: uppercase; } .sport-content .read-more:hover a { color: #fff; } .sport-content .read-more:hover a .fa{ border: 2px solid #fff; } .sport-content .read-more a .fa { border: 2px solid #e5cf00; border-radius: 50%; height: 28px; line-height: 25px; margin-right: 5px; text-align: center; width: 28px; } .img-sport { position: relative; overflow: hidden; } .icon-sport { background: none repeat scroll 0 0 #e5cf00; border-radius: 50%; height: 46px; left: 15px; line-height: 46px; position: absolute; text-align: center; top: 15px; width: 46px; } .icon-sport .fa{ font-size:16px; } /* --- Footer Store ---*/ .footer-store{ background:#e5cf00; } .footer-store a { color: #fff !important; } .footer-store .logo { margin-bottom: 20px; } .footer-store .social_icon a { background: none repeat scroll 0 0 #ca434d; border: 1px solid #ca434d; } .footer-store .footer-title h4 { color: #fff; text-transform: uppercase; position: relative; padding-bottom: 7px; } .footer-store .footer-title h4::after { border-bottom: 2px solid #fff; bottom: 0; content: ""; height: 2px; left: 0; position: absolute; width: 30%; } .links-left, .links-right{ padding-left:10px; display:inline-block; } .links-right { float: right; margin-right: 20px; } .links-footer ul li{ margin-bottom:7px; list-style-type: disc; } #copyright.copyright-store{ background: none repeat scroll 0 0 #e5cf00 ; border-top: 2px solid rgba(255, 255, 255, 0.11) !important; } /*------------------End Page Store-------------------------*/ /*------------------ Page Sport Club-------------------------*/ .sport-club .logo{ padding:0 15px !important; background:none !important; } .sport-club .logo a{ background:#e5cf00; position:relative; z-index:99; } .product-store .popular-product{ border:none; } .sport-club .link-to{ text-align: left; } .sport-club .banner-text .title-page h1 { font-size: 80px; margin: 0; text-align: left; } .icon-sports, .text-sport{ display:inline-block; } .text-sport { margin-left: 80px; } .text-sport p{ font-size:24px; text-transform:uppercase; } .text-sport p:last-child{ color:#ce3642; } .img-title > img { opacity: 0.54; } .icon-sports { border: 2px solid #fff; border-radius: 50%; font-size: 22px; height: 63px; left: 15px; line-height: 57px; position: absolute; text-align: center; width: 63px; } .img-title > img { height: 98px; width: 100%; } .sport-club .sub-title{ padding:0; position:relative; } .title-content .title-collection { left: 15px; position: absolute; top: 15px; } .title-content .icon-next { right: 15px; position: absolute; top: 20px; } .title-content .icon-next{ border: 2px solid #fff; } .title-content .icon-next a{ color:#fff; } .img-title .background-overlay { display:none; } .sub-title:hover .img-title .background-overlay { display:block; } .team-content .masonry-lagar{ margin-bottom:37px; } .team-content .masonry-small{ margin-bottom:0; } .sport-club .price-table-text h3 { font-size: 18px; } .sport-club .price-table-text h2 { font-size: 36px; font-weight:bold; } .sport-club .box .price-table-text .sign-up { border: 2px solid #fff; margin-left: 0; padding: 7px 15px; font-size:14px; text-transform: uppercase; } .sport-club .masonry-small { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); position: relative; } .results { position: relative; } .results-content { position: absolute; top: 0; width: 100%; text-align: center; } .title-match > h3 { background: none repeat scroll 0 0 #e5cf00; padding: 14px; text-align: center; margin: 0; } .title-collection > h2 { margin-top: 10px; } .results-match { display: block; float: left; padding: 10px 0; vertical-align: top; width: 33.3333%; } .results-match ul{ padding-left:0; } .sport-club h4, .time-match h4{ font-size:14px; } .results-home h2{ font-weight:bold; } .view-league { float: right !important; } .view-league > a { font-size: 10px; text-transform: none; padding: 0 10px; } .view-league > a:hover { color:#e5cf00; } .sport-club .masonry-small .price-table-img { float: none; position: relative; } .media h2{ font-weight:bold; margin-bottom: 20px; } .media .border-bottom{ margin:0 auto; } .media .icon-sports { margin-top: 20px; position: initial; } .league-table ul li { display: block; float: left; } .sport-club .popular-store { background: url("../images/sport/bg-athlete.jpg") no-repeat scroll center center #1c1c1c; padding: 90px 0; } .sport-club .title-page { position: relative; z-index: 99; padding-top:0; padding-bottom: 40px; } .results > img { margin-top: -45px; position: relative; z-index: -1; } .sport-club .popular-product { padding: 0 1px 0 0; } .sport-club .popular-product .product-image-wrapper{ margin-bottom:0; } .league-table { padding: 0; width: 100%; } .league-table ul { display: block; float: left; font-weight: bold; margin-bottom: 0; text-transform: uppercase; width: 100%; } .league-table ul li.with-10 { padding: 10px 0; text-align: center; width: 10%; position: relative; } .league-table ul li.with-50 { padding: 10px 0; text-indent: 10px; width: 50%; } .league-1 { background: none repeat scroll 0 0 #2b2b2b; border-bottom: 1px solid #333333; border-top: 1px solid #333333; } .league-2 { background: none repeat scroll 0 0 #1f1f1f; } .league-1.league-title { border: medium none; color: #797878; } .league-1.league-title li { border-right: 1px solid #333333; } .league-1.league-title li:last-child { border-right: none; } .league-1.league-title li:first-child { padding: 10px 0; } .league-2.league-top { color: #e5cf00; } .league-table .number { background: none repeat scroll 0 0 #1f1f1f; border-radius: 50%; color: #fff; height: 26px; line-height: 8px; margin-left: 3px; margin-top: 7px; width: 26px !important; } .league-2 .number{ background: none repeat scroll 0 0 #2b2b2b; } .league-top .number{ background: none repeat scroll 0 0 #e5cf00; } /* --- Brands ---*/ .brands-sport { background:#1e1e1e; position:relative; } .brands-content { overflow: hidden; padding: 20px 0; position: relative; } .brands-sport .next, .brands-sport .prev { left: 0; position: absolute; top: 37px; z-index: 99; } .brands-sport .next{ right:0; left:auto; } .brands-owl{ margin:0 10px; } .brands-sport .next .icon-wrap, .brands-sport .prev .icon-wrap { color: #767676; font-size: 18px; } .links-footer ul li a:before, .links-footer ul li:after { border-bottom-color: #e5cf00; } .links-footer ul li a:before { right: 50%; } .links-footer ul li a:after { left: 50%; } .links-footer ul li a:before, .links-footer ul li a:after { border-bottom: 2px solid #fff; bottom: -5px; content: ""; position: absolute; width: 0; transition: width 250ms ease-out 0s; -o-transition: width 250ms ease-out 0s; -ms-transition: width 250ms ease-out 0s; -moz-transition: width 250ms ease-out 0s; -webkit-transition: width 250ms ease-out 0s; } .links-footer ul li a:hover:before, .links-footer ul li a:hover:after, .links-footer ul li.active:before, .links-footer ul li.active:after, .links-footer ul li a:hover:before, .links-footer ul li a:hover:after { width: 50%; } .links-footer ul li a{ position:relative; } /*------------------End Sport Club-------------------------*/ /*--------------------------------------------------- EXTRA ------------------------------------------------------*/ /* Welcome page */ @media (min-width: 1147px) and (max-width: 1199px) { .results > img { margin-top: 0; position: relative; z-index: 0; } } @media (max-width: 1174px) { .timetable-content .octember p { font-size: 26px; } .our-pricing-title {top: 55px;} .month { height: 205px; } .price-table-text h2 { font-size: 20px; } .results > img { margin-top: 0; position: relative; z-index: 0; } } @media (max-width: 1024px) { .quick-access { position: absolute !important; right: 65px; padding:0 !important; } #header .mainnav{ display:none!important; } #open-button{ display:block; font-size:24px; } .boxing-page .nav-container, .boxing-page .quick-access { background: none; padding: 0; height: auto; margin:0; } .boxing-page #open-button { top: 25px; } .boxing-page .alt #open-button { top: 54px; } .search-box {right:0;} .title-bottom { font-size: 4em; } .hps-title1 { top:230px !important; } .hps-title3 { top: 285px !important; } .hps-title4 { top: 354px !important; } .sidebar-bottom-1{ margin-bottom: 20px; } .ch-info-wrap { top: 50px; } .timetable-info > p { height: 62px; line-height: 21px; overflow: hidden; position: relative; } .timetable-info .title-content > p { margin: 0; } .parallax-text .open-btn:before { transform: translateX(0px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); } .parallax-block .button { text-indent: -99999px; width: 100px; } .shopping-buy { padding: 0 0 0 25px; transition: none 0s ease 0s ; -moz-transition: none 0s ease 0s ; -webkit-transition: none 0s ease 0s ; -o-transition: none 0s ease 0s ; -ms-transition: none 0s ease 0s ; width: 115px; } .shopping-buy:before { margin-left: -35px; transform: none 0s ease 0s; -moz-transform: none 0s ease 0s; -webkit-transform: none 0s ease 0s; -o-transform: none 0s ease 0s; -ms-transform: none 0s ease 0s ; } .shopping-buy:hover:before{ transform: none 0s ease 0s; -moz-transform: none 0s ease 0s; -webkit-transform: none 0s ease 0s; -o-transform: none 0s ease 0s; -ms-transform: none 0s ease 0s ; } .detail-our-team-desc { font-size: 20px; line-height: 34px; } .detail-our-team-inner { padding: 25px 30px 10px; } .contact { top: 105px; } .sidebar-bottom .title-match { padding: 9px 0; } .index-white .classes-content .box-cell { margin: 25px 18px 0; } .header-container-3 #open-button { top: 83px; } .classes-content .box-cell { margin: 35px 30px 0; } .profile-icon, .profile-text { float: left; padding: 0 20px; width: 100%; } .profile-content .rating { text-align: left; } .share .social-icon a { padding: 0 4px; } .share-title h5 { font-size: 11px; } .page-product .product-categories .title, .product-popular .title { font-size: 16px; } .product-list-row .info-products-list { padding-bottom: 10px; } .listing-grid-row .actions p{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .listing-grid-row .icon-time span{ font-size: 10px; } .listing-grid-row .info-products{ padding: 10px 0; } .caveats-content { padding-top: 30px; } .caveats-content p { font-size: 16px; width: 80%; } .pages { margin-bottom: 30px; overflow: hidden; } .mini-cart:before { right: 34px; } .actions { padding: 10px 15px; } .img-box-right .open-hour { right: 7%; top: 55px; } .masonry-lagar .price-table-img { width: 100%; } .masonry-lagar { min-height: 447px !important; } .title-collection > h2 { font-size: 24px; } .icon-next { margin-top: 8px; } .links-footer { padding-left: 15px; } .links-left, .links-right { display: inline; float: none; } .results, .results > img { position: relative; width: 100%; } .results-content { top: 50%; margin-top: -100px; } .time-match { text-align: center; } .league-table ul li.with-50 { height: auto; overflow: hidden; padding: 10px; text-overflow: ellipsis; white-space: nowrap; width: 50%; text-align: left; } .league-table{ padding:0; } .masonry-small .media { text-align: center; margin-top:-122px; } .sport-club .popular-product { padding: 0 1px 30px 0; } .collection-content .box { margin: 0 0 50px; } } @media (max-width: 990px) { .listing-grid-row .icon-time span{ font-size: 12px; } .about-top { background: none; } .class-content-left{ padding: 200px 85px 10px 0; } .class-content-right { padding-left: 78px; padding-top: 200px; } .class-content h3 { font-size: 36px; } iframe { width: 100%; } .octember {padding-bottom:20px;} .octember img{width:99%;} .timetable-content .octember p { font-size: 36px; } .our-pricing-title { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); color: #fff; height: auto; margin-left: 0; overflow: hidden; padding: 30px 0; position: static; text-align: center; width: 100%; } .col2-layout .col-main { padding-left: 0; } .price-table .col-md-4, .price-table .col-md-8, .price-table .col-md-12{padding:0;} .hour, .news, .contact-us { padding-top: 0; } .about-con .about-box, .block-item-special > .about-box { transform: translateY(0px) !important; transition: none 0s ease 0s ; } .product-image a img, .price-table-img > img { width: 100%; } .discover-link { font-size: 20px; } .discover .discover-content h2 { font-size: 36px; } .slider-content { top: 150px; width:100%; } .slider-content .title-slide { font-size: 32px; } .slider-content .text-slide { width: 100%; } .month { height: 330px; } .price-table-text h2 { font-size: 24px; } .shop .price-table-content { margin: 15px 0; } /* Product cart */ .product-cart .cart .cart-table .delete-item{ border-right: 1px solid #343434 !important; } .product-cart .cart .cart-collaterals .box{ height: auto; } .related-product { float: left; padding-bottom: 20px; width: 50%; } .related-product-1 { padding-right:10px; } .related-product-2{ padding-left:10px; } .price-table-text { left: 20%; } .slide-welcome { position: relative; } .welcome .contents-main{margin-top:0 !important;} .banner-text .title-page h1 { font-size: 36px; } .banner-text { left: 0; top: 50px; width: 100%; margin-left: 0; } .ch-info-wrap { margin: 0 auto; position: static; text-align: center; } .timetable-info > p { height: auto; line-height: 24px; } .timetable-info .title-content > p { margin: 0 0 10px; } .index-white .classes-content .box-cell { margin: 25px 25px 0; } .share-title h5 { font-size: 16px; } .profile-info { padding-left: 20px; width: 70%; } .profile-text { padding-left: 20px; width: 100%; } .page-product .product-categories .title, .product-popular .title { font-size: 18px; } .listing-grid-row .actions p{ overflow: hidden; text-overflow: ellipsis; white-space: normal; } .caveats-content { padding-top: 40px; } .caveats-content p { font-size: 18px; width: 71%; } .ch-info-wrap { margin: 0 auto; position: relative; text-align: center; top: 0; left:0; } .introduction { background: none repeat scroll 0 0 #242424; } .introduction .intro-content { padding-bottom: 0px; } .services { background:#242424; } .sevices-main { background: none repeat scroll 0 0 transparent; } .links-left, .links-right { float: left; } .links-right { margin-left: 70px; margin-right: 0; } .league-table .number { height: auto; line-height: 8px; margin-left: 0; width: 10% !important; } } @media (max-width: 768px) { .about-con .about-box, .block-item-special > .about-box { transform:translateY(0)!important; -o-transform:translateY(0)!important; -ms-transform:translateY(0)!important; -moz-transform:translateY(0)!important; -webkit-transform:translateY(0)!important; } .octember img{width:100%;} .reviews-content, .match-img {text-align:center; } .coming-event h2 { width: auto; } .border, .border-bottom{display:none;} .gallery .gallery-content { top: 35px; width: 85%; } .coming-event h2 { font-size: 18px; } .price-table-text { left: 20%; width: 72%; } .content-our-team.our-team-tabs .our-team-nav span.our-team-position { font-size: 21px; } .boxing-page .alt { padding-top: 0; } .boxing-page .alt #open-button { top: 25px; } .discover-link { font-size: 16px; } .discover .discover-content h2 { font-size: 24px; } .img-box-right .open-hour{ right: 20%; top: 150px; } .slider-content { top: 100px; width:80%; } .slider-content .title-slide { font-size: 50px; } .slider-content .text-slide { font-size: 18px; } .title-top { font-size: 24px; } .title-bottom { font-size: 3em; } .links { font-size: 18px; } .title-banner span { font-size: 18px; } .title-banner-1 h2 { font-size: 50px; } .try-class a {font-size: 14px;} .fit-background { left: 50%; margin-left: -115px; right: auto; } .caveats-full { float: left; width: 100%; } .caveats-content { width: 100%; float: none; overflow: hidden; } .caveats-content p { font-weight: bold; margin: 30px; width: 55%; } .time-event { width: 100%; border-right:none; } /* Product cart */ .product-cart .cart .cart-table .row-item .item{ min-height: auto; line-height: normal; text-align: center; } .hps-title1 { top:230px !important; } .hps-title3 { top: 275px !important; } .hps-title4 { top: 324px !important; } .demos-content{ margin: 0 auto; text-align: center; } .features .sevices-main { margin-bottom: -20px; } .footer-welcome .title-page { padding-top: 100px; } .footer-welcome { margin-top: -130px; } .banner-text .title-page { padding-top: 20px; } .detail-our-team-inner { padding: 10px 20px; } .detail-our-team-desc { font-size: 16px; line-height: 30px; } .detail-our-team-user { font-size: 18px; padding-top: 5px; } .actions { padding: 10px 15px; } .coming-event { background: none repeat scroll 0 0 #242424; } .sidebar-bottom .title-match { padding: 45px 0; } .match-reviews { padding: 25px 20px !important; } .about-img > img { width: 100%; } .block-left { padding-bottom: 30px; } .price-tb { padding-bottom: 20px; } .price-tb-red { padding-bottom: 20px; } .price-tb-blue { padding-bottom: 20px; } .caveats-content p { width: 100%; } .more-views .owl-item { width: 80px !important; } .product-img-box{ display: block; text-align: center; } .quickview-box .quickview-close { top: 40px; } .product-cart .cart .cart-collaterals .box { height: 230px; } .product-cart .cart .cart-collaterals .calculate-shipping, .log-in, .billing-address { margin-bottom: 20px; } .product-check-out .checkout .checkout-row .billing-address .box, .product-check-out .checkout .checkout-row .shipping-address .box { height: auto; } .blog-main .img-blog { width: 20%; } .boxing-page .reveal:not(.alt) .quick-access { background: none ; } .sevices-main { border: medium none; } .services .col-md-3 { padding: 0 15px; } .sevices-wapper { margin-bottom: 15px; } .fit-strong { background: #242424; } .sevices-wapper { margin-bottom: 30px; } .contents-main .sport-new { background: none repeat scroll 0 0 #1c1c1c; min-height: auto; } .sport-content { margin-bottom: 25px; } .collection-content .box { margin: 0 0 25px; } .collection-content .sub-title { margin-bottom: 40px; } .masonry-lagar .price-table-img > img { width: 100%; } .links-info, .links-account{ margin-top:25px; } .cart-store { margin-top: 0; } .results > img { height: 206px; width: 100%; } .links-left, .links-right { display: inline-block; float: none; vertical-align: top; } .links-right { margin-left: 60px; margin-right: 0; } .sport-club .popular-product { padding: 30px 2px 0 0; } .results, .results > img{ height: 220px; position: relative; } .results-content { text-align: center; } .results-match { padding: 0; } .time-match { text-align: center; } .league-table ul li.with-50 { overflow: hidden; text-overflow: ellipsis; white-space: nomal; width: 45%; } .sport-club .masonry-lagar .price-table-text { bottom: 0px; } } @media (min-width: 480px) and (max-width: 767px){ .our-team-img img { width: 100%; } .carousel-image { text-align: center; } .owl-controls.clickable { right: 132px; } .timetable-top .box-cell { margin: 80px 60px 0; } .price-table .col-md-12 { padding: 0 15px; } .price-list { padding-bottom: 1px !important; } .hps-title1 { top: 130px !important; } .hps-title3 { top: 175px !important; } .hps-title4 { top: 224px !important; } .arrows { top: 50%; } .boxing-content { padding: 50px 0; } .address-top { float: left; line-height: 5px; margin-top: 9px; width: 100%; } .header-container-3 #open-button { top: 105px; } .header-container-3 .quick-access { top: 100px; } .categories .filter{padding: 0 10px;} .classes-content .box-cell { margin: 90px 65px 0; } .gallery .gallery-content { top: 40px; } .slider-content { top: 100px; width:100%; } .slider-content .title-slide { font-size: 36px; } .slider-content .text-slide { font-size: 16px; } .banner-content { right: 36px; } .title-banner-1 h2 { font-size: 34px; } .title-banner span { font-size: 12px; } .try-class a {font-size: 14px;} .info-banner p { font-size: 16px; margin: 0; width:100%; } .form-validate-right, .form-validate-left { width: 100%; } .form-validate-left input { width: 100%; } .related-product { float: left; width: 100%; padding: 0 0 20px; } .related-product .box-cell { margin: 95px 50px 0; } .banner-text { top: 40px; } .banner-text .title-page { padding-top: 0; } .athlete-html { font-size: 14px; } .banner-text .title-page .athlete-welcome { font-size: 22px; } .banner-text .title-page .athlete-desc { font-size: 11px; } .select-demo, .purchare-it { font-size: 12px; } .product-cart .cart .cart-table .row-item .item { padding: 10px 20px; } .product-cart .cart .cart-table .row-item .item { padding: 10px; } .product-cart .cart .cart-table .row-item .name-item .product-image { float: none; } .product-cart .cart .cart-table .row-item .name-item .product-info { float: none; } .add-to-cart { margin: 0 auto; } .parallax-text h1 { font-size: 30px; } .parallax-shop h1 { font-size: 26px; } .join-us { font-size: 16px; } .month { height: auto; } .parallax-boxing p, .parallax-shop p { font-size: 16px; } .links-right { float: none; margin-right: 0; vertical-align: top; margin-left: 70px; } .footer-store .footer-title h4::after { width: 100%; } .links-our-product{ margin-top:25px; } .img-sport img { width: 100%; } .sport-club .banner-text .title-page h1 { font-size: 50px; } } @media (max-width: 479px) { .class-content h3 { font-size: 28px; } .gallery .gallery-content { top: 0; } .price-table-1 ul .icon { width: 19%; } .content-our-team.our-team-tabs .our-team-nav span.our-team-position { font-size: 16px; } .img-box-right .open-hour { right: 5%; top: 80px; } .title-top { font-size: 16px; } .title-bottom { font-size: 24px; } .links { font-size: 12px; } .calendar-month { font-size: 24px; } .calendar-day > div { font-size: 12px; } .calendar-date ul li .calendar-day { font-size: 18px; line-height: 40px; margin: 0 auto; } .calendar-month { font-size: 17px; } .calendar-note .calendar-slide { bottom: 0; } .calendar-note .calendar-slide li { margin-right:0; } .calendar-note .calendar-slide li .fa { font-size: 7px; } .title-page h3 { font-size: 24px; line-height: 32px; } .sevices-main { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; margin-bottom: 0; } .quick-access { line-height: 85px; } .news-wapper { padding: 25px 0; } .fit-strong { background: none repeat scroll 0 0 #242424; } .owl-controls.clickable { right: 88px; } .success a { font-size: 24px; } .title-page p { padding: 0 15px; } .classes-content .filters { text-align: left; } .timetable-top .box-cell { margin: 75px 55px 0; } .yoga-content { background: none; } .price-table .col-md-12 { padding: 0 15px; } .sidebar-bottom .title-match { padding: 10px 0; } .boxing-content { padding: 0; } .index-white .classes-content .box-cell { margin: 50px 50px 0; } .header-container-3 #open-button { top: 130px; } .address-top { float: left; margin-right: 0; width: 100%; } .header-container-3 .quick-access { top: 45px; } .price-table .col-md-12 { padding: 0 15px 1px; } .plan { margin: 0 0 15px; } .classes-content .box-cell { margin: 70px 30px 0; } .categories .filter{ padding: 0 8px; font-size: 12px; } .categories .filter:last-child{ border:none; } .add-to-cart { margin: 0 auto; } .product-cart .cart .cart-table .row-item .item { padding: 15px; } .blog-content { margin-left: 110px; } .img-brand { text-align: center; } .price-contents { padding: 30px 0; } .parallax-text h1 { font-size: 30px; } .parallax-shop h1 { font-size: 26px; } .join-us { font-size: 16px; } .month { height: auto; } .parallax-boxing p, .parallax-shop p { font-size: 16px; } .links-right { float: none; margin-right: 0; vertical-align: top; margin-left: 70px; } .footer-store .footer-title h4::after { width: 100%; } .links-our-product{ margin-top:25px; } .index-store .menu-button { left: auto; } .img-sport img { width: 100%; } .sport-club .banner-text .title-page h1 { font-size: 50px; } } @media (max-width: 320px) { .hps-title1 { top: 130px !important; } .hps-title3 { top: 175px !important; } .hps-title4 { top: 224px !important; } .ms-slide-layers .img-slide{ top:37% !important; } .content-our-team.our-team-tabs .our-team-nav span.our-team-position { font-size: 12px; white-space: nowrap; } .banner-text .title-page { padding-bottom: 0; padding-top: 0; } .banner-text { top: 0; width:100%; } .owl-controls.clickable { right: 20px; } .classes-content .filter { margin: 0 0 10px; padding: 0 10px; } .classes-content .box-cell { margin: 33px 30px 0; } .timetable-top .box-cell { margin: 25px 25px 0; } .col-left.sidebar { padding-top: 50px; } .top-link { line-height: 2; } .header-container-3 .quick-access { top: 103px; } .header-container-3 #open-button { top: 110px; } .block-left .about-title h3{ line-height: 30px; } .icon-block { float: none; text-align: center; } .about-details { margin-left: 0; padding: 20px 0; width: 100%; } .about-details-title { text-align: center; } .history-skill li { line-height: 30px; width: 100%; } .tab-history .our-team-nav { padding: 0; } .price-table-title h2 { line-height: 32px; } .caveats-content p { font-size: 14px; margin: 15px; } .share-title h5 { font-size: 13px; width: 100%; } .content-cmt { float: left; } .question-content p, .answer p, .content-reply { padding: 15px 0; } .experience-spoiler-opened .experience-details-title { font-size: 16px; } .product-essential .tags-list ul li a { padding: 0 10px; } .event-listing .news-title { font-size: 14px; } .event-listing .news-time .open-time, .event-text { font-size: 12px; } .blog-main .img-blog { width: 100%; } .blog-content { margin-left: 22px; } .blog-title a { font-size: 18px; } .answer .col-md-2, .reply .col-md-3{width:100%;} .headding-content .icon-headding { margin-right: 10px; } .headding-content .cont-headding { float: none; } .form-validate-right, .form-validate-left { width: 100%; } .form-validate-left input { width: 100%; } .related-product { width: 100%; } .experience-details-title { font-size: 16px; } .add-to-cart { width: 77px; } .product-cart .cart .cart-table .row-item .item { padding: 10px; } .product-cart .cart .cart-table .row-item .name-item .product-image { float: none; } .product-cart .cart .cart-table .row-item .name-item .product-info { float: none; padding-top: 20px; } .calendar-date ul li { width: 100%; } .calendar-date ul li .calendar-day { line-height: 150px; } .calendar-day > div { display:none; } .related-post-list a:before { top: 64px; } .next-month { max-width: 100%; } .calendar-title .owl-carousel { width: 156px; } .calendar-month { margin: 0; } .calendar-date ul li .calendar-day { font-size: 30px; } .calendar-note .calendar-slide { bottom: 40px; } .calendar-note .calendar-slide li .fa { font-size: 12px; } .next.next-nav-next { margin-right: 7px; } .prev.button-nav-prev { margin-left: 7px; } .boxing-page .logo { width: 50% !important; } .gallery { height: auto; } .gallery .gallery-content { margin-left: 0; padding: 10px !important; top: 0; width: 100%; } .gallery-content .title-gallery{ margin:0; } .coming-event h2 { font-size: 18px; } .parallax-block-wrap-module { height: 250px; } .parallax-block-content { padding-top: 40px; } .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { top: 33% !important; } .banner-text .title-page h1 { font-size: 20px; } .select-demo, .purchare-it { font-size: 12px; } .banner-text .title-page h5 { font-size: 12px; } .demos .title-page { padding-top: 10px; padding-bottom: 20px; } .links-right { float: none; margin-left: 30px; } } .body-boxed{ background: url("../images/patterns.png") repeat scroll 0 0 rgba(0, 0, 0, 0); } .body-boxed .wrapper { margin: auto; max-width: 1200px; overflow: hidden; -o-box-shadow:0px 6px 10px 0px rgba(0, 0, 0, 1); -ms-box-shadow:0px 6px 10px 0px rgba(0, 0, 0, 1); -webkit-box-shadow:0px 6px 10px 0px rgba(0, 0, 0, 1); -moz-box-shadow:0px 6px 10px 0px rgba(0, 0, 0, 1); box-shadow:0px 6px 10px 0px rgba(0, 0, 0, 1); } .body-boxed .wrapper { overflow: hidden; } .body-boxed .to-top { max-width: 1200px; } .body-boxed .header { max-width: 1200px; } /* COMING SOON PAGE*/ .coming-soon .layer{ width:100%; height:100%; display:block; } .coming-soon{ position:absolute; width:100%; height:100%; text-align:center; padding-top:155px; } .coming-soon .welcome-text{ font-size:60px; font-weight:normal; } .coming-soon .welcome-description{ font-size:16px; padding-top:5px; font-weight:normal; } .coming-soon .title{ border: 2px solid; padding: 8px 15px; display:inline-block; margin-bottom:7px; font-size:30px; text-transform:uppercase; font-weight:normal; } .coming-soon #scene{ width:100%; height:100%; background:url("../images/bg-welcome.jpg") repeat scroll top center / cover rgba(0, 0, 0, 0); position:fixed; width:100%; height:100%; z-index:-1; } .coming-soon .layer-img{ width:100%; height:100%; background:url("../images/bg-welcome.jpg") repeat scroll top center / cover rgba(0, 0, 0, 0); opacity:0.3; } .coming-soon .layer .layer-img{ opacity:0.3; } .coming-soon h6{ margin-top:130px; } .coming-soon .fa-heart{ color:#ef333d; } .countdown-section{ width:113px; height:113px; border:1px solid rgba(30,30,30,0.2); background:rgba(0,0,0,0.2); color:#fff; margin:30px 12px 0 12px; display:inline-block; font-size:18px; text-transform:uppercase; } .countdown-section .countdown-amount{ font-size:48px; display:block; text-align:center; line-height:48px; margin:15px 0 3px 0; } #page-top .wrapper.hide-main-content .page.page-category .content-wrapper .page-content #classes .container .classes-athlete .classes-inner.choose .classes-content .container .row .col-md-6.col-sm-12.col-xs-12 .block-right .block-right-info .about-info .about-details p { text-align: justify; }