/* CSS block NAV*/

.clear{clear: both;}

#wt_loading_overlay {display: none;}

#wt_loading_overlay .loading_overlay{background-color: #000; position: fixed; width: 100%; height: 100%; z-index: 99999; opacity: 0.6;  } 

#wt_loading_overlay .loading{ position: fixed; top: 40%; left: 50%; z-index: 9999; background: url(../img/loading.gif);  width: 50px; height: 50px; border-radius: 100%; margin-left: -25px;}





#social_block_nav{float: left;}

@media (max-width: 1199px) {

#social_block_nav{display: none;}

} 

#social_block_nav ul li{float: left; margin: 5px 13px; }

#social_block_nav ul li a{

  display: block;

  vertical-align: middle;

  -webkit-transform: translateZ(0);

  transform: translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  -moz-osx-font-smoothing: grayscale;

  position: relative;

}

#social_block_nav ul li a:before

{

	display: inline-block;

	font-family: "FontAwesome";

	color: #313131;

	font-size: 12px;

	position: absolute;

	left: 0;

  -webkit-transform: translateZ(0);

  transform: translateZ(0);

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

}

#social_block_nav ul li a:hover:before, #social_block_nav ul li a:focus:before, #social_block_nav ul li a:active:before {

  -webkit-animation-name: wt-nav-social;

  animation-name: wt-nav-social;

  -webkit-animation-duration: 0.3s;

  animation-duration: 0.3s;

  -webkit-animation-timing-function: linear;

  animation-timing-function: linear;

  -webkit-animation-iteration-count: infinite;

  animation-iteration-count: infinite;

  -webkit-animation-direction: alternate;

  animation-direction: alternate;

  color: #000;

}



/* Icon Pulse Grow */

@-webkit-keyframes wt-nav-social {

  to {

    -webkit-transform: scale(1.3);

    transform: scale(1.3);

  }

}



@keyframes wt-nav-social{

  to {

    -webkit-transform: scale(1.3);

    transform: scale(1.3);

  }

}



/* CSS block NAV*/

#social_block_nav ul li.facebook a:before{content: "\f09a";}

#social_block_nav ul li.twitter a:before{content:"\f099";}

#social_block_nav ul li.rss a:before{content: "\f09e";}

#social_block_nav ul li.google-plus a:before{content: "\f0d5";}



#social_block_nav ul li a span{display: none;}



/* END -----CSS block NAV---------------------------------------------*/



/*top-right-banner*/

.banner-right-sldier .banner p{margin-bottom:0;}

.banner-right-sldier{padding: 0; width: 22%;}

.banner-right-sldier .banner{position: relative;}

.banner-right-sldier a{margin: 0;}

.banner-right-sldier a:before{    border-top: 1px solid #fff;

    border-left: 1px solid #fff;

    bottom: 20px;

    content: " ";

    left: 20px;

    opacity: 0;

    position: absolute;

    right: 20px;

    top: 20px;

    transform: scale(0, 1);

    transform-origin: 0 0 0;

    transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;

    z-index: 1;}

.banner-right-sldier a:after{

	border-bottom: 1px solid #fff;

    border-right: 1px solid #fff;

    bottom: 20px;

    content: "";

    left: 20px;

    opacity: 0;

    position: absolute;

    right: 20px;

    top: 20px;

    transform: scale(1, 0);

    transform-origin: 100% 0 0;

    transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;

    z-index: 1;

}

.banner-right-sldier a:hover:after, .banner-right-sldier a:hover:before{    opacity: 1;

    transform: scale(1);}

	.banner-right-sldier img:hover{opacity:0.7;}

	



/* -----CSS block SHIPPING MAP---------------------------------------------*/

.nav-shipping-map{width: 390px; margin: 0 auto;}

.nav-shipping-map .free-shipping{display: inline-block; margin-right: 10px; margin-top: 3px;}

.nav-shipping-map .free-shipping span::before{font-family: "FontAwesome"; content: "\f0d1"; font-size: 15px; margin-right: 10px;}

.nav-shipping-map .map a{color: #000;}

.nav-shipping-map .map{display: inline-block; margin-left: 10px; margin-top: 3px;}

.nav-shipping-map .map span::before{font-family: "FontAwesome"; content: "\f017"; font-size: 15px; margin-right: 10px;}

.nav-shipping-map span{font-family: Lato; font-size: 11px; color: #313131; text-transform: uppercase;}



/* END -----CSS block SHIPPING MAP---------------------------------------------*/





/* -----CSS block SUPPORT RIGHT---------------------------------------------*/

.right-contact-top{float: right; font-family: Lato; font-size: 12px; color: #999; margin-top: 20px; position: relative;}

.right-contact-top .support{float:left;margin-right:15px; padding-right: 15px; border-right: 1px solid rgba(255, 255, 255, 0.23);}

.right-contact-top .icon{ border: 2px solid #ee2736;border-radius:50%;height:45px;width:45px; float:left;font-size:0;background:#fff;}

.right-contact-top .icon:before{content:"\f095";font-family:'FontAwesome';font-size:18px;color:#000;position:absolute;    left: 15px; top:14px;   transition: transform 0.4s ease-in-out 0s;

    -webkit-transition: transform 0.4s ease-in-out 0s;

    -moz-transition: transform 0.4s ease-in-out 0s;   }

	.right-contact-top .icon:hover:before{

		    transform: rotateZ(360deg);

    -moz-transform: rotateZ(360deg);

    -webkit-transform: rotateZ(360deg);

	}

.right-contact-top h2{

	margin-top: 3px;color:#fff;font-size:14px;font-family: 'Fjalla One', sans-serif;font-weight:normal;

}

.right-contact-top p{color:#fff;font-family: 'Poppins', sans-serif;font-size:14px;}

.right-contact-top p{letter-spacing: 1px;margin-bottom:0; font-size: 13px;margin-right:5px;}

.right-contact-top .support span{color: #000;}



/* END -----CSS block SUPPORT RIGHT---------------------------------------------*/

.banner-right-sldier .banner1{top:20px;left:30px;}

.banner-right-sldier .banner1 h2{font-size:34px;}

/*banner-center-home*/

.banner-center-home{margin-top:40px;}

.banner-center-home, .banner-center-home .banner{padding:0;}

.banner-center-home .banner .image{position:relative;}



.banner-center-home .banner .text{position:absolute;}

.banner-center-home .left{padding-right:10px;text-align:center;}

.banner-center-home .left .text{/*right:110px;top:145px;*/
right: 0;

top: 14%;}

.banner-center-home .right .text{/*bottom:10px;right:85px;*/

right: 0;

left: 0;

top: 27%;}

.banner-center-home .right{padding-left:10px;text-align:center}

.banner-center-home .left .text h3{font-size:36px;color:#333;text-transform:uppercase;font-weight:700;font-family: 'Lato', sans-serif;}

.banner-center-home .left .text p{font-size:14px;color:#333;width:500px;font-family: 'Lato', sans-serif;font-weight:400;}

.banner-center-home .right .text .left-text{float:left;margin-top:10px;width: 100%}

.banner-center-home .right .text h3{font-size:36px;font-family: 'Lato', sans-serif;text-transform:uppercase;letter-spacing:3px;color:#fff;font-weight:700}

.banner-center-home .right .text h2{font-size:36px;font-family: 'Lato', sans-serif;text-transform:uppercase;letter-spacing:3px;color:#fff;font-weight:700}

.banner-center-home .right .text h1,
.banner-center-home .right .text h4{font-size:90px;font-family: 'Lato', sans-serif;letter-spacing:3px;color:#f0d524;font-weight:700;/*float:right*/}

.banner-center-home .banner .image a:before{    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;

    bottom: 0;

    content: "";

    height: 0;

    opacity: 1;

    -khtml-opacity: 1;

    -webkit-opacity: 1;

    -moz-opacity: 1;

    position: absolute;

    right: 0;

    transition: all 1s ease 0s;

    -webkit-transition: all 1s ease 0s;

    -moz-transition: all 1s ease 0s;

    -ms-transition: all 1s ease 0s;

    -o-transition: all 1s ease 0s;

    width: 0;

    z-index: 99;}

	.banner-center-home .banner .image a:after{

		    background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;

    content: "";

    height: 0;

    left: 0;

    opacity: 1;

    -khtml-opacity: 1;

    -webkit-opacity: 1;

    -moz-opacity: 1;

    position: absolute;

    top: 0;

    transition: all 1s ease 0s;

    -webkit-transition: all 1s ease 0s;

    -moz-transition: all 1s ease 0s;

    -ms-transition: all 1s ease 0s;

    -o-transition: all 1s ease 0s;

    width: 0;

    z-index: 99;

	}

	.banner-center-home .banner .image a:hover:before, .banner-center-home .banner .image a:hover:after{

		    height: 100%;

    width: 100%;

    opacity: 0.4;

    -khtml-opacity: 0.4;

    -webkit-opacity: 0.4;

    -moz-opacity: 0.4;

	}

/*banner-top-home*/

.banner-top-home  .banner{padding:0;}

.banner-top-home .img{position:relative}

.banner-top-home .text{position:absolute;}

.banner-top-home  .banner.left .text{text-align:left;top:28%;left:60px;}

.banner-top-home  .banner.left .text h2{color:#040404;font-family: 'Lato', sans-serif;font-size:36px;text-transform:uppercase;font-weight:700;}

.banner-top-home  .banner.left .text p{color:#040404;font-family: 'Lato', sans-serif;font-size:13px;width:415px;text-align:left;

text-align: justify;

font-weight: bold;

text-transform: uppercase;}

.banner-top-home  .banner.left .text a{color:#040404;font-family: 'Lato', sans-serif;font-size:18px;font-weight:600;text-transform:uppercase;border-bottom:0px solid;}

.banner-top-home  .banner.top .text{top:75px;left:20px;;}

.banner-top-home  .banner.top .text h2,
.banner-top-home  .banner.down .text h2{color:#040404;font-family: 'Lato', sans-serif;font-weight:700;font-size:36px;letter-spacing:10px;text-transform:uppercase;}

.banner-top-home  .banner.left{padding-right:10px;}

.banner-top-home  .banner.right{padding-left:10px;}

.banner-top-home  .banner.top{padding-bottom:10px;}

.banner-top-home  .banner.down{padding-top:10px;}

.banner-top-home  .banner.banner-1{padding-right:10px;}

.banner-top-home  .banner.banner-2{padding-left:10px;}





/*.banner-top-home .banner .hover:before{    opacity: .4;

    filter: alpha(opacity=40);

    margin: 12px;}

.banner-top-home .banner .image a:hover:before{

	          display: block;

    position: absolute;

    z-index: 2;

    right: 0;

    top: 0;

    bottom: 0;

    left: 0;

    content: "";

    background: #999;

    -webkit-transition: all .4s;

    transition: all .4s;

    opacity: 0;

    filter: alpha(opacity=0);

}*/

.banner-top-home .banner a:hover{opacity:0.7}



.codeNew {

    font-size: 20px;
    color: #fff;
    font-weight: 300;
    display: inline-block;
    text-align: left;
    text-transform: uppercase;
margin-left: -22px;
}
.bloc_product img {

    /*max-width: 294px;*/
    text-align: center;
    margin: 0px auto;

}
.bloc_product span {

    display: block;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
    padding-top: 16px;

}
.bloc_product {

    display: block;
    width: 50%;
    float: left;
    text-align: center;

}

.text.productNew .title_block {

    color: #040403;

font-size: 25px;

letter-spacing: 9px;

text-transform: uppercase;

margin-bottom: 30px;

}
.banner-top-home  .banner.down .text h2{font-size:30px;color:#fff;letter-spacing: 0;line-height: 37px}
.banner-top-home  .banner.down .text{top:30%;left:30px;}
@media (min-width: 1600px){

	.banner-center-home .left .text{top: 10%;right: 0;left: 0;}

.banner-center-home .left .text h3{font-size:48px;}

	.banner-center-home .right .text{bottom:20%;right:0px;left: 0;top:18%;}

.banner-center-home .right .text h3{font-size:48px;}

.banner-center-home .right .text h2{font-size:48px;}

.banner-center-home .right .text h1,
.banner-center-home .right .text h4{font-size:111px;}



	.banner-center-home .right .text .left-text{margin-top:20px;}

.banner-top-home  .banner.left .text{top:93px;width: 41%}

.banner-top-home  .banner.left .text h2{font-size:36px; padding-bottom: 30px;}

.banner-top-home  .banner.left .text p{font-size:16px;width: 100%;}

.banner-top-home  .banner.left .text a{font-size:16px;font-weight:300;}

.banner-top-home  .banner.top .text{top:100px;left:60px;;}

.banner-top-home  .banner.top .text h2{font-size:33px;}

.banner-top-home  .banner.down .text h2{font-size:30px;color:#fff;letter-spacing: 0;line-height: 37px}
.banner-top-home  .banner.down .text{top:30%;left:30px;}

}
@media (min-width:1200px) and (max-width: 1450px) { 
.banner-top-home .banner.down .text h2 {

    font-size: 22px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) { 

.banner-center-home .right .text{right: 0;

left: 0;

top: 27%;}

.banner-center-home .right .text h3{font-size:20px;}

.banner-center-home .right .text h2{font-size:30px;}
.banner-top-home  .banner.down .text{top:30%;left:23px;}

.banner-top-home .banner.down .text h2 {font-size: 20px;}


	.banner-center-home .right .text h1,
  .banner-center-home .right .text h4{font-size:75px}

	.banner-top-home .banner-1 .text h3{font-size:20px;    margin-bottom: 0px;}

.banner-center-home .left .text{top:11%;right:0;}

.banner-center-home .left .text p{font-size:12px;width:330px;}

.banner-center-home .left .text h3{font-size:30px;}

	

	.banner-top-home  .banner.left .text{top:80px}

	.banner-top-home  .banner.top .text{top:45px;}

	.banner-top-home  .banner.top .text h2{font-size:36px;}

	.right-contact-top{display: none;}

}



@media (min-width: 768px) and (max-width: 991px) { 

  .text.productNew .title_block {
    margin-bottom: 12px;
  }

  .banner-top-home .banner.down .text h2 { font-size: 12px;line-height: 27px;}

.banner-top-home  .banner.left .text{top: 24%;

left: 25px;}

.banner-top-home  .banner.left .text h2{font-size:24px;}

.banner-top-home  .banner.left .text p{/*font-size:12px;width:330px*/
font-size: 11px;

width: 214px;

line-height: 15px;}

.banner-top-home  .banner.left .text a{font-size:16px;}

.banner-top-home  .banner.top .text{top:39%;}

.banner-top-home  .banner.top .text h2{font-size: 22px;

letter-spacing: 2px;}

.banner-top-home  .banner.down .text{top:30%;left:30px;}

.banner-center-home .left .text{top: 7%;

right: 0;}

.banner-center-home .left .text p{width:330px;font-size:12px;}

.banner-center-home .left .text h3{font-size:30px;}

.banner-center-home .right .text{right: 0;

bottom: 0;

top: 15%;}

.banner-center-home .right .text h1,
.banner-center-home .right .text h4{font-size:70px}

.banner-center-home .right .text h3{font-size:18px;}

.banner-center-home .right .text h2{font-size:23px;}



.banner-top-home .banner-1 .text{top:30px;}

	

.right-contact-top{display:none;}

	.banner-right-sldier{width:28.5%}



}



@media (max-width:  767px) { 

  .banner-top-home .banner.down .text h2 {
    line-height: 25px;font-size: 13px;
  }

.banner-top-home  .banner.left .text{top:20px;right:0;left: 7%;}

.banner-top-home  .banner.left .text h2{font-size:24px;}

.banner-top-home  .banner.left .text p{font-size:12px;width:205px;line-height: 17px;}

.banner-top-home  .banner.left .text a{font-size:16px;}

.banner-top-home  .banner.top .text{top:35px;right:0;}

.banner-top-home  .banner.top .text h2{font-size:20px;letter-spacing:5px;}

.banner-top-home  .banner.top{padding:0}

.banner-top-home  .banner.down .text{top:30%;left:7%;}

.right-contact-top{display:none;}	

.banner-right-sldier{width: 100%; display:none;}

.banner-right-sldier .banner{width: 50%; float: left;}

.banner-top-home .banner{padding: 0 !important;}

.banner-center-home .left .text{top:0px;right:0px;}

.banner-center-home .left .text p{font-size:11px;width:280px;}

.banner-center-home .left .text h3{font-size:20px;}



.banner-center-home .right .text{bottom: 5px;

right: 0;

top: 13%;}

.banner-center-home .right .text h3{font-size:18px}

.banner-center-home .right .text h2{font-size:26px;}

.banner-center-home .right .text h1,
.banner-center-home .right .text h4{font-size:53px;}

.banner-left-column{display: none;}
 .text.productNew .title_block {font-size: 17px}



}



@media (max-width: 479px){

	.banner-right-sldier{width:100%;}

	.banner-center-home .left .text{top:10px;right:0px;}
  .text.productNew .title_block {font-size: 17px}

	.banner-top-home .banner.right{padding:0;}

	.banner-center-home .left, .banner-center-home .right{padding:0}

		.banner-top-home  .banner.left .text{top:35px;right:0;left:16px;}

	.banner-top-home .banner-2 .text{top:55px;left:30px;}

	.banner-top-home .banner-3 .text{top:55px;left:0;}
.banner-top-home  .banner.down .text{top:30%;left:11px;}
.banner-top-home .banner.top .text h2 {font-size: 13px;}
}