@font-face {
  font-family: 'AvantGardeITCbyBT-Medium';
  src: url('../fonts/AvantGardeITCbyBT-Medium.eot?#iefix') format('embedded-opentype'),  url('../fonts/AvantGardeITCbyBT-Medium.woff') format('woff'), url('../fonts/AvantGardeITCbyBT-Medium.ttf')  format('truetype'), url('../fonts/AvantGardeITCbyBT-Medium.svg#AvantGardeITCbyBT-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'bankgothicbold';
    src: url('../fonts/bankgothic_bold-webfont.woff2') format('woff2'),
             url('../fonts/BankGothi-Bold.ttf')  format('truetype'),
         url('../fonts/bankgothic_bold-webfont.woff') format('woff');

    font-weight: normal;
    font-style: normal;

}

@font-face {
  font-family: 'BatmanForeverAlternate';
  src: url('../fonts/BatmanForeverAlternate.eot?#iefix') format('embedded-opentype'),  url('../fonts/BatmanForeverAlternate.woff') format('woff'), url('../fonts/BatmanForeverAlternate.ttf')  format('truetype'), url('../fonts/BatmanForeverAlternate.svg#BatmanForeverAlternate') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AvantGarde-Demi';
  src: url('../fonts/AvantGarde-Demi.eot?#iefix') format('embedded-opentype'),  url('../fonts/AvantGarde-Demi.woff') format('woff'), url('../fonts/AvantGarde-Demi.ttf')  format('truetype'), url('../fonts/AvantGarde-Demi.svg#AvantGarde-Demi') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AvantGarde-Book';
  src: url('../fonts/AvantGarde-Book.eot?#iefix') format('embedded-opentype'),  url('../fonts/AvantGarde-Book.woff') format('woff'), url('../fonts/AvantGarde-Book.ttf')  format('truetype'), url('../fonts/AvantGarde-Book.svg#AvantGarde-Book') format('svg');
  font-weight: normal;
  font-style: normal;
}


html, body {
  height: 100%;
 }

body {
   font-family: 'AvantGardeITCbyBT-Medium';
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  letter-spacing: 0;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.8;
  color: #999;
}

a, button {
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-decoration: none;
}

a {
  color: #2dcfdf;
}
a:hover {
  color: #2dcfdf;
}

a, a:hover, a:focus, button:hover, button:focus {
  outline: 0 !important;
  text-decoration: none;
}

::-moz-selection {
  background-color: #191b1d;
  color: #fff;
}

::selection {
  background-color: #191b1d;
  color: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  letter-spacing: 0px;
  margin: 0px;
   font-family: 'AvantGarde-Demi';
  color: #000;
  font-weight: 700;
}
p{ margin: 0;  }

ul,ol{ margin: 0; padding: 0;  }
/** header **/

.header{  border-left: 1px solid #cbcbcb; border-left: 1px solid #cbcbcb;
background: rgba(241,241,241,1);
background: -moz-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(241,241,241,0.98) 27%, rgba(225,225,225,0.91) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(241,241,241,1)), color-stop(27%, rgba(241,241,241,0.98)), color-stop(100%, rgba(225,225,225,0.91)));
background: -webkit-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(241,241,241,0.98) 27%, rgba(225,225,225,0.91) 100%);
background: -o-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(241,241,241,0.98) 27%, rgba(225,225,225,0.91) 100%);
background: -ms-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(241,241,241,0.98) 27%, rgba(225,225,225,0.91) 100%);
background: linear-gradient(to bottom, rgba(241,241,241,1) 0%, rgba(241,241,241,0.98) 27%, rgba(225,225,225,0.91) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#e1e1e1', GradientType=0 );  }
.header .navbar-default {
    border-radius: 0px;
    border-color: transparent;
    margin: 0px;
    background-color: transparent;
    min-height: 40px;
}
.navbar-default .navbar-nav>li>a {
    color: #2f2f2f;
    font-size: 14px; text-transform: uppercase; padding:10px 25px; 
}
.navbar-default .navbar-nav>li{ padding: 0 10px; }
.navbar-default .navbar-nav>li>a:hover ,.navbar-default .navbar-nav>li>a:focus ,.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #45980f;
    border-radius: 0px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #e7e7e7;
    padding: 0;
    margin: 0;
}
.navbar-default .navbar-form {
    
  
    margin: 0;
}
@media (min-width: 768px){

.navbar-right {
  
    margin-right: 0;
}
}
/**  top header **/
.s-header { background-color: #2f2f2f; }
.t-header{  padding: 17px 0; }

.bk-img{ 

display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  align-items: center;
  align-content: center;
 background-repeat: no-repeat; background-size: cover; background-position: center; top: 0; height: 424px; position: relative;  }
 .bk-img:before{     opacity: 0.5;position: absolute; width: 100%; content: ""; height: 100%; background-image: url(../images/petn.png); top: 0; left: 0; right: 0; }

.bk-caption {
    padding: 0px 15px;
    text-align: center;
    z-index: 11;
    max-width: 845px;
}
.bk-caption h2{ color: #ffffff; font-size: 40px; text-transform: uppercase; margin-bottom: 15px;font-family: 'bankgothicbold'; }
.bk-caption p{ color: #ffffff; font-size: 16px;  line-height: 28px; }
.header .btn-default, .header .btn-default:hover, .header .btn-default:focus {
    color: #cbcbcb;
    background-color: #fff;
    border-color: #cbcbcb;
    border-radius: 0px;
    border-left-color: #fff;
}
.soacl-icon-top li{ padding-left: 0!important; padding-right: 0 !important; }

.header input.form-control {
    border-radius: 0;
   min-width: 200px;
    border: 1px solid #cbcbcb;
   border-right-color: #fff; outline: none; box-shadow: none;
}
.header ul.nav.navbar-nav.navbar-right {
    padding-top: 3px;
}

.call-us {
    display: block;
    font-size: 15px;
    color: #49a010;
    text-transform: uppercase;
    font-weight: bold;
    position: relative;
    padding-left: 50px;
    margin-top:6px;  font-family: 'BatmanForeverAlternate';
}
.owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot {
    width: 30px; height: 30px; background-color: #fff; border-radius: 100%; font-size: 18px;  color: #000;
    position: absolute; text-align: center;
    top: 50%;
}
.owl-carousel .owl-controls .owl-nav .owl-prev i, .owl-carousel .owl-controls .owl-nav .owl-next i{ color: #000;  }
.owl-carousel .owl-controls .owl-nav .owl-prev{ left: 15px; }
.owl-carousel .owl-controls .owl-nav .owl-next{ right: 15px; }
.hiro .owl-dots{ display: none !important; }

.call-us span{font-size: 13px; color: #3c3c3c; display:block; font-family: 'bankgothicbold'; font-weight: normal;}
.call-us abbr {
    color: #e7695e;
    display: block;
    line-height: 18px;
    padding-top: 14px;
}
.call-us img {
    margin-right: 0;
    position: absolute;
    top: 15px;
    left: 0;
}

.about{ background-color: #fff; padding: 30px 0 35px; }
.about .row{ margin: 0; }
.bg1{ background-color: #ea6830; }
.bg2{ background-color: #2fb475; }
.bg3{ background-color: #cb59ae; }
.about-img img{ margin: 0 auto; display: block; }
.about p{ font-size: 15px; color: #676767; line-height: 26px; margin-bottom: 10px; }

li.login {
    background-color: #4e4e4e;
    padding: 7px 0;
}
.sub-header  .liks li {
    margin-bottom:0px;
}
.buy-now-btn{
    display: inline-block;
    font-size: 15px;
    margin-top: 10px;
    color: #fff;
    background: #4aa011;

    padding: 6px 22px;
    border-radius: 2px;
    border:none; text-transform: uppercase;

}

  div.sub-header div:nth-child(1) > ul > li a{ padding: 0 15px; color: #fff }
   div.sub-header div:nth-child(1) > ul > li:nth-child(1) > a{ padding-left: 0; font-size: 14px; }
   .sub-header li a{ color: #fff;
    }
.buy-now-btn:hover,.buy-now-btn:focus{
  
   

    color: #fff;
}
.buy-now-btn img{    vertical-align: top;
    padding-top: 6px;
    padding-left: 5px;}


    /** feature-products ***/
    .feature-products{ background-size: cover; }
.products-img img{ max-width: 100%; margin: 0 auto;  }
.products-box { border:1px solid #cbcbcb; padding: 15px 10px 10px; }

.products-des p{ color: #4c4c4c; font-size: 15px; line-height: 18px; margin-bottom: 15px; }
a.detatl-btn {
    font-size: 14px;
    background-color: transparent;
    border:2px solid #3d850e;
    display: inline-block;
    padding: 0 13px;
    border-radius: 5px;
    color: #3d850e; text-transform: uppercase;
}
a.add-btn{
    font-size: 14px;
    background-color: #3d850e;
    display: inline-block;
    padding: 0 13px;
    border-radius: 5px;
    border:2px solid #3d850e;
    color: #fff; text-transform: uppercase;
}
.products-box {
    margin:70px 0 20px;
    background-color: #fff; position: relative;
}
.products-box:after{ content: ""; background-image: url(../images/icon/pin.png); position:absolute; top:-62px; left: 0; right: 0; width: 167px; height: 81px; margin: 0 auto; }
.products-btn a.add-btn img{    vertical-align: top;
    padding-top: 8px;
    padding-right: 5px;}
.products-price{ color: #4c4c4c; font-size: 15px; line-height: 18px; margin-bottom: 15px;  }
.products-price span{  color: #41910d; font-size: 21px;  }

/** shipping  **/
  .shipping{ background-image: url(../images/body-bg.png); padding: 50px 0; }

  .shipping-icon {
    border: 5px solid #3b810d;
    display: inline-block;
    border-radius: 100%; margin: 10px 0 15px;
    transition: all 1s ease;
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
   -o-transition: all 1s ease;
}
  .shipping-icon i {
    width: 90px;
    height: 90px; 
    line-height: 80px;
    display: block;
    margin: 0 auto;
    border-radius: 100%;
    background-color: #3b810d;
    border: 3px solid #fff;
}
.shipping-box:hover .shipping-icon i { border: 3px solid #3b810d;  }
 .shipping-box:hover  .shipping-icon { border-color: transparent; }
.shipping-des h3{ font-size: 15px; color: #000000; position: relative; padding: 0 0 13px; margin-bottom: 5px; font-weight: normal; text-transform: uppercase; }
 .shipping-des p{ color: #545454; font-size: 13px; line-height: 20px; }
  .shipping-des h3:after{ max-width: 50px;right:  0; margin: 0 auto;  content: ""; width: 100%; position: absolute; left: 0;  bottom: 0; height: 3px; background-color: #3b810d }
/** shipping **/
.news-leter,.feature-products { 
  padding:50px 0 45px; }

  .title-v{ font-size: 30px; text-transform: uppercase; position: relative; color: #000000; margin-bottom: 15px; padding-bottom: 12px;  }
  .title-v abbr{ color: #000000;}
  .title-v:before{ max-width: 100%; margin:0 auto; content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background-color: #e2e2e2 }
  .title-v:after{ max-width: 60px;  content: ""; width: 100%; position: absolute; left: 0;  bottom: 0; height: 3px; background-color: #3b810d }
.news-leter  .title-v:before{ max-width: 320px;}
.feature-products   .title-v{ color: #fff;93cc76 }
.news-leter .title-v:after{ right: 0; margin:0 auto;}
.feature-products .title-v:before{ max-width: 320px; background-color: #93cc76;}

.feature-products .title-v:after    { right: 0; margin:0 auto;background-color: #fff;  }
.news-leter input.form-control {
    max-width: 512px !important; height: 40px; width: 100%;
    border-radius: 0px; border:1px solid #c5c5c5; border-right-color: transparent; outline: none; box-shadow: none;
}
.news-leter input.btn.btn-custom-3 {
    font-size: 16px;
    color: #fff;
    background-color: #3b810d;
    border-radius: 0px;
    padding: 8px 25px;
    text-transform: uppercase;
    margin-left: -5px;
}
.news-leter p{ line-height: 23px; font-size: 15px; color: #5f5f5f; }
.news-leter form.form-inline {
    margin: 30px 0 5px;
}
	 .footer-top{ padding:35px 0; background-color: #000; }
   .liks li{ margin-bottom:10px; }
  .footer-top .liks li a {
    color: #4b4b4b;}
 .liks li a {
    
    font-size: 14px;
    text-transform: uppercase;
    border-right: 1px solid #4b4b4b;
    padding: 0px 20px;
    line-height: 14px;
    display: block;
}
.liks li a:hover{ color: #3b810d;  }
     .liks li:last-child a{ border-right: none; }
	 .footer-socal{ margin-top: 20px; }
	  .footer-top ul.liks {   margin: 0 auto; }

   .footer-socal li a {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    border: 2px solid #fff;
    display: block;
}
  .footer-socal li a:hover{ background-color: #3b810d; }
    .footer-socal li { padding:10px 13px; }
    .footer-socal ul {  max-width: 600px; margin: 0 auto; }

	  .footer-logo{ margin-top: 35px; }
	  

	    .footer{ background-color: #1e1e1e; font-size: 14px; color: #fff; padding:14px 0;  }
	    .footer p,.footer a{  font-size: 13px; color: #9e9e9e; text-transform: uppercase;   }

@media (min-width: 768px){
.navbar-default .navbar-nav>li {
    padding: 0;
}

}
@media (min-width: 992px){
a.call-us {
    margin-top: 20px;
}
.buy-now-btn {
  
    margin-top: 36px;
  
}

}

@media (max-width: 991px){
.top-header .logo{ display: block; margin:0 auto;  }
.liks li a {
    font-size: 14px;
    text-transform: uppercase;
    border-right: 1px solid #4b4b4b;
    padding: 0px 17px;
    line-height: 14px;
    display: block;
}
}

@media screen and  (max-width: 767px) and (max-width: 1199px) {

.buy-now-btn { font-size: 13px; }
.title-v {
    font-size: 24px;}
    .about {
    background-color: #fff;
    padding: 20px 0;
}
.news-leter input.form-control {
    max-width: 277px !important;
    height: 40px;
    border-radius: 0px;
    border: 1px solid #c5c5c5;
    border-right-color: #c5c5c5;
    outline: none;
    box-shadow: none;
    margin: 0 auto 15px;
}

}
@media screen and  (min-width: 480px) and (max-width: 767px){  }
  @media screen and  (max-width: 479px) {
    .top-header .logo{ display: block; margin:0 auto;  }
.hiro-img {
    
    background-position: left;
  
    height: 200px;
  
}

.hero-caption {
  
    padding: 00px 15px;
    
}
ul.list-inline.liks {
    text-align: center;
}
.liks li a {
    font-size: 13px;
    text-transform: uppercase;
    border-right: 1px solid transparent;
    padding: 0px 8px;
    line-height: 14px;
    display: block;
}
.hero-caption p {
    color: #ffffff;
    font-size: 12px;
    line-height: 13px;
}
.hero-caption h2 {
    color: #ffffff;
    font-size: 21px;
    text-transform: uppercase;
    margin-bottom: 5px;
   
}
}