/*STYLE.CSS*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*This is main CSS file that contains custom style rules used in this template*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* Template Name: Freedom.*/
/* Version: 1.0 Initial Release*/
/* Build Date: 15-10-2014*/
/* Author: Unbranded.*/
/* Website: http://moonart.net.ua/freedom/ 
/* Copyright: (C) 2014 */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------*/
/* TABLE OF CONTENTS: */
/*--------------------------------------------------------*/
/* 01 - LAYOUT INITIALIZATION & COLOR PRESETS */
/* 02 - WELCOME */
/* 03 - INFO */
/* 04 - PROMO VIDEO */
/* 05 - SPORT */
/* 06 - PRODUCT */
/* 07 - GALLERY */
/* 08 - TESTIMONIALS */
/* 09 - EVENTS */
/* 10 - SUBSCRIBE */
/* 11 - FOOTER */
/* 12 - POPUP */
/* 13 - POPUP-FULL-WINDOW */
/* 14 - MEDIA QURIES */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 01 - LAYOUT INITIALIZATION & COLOR PRESETS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
@import url("http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,700,800,600,300&subset=latin-ext,latin");
@font-face{ 
	font-family: 'WebSymbolsLigaRegular';
	src: url('../fonts/websymbolsligaregular.eot');
	src: url('../fonts/websymbolsligaregular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/websymbolsligaregular.woff') format('woff'),
		url('../fonts/websymbolsligaregular.ttf') format('truetype'),
		url('../fonts/websymbolsligaregular.svg#WebSymbolsRegular') format('svg');
}
html {margin:0px; padding:0px; height:100%;}
body {margin:0px; padding:0px; font-size:100%; height:100%; width:100%; font-family: 'Open Sans', sans-serif; color:#fff; background-color: #000;}
body.fix {overflow-y: hidden!important;}
.onload{opacity:0; -webkit-transition:All 300ms ease-in; -moz-transition:All 300ms ease-in;  -o-transition:All 300ms ease-in; -ms-transition:All 300ms ease-in; transition:All 300ms ease-in;}
.onload.loaded{opacity:1;}
.loader{position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:6000; background:#2a2a2a; text-align: center;}
.loading-line {position: absolute;  top: 50%; margin-top: -43px; left:50%; margin-left: -50px; -webkit-transition:All 1000ms ease-in; -moz-transition:All 1000ms ease-in;  -o-transition:All 1000ms ease-in; -ms-transition:All 1000ms ease-in; transition:All 1000ms ease-in;}
.lading-logo {position: absolute; left:50%; margin-left: -125px; top:50%; margin-top: -50px; -webkit-transition:All 1000ms ease-in; -moz-transition:All 1000ms ease-in;  -o-transition:All 1000ms ease-in; -ms-transition:All 1000ms ease-in; transition:All 1000ms ease-in;}
.lading-logo.act {top:30px; margin-top:0px;}
.loading-line.act {transform: scale(0);}
.animation-stop{-webkit-transition:none !important; -moz-transition:none !important;  -o-transition:none !important; -ms-transition:none !important; transition:none !important;}
.main-wrap {background: url('../img/site_pattern.png') repeat; background-attachment: fixed; z-index: 2;  width:100%; position: relative; float: left; margin:0px; padding:0px; overflow: hidden;}
.zet {overflow: hidden;}
a {text-decoration:none; outline:none; cursor: pointer;}
a:hover {text-decoration: none;}
a img{border: 0px none;}
a:hover {outline: none;}
a:active {outline: none; text-decoration: none;color:#ff9c00;}
a:focus {outline: none; outline-offset: 0px; text-decoration: none;color:#ff9c00;}
.clear{clear:both; overflow:hidden; height:0px; font-size:0px;}
.clear_l{clear:both;}
ul{padding:0px; margin:0px; list-style:none;}
input:focus, select:focus, textarea:focus, button:focus{outline:none;}
::-webkit-input-placeholder {color:#fff;}
::-moz-placeholder          {color:#fff;}
:-moz-placeholder           {color:#fff;}
:-ms-input-placeholder      {color:#fff;}
h1, h2, h3, h4, h5, h6, p{margin:0px; padding:0px;}
article, section, footer, header, figure, aside, hgroup, nav{display:block;}
header,nav,article,footer,section,aside,figure,figcaption{display:block}
button {outline: none; border: none; box-shadow: none;}
.wheel {position: absolute; bottom: 80px; height: 38px; width:100%; cursor: pointer; text-align: center;}
.wheel img {position: relative; display: inline-block; float:none;}
/*------------------------------------------------------*/
/*----------------------BACKGROUND----------------------*/
.bg{position:absolute; left:0px; top:0px; width:100%; height:100%; overflow:hidden;}
.bg img{position:absolute;}
.bg video{position:absolute;}
.bg-bg{background-position: 50% 0px; background-repeat: no-repeat; background-attachment: fixed; -webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover; background-size: cover; transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);}
.bg-bg-bag {background-attachment: scroll;background-origin: initial;background-clip: initial;background-size: cover;background-repeat:no-repeat;background-position:50% 0;position:relative;}
.bg-bg-chrome{background-position: 50% 0px; background-repeat: no-repeat; background-attachment: scroll; -webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover; background-size: cover; position:fixed;}
.bg-bg-chrome.act{position: absolute;}
.clip{clip: rect(auto, auto, auto, auto); height: 100%; position: absolute; width: 100%;}
/*-----------------------------------------------------*/
.full-width{position:relative; float:left; width:100%;}
.full-height{height:90vmin; position:relative; float:left;}
.vertical-center{-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.vertical-align{-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top:50%;}
.center_img{position: absolute;}
.swiper-container{margin:0 auto;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;z-index:1;}.swiper-wrapper{position:relative;width:100%; -webkit-transition-property:-webkit-transform,left,top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform,left,top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform,left,top;-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);-ms-transition-property:-ms-transform,left,top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform,left,top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease;}.swiper-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto;}.swiper-wp8-horizontal{-ms-touch-action:pan-y;}.swiper-wp8-vertical{-ms-touch-action:pan-x;}
.swiper-container{height:100%;}
.swiper-slide{position:relative; float:left; overflow:hidden;}
.slider-top-thumbs {position: relative; float: none; text-align: center; width:100%; margin-top:50px;}
.main-caption {position: relative; display: inline-block; float: none;}
h1 {font-weight: 800; font-size: 70px; line-height: 40px; color:#fff; text-transform: uppercase; margin: 30px auto;}
.word {background: #ff9c00; float: right;padding: 10px;line-height: 52px;margin-top: -16px;margin-left:12px;}
h2 {font-weight: 700; font-size: 60px; text-transform: uppercase; line-height: 60px;}
h3 {font-weight: 700; font-size: 30px; line-height: 30px; text-transform: uppercase; color:#ff9c00;}
h4 {font-weight: 600; font-size: 20px; line-height: 40px; text-transform: uppercase; padding-top: 25px;}
h5 {font-weight: 700; font-size: 26px; line-height: 24px; text-transform: uppercase;}
h6 {font-weight: 400; font-size: 14px; line-height: 30px; text-transform: uppercase; padding: 15px 0px 15px;}
i {font-weight: 400; font-size: 13px; line-height: 60px; text-transform: uppercase; font-style: normal;}
p {font-weight: 400; font-size: 14px; line-height: 28px; color:#fff; padding: 32px 0px 42px;}
b {font-weight: 700; font-size: 30px; line-height: 30px; text-transform: uppercase;}
ul {font-size: 10px; line-height: 34px; text-align: left; color: #fff;}
ul li a:hover {color:#ff9c00; text-decoration: none; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
small {font-weight: 400; font-size: 12px; line-height: 28px; color:#fff;}
q {font-size: 18px; line-height: 28px; font-weight: 700;}
input {font-size: 14px; line-height: 28px; color: #fff;}
iframe {border: none;}
/*------------------------------------------------------*/
/*----------------------button----------------------*/
.push {position: relative; float: left;}
.main-button { height: 69px; color:#fff;  padding: 20px 15px; position: relative; text-align: center; display: inline-block; background: url(../img/button_texture.png) repeat-X; float: left; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
.main-button b {font-size: 13px; line-height: 28px; font-weight: 700; text-transform: uppercase;}
.push span {font-family: 'WebSymbolsLigaRegular'; font-size: 20px; color: #ff9c00; background: url(../img/button_white.png) repeat-X; position: absolute; right: -39px; top:0; height: 69px; line-height: 62px;padding: 0 10px; display: block; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
.push:hover .main-button{margin-left:40px;}
.push:hover span{right: 100%; transform: rotateY(-360deg);}
.button-img {border: 3px solid #ff9c00; color: #fff; font-weight: 700; font-size: 20px; float: left; padding: 2px 5px; cursor: pointer; text-transform: uppercase;}
.more {color:#fff; width:31px; height:31px; text-align:center; line-height:27px; font-size:24px; font-family:'WebSymbolsLigaRegular'; cursor:pointer; z-index:1; border-radius: 50%; background:#ff9c00;}
.color-orange {color: #ff9c00;}
.color-white {color: #FFF;}
.slider-top-thumbs .main-title {position: relative; display:block; float: none;}
.main-title b {font-size: 20px; line-height: 56px;}
.main-title h4 {padding-top: 8px;}
.main-points {display:none;}
/*------------------------------------------------------*/
/*----------------------navigation----------------------*/
.logo-wraper {position: relative; top:-113px; left:0; width: 100%; height: 90px; text-align: center;}
.logo-wraper .logo {width: 249px; position: relative; font: none; display: inline-block; margin-top:30px;}
.logo-wraper .logo-simple {display: none; margin-top: 82px;}
.left-navigation {position: relative; display: inline-block; float: left; right: 145px;z-index: 5;}
.right-navigation {position: relative; display: inline-block; float: left; left: 145px;z-index: 5;}

.navigation {position: fixed; top:0px; left:0px; width: 100%; background: none; text-align: center; height: 150px; z-index: 5000; transition: all 0.3s ease-in-out; padding-top: 70px;}
.navigation.header-scroll {top:0; background: url('../img/menu_pattern.png') repeat; width: 100%; height: 81px; padding-top: 20px;}
.navigation nav {position: relative; display: inline-block; float: none; text-align: center;}
nav a {font-size: 16px; line-height: 40px; text-transform: capitalize; color:#fff; padding: 0px 26px; float: left; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
nav a:hover {color:#ff9c00;}
nav a.act {color:#ff9c00;}
.down {font-family: 'WebSymbolsLigaRegular'; font-size: 20px; color: #fff; line-height: 27px; cursor: pointer; position: absolute; top: 7px;font-weight: 400; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
nav a:hover .down {color:#ff9c00;}
.down-second {font-family: 'WebSymbolsLigaRegular'; font-size: 20px; color: #fff; line-height: 27px; cursor: pointer; position: absolute; top: 7px;font-weight: 400; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
nav a:hover .down-second {color:#ff9c00;}

.down.arrow {color: #ff9c00; transform: rotate(-180deg); top:11px;}
.down-second.arrow {color: #ff9c00; transform: rotate(-180deg); top:11px;}
.elements.color {color: #ff9c00;}
.page404.color {color: #ff9c00;}

.element-menu {position: relative; display: block; float: left;}
.submenu {position: absolute; top:40px; left:0; opacity: 0;border-bottom: 3px solid #ff9c00; background: url('../img/menu_pattern.png') repeat; width: 180px; text-align: left; padding: 10px 0 13px; margin-top: 20px; display: none;}
.submenu a {font-size: 13px; line-height: 36px; color: #b4b4b4; padding-left: 10px; font-weight: 400!important; width: 100%;}
.submenu.slide-submenu {opacity: 1; display: block;}
.submenu-second {position: absolute; top:40px; left:0; opacity: 0;border-bottom: 3px solid #ff9c00; background: url('../img/menu_pattern.png') repeat; width: 180px; text-align: left; padding: 10px 0 13px; margin-top: 20px; display: none;}
.submenu-second a {font-size: 13px; line-height: 36px; color: #b4b4b4; padding-left: 10px; font-weight: 400!important; width: 100%;}
.submenu-second.slide-submenu {opacity: 1; display: block;}

.search {position: absolute; right: -26px; top: 0px; height: 24px; width: 24px; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
.search-field {position: absolute; width: 420px; clear: both; opacity: 0; top:60px; right: -120%; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
.search-field.do {opacity: 1; right: -212px;}
.search-field.doing {opacity: 1;}
.search-field input[type="text"] {border: none; width: 370px; height: 50px; outline: none;-webkit-appearance: none; float: left; background: #ff9c00; padding-left: 20px;}
.search-field input[type="submit"] {width: 50px; height: 50px; background: #fff; outline: none;-webkit-appearance: none; border:none; float: right; font-family: 'WebSymbolsLigaRegular'; font-size: 20px; color: #ff9c00; line-height: 20px;}
.menu-mobile-icon {position: relative; width: 100%; float: left; display: none; text-align: center; padding-top: 35px; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
.menu-mobile-icon {padding-top:0px; background: url('../img/menu_pattern.png') repeat; width: 100%; height: 81px; padding-top: 30px;}
.menu-mobile-icon .slide-icon {position: absolute; right: 20px; top:85px; z-index: 8; transition: all 0.1s ease-in; -moz-transition: all  0.1s ease-in;-o-transition: all 0.1s ease-in;-webkit-transition: all 0.1s ease-in;-ms-transition: all 0.1s ease-in;}
.menu-mobile-icon .slide-icon.top {top:30px;z-index: 6;}
.menu-mobile-icon .logo {position: relative; display: inline-block; float: none; margin-top:0px;}
.close-mobile-menu {display: none; position: relative; float: none; padding-bottom: 60px; cursor: pointer;}

@media screen and (max-width: 980px) {
   .left-navigation {position: relative; display: inline-block; float:none; right: 0px; width: 100%;}
   .right-navigation {position: relative; display: inline-block; float:none; left: 0px; width: 100%;}
   .logo-wraper {margin-top: 116px;}
   .logo-wraper .logo-simple {margin-top: 27px; display: inline-block;}
   .logo-wraper .logo {display: none;}
   .menu-hide {display: block;}
   .menu-show {display: none;}
   .search {display: none;} 
   .search-field {position: relative; float: none; display: inline-block; right: 0%; top:0%; padding: 40px 0 25px;}  
   .navigation .element-menu {float: none; position: relative; display: inline-block;} 
   .navigation .submenu {background: none; position: relative; display: inline-block; float: none; border:none; top:0px; margin-top:0px; display: none; padding: 0px;}
   .navigation .submenu-second {background: none; position: relative; display: inline-block; float: none; border:none; top:0px; margin-top:0px; display: none; padding: 0px;}
   .menu-mobile-icon .slide-icon {top:30px;z-index: 6;}
   .menu-mobile-icon .menu-hide {display: block;}
   .close-mobile-menu {display: inline-block;}
    nav .search-field {right: 0%; opacity: 0;}
   .down {line-height: 46px;}
   .down-second {line-height: 46px;}
   .navigation {padding-top: 0px; background: url('../img/menu_pattern.png') repeat; height: 81px; top:0px;}
   .navigation nav{position: fixed; left: 0px; top: 0px; background:url(../img/menu_pattern.png); width: 100%; transform: translateY(-100%); -moz-transform: translateY(-100%);-webkit-transform: translateY(-100%);-o-transform: translateY(-100%);-ms-transform: translateY(-100%);transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
   .navigation nav a {display: block;text-align: center;float: none; padding: 10px 0; font-weight: 700; font-size: 16px;} 
   .navigation nav.active {transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px);z-index: 5; height: 100%;}
   .navigation.header-scroll {top:0; background: none; width: 100%; height: 81px; padding-top: 0px;}
   .wrap-menu-fix {position: absolute; top:0; margin-top: 30px; margin-bottom: 30px; bottom: 0px; width: 100%; overflow:auto; -webkit-overflow-scrolling: touch; -moz-overflow-scrolling: touch; -o-overflow-scrolling: touch;-ms-overflow-scrolling: touch; overflow-scrolling: touch;}
}
.slider-top-thumbs h4 {line-height: 24px;}
.slider-top-thumbs b {line-height: 24px;}
/*-----------------------------------------------------*/
/*--------------------main-baner-animation---------------------------------*/
.scale-anime{-webkit-transform: scale(5); -moz-transform: scale(5); -o-transform: scale(5); -ms-transform: scale(5); transform: scale(5); opacity:0;}
.scale-anime.effect {-webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1);-webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out;  transition: all 300ms ease-out; opacity: 1;}
.move-anime {transform: translateY(100px);-moz-transform: translateY(100px);-webkit-transform: translateY(100px);-o-transform: translateY(100px);-ms-transform: translateY(100px); opacity: 0;}
.move-anime.effect {transform: translateY(0px);-moz-transform: translateY(0px);-webkit-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px);-webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out;  transition: all 300ms ease-out; opacity: 1;}
.top-anime {transform: translateY(-100px);-moz-transform: translateY(-100px);-webkit-transform: translateY(-100px);-o-transform: translateY(-100px);-ms-transform: translateY(-100px); opacity: 0;}
.top-anime.effect {transform: translateY(0px);-moz-transform: translateY(0px);-webkit-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px);-webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out;  transition: all 300ms ease-out; opacity: 1;}
/*-----------------------------------------------------*/
/*--------------------baner-points---------------------------------*/
.img-points {position: absolute; left:0; bottom: -192px; width: 100%; height: 250px;}
.preview .layer-point {background: rgba(0,0,0,0.75); position: absolute; width: 100%; height: 100%; top:0; left:0; z-index: 3; opacity: 0;transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
.preview {width: 20%; height: 100%; background: url(../img/site_pattern.png); position: relative; float: left; cursor: pointer; text-align: center; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
.preview img {width: 100%; position: absolute; left: 0;}
.preview .button-img {position: relative; opacity: 0; display: inline-block; float: none; margin-top: 34px;transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;-webkit-transition: all 0.2s ease-in;-ms-transition: all 0.2s ease-in;}
.preview:hover {margin-top:-40px;}
.preview:hover .button-img {opacity: 1;}
.layer-point:hover {opacity: 1;}
.preview.act {margin-top: -18px;}
.preview .layer-point.top {margin-top: 0px; opacity: 1;}
.preview .layer-point.top .button-img {display: none;}

.display-table {display: table; width: 100%;}
.display-row {display: table-row;}
.display-cell {display: table-cell; vertical-align: middle;}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 02 - WELCOME */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.welcome {text-align: center; width: 100%; position: relative; float: left; padding: 93px 0px 100px;}
.welcome .push {position: relative; display: inline-block; float: none; margin-left:-40px;}
.welcome .push:hover {margin-left: 0px;}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 03 - INFO */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.info {text-align: center; z-index: 3; height: 425px;}
.info-bg {position: absolute; top:0; left:0; width: auto; height: 100%; opacity: 0; visibility: hidden;} 
.info .info-block {overflow: hidden; position: relative; display: inline-block; float: none; text-align: center; cursor: pointer; padding: 114px 0px; width: 100%; height: 425px; transition: all 0.4s ease; -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;-ms-transition: all 0.4s ease;}
.info-block .info-icon {position: relative; display: inline-block; float: none; transition: all 0.3s ease; -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;}
.info-block span {color: #ff9c00; font-family: 'WebSymbolsLigaRegular'; font-size: 18px; line-height: 16px; cursor: pointer;}
.info-block b {position: relative; display: inline-block; float: none; z-index: 3;}
.info-block h6 {z-index: 5; position: relative; padding: 0px 0px 10px;}
.info-block .info-text {line-height: 22px; opacity: 0; position: relative; display: inline-block; float: none; top: 400px; transition: all 0.3s ease; padding: 0px 10px;}
.info-block:hover {padding-top: 32px;}
.info-block:hover .info-bg {opacity: 1; visibility: visible;}
.info-block:hover .info-text{opacity: 1; top:0;}
.info-block:hover .info-more {display: none;}
.info-block:hover .info-icon {opacity: 0;}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 04 - PROMO VIDEO */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.promo {width: 100%; position: relative; float: left; padding: 100px 0px; text-align: left;}
.promo-right {position: relative; width: 100%; padding-left: 20px; float: left;}
.promo-left {position: relative; float: left; width: 100%; text-align: center;}
.circle-video {position: relative; float: left; display: inline-block; text-align: center;}
.play-button{position:absolute; left:191.5px; top:191.5px; width:90px; height:90px; cursor:pointer; z-index:1; background: url(../img/play.png) no-repeat;}
.video-border {width: 473px; height: 473px; position: relative; float: left;}
.video {position: absolute; height: 400px; width: 400px; top:36.5px; left:36.5px;}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 05 - SPORT */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.sport-title {text-align: center; padding: 120px 0px 110px; position: relative; float: left; width: 100%; height: 100%;}
.sport-title h4 {padding-top: 15px;}
.sport-over.zet {overflow: visible;}
.sport-container {margin:0 auto;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;}
.sport-container .swiper-slide {overflow: visible; height: inherit; min-height: 500px;}
.sport-slider {width: 100%; position: relative; float: left; z-index: 3;}
.sport-category {position: relative; float: left; height: auto; text-align: center;}
.sport-bg {position: relative; width: 100%; -webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.top-description {position: absolute; width: 100%; top:0; left:0; z-index: 4;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.top-description img {width:32px; height: 27px; position: relative; float: left; margin: 18px 0 0 20px;}
.top-description i {float: left; text-align: left; padding-left: 5px;}
.top-description i span {font-weight: 700;}
.sport-category .center-description {width: 100%; position: absolute;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.center-description .button-img {position: relative; display: inline-block; float: none;}
.center-description span {font-size: 13px; line-height: 40px; text-transform: uppercase;}
.more-description {position: absolute; opacity: 0; top: 250px; transition: all 0.35s ease-out; -webkit-transition: all 0.35s ease-out;-moz-transition: all 0.35 ease-out;-o-transition: all 0.35s ease;-ms-transition: all 0.35s ease-out;}
.more-description small {position: relative; float: none; font-size:13px; padding: 15px 10px; display: inline-block;}
.more-description .more {position: relative;  float: none; display: inline-block;}
.sport-category:hover .more-description {opacity: 1; top:0px; position: relative;}
.sport-category:hover .center-description {z-index: 20; margin-top:0;}
.sport-category:hover .top-description {z-index: 10; left: 20px;}
.sport-category:hover .sport-bg {transform: scale(1.05); -webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);-ms-transform: scale(1.05);z-index: 6;}
.sport-category:hover .sport-slider {z-index: 6;}
.sport-category:hover .bg {overflow: visible;}
.sport-points {bottom:-88px; display: none;}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 06 - PRODUCT */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.product-title {position: relative; float: left; width: 100%; padding-top: 120px; }
.product-title p {color:#B4B4B4;}
.product-img {position: relative; float: left; text-align: center; width:100%; padding: 125px 0px;}
.product-img img {position:relative; text-align: right; float: none; display: inline-block; margin-left:42px;}
.product-param {text-align: center; width: 150px; position: absolute; padding-top: 70px;}
.product-param i {line-height: 40px; position: relative; display: inline-block; float: none; z-index: 100; color:#B4B4B4;}
.product-param .button-img {position: relative; display: inline-block; float: none; margin-bottom: 15px; cursor: default;z-index: 80;}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 07 - GALLERY */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.gallery {position: relative; float: left; width: 100%; overflow: visible;}
.gallery .gallery-slide {position: relative; float: left; width:14.28571428571429%; cursor: pointer; text-align: center; overflow:hidden; transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in; -webkit-backface-visibility:hidden;}
.gallery-slide .slide {width: 100%; height: auto; position: relative; float: left; display: block;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in;  -webkit-backface-visibility:hidden;}
.layer-slide {background: rgba(0,0,0,0.7); z-index: 6; width: 110%; height: 110%; position: absolute; top:-5%; left:-5%; opacity: 0; transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.slide-title {position: absolute; left:0; top:50%; text-align: center; width: 100%; height: 100%; color: #fff; font-size: 16px; line-height: 24px; font-weight: 700; text-transform: uppercase; opacity: 0; margin-top: -35px; -webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.play-button-gallery {width:100%; height: 100%; top: 0px; left: 0px; position: absolute; text-align: center; cursor:pointer; z-index: 8;}
.play-button-gallery img {width: 45px; height: 45px; position:relative; float: none; display: inline-block; top:50%; transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.gallery-slide:hover{transform: scale(1.2);-moz-transform: scale(1.2);-webkit-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2); z-index:15;box-shadow: 0px 0px 10px #000; -webkit-box-shadow: 0px 0px 10px #000;}
.gallery-slide:hover .slide-title{opacity: 1; z-index: 7;}
.gallery-slide:hover .layer-slide{opacity: 1;}

.gallery-caption {text-align: center; display: none;}
.title-gallery {position: relative; display: inline-block; float: none; text-align: center; padding-bottom: 45px;}
.title-gallery-inside {position: relative; float: left; width:28.5714%; text-align: left; height: 190px; left:15px;}
.title-align-fg {margin-top:25%; transform:translateY(-50%);}
.img-popup {position: relative; float: left; height: 100vmin;}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 08 - TESTIMONIALS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.align-center {text-align: center;}
.align-center .testi {width: 100%; position: relative; float: none; padding: 120px 0px 130px; display: inline-block; max-width: 1170px;}
.testi-container {position:relative;overflow:visible;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;}
.testi-container .swiper-wrapper , .testi-container .swiper-slide {height: 275px!important;}
.people {float: right; position: relative; width: 100%; text-align: right;} 
.coments {text-align: left; position: relative; width:100%; white-space: normal;}
.coments h5 {font-weight: 700; font-size: 16px; line-height: 28px; color:#fff; text-align: left; text-transform: capitalize;}
.coments small {color:#B4B4B4; line-height: 22px;}
.coments q {position: relative; float: left; padding-top: 15px;}
.coments p {padding-top: 5px; position: relative; float: left; white-space: normal;font-style: normal; font-size: 14px; line-height: 24px; font-weight: 400; color: #b4b4b4;}
.pagination {text-align: center; position: absolute; left:0; width: 100%;}
.swiper-pagination-switch {display: inline-block; float: none; position: relative; width: 10px; height: 10px; cursor: pointer; border: 2px solid rgba(255,255,255,0.3); border-radius: 10px; background:none; margin: 0px 14px; transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;} 
.swiper-active-switch {width: 12px; height: 12px; position: relative; transform: scale(1.4);-moz-transform: scale(1.4);-webkit-transform: scale(1.5);-o-transform: scale(1.5);-ms-transform: scale(1.5); border: 1px solid #ff9c00; cursor: pointer;}
.testi-points {bottom: -30px;}
.testi-container .slider-prev{position:absolute; left:56px; top:24%; cursor: pointer;}
.testi-container .slider-next{position:absolute; right:56px; top:24%; cursor: pointer;}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 09 - EVENTS*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
.event {position: relative; float: left; width: 100%; text-align: center; padding-top: 120px;}
.layer-event {position: absolute; width: 100%; height: 100%; top:0; left:0; background: rgba(0,0,0,0.5); opacity: 0; transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
.events-baner {margin:0 auto 180px;position:relative;overflow:visible;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden; padding-top: 45px;}
.events-baner .swiper-wrapper , .events-baner .swiper-slide {height: 560px!important;}
.events-points {bottom: -80px;}
.event-wrap {width: 100%; overflow: hidden; position: relative; float: left; height: 100%;}
.top-text {position: relative; display: inline; float: left; width: 100%;}
.top-text img { width: 26px; height: 26px; margin: 18px 0px 0px 18px; float: left;}
.top-text h4 {font-weight: 700; line-height: 60px; padding-left: 10px; padding-top: 0px; float: left;}

.wrap-main-title {position: absolute; width:100%; bottom: 30px; left: 0; transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
.bottom-text {width: 100%; position: relative; float: left; padding-left: 18px; transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
.bottom-text .button-img {position: relative; font-weight: 600; display: inline-block; float: none; margin-bottom: 20px; font-size: 16px; cursor: default;}
.bottom-text h5 {position: relative; display: inline-block; float: none; padding-bottom: 20px; cursor: pointer; z-index: 5;}
.bottom-text .calendar-icon {position: relative; display: inline-block; float: none; width: 16px; height: 16px; margin-top: -4px;}
.bottom-text span {position: relative; display: inline-block; float: none; padding-left: 5px; font-size: 12px; line-height: 24px; color:#fff;}
.more-info {position: absolute; padding-left: 18px; opacity: 0; bottom: -300px;transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
.more-info p {font-size: 13px; font-weight: 400; line-height: 22px; padding: 10px 25px 30px 0px;}
.event-wrap:hover .more-info{opacity: 1; position: relative; bottom: 0;}
.event-wrap:hover .wrap-main-title {bottom: 30px;}
.event-wrap:hover .bottom-text {margin-bottom: 20px;}
.event-wrap:hover .layer-event{opacity: 1;}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 10 - SUBSCRIBE*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
.subscribe {position: relative; float: left; text-align: center; width: 100%; padding: 120px 0px;}
.email {border: 3px solid #ff9c00; width: 66.6%; height: 60px; padding: 11px 10px; position: relative; display: inline-block; float: none; background: none;}
.subscribe input[type="email"] {border: none; width: 320px; height: 30px; outline: none;-webkit-appearance: none; float: left; background: none; transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;}
.subscribe input[type="email"]:invalid {border:none; outline: none; box-shadow:none;}
.subscribe input {border: none; width: 320px; height: 30px; outline: none;-webkit-appearance: none; float: left; background: none; transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;}
.subscribe input:invalid {border:none; outline: none; box-shadow:none;}
.subscribe input[type="submit"] {position: absolute; right:10px; top:10px; width: 48px; height: 32px; background: transparent url(../img/mail.png) no-repeat; outline: none;-webkit-appearance: none; border:none; float: right; transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;}
.subscribe p {color:#B4B4B4;}
.subscribe input[type="submit"].rotate{right: 91%; transform:rotateY(-360deg);}
.disable {width: 100%; height: 100%; position: absolute; top:0; left: 0; z-index: 5; display: none;}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 11 - FOOTER*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
footer {position: fixed; bottom:0; left:0; width: 100%; background: url(../img/footer_pattern.jpg) repeat;}
footer.no-fix {position: relative; float: left;}
.footer-title {display: inline; position: relative; width: 100%; float: left; text-align: center; padding: 45px 0px;}
.footer-title div {font-size: 24px; line-height: 38px; color:#fff; text-transform: uppercase; position: relative; display: inline-block; float: none;}
.footer-title span img {padding: 0px 10px 0px 15px;}
.footer-title span b {font-size: 24px; color:#ff9c00;}
.hot {float: left;}.time24 {float:left;}.hot-numb {float: left;}

.footer-nav {text-align: center; width: 100%;}
.footer-nav .link {position: relative; float: left; display: inline-block;}
.link li a{text-transform: uppercase; color: #B4B4B4;}

.adress {text-align: left; position: relative; width: 100%;}
.adress .button-img {position: relative; float: none; display: inline-block; font-size: 14px;}
.adress ul {padding: 15px 0px 35px 15px;}
.adress ul li {font-size: 12px; color:#b4b4b4; line-height: 20px;}

.follow {position: relative; text-align: center; width: 100%;}
.follow .follow-icon {position: relative; display: inline-block; float: left;}
.follow .button-img {position: relative; float: left; display: inline-block; margin-bottom: 15px; font-size: 14px;}
.follow ul {text-align: left; display: inline-block; float: left; position: relative; width: 100%;}
.follow ul li img {padding: 10px 15px 0px; float: left;}
.follow ul li a {color:#b4b4b4; font-size: 12px; line-height: 32px; transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
.follow ul li a:hover {color:#ff9c00;}

.wiget {position: relative; float: left; text-align: center; width: 100%;}
.wiget .button-img {position: relative; float: left; display: inline-block; font-size: 14px;}
.wiget p {line-height: 24px; color: #B4B4B4; padding: 15px 0px 0px 15px; font-size: 12px; text-align: left; width: 100%; position: relative; display: inline-block;}
.copyright {position: relative; width: 100%; text-align: center; padding: 20px 0px 60px;}
.copyright span {font-size: 12px; text-transform: uppercase; color:#B4B4B4;}
.copyright span b {color:#fff; font-size: 12px; line-height: 12px;}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 12 - POPUP*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
.popup-video {position: absolute; left:-100%; top:0%; width: 100%; height: 100%; text-align: center; z-index: 6000; overflow: hidden; transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
.popup-video.act {left:0%;}
.movie {position: relative; float: none; width: 100%; height: 100%; text-align: center; top: -35px;}
.movie iframe {width: 100%; height: 100%; position: relative; float: left; z-index: 5;}
.popup-video-effect .close-button {position: relative; top:0%; right: 0%; cursor: pointer; z-index: 5000; width: 100%; height: 35px; background: #000;}
.popup-video-effect .close-button img {right: 20px; position: absolute; height: 35px; width: 35px; top: 50%; margin-top: -17px;}
.popup-video-effect .movie {opacity: 0;transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
.act.popup-video-effect .movie {opacity: 1;}

.popup-video-gallery {background:#000;position: absolute; left:-100%; top:0%; width: 100%; height: 100%; text-align: center; z-index: 6000; overflow: hidden; backface-visibility: hidden; transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
.popup-video-gallery.act {left:0%;}
.video-galley {position: relative; float: left; width: 100%; height: 100%; top: -35px; text-align: center;}
.popup-video-gallery .close-button {position: relative; top:0%; right: 0%; cursor: pointer; z-index: 5000; width: 100%; height: 35px; background: #000;}
.popup-video-gallery .close-button img {right: 20px; position: absolute; height: 35px; width: 35px; top: 50%; margin-top: -17px;}
.video-galley iframe {width: 100%; height: 100%; position: relative; float: left;}
.gallery-video-effect .video-galley {opacity: 0; transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
.act.gallery-video-effect .video-galley {opacity: 1;}

.popup-photo-gallery {position: absolute; left:-100%; top:0%; background:#000; width: 100%; height: 100%; text-align: center; z-index: 6000; overflow: hidden; backface-visibility: hidden; transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
.popup-photo-gallery.act {left:0%;}
.photo-galley {position: relative; float: left; width: 100%; height: 100%;}

.right-block-slide {width: 66.3%; position: relative; float: left;}
.gallery-container .swiper-wrapper , .gallery-container .swiper-slide {height: 500px!important;}
.pop-img {position: relative; float: left; width: 100%; margin:0px 10px;}
.pop-img img {width: 100%; height: auto;}

.left-block-info {position: relative; float: left; width: 33.33333%; padding: 0px 15px;}
.left-block-nav {width: 100%; height: 130px; position: relative; float: left; text-align: center;}
.left-block-nav .close-button {left:0;text-align: left; cursor: pointer;}
.close-button.in {display: none; z-index: 5; position: relative; width: 35px; height: 35px;}
.left-block-nav .number-slide {font-size: 13px; color:#fff; position: relative; float: none; display: inline-block; top:43px;}
.number-slide span {color:#ff9c00;}
.left-block-nav .slider-prev {left: 0; top:70px; position: absolute; cursor: pointer;}
.left-block-nav .slider-next {right:0; top:70px; position: absolute; cursor: pointer;}
.photo-info {position: relative; display: inline-block; float:right; text-align: left;}
.photo-info b {font-size: 22px; line-height: 28px;}
.photo-info span {font-size: 13px; line-height: 22px; padding: 5px 0px 10px; position: relative; display: inline-block; float: none; color:#b4b4b4;}
.photo-info small {font-size: 13px; line-height: 24px; position: relative; display: block; float: none; padding: 10px 0px; color:#b4b4b4;}
.photo-info small a {color:#ff9c00; float: none; display: inline-block;}
.popup-baner {margin:0 auto;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;}
.gallery-photo-effect .photo-galley {-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: rotateY(-70deg);
-moz-transform: rotateY(-70deg);
-ms-transform: rotateY(-70deg);
transform: rotateY(-70deg);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
opacity: 0;}
.act.gallery-photo-effect .photo-galley {-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
transform: rotateY(0deg);
opacity: 1;}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 13 - POPUP-FULL-WINDOW*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
.popup-video-full {position: fixed; left:0%; top:-100%; width: 100%; height: 100%; text-align: center; z-index: 7000; background: #000; overflow: hidden; transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
.popup-video-full.full-window {top:0%;}
.popup-video-full .movie {height: 50%; top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.movie .close-button {position: relative; top:0%; right: 0%; cursor: pointer; z-index: 5000; width: 100%; height: 35px; background: #000;}
.movie .close-button img {right: 20px; position: absolute; height: 35px; width: 35px; top: 50%; margin-top: -17px;}

.popup-photo-gallery-full {position: fixed; left:0; top:-100%; width: 100%; height: 100%; text-align: center; z-index: 7000; background: #000; overflow: hidden; transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
.popup-photo-gallery-full.full-window {top:0%; overflow-y: scroll;}
.popup-baner-full {margin:0 auto; position:relative; overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;}
.popup-baner-full img {width: 100%; padding: 0px 15px;}
.popup-photo-gallery-full .slider-prev {left:5px;}
.popup-photo-gallery-full .slider-next {right:5px;}

.popup-video-gallery-full {position: fixed; left:0; top:-100%; width: 100%; height: 100%; text-align: center; z-index: 7000; background: #000; overflow: hidden; backface-visibility: hidden; transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
.popup-video-gallery-full.full-window {top:0%;}
.popup-video-gallery-full .video-galley {height: 50%; top:50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.video-galley .close-button {position: relative; top:0%; right: 0%; cursor: pointer; z-index: 5000; width: 100%; height: 35px; background: #000;}
.video-galley .close-button img {right: 20px; position: absolute; height: 35px; width: 35px; top: 50%; margin-top: -17px;}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 14 - MEDIA QURIES*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1333px){.title-gallery-inside {height: 150px;}}
@media screen and (max-width: 1227px){
    nav a {padding: 0px 15px;}
    .element {line-height: 20px; margin-top: 10px}
    .product-img img {margin-left:30px;}
}
@media screen and (max-width: 1205px){nav a {font-size: 14px;}}
@media screen and (max-width: 1174px){
    .title-gallery-inside h3{font-size: 24px;}
    .title-gallery-inside h2{font-size: 45px; line-height: 45px;}
}
@media screen and (max-width: 1050px){
    .top-description i {font-size: 11px;}
    .top-description img {margin-left:0px}
    
    .preview .button-img {margin-top: 27px;}

    .testi-container .slider-prev{left:20px;}
    .testi-container .slider-next {right:20px;}

    .title-gallery-inside {height: 130px;}
}
@media screen and (max-width: 1000px){
    .product-img {padding: 45px 0px 90px;}
}
@media screen and (max-width: 992px){
    .info {height: auto;}
    .info {padding: 70px 0;}
    .info .info-block {padding: 20px 0px; height: auto;}
}
@media screen and (max-width: 991px){
    .promo {text-align: center;}
    .promo .display-cell {display: inline-block; float: none; position: relative;}
    .promo-left {float: none;}
    .promo-left .circle-video {float: none; left: 0px;}
    .promo-right {padding-top: 50px; text-align: center; left: 0; padding-left: 0px;}
    .promo-right .push {position: relative; display: inline-block; float: none; margin-left:-40px;}
    .promo-right .push:hover {margin-left: 0px;}
    .promo-video.full-height {height: auto;}
    .promo.vertical-align {top:0%; transform: translateY(0%);-moz-transform: translateY(0%); -webkit-transform: translateY(0%);-o-transform: translateY(0%);-ms-transform: translateY(0%);}
}
@media screen and (max-width: 980px){ 
    .slider-top-thumbs {margin-top: 38px;}
    .wheel {display: none;}
    .img-points {display: none;}
    .main-points {display: block; bottom: 20px;}
    
    .sport-title {padding: 95px 0px 90px;}
    .sport-points {display: block;}
    
    .gallery .gallery-slide {width: 25%;}
    .title-gallery-inside {display: none;}
    .gallery-caption {display: block;}
    
    .email {width:100%;}
     
    .close-button {top:-35px;}
    .close-button.in {display: block; top: 45px; left: 25px;}
    .right-block-slide {width: 100%; float: left; padding: 0; position: relative; text-align: left; margin-top: 46px;}
    .left-block-nav .close-button {display: none;}
    .left-block-info {width: 100%; clear: both;}
    .left-block-nav .slider-prev {top:35px;}
    .left-block-nav .slider-next {top:35px;}
    .left-block-nav .number-slide {top:37px;}
    .gallery-container .swiper-wrapper, .gallery-container .swiper-slide {height: auto!important;}
    
    .testi-container .slider-prev{display: none;}
    .testi-container .slider-next {display: none;}
    .coments {padding-right: 0px;}
    
    .left-block-nav {height: 100px;}
    
    .footer-nav .link {float: none; text-align: center;}
    .adress {text-align: center;}
    .adress .button-img {float: none;}
    .adress ul {text-align: center; padding-left: 0px;}
    .follow .button-img {float: none;}
    .follow ul{width: 60%; float: none;padding-left: 20px;}
    .wiget .button-img {float: none; margin-top: 15px;}
    .wiget p {padding-left: 0px; text-align: center;}
}
@media screen and (max-width: 768px){
    .full-height {height: auto;}
    
    .welcome.vertical-align {top:0%; transform: translateY(0%);-moz-transform: translateY(0%);-webkit-transform: translateY(0%);-o-transform: translateY(0%);-ms-transform: translateY(0%);}
    
    .info {padding: 80px 0px 70px;}

    .promo-right {padding-top: 50px;}
    
    .product-title {margin-top: 42px;}
    .product-img {padding: 50px 0px 90px;}

    .align-center .testi {padding: 100px 0px 110px;} 
    .people {text-align: center;}
    .people img{float: none; position: relative; display: inline-block; padding-bottom: 40px;}
    .coments q {float: none;}
   
    .subscribe {padding: 93px 0px 100px;}
    
    .event {padding-top: 93px;}
    .events-baner {margin: 0 auto 160px;}
    
    .adress {padding: 40px 0px 5px;}
    .adress .wrap-adress {position: relative; float: none; display: inline-block; width: 100%;}
    .adress ul {float: none; display: block;}
    .follow ul {width: 100%; text-align: center; padding-left: 0px;}
    .follow ul li {position: relative; display: block; float: none;}
    .follow ul li img{position: relative; display: inline-block; float: none; padding-left: 0px;}
    .wiget p {padding-bottom: 30px;}
    .hot {display: block; float: none;}
    .time24 {display: block; float: none;}
    .hot-numb {display: block; float: none;padding-left: 70px;}
    .footer-title span img  {padding-left: 0px;}
}
@media screen and (max-width: 767px){
    .testi-container .swiper-wrapper, .testi-container .swiper-slide {height: 430px !important;}
}
@media screen and (max-width: 742px){
    .product-img{float: right; text-align: right;}
}
@media screen and (max-width: 644px){
    .testi-container .swiper-wrapper, .testi-container .swiper-slide {height: 470px !important;}
}
@media screen and (max-width: 554px){
     h1 {font-size: 50px; line-height: 55px;}
    .word {margin-top: -10px;}
    .main-title h4 {font-size: 16px;}
    .main-title b {font-size: 16px; line-height: 22px;}

    .video-border {display: none;}
    .circle-video .video {position: relative; float: none; display: inline-block; left:0; top:0;}
    .play-button{position:absolute; left:156px; top:156px;}
    .testi-container .swiper-wrapper, .testi-container .swiper-slide {height: 500px !important;}

    .gallery .gallery-slide {width: 50%;}
}
@media screen and (max-width: 450px){
     h2 {font-size: 40px; line-height: 42px;}
     h3 {font-size: 20px; line-height: 42px;}

    .welcome {padding-top: 85px;}
    
    .circle-video .video {width: 300px; height: 300px;}
    .play-button{left:105px; top:105px;}

    .product-img {display: none;}
    .product-title {margin: 155px 0px 90px; padding: 0;}

    .sport-title {padding-top: 85px;}
    .top-description img {margin-left: 0px;}
    .top-description i {font-size: 12px;}
    .sport-category:hover .top-description {left: 0px;}

    .title-gallery {float: left; text-align: left; padding-left: 15px;}
    
    .testi-container .swiper-wrapper, .testi-container .swiper-slide {height: 550px !important;}
    .testi-points {bottom: -27px;}
    .testi {padding-bottom: 107px;}

    .event {padding-top: 85px;}

    .subscribe {padding-top: 85px;}
    .subscribe input[type="email"] {width: 250px;}
}
@media screen and (max-width: 480px){
    .logo img {width:199px; height: 77px;}
    .promo-right {padding-top: 40px;}
}
@media screen and (max-width: 431px){
    .search-field input[type="text"] {width:300px;}
    .search-field {width: 350px;}
}
@media screen and (max-width: 384px){
     h1 {font-size: 50px; line-height: 59px;}
    .slider-top-thumbs .main-title {margin-top: 50px;}
    .slider-top-thumbs .word {position: relative; float: none; display: inline-block; padding: 4px; margin-left: 0px;}

    .testi-points .swiper-pagination-switch { margin:0px 11px;}
    .testi-points {padding-left: 15px;}

    .subscribe input[type="email"] {width: 200px;}
}
@media screen and (max-width: 397px){
    .testi-container .swiper-wrapper, .testi-container .swiper-slide {height: 623px !important;}
}
@media screen and (max-width: 358px){
    .search-field input[type="text"] {width:250px;}
    .search-field {width: 300px;}
}
@media screen and (max-width: 335px){
    .info-block .info-text {padding: 0px 35px;}
    .testi-container .swiper-wrapper, .testi-container .swiper-slide {height: 660px !important;}
}
@media screen and (max-width: 322px) {
    .footer-title span img {margin-left:-6px;}
}
@media screen and (max-width: 320px){
    h1 {margin: 10px auto;}

    .circle-video .video {margin-left: -6px;}
    .play-button {left: 102px;top: 102px;}
}
/*==================================*/
/* no animation */
/*==================================*/
@media screen and (max-width: 992px){
     .info-block:hover .info-bg {display: none;}
     .info-block .info-text {opacity: 1; top:0; padding: 0px 60px;}
     .info-block span {display: none;}
     .info-block:hover .info-icon{opacity: 1;}
}
@media screen and (max-width: 768px){  
     .scale-anime{-webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity:1;}
     .move-anime {transform: translateY(0px);-moz-transform: translateY(0px);-webkit-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px); opacity: 1;}
     .top-anime {transform: translateY(0px);-moz-transform: translateY(0px);-webkit-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px); opacity: 1;}
     
     .push:hover .main-button{margin-left:0px;}
     .push:hover span{right: -40px; transform: rotateY(0deg);}
     .welcome .push:hover {margin-left: -40px;}
     .promo-right .push:hover {margin-left: -40px;}

     .top-description {z-index: 9;}
     .sport-category .center-description {margin-top:0px; z-index: 20;}
     .more-description {opacity: 1; position: relative; top:0;}
     .sport-category:hover .top-description {left: 0px;}
     .sport-category:hover .sport-bg {transform: scale(1); -webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);}
     .sport-layer {visibility: hidden; opacity: 0;}
     .sport-category:hover .bg {overflow: hidden;}
    
    
     .layer-slide {opacity: 1; background: rgba(0,0,0,0.6); z-index: 6;}
     .gallery-slide:hover .layer-slide {transform: scale(1);-moz-transform: scale(1);-webkit-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);}
     .gallery-slide:hover .slide{box-shadow: none; -webkit-box-shadow: none; transform: scale(1);-moz-transform: scale(1);-webkit-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1); z-index: 5;}
     .slide-title{opacity: 1; z-index: 7;}
    
     .more-info{opacity: 1; bottom: 0px; position: relative;}
     .layer-event {opacity: 1; background: rgba(0,0,0,0.4);}
     .bottom-text {margin-bottom: 20px;}
}


@media screen and (max-width: 966px) {
    .baner.full-height {height: 535px!important;}
}
@media screen and (max-width: 700px) {
    .baner.full-height {height: 800px!important;}
}
@media screen and (max-width: 500px) {
    .baner.full-height {height: 520px!important;}
}