@import url("animate.min.css"); /* https://daneden.github.io/animate.css/ */

/* font-family: "GothamProRegular"; */
@font-face {
    font-family: "GothamProRegular";
    src: url("../fonts/GothamPro/GothamProRegular/GothamProRegular.eot");
    src: url("../fonts/GothamPro/GothamProRegular/GothamProRegular.eot#iefix")format("embedded-opentype"),
    url("../fonts/GothamPro/GothamProRegular/GothamProRegular.woff") format("woff"),
    url("../fonts/GothamPro/GothamProRegular/GothamProRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "GothamProBold"; */
@font-face {
    font-family: "GothamProBold";
    src: url("../fonts/GothamPro/GothamProBold/GothamProBold.eot");
    src: url("../fonts/GothamPro/GothamProBold/GothamProBold.eot#iefix")format("embedded-opentype"),
    url("../fonts/GothamPro/GothamProBold/GothamProBold.woff") format("woff"),
    url("../fonts/GothamPro/GothamProBold/GothamProBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "GothamProBlack"; */
@font-face {
    font-family: "GothamProBlack";
    src: url("../fonts/GothamPro/GothamProBlack/GothamProBlack.eot");
    src: url("../fonts/GothamPro/GothamProBlack/GothamProBlack.eot#iefix")format("embedded-opentype"),
    url("../fonts/GothamPro/GothamProBlack/GothamProBlack.woff") format("woff"),
    url("../fonts/GothamPro/GothamProBlack/GothamProBlack.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "GothamProItalic"; */
@font-face {
    font-family: "GothamProItalic";
    src: url("../fonts/GothamPro/GothamProItalic/GothamProItalic.eot");
    src: url("../fonts/GothamPro/GothamProItalic/GothamProItalic.eot#iefix")format("embedded-opentype"),
    url("../fonts/GothamPro/GothamProItalic/GothamProItalic.woff") format("woff"),
    url("../fonts/GothamPro/GothamProItalic/GothamProItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "GothamProMedium"; */
@font-face {
    font-family: "GothamProMedium";
    src: url("../fonts/GothamPro/GothamProMedium/GothamProMedium.eot");
    src: url("../fonts/GothamPro/GothamProMedium/GothamProMedium.eot#iefix")format("embedded-opentype"),
    url("../fonts/GothamPro/GothamProMedium/GothamProMedium.woff") format("woff"),
    url("../fonts/GothamPro/GothamProMedium/GothamProMedium.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "GothamProLight"; */
@font-face {
    font-family: "GothamProLight";
    src: url("../fonts/GothamPro/GothamProLight/GothamProLight.eot");
    src: url("../fonts/GothamPro/GothamProLight/GothamProLight.eot#iefix")format("embedded-opentype"),
    url("../fonts/GothamPro/GothamProLight/GothamProLight.woff") format("woff"),
    url("../fonts/GothamPro/GothamProLight/GothamProLight.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "GothamProMediumItalic"; */
@font-face {
    font-family: "GothamProMediumItalic";
    src: url("../fonts/GothamPro/GothamProMediumItalic/GothamProMediumItalic.eot");
    src: url("../fonts/GothamPro/GothamProMediumItalic/GothamProMediumItalic.eot#iefix")format("embedded-opentype"),
    url("../fonts/GothamPro/GothamProMediumItalic/GothamProMediumItalic.woff") format("woff"),
    url("../fonts/GothamPro/GothamProMediumItalic/GothamProMediumItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "GothamProLightItalic"; */
@font-face {
    font-family: "GothamProLightItalic";
    src: url("../fonts/GothamPro/GothamProLightItalic/GothamProLightItalic.eot");
    src: url("../fonts/GothamPro/GothamProLightItalic/GothamProLightItalic.eot#iefix")format("embedded-opentype"),
    url("../fonts/GothamPro/GothamProLightItalic/GothamProLightItalic.woff") format("woff"),
    url("../fonts/GothamPro/GothamProLightItalic/GothamProLightItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "GothamProBoldItalic"; */
@font-face {
    font-family: "GothamProBoldItalic";
    src: url("../fonts/GothamPro/GothamProBoldItalic/GothamProBoldItalic.eot");
    src: url("../fonts/GothamPro/GothamProBoldItalic/GothamProBoldItalic.eot#iefix")format("embedded-opentype"),
    url("../fonts/GothamPro/GothamProBoldItalic/GothamProBoldItalic.woff") format("woff"),
    url("../fonts/GothamPro/GothamProBoldItalic/GothamProBoldItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "GothamProBlackItalic"; */
@font-face {
    font-family: "GothamProBlackItalic";
    src: url("../fonts/GothamPro/GothamProBlackItalic/GothamProBlackItalic.eot");
    src: url("../fonts/GothamPro/GothamProBlackItalic/GothamProBlackItalic.eot#iefix")format("embedded-opentype"),
    url("../fonts/GothamPro/GothamProBlackItalic/GothamProBlackItalic.woff") format("woff"),
    url("../fonts/GothamPro/GothamProBlackItalic/GothamProBlackItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}








#header_logo .img-responsive {
 display: inline;
}


@media (max-width: 992px) {
  header .row #header_logo {
	  width: 33.33333%;
    }
}

@media (max-width: 767px) {
  header .row #header_logo {
	  width: 100%;
    }
}

#footer {
    display: block !important;
}



/*	TOP STATIC BLOCK */
.home-top-banners {
 padding-top: 12px;
 margin-bottom: 10px; 
}
.home-top-banners img {
 width: 100%;
}

.htb-i {
 overflow: hidden;
 margin-bottom: 0px;
}

.home-top-banners img {
 margin: 0 auto; 
 -moz-transition:0.2s ease-out;
 -o-transition:0.2s ease-out;
 transition:0.2s ease-out;
}
.home-top-banners > div:hover img  {
 margin: 0 auto;
 -webkit-transform:scale(1.2);
 -o-transform:scale(1.2);
 -moz-transform:scale(1.2);
 transform:scale(1.2);
 z-index:0;
}


.home-top-banners .an_st_block_info {
 position: absolute;
 left: 64px;
 top: 61px;
 right: 64px;
 display: block;
 z-index: 3;
 color: #ffffff;
 padding-right: 45px;
 background: url(../img/htb-uk.png) no-repeat right 90%;
}

.home-top-banners .an_st_block_info span {
  font-family: "GothamProLight";
  font-size: 55px;
  line-height: 55px;
  text-transform: uppercase;
}

.home-top-banners .an_st_block_info h2 {
  font-family: "GothamProBlack"; 
  font-size: 65px;
  line-height: 65px;
  text-transform: uppercase;
  padding: 0;
  margin: -14px 0 0 0;
}

@media (min-width: 768px) and (max-width: 1200px) {
	.home-top-banners .an_st_block_info {
		top: 21px;
	}
}

@media (min-width: 768px) and (max-width: 968px) {
	.home-top-banners .an_st_block_info span {
	  font-size: 25px;
	  line-height: 25px;
	}

	.home-top-banners .an_st_block_info h2 {
	  font-size: 35px;
	  line-height: 35px;
	   margin: 0 0 0 0;
	}
	.home-top-banners .an_st_block_info p {
	  font-size: 10px;
	}
}
@media (max-width: 768px) {
	.home-top-banners .an_st_block_info {
		top: 41px;
		left: 74px;
	}
}

@media (max-width: 479px) {
	.home-top-banners .an_st_block_info {
		top: 21px;
		left: 54px;
	}
	.home-top-banners .an_st_block_info span {
	  font-size: 45px;
	  line-height: 45px;
	}

	.home-top-banners .an_st_block_info h2 {
	  font-size: 55px;
	  line-height: 55px;
	}
	.home-top-banners .an_st_block_info p {
	  font-size: 10px;
	}
}

/*	STATIC BLOCK BRANDS	*/
.bot-static-fr {
 background: #f5f5f5;
 margin-bottom: 30px;
}
.home-top-brands {
 padding: 55px 0px 55px 0px;
}
.home-top-brands a {
 display: block;
 text-align: center;
 width: 20%;
 float: left;
}
.home-top-brands a img {
 width: 100%;
 max-width: 190px;
}
@media (max-width: 768px) {
	.home-top-brands a {
	    clear: left;
		width: 100%;
		padding-bottom: 15px;
	}
}

/*	STATIC BLOCK LOGO 22	*/
.bot-static-2 {
  border-bottom: 1px solid #f0f0f0;	
  margin-bottom: 30px;
  padding-bottom: 42px;
}
.bottom-ban-5 a img {
 margin: 0 auto; 
 -moz-transition:0.3s ease-out;
 -o-transition:0.3s ease-out;
 transition:0.3s ease-out;
}
.bottom-ban-5 a:hover img {
-webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.bottom-ban-5 {
 width: 20%;
 float: left;
 text-align: center;
 font-size: 14px;
 color: #212121;
}
.bottom-ban-5 a {
  color: #212121;
}
.bottom-ban-5-t1, .bottom-ban-5-2 {
 display: block;
}
.bottom-ban-5-t1 {
 padding-top: 12px;
}

@media (max-width: 768px) {
	.bottom-ban-5 {
	    clear: left;
		width: 100%;
		padding-bottom: 15px;
	}
}


/* BOT SLIDER */
.bot-static-slider {
  border-bottom: 1px solid #f0f0f0;	
  margin-bottom: 30px;
  padding-bottom: 44px;
  padding-top: 37px;
}

.bot-static-slider .bx-wrapper .bx-controls-direction a {
 top: -27px;
 color: #000;
 width: auto;
 height: 30px;
 font-size: 14px;
 line-height: 30px;
 padding: 0px 15px 0px 15px;
 font-family: "GothamProBold";
 text-transform: uppercase;
}

.bot-static-slider .bx-prev:before,
.bot-static-slider .bx-next:before {
 content: '';
}
.bot-static-slider .bx-prev {
  left: 0px;
  right: auto;
}
	
.bot-static-slider .bx-prev {
  background: url(../img/bot-slider-back.jpg) no-repeat center left;
}
	   
.bot-static-slider .bx-next {
  right: 0px;
  background: url(../img/bot-slider-next.jpg) no-repeat center right;
}


.bot-static-info {
  margin-bottom: 20px;
}


/* STATIC BLOCK ABOUT US */
.bot-static-info-text {
 font-size: 12px;
}
.bot-static-info-text img {
 margin-right: 33px;
 margin-bottom: 33px;
}

/*	bot-newsletter and social BLOCK 	*/
.bot-newsletter-line,
.bot-social-line {
 float: left;
 width: 100%;
 margin-top: 10px;
}


/*	social BLOCK 	*/
.bot-social-line {
 margin-top: 50px;
}
.bot-social-line #social_block {
 width: 100%;
}

.bot-social-line #social_block h4 {
 float: left;
 font-size: 24px;
 line-height: 20px;
}

.bot-social-line #social_block ul, 
.bot-social-line #social_block ul li {
  float: left;
}
.bot-social-line #social_block ul {
 margin-left: 10px;
}
.bot-social-line #social_block ul li {
          float: left;
          width: 40px;
			margin-top: -6px;
			margin-left: 6px;
          text-align: center; 
}

.bot-social-line #social_block ul li a {
			  background: #f7f7f7;
              border: 3px solid #f7f7f7;
              border-radius: 25px;
	-webkit-transition:0.5s ease-out;
	-moz-transition:0.5s ease-out;
	-o-transition:0.5s ease-out;
	transition:0.5s ease-out;	
				width: 40px;
				height: 40px;
				line-height: 25px;
            display: inline-block;
            color: #bdbdbd;
            font-size: 17px; 
}


.bot-social-line #social_block ul li a span {
              display: none; }
 .bot-social-line #social_block ul li a:before {
              display: inline-block;
			  text-shadow: none;
              font-family: "FontAwesome";
              vertical-align: -5px;
              font-weight: normal;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale; }
.bot-social-line #social_block ul li a:hover {
              color: #fff; }
			  
.bot-social-line #social_block ul .facebook a:hover {
			 background: #3d5b9a;
             border: 3px solid #3d5b9a;
             border-radius: 25px;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
			}
.bot-social-line #social_block ul .twitter a:hover {
			 background: #55acee;
             border: 3px solid #55acee;
             border-radius: 25px;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
			}
.bot-social-line #social_block ul .rss a:hover {
			 background: #ff6d00;
             border: 3px solid #ff6d00;
             border-radius: 25px;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
			}
.bot-social-line #social_block ul .google-plus a:hover {
			 background: #f34747;
             border: 3px solid #f34747;
             border-radius: 25px;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
			}
.bot-social-line #social_block ul .youtube a:hover {
			 background: #cd2323;
             border: 3px solid #cd2323;
             border-radius: 25px;
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}
.bot-social-line #social_block ul .pinterest a:hover {
			 background: #d5061e;
             border: 3px solid #d5061e;
             border-radius: 25px;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}
.bot-social-line #social_block ul .vimeo a:hover {
			 background: #00abeb;
             border: 3px solid #00abeb;
             border-radius: 25px;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}
.bot-social-line #social_block ul .instagram a:hover {
			 background: #9e64cb;
             border: 3px solid #9e64cb;
             border-radius: 25px;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}
    
.bot-social-line #social_block ul li.facebook a:before {
            content: "\f09a"; }
.bot-social-line #social_block ul li.twitter a:before {
            content: "\f099"; }
.bot-social-line #social_block ul li.rss a:before {
            content: "\f09e"; }
.bot-social-line #social_block ul li.youtube a:before {
            content: "\f167"; }
.bot-social-line #social_block ul li.google-plus a:before {
            content: "\f0d5"; }
.bot-social-line #social_block ul li.pinterest a:before {
            content: "\f0d2"; }
.bot-social-line #social_block ul li.vimeo a:before {
            content: "\f194"; }
.bot-social-line #social_block ul li.instagram a:before {
            content: "\f16d"; }

@media (max-width: 630px) {
  .banners-block {
    width: 420px;
  }
}

.banners-block:hover img {
    transition: 3s;
    transform: scale(1.1);
}

.banners-block:hover .an_st_block_info {
    top: 280px;
    padding: 25px 40px 85px 20px;
    transition: 1s;
}

.block-container {
    margin-top: 30px;
    width: 100%;
}

.banners-block {
   position: relative;
   float: left;
   margin-left: 0px;
}

.banners-before {
    height: 550px;
}

.htb-i {
    overflow: hidden;
    margin-bottom: 0px;
}

.htb-i img {
    margin-top: 0px;
}

.banners-block img {
    transition: 1s;
}

.banners-block:hover a {
    background: none;
    color: #f7f7f7; 
    transition: 0.5s;
    color: #1d1d1d;
}

.an_st_block_info {
    text-align: center;
    position: absolute;
    display: inline-block;
    top: 310px;
    z-index: 1;
    padding: 25px 40px 55px 20px;
    background: rgba(255, 255, 255, 0.7);
    transition: 1s;
}

.an_st_block_info h1 {
    font-size: 30px;
    font-family: "GothamProRegular";
    color: #1d1d1d;
}

.an_st_block_info h2 {
    font-family: "GothamProRegular";
    font-size: 42px;
    color: #262626;
    line-height: 65px;
    text-transform: uppercase;
    padding: 0;
    margin: -20px 0 0 0;
}

.block-border {
    background: #f7f7f7;
    border-radius: 100px;
    height: 170px;
}

.an_st_block_info p {
    font-size: 14px;
    color: #262626;
    padding: 0;
    margin-top: 5px;
}

.banners-button {
    margin-top: 5px;
    display: inline-block;
    border: 2px solid #1d1d1d;
    padding: 15px 35px 15px 35px;
    border-radius: 30px;
    background: #1d1d1d;
    color: #fff;
    font-size: 18px;  
    transition: 1s;
}

.banners-button:hover {
    border: 2px solid #1d1d1d;
    background: none;
    transition: 0.5s;
}

.owl-carousel.owl-loaded {
    margin-top: 45px;
}

.bottom-ban {
  display: inline-block;
  position: relative;
  text-decoration: none;
  margin-left: 50%;
  -webkit-transform: translate3d(-50%,0,0);
  transform: translate3d(-50%,0,0);
  transition: 0.2s;
}

.block-border:hover {
  background: #fff;
  transition: 0.5s
}

.block-border:hover img {
  transition: 0.5s;
  opacity: 1;
}

.block-border:hover p {
  color: #1d1d1d;
}

.bottom-ban img {
  display: inline-block;
  background: #fff;
  border-radius: 16px;
  margin-top: 40%;
  margin-left: 50%;
  -webkit-transform: translate3d(-50%,0,0);
  transform: translate3d(-50%,0,0);
  transition: 0.2s;
  opacity: 0.5;
}

.bottom-ban p {
  margin-top: 14px;
  font-size: 14px;
  text-align: center;
  color: #1d1d1d;
  transition: 0.2s;
}

.image-item {
  border: 2px solid #f7f7f7;
}

.owl-carousel-products .owl-prev {
  float: left;
  margin-left: -25px;
  margin-top: -240px;
  display: inline-block;
  height: 23px;
  width: 12px;
  background-image: url("../img/owl-left.png");
  font-size: 0.001px;
}

.owl-carousel-products .owl-next {
  float: right;
  margin-right: -25px;
  margin-top: -240px;
  display: inline-block;
  height: 23px;
  width: 12px;
  background-image: url("../img/owl-rignt.png");
  font-size: 0.001px;
}
.owl-carousel-products .owl-width {
  margin-top: 30px;
  padding-left: 35px;
  padding-right: 35px;
}

.zoomPad {
  float: none !important;
}

.owl-carousel-products .owl-item img {
    width: 200%;
}

@media (max-width: 992px) {
	.banners-block {
      margin-left: 50%;
      -webkit-transform: translate3d(-50%,0,0);
      transform: translate3d(-50%,0,0);
      margin-bottom: 30px;
	}
    .block-border {
      background: none;
    }
}