@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700,800,900');

body{font-family: 'Poppins', sans-serif; font-size:16px; line-height:1.5; padding:0px; margin:0px;}

a,a:hover{text-decoration:none;}

h1,h2,h3,h4,h5,h6{padding:0px; margin:0px;}

.header{padding:10px 0px 4px 0; background-color:#fff;}

.topmenu .navbar-default{border:0px; background-color:transparent; font-size:14px; margin:0px;}

.navbar-default .navbar-nav > li > a{color:#333; font-weight:500;}
.navbar-default .navbar-nav > li > a.tollfree{background-color:#c00; color:#fff;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{color:#fff;}
.hvr-bounce-to-bottom:before{background-color:#c00;}
.topmenu .nav > li > a{padding:10px 10px;}

.menu{text-align:right;}
.menu ul,.menu li{padding:0px; margin:0px; list-style:none;}
.menu li{display:inline-block;}
.menu li a{font-size:14px; font-weight:600; text-transform:uppercase; padding:10px 25px; display:block; color:#fff; background-color:#c00;}
.menu li a:hover{color:#fff; background-color:#000;}

.section-main .page-top{position:relative; padding:30px 30px 0 30px; background-color:#fff; margin-top:-80px;}

#gallery .section-main .page-top{z-index:inherit;}

.welcome{background-color:#f6f6f6; padding:30px; text-align:center;}
.welcome h2{font-size: 25px; line-height: 30px; letter-spacing: 0.06em; color: #cc0000; font-weight: 700; text-transform: uppercase; padding: 10px 0;}
.welcome h4{font-size: 18px; line-height: 20px; letter-spacing: 0.06em; color: #000; font-weight: 500; text-transform: uppercase;}
.welcome .readmore{text-align:center;}

.readmore{margin-top:30px;}
.readmore a{display:inline-block; font-weight:600; color:#fff; background-color:#cc0000; padding:8px 36px;}
.readmore a:hover{background-color:#fff; color:#c00;}
.readmore a.hvr-reveal:before{border-color:#c00;}

.nav-tabs{border-bottom:0px; display:inline-block;}
.nav-tabs .readmore{margin-top:0px;}
.nav-tabs > li > a{border-radius:0px; margin-right:0px; margin-left:20px;}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {background-color:#fff; color:#c00; border-color:#c00;}

h3.h3 {font-size: 18px; line-height:24px; letter-spacing: 0.08em; position: relative; ext-transform: uppercase; color: #000; padding:0 0 0px 34px; margin-bottom:10px; background: url(../images/divider.png) no-repeat scroll left top transparent; display:inline-block;}

.space-40{height:40px; display:block;}

/********************* Shopping Demo-4 **********************/
.product-grid4,.product-grid4 .product-image4{position:relative}
.product-grid4{font-family:Poppins,sans-serif;text-align:center;border-radius:5px;overflow:hidden;z-index:1;transition:all .3s ease 0s}
.product-grid4:hover{box-shadow:0 0 10px rgba(0,0,0,.2)}
.product-grid4 .product-image4 a{display:block}
.product-grid4 .product-image4 img{width:100%;height:auto}
.product-grid4 .pic-1{opacity:1;transition:all .5s ease-out 0s}
.product-grid4:hover .pic-1{opacity:0}
.product-grid4 .pic-2{position:absolute;top:0;left:0;opacity:0;transition:all .5s ease-out 0s}
.product-grid4:hover .pic-2{opacity:1}
.product-grid4 .social{width:180px;padding:0;margin:0 auto;list-style:none;position:absolute;right:0;left:0;top:50%;transform:translateY(-50%);transition:all .3s ease 0s}
.product-grid4 .social li{display:inline-block;opacity:0;transition:all .7s}
.product-grid4 .social li:nth-child(1){transition-delay:.15s}
.product-grid4 .social li:nth-child(2){transition-delay:.3s}
.product-grid4 .social li:nth-child(3){transition-delay:.45s}
.product-grid4:hover .social li{opacity:1}
.product-grid4 .social li a{color:#222;background:#fff;font-size:17px;line-height:36px;width:40px;height:36px;border-radius:2px;margin:0 5px;display:block;transition:all .3s ease 0s}
.product-grid4 .social li a:hover{color:#fff;background:#16a085}
.product-grid4 .social li a:after,.product-grid4 .social li a:before{content:attr(data-tip);color:#fff;background-color:#000;font-size:12px;line-height:20px;border-radius:3px;padding:0 5px;white-space:nowrap;opacity:0;transform:translateX(-50%);position:absolute;left:50%;top:-30px}
.product-grid4 .social li a:after{content:'';height:15px;width:15px;border-radius:0;transform:translateX(-50%) rotate(45deg);top:-22px;z-index:-1}
.product-grid4 .social li a:hover:after,.product-grid4 .social li a:hover:before{opacity:1}
.product-grid4 .product-discount-label,.product-grid4 .product-new-label{color:#fff;background-color:#16a085;font-size:13px;font-weight:800;text-transform:uppercase;line-height:45px;height:45px;width:45px;border-radius:50%;position:absolute;left:10px;top:15px;transition:all .3s}
.product-grid4 .product-discount-label{left:auto;right:10px;background-color:#d7292a}
.product-grid4:hover .product-new-label{opacity:0}
.product-grid4 .product-content{padding:25px}
.product-grid4 .title{font-size:15px;font-weight:400;text-transform:capitalize;margin:0 0 7px;transition:all .3s ease 0s}
.product-grid4 .title a{color:#222}
.product-grid4 .title a:hover{color:#16a085}
.product-grid4 .price{color:#c00;font-size:17px;font-weight:700;margin:0 2px 15px 0;display:block}
.product-grid4 .price span{color:#909090;font-size:13px;font-weight:400;letter-spacing:0;text-decoration:line-through;text-align:left;vertical-align:middle;display:inline-block}
.product-grid4 .add-to-cart{border:1px solid #e5e5e5;display:inline-block;padding:10px 20px;color:#888;font-weight:600;font-size:14px;border-radius:4px;transition:all .3s}
.product-grid4:hover .add-to-cart{border:1px solid transparent;background:#c00;color:#fff}
.product-grid4 .add-to-cart:hover{background-color:#c00;box-shadow:0 0 10px rgba(0,0,0,.5)}
@media only screen and (max-width:990px){
	.product-grid4{margin-bottom:30px}
}

.owl-nav{position:relative; font-size:20px; top:-350px;}
.owl-nav .owl-prev,.owl-nav .owl-next{position:absolute; top:0px; width:30px; text-align:center; height:30px; line-height:30px; background-color:#c00 !important; color:#fff !important;}
.owl-nav .owl-prev{left:-15px;}
.owl-nav .owl-next{right:-15px;}

.bg_1{background:url(../images/bg/testi-parallax.jpg) center no-repeat fixed; background-size:cover; padding:160px 0 80px 0; color:#fff;}

.quote {color:#fff; text-align: center; margin-bottom: 30px;}
#fade-quote-carousel.carousel {padding-bottom: 60px;}
#fade-quote-carousel.carousel .carousel-inner .item {opacity: 0; -webkit-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity;}
#fade-quote-carousel.carousel .carousel-inner .active {opacity: 1; -webkit-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity;}
#fade-quote-carousel.carousel .carousel-indicators {bottom: 10px;}
#fade-quote-carousel.carousel .carousel-indicators > li {border:2px solid #fff; width:15px; height:15px;}
#fade-quote-carousel.carousel .carousel-indicators .active{background-color:#fff; width:15px; height:15px;}
#fade-quote-carousel blockquote {text-align: center; border: none;}
#fade-quote-carousel .profile-circle {width: 100px; height: 100px; margin: 0 auto; border-radius: 100px; overflow:hidden;}
#fade-quote-carousel .profile-circle img{width:100%;}

.service{display:table;}
.service .icon,.service .service-content{display:table-cell; vertical-align:middle;}
.service .icon{font-size:40px; padding:0 20px 0 0px;}
.service .service-content{line-height: 20px; color: #717171; margin-top: 6px; font-weight: 300; font-size: 12px;}
.content-title{color: #cc0000; font-size: 12px; font-weight: 600; line-height: 20px; text-transform: uppercase; letter-spacing: 0.07em;}

.footer{background:url(../images/bg/footer-bg.jpg) center no-repeat; background-size:cover; padding:0px 0 10px 0; color: #cccccc; text-align:center; font-size:12px; position:relative;}
.footer:after{content:""; background-color:#000c; position:absolute; top:0px; bottom:0px; left:0px; right:0px;}
.footer .container{position:relative; z-index:1;}
.footer a{color:#ccc;}
.footer a:hover{color:#c00;}
.footer .link{margin-bottom:10px;}
.footer .link a{padding:5px 10px; display:inline-block;}

.page-bottom{padding:0 30px 30px 30px; background-color:#fff; margin-bottom:20px;}

.old-table {border-spacing: 10px; border-collapse:inherit;}
.social a{display:inline-block; width:32px; text-align:center; height:32px; line-height:32px; font-size:18px;}

.copyright{line-height:47px;}

.content-top-breadcum {background: url(../images/banners/bredcrumb.jpg) repeat scroll center top #f2f2f2; overflow: hidden; position: relative; width: 100%; padding:50px 0 0 0; height: 150px; margin-bottom:50px;}

.breadcrumb {padding: 0 15px; margin: 0; list-style: none; background: none; text-align: center; float: none; font-size: 12px;}
.breadcrumb a{color:#333;}
.breadcrumb > li + li:before {content: "\f101"; padding: 0 5px; font-family: 'FontAwesome'; color:#555;}

.page-title{font-size: 16px; font-weight:600; text-transform: uppercase; margin-bottom: 15px; margin-top: 15px;}
.underpage h3 {color: #000; font-weight: 600; font-size: 14px; padding: 0 0 8px; margin-bottom:20px;}

/*---------------------------------------
  Contact section              
-----------------------------------------*/

.contact-info .fa {
  padding-right: 5px;
}

#contact a{color:#000;}
#contact .form-control {
  border: none;
  border-bottom: 2px solid #f0f0f0;
  border-radius: 0px;
  box-shadow: none;
  font-size: 18px;
  margin-top: 10px;
  margin-bottom: 10px;
  -webkit-transition: all ease-in-out 0.4s;
  transition: all ease-in-out 0.4s;
}

#contact .form-control:focus {
  border-bottom-color: #999999;
}

#contact input {
  height: 55px;
}

#contact button#submit {
  background: #2b2b2b;
  border: none;
  border-radius: 50px;
  color: #ffffff;
  height: 50px;
  margin-top: 24px;
}

#contact button#submit:hover {
  background: #7682cc;
  color: #ffffff;
}

.preview {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column; }

.col-center{float:none; margin:0 auto;}
.text-dark{color:#333 !important;}

.gallery-tab-link .navbar-toggle{background-color:#c00; border-color:#900;}
.gallery-tab-link .navbar-toggle .icon-bar{background-color:#fff;}
.gallery-tab-link .navbar-nav{display:block; float:none; text-align:center;}
.gallery-tab-link .navbar-nav > li{display:inline-block; float:none;}

@media screen and (max-width: 996px) {
	.preview {margin-bottom: 20px; }
}

.preview-pic {-webkit-box-flex: 1;-webkit-flex-grow: 1;-ms-flex-positive: 1;flex-grow: 1; }

.preview-thumbnail.nav-tabs {border: none;margin-top: 15px; }
.preview-thumbnail.nav-tabs li {width: 18%;margin-right: 2.5%; }
.preview-thumbnail.nav-tabs li img {max-width: 100%;display: block; }
.preview-thumbnail.nav-tabs li a {padding: 0; margin: 0; }
.preview-thumbnail.nav-tabs li:last-of-type {margin-right: 0; }

.tab-content {overflow: hidden; text-align:center; background-color:#fff; padding:20px;}
.tab-content img {-webkit-animation-name: opacity; animation-name: opacity; -webkit-animation-duration: .3s; animation-duration: .3s; }

.card {margin-top: 50px;background: #FFF;padding: 3em;line-height: 1.5em; }

.media>.pull-left {margin-right: 10px; padding:5px;}

@media screen and (min-width: 997px) {
  .wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; } }

.details {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }

.colors {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.product-title, .price, .sizes, .colors {
  text-transform: UPPERCASE;
  font-weight: bold; }

.checked, .price span {
  color: #ff9f1a; }

.product-title, .rating, .product-description, .price, .vote, .sizes {
  margin-bottom: 15px; }

.product-title {
  margin-top: 0; }

.size {
  margin-right: 10px; }
  .size:first-of-type {
    margin-left: 40px; }

.color {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  height: 2em;
  width: 2em;
  border-radius: 2px; }
  .color:first-of-type {
    margin-left: 20px; }

.add-to-cart, .like {
  background: #ff9f1a;
  padding: 1.2em 1.5em;
  border: none;
  text-transform: UPPERCASE;
  font-weight: bold;
  color: #fff;
  -webkit-transition: background .3s ease;
          transition: background .3s ease; }
.add-to-cart{background:#020202;}		  
.add-to-cart:hover, .like:hover {
    background: #b36800;
    color: #fff; }

.not-available {
  text-align: center;
  line-height: 2em; }
  .not-available:before {
    font-family: fontawesome;
    content: "\f00d";
    color: #fff; }

.orange {
  background: #ff9f1a; }

.green {
  background: #85ad00; }

.blue {
  background: #0076ad; }

.tooltip-inner {
  padding: 1.3em; }

@-webkit-keyframes opacity {
  0% {
    opacity: 0;
    -webkit-transform: scale(3);
            transform: scale(3); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes opacity {
  0% {
    opacity: 0;
    -webkit-transform: scale(3);
            transform: scale(3); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }


#lightbox .modal-content {
    /*display: inline-block;*/
    text-align: center;   
}

#lightbox .close {
    opacity: 1;
    color: rgb(255, 255, 255);
    background-color: rgb(25, 25, 25);
    padding: 5px 8px;
    border-radius: 30px;
    border: 2px solid rgb(255, 255, 255);
    position: absolute;
    top: -15px;
    right: -15px;
    
    z-index:1032;
}

.modal-body img{width:100% !important;}

@media(min-width:769px){
	.social{float:right; line-height:47px;}
}
@media(max-width:768px){
	.header{padding:0 0 0px 0;}
	.logo{position:absolute; top:10px; height:40px;}
	.menu{margin-top:10px; position:relative; margin:0 -15px;}
	.menu li{float:left; display:block; margin-right:-1px;}
	.menu li a{font-size:10px; padding:8px 7px; display:block;}
	.carousel{margin-bottom:70px;}
	.modal-dialog{margin:30px;}
}
