@charset "utf-8";
/* CSS Document */
@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800';
@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700,700italic,400italic);
@font-face {
    font-family: 'Lighthouse_PersonalUse';
    src: url('../fonts/Lighthouse_PersonalUse.ttf');}

body {font-family: 'PT Sans', sans-serif; background:url(../images/mainbg.jpg) repeat center top;}
#navbar {
	position:initial;
  background:none;
  border:0px solid #dee1e3;
  border-bottom:1px solid #acabab;
  margin:0px 0 2px 0 ;
  padding:5px 0 1px 0;
  box-shadow: 0 0px 0px 0px;
  border-radius:0 !important;
  z-index: 999;
  text-align:center;
}
#navbar .navbar-nav { text-align:left; float:none; display:inline-block;}


.navbar-default .navbar-nav>.open>a	 {color:#fff !important; background:#031834 !important;}
#navbar .navbar-nav li>ul>lia{ background:none !important;}
#navbar .navbar-nav li {
	  background-size: 100% 200%;
  background-image: linear-gradient(to top, #031834 50%, transparent 50%);
  transition: background-position 0.6s;
	 position:relative; padding:0; margin:0 10px;}	 
#navbar .navbar-nav li a {
	overflow:hidden;
	position:relative;
	z-index:5;
  font-size: 14px;
  color: #2e2b2c;
  text-transform: uppercase;
  transition: all 0.6s ease;
  padding:12px 27px;
  background:none !important;
  }
  
  #navbar .navbar-nav li ul  { border-radius:0 !important;   background-color: #fff;}
  #navbar .navbar-nav li:hover {background-position: 0 100%;  }
  #navbar .navbar-nav li:hover>a{ color:#fff;     }

.navbar-default .navbar-brand  { color:#031834 !important;}
.navbar-toggle {
	border-radius:0;
  background:#031834 !important; 
  margin:9px 10px 0 0;
}

.navbar-default .navbar-toggle .icon-bar {
  background: #fff !important;
}

.navbar-toggle .icon-bar {
  position: relative;
  transition:0.5s all ease;
}

.navbar-toggle.active .type1 {
  top: 6px;
  transform: rotate(46deg);
}

.navbar-toggle.active .type2 {
  background-color: transparent !important;
}

.navbar-toggle.active .type3 {
  top: -6px;
  transform: rotate(-50deg);
}
.logoarea { border-top:1px solid #acabab;}
.topinfo { font-size:14px; color:#031834; line-height:22px; margin-top:50px;}
.topinfo p { margin:0;}
.topinfo p i { margin-right:5px;}
.logo { display:inline-block; margin:5px 0px 7px; max-width:253px;}
.searchmaincontainer { float:right; margin-top:50px; background:#fff; max-width:258px; padding:4px; width:100%;}
.searchcont { border:1px solid #dcdcdc; position:relative; transition:1s all ease;}
.searchcont input{ width:100%; padding:0 45px 0 10px; width:100%; border:0; outline:none; height:29px; line-height:29px; color:#cdcbcb; font-size:12px;}
.searchcont button { float:right; position:absolute; right:0; height:29px; font-size:18px; color:#727272; top:0; background:none; border:0; transition:0.3s all ease;}
.searchcont button:hover { transform:rotate(360deg); color:#031834}
.catbox {font-family: 'Lighthouse_PersonalUse'; position:relative; border:1px solid #8c8c8c; max-width:359px; display:inline-block; margin:14px 0; overflow:hidden;}
.catbox h2 { margin:0; padding:5px 0; line-height:normal; transition:1s all ease; background:rgba(0,0,0,0.8); text-align:center; font-size:32px; color:#fff; bottom:16px; position:absolute; left:0; width:100%;}
.catbox:hover h2{ bottom:38%;}
.catbox img { transition:1s all ease;}
.catbox:hover img { transform:scale(1.1)}
.bottomboxheading { background:url(../images/bottomboxheading.png) repeat-x center  center; text-align:center; margin-bottom:18px; margin-top:30px;}
.bottomboxheading span { display:inline-block;  padding:0 20px; background:url(../images/mainbg.jpg) repeat center top; text-transform:uppercase; color:#000000; font-size:16px;}
.bottomboxcont { background:#031834; padding:5px; margin-bottom:15px;}
.bottombox { border:1px solid #fff; font-size:14px; color:#fff; line-height:20px; padding:10px; text-align:justify; overflow:hidden;     height: 168px;}
.bottombox a { font-style:italic; text-decoration:underline;}
.newsletter  { text-align:center; padding:8px 15px 0 15px;}
.newsletter label { font-weight:normal; font-size:18px; color:#fff; margin-bottom:10px;}
.newsletter input { background:#fff; outline:none; padding:0 10px; width:100%; height:40px; box-shadow:none; border:1px solid #dddddd; font-size:13px; color:#a3a3a3; margin:10px 0 10px 0;}
.newsletter button {background:none; border:1px solid #fff; outline:none; cursor:pointer; padding:0 18px; line-height:29px; margin-top:8px; transition:0.3s all ease;}
.newsletter button:hover { background:#fff; color:#031834}
.footercont {margin-top:35px; background:url(../images/footertopbg.png) repeat-x center top; padding-top:25px;}
.footertoparea {margin-bottom:35px;background:url(../images/footertopbg.png) repeat-x center bottom; padding-bottom:45px;}
.followus_heading { font-weight:bold; color:#000000; font-size:36px;  text-transform:uppercase; text-align:center; margin-bottom:15px}
.footer_social_icons { display:inline-block;}
.footer_social_icons a{display:inline-block; font-size:20px; text-align:center; line-height:40px; width:45px; height:40px; border:1px solid #333333; border-radius:0; transition:0.5s all ease; margin:3px 5px 5px 5px; color:#333333; position:relative;} 
.footer_social_icons a i{ position:relative; z-index:9999; line-height:2}
.footer_social_icons a:after , .footer_social_icons a:before {       position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    content: "";     -webkit-transition: -webkit-transform 0.5s;    transition: transform 0.5s;    	-webkit-transform: scale(0);    transform: scale(0);}	
.footer_social_icons a:nth-child(1):before , .footer_social_icons a:nth-child(1):after {background: #3c5a99;}
.footer_social_icons a:nth-child(2):before , .footer_social_icons a:nth-child(2):after{background: #00abf1;}
.footer_social_icons a:nth-child(3):before , .footer_social_icons a:nth-child(3):after{background: #00aff0;}
.footer_social_icons a:nth-child(4):before , .footer_social_icons a:nth-child(4):after{background: #c21a1e;}
.footer_social_icons a:nth-child(5):before , .footer_social_icons a:nth-child(5):after{background: #0274b3;}
.footer_social_icons a:hover:after{    -webkit-transform: scale(1);    transform: scale(1);}
.footer_social_icons a:hover{ color:#fff; border:1px solid #031834;}
.copyright { font-size:14px; color:#000; text-align: center; padding:15px 0; }
.copyright strong { text-transform:uppercase;}

.featuredheading { border-bottom:1px solid #292929; height:15px;text-align:center;margin-bottom:15px;}
.featuredheading span{ background:url(../images/mainbg.jpg) repeat center top; padding:0 35px; font-size:20px; text-transform:capitalize; display:inline-block; }
.products_box { margin:10px 0 0;}
.products_box .prodimg img{  transition:1s all ease;}
.products_box:hover .prodimg img{ transform:scale(0.9);}
.prodimg { border:4px solid #e5e5e5; background:#fff; padding:1px; margin-bottom:10px; position:relative; overflow:hidden; transition:1s all ease; min-height:250px; padding:10px 0px;}
.products_box:hover .prodimg { border:4px solid #031834;}
.proddetail { font-size:14px; color:#4d3729; text-align:center;}
.proddetail strong { font-size:16px; color:#3e3e3e; font-weight:bold;}

.owl-dots{  display: none !important;}
.banners { position:relative;}
.heading_catname {font-family: 'Open Sans', sans-serif; position:absolute; bottom:0; margin:0; padding:0; text-transform:uppercase; left:0; width:100%; background:rgba(0,0,0,0.7); text-align:center; color:#fff; font-weight:bold; font-size:28px; line-height:60px;}
.leftmenuboxcont {font-family: 'Open Sans', sans-serif; background:#fff; padding:7px; border:1px solid #f7f7f7;}
.leftheading { background:#f3f3f1; text-align:center; font-size:15px; line-height:38px; border:1px solid #e9e9e9; text-transform: uppercase; color:#000;}
/*.leftmenucat { margin:0; padding:0; border:1px solid #e9e9e9; border-top:0; padding:5px;}
.leftmenucat li { list-style:none; width:100%;}
.leftmenucat li>ul {margin:0; padding:0; display:none;}
.leftmenucat li>a{ background:#f1f1f1; text-transform:capitalize; display:block; line-height:30px; font-size:14px; color:#000; padding:0 7px; transition:1s all ease; cursor:pointer;}
.leftmenucat li>ul>li>a{ background:#fff; border-bottom:1px solid #f1f1f1; transition:0.3s all ease; font-size:13px;}
.leftmenucat li a i { margin-right:3px; }
.leftmenucat li:hover>a { padding-left:12px; color:#fff; background:#021734;}*/
.LeftMenu { border:1px solid #e9e9e9; border-top:0; padding:5px;}
li.MainLeftCats { list-style:none; width:100%;}
li.MainLeftCats:hover {}
li.MainLeftCats a { background:#f1f1f1; text-transform:capitalize; display:block; line-height:30px; font-size:14px; color:#000; padding:0 7px; transition:1s all ease;}
li.MainLeftCats a:hover, li.MainLeftCats a.active { padding-left:12px; color:#fff; background:#021734;}
.submenu ul { padding:0px; margin:0px;}
.submenu ul li { list-style:none;}
.submenu ul li a { background:#fff; border-bottom:1px solid #f1f1f1; transition:0.3s all ease; font-size:13px; display:block; line-height:30px; color:#666; padding:0 7px;}
.submenu ul li a i { margin-right:3px; }
.submenu ul li a:hover, .submenu ul li a.active { padding-left:12px; color:#fff; background:#333;}


.bredcrmbs {font-family: 'Open Sans', sans-serif; background:#021734; padding:0 5px; line-height:38px;font-size:12px; color:#fff;}
.bredcrmbs a { display:inline-block; margin:0 5px; transition:1s all ease;}
.bredcrmbs a:hover {color:#91add5;}
.bredcrmbs span { color:#91add5;margin:0 5px;}
.productscont .products_box { margin:0;}
.pagination_cont { text-align:center;}
.pagination_cont a { display:inline-block; min-width:22px; padding:0px 8px; height:22px; line-height:22px; background:#021734; transition:0.3s all ease; color:#fff; font-size:12px; margin:5px 0.5px;}
.pagination_cont a:hover, .pagination_cont a.active { background:#222222;}
.PageText { font-size:13px; line-height:22px; padding:10px 0;}
.contactdetails {font-family: 'Open Sans', sans-serif; font-size:13px; color:#222222; line-height:18px;}
.contactdetails a:hover { color:#021734; transition:1s all ease; text-decoration:underline;}
.contactdetails p { margin-bottom:23px;}
.form_container {font-family: 'Open Sans', sans-serif;}
.form_container input { font-size:13px; color:#aeaeae; border:1px solid #b2b2b2; margin: 0 0 15px 0; width:100%; padding:0 10px; outline:none; line-height:38px; box-shadow:none;}
.form_container select{ font-size:13px; color:#aeaeae; border:1px solid #b2b2b2; margin: 0 0 15px 0; width:100%; padding:0 10px; outline:none; height:40px;}
.form_container textarea{ font-size:13px; color:#aeaeae; border:1px solid #b2b2b2; margin: 0 0 15px 0; width:100%; padding:5px 10px; outline:none;line-height:25px; height:162px;}
.form_container button {font-family: 'Open Sans', sans-serif; line-height:32px;  background:#021734; font-size:14px; font-weight:600; text-transform:uppercase; color:#fff; padding:0 20px; float:right; transition:0.3s all ease; border:0;}
.form_container button:hover { background:#222222;}
.feedbackheading { font-size:24px; color:#021734; font-weight:600;font-family: 'Open Sans', sans-serif; margin-bottom:12px;}
.google_map {
  position: relative;
  margin:0 0;
}
.cover {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #000;
  opacity: 0.1;
}
.proddetailscontainer {font-family: 'Open Sans', sans-serif;}
.gallerycont { border:1px solid #ccc; background:#fff; padding:10px;}
.nextbackbtns { text-align:right;}
.nextbackbtns a {font-size:13px; color:#fff; padding:0 10px; line-height:28px; text-transform:uppercase; display:inline-block; margin-left:3px; background:#021734; transition:0.3s all ease;}
.nextbackbtns a:hover { background:#222222;}
.large_prodname { font-size:22px; color:#021734; font-weight:600; text-transform:uppercase; margin-top:25px;}
.skunu { margin:14px 0; font-size:13px; color:#4b4b4b;} 
.skunu span { color:#021734;}
.descriptions { font-size:12px; color:#4b4b4b; line-height:20px; margin-bottom:15px;}
.descriptions_heading { font-weight:600; color:#021734; margin-bottom:3px;}
.customoptions article{ margin-bottom:22px;}
.customoptions label { min-width:90px; font-size:13px; color:#021734; font-weight:600; margin:0; padding:0;}
.customoptions input { background:#fff; border:1px solid #cccccc; text-align:center; width:100px; height:30px; line-height:30px; outline:none; font-size:13px;}
.customoptions select{ background:#fff; border:1px solid #cccccc; text-align:center; width:100px; height:30px; line-height:30px; outline:none; font-size:13px;}
.addtocartbtn { margin-bottom:25px;}
.addtocartbtn input {font-size:13px; color:#fff; padding:0 10px; line-height:28px; text-transform:uppercase; display:inline-block; margin-left:3px; background:#021734; transition:0.3s all ease; border:none;}
.addtocartbtn a i { transition:1s all ease; margin-right:3px;}
.addtocartbtn a:hover i { transform:rotate(360deg); color:#fff;}
.addtocartbtn input:hover { background:#222222;}
.relatedprod_heading { font-size:24px; color:#031834; font-weight:bold; text-align: center; text-transform:uppercase; margin:15px 0 15px 0;}  

.CartInfo {  min-height:400px; margin:20px 0px; padding:0;}
.CartInfo table { border-collapse:collapse; border-left:1px solid #ddd; border-right:1px solid #ddd; border-top:1px solid #ddd; margin-bottom:15px; width:100%; max-width:100%; background-color:#fff; border-spacing:0;}
.CartInfo thead td { background-color:#f7f7f7; border-bottom:1px solid #ddd; color:#4d4d4d; font-family: 'Open Sans', sans-serif; font-weight:600; outline:none;}
.CartInfo td { padding:7px; }
.CartInfo thead .image, .CartInfo thead .action { text-align:center;}
.CartInfo thead .productd, .CartInfo thead .quantity { text-align:left;}
.CartInfo tbody .image, .CartInfo tbody .action { text-align:center;}
.CartInfo tbody td { border-bottom:1px solid #ddd; vertical-align:middle;}
.CartInfo tbody .image img { border:1px solid #ddd; }
.CartInfo tbody td input[type="text"] { width:50%; text-align:center;}

.Total { margin:15px 0; padding:0px; font:600 26px/20px 'Open Sans'; color:#f21b22; text-align:right; text-transform:uppercase; float:none;}
.Total span { color:#333;}
.Checkout .btn { background:#021734; border:none; box-shadow:none; padding:0 15px; height:32px; font:500 12px/32px 'Roboto'; color:#fff; text-shadow:none; text-transform:uppercase; float:right; text-decoration:none; text-align:center; margin-left:5px; transition: all 0.5s ease-in-out 0s; border-radius:0px}
.Checkout .btn:hover, .UpdateBtn:hover { background:#222; border-color:#930f09;}
.UpdateBtn { background:#021734; border:none; box-shadow:none; padding:2px 6px; color:#fff; font-weight:400; font-size:11px; text-transform:uppercase; cursor:pointer; transition: all 0.5s ease-in-out 0s; font-family:'Open Sans', sans-serif; font-weight:600;}
.SubmitText { font-size:22px; text-transform:uppercase; padding:4em 0; line-height:34px; text-align:center; color:#090; font-family:'Open Sans', sans-serif; font-weight:800;}

.QuoteForm { margin:20px 0px; min-height:450px;}

.NoProd { line-height:150px; font-family:'Open Sans', sans-serif; font-weight:600; text-align:center; font-size:24px; color:#999;}


.marquee {

  position: relative;
  animation: marquee 5s linear infinite;
  color:#ffffff;
}

@keyframes marquee {
  0% {
    top: 10em
  }
  100% {
    top: -2em
  }
}


@media screen and (min-width:767px){
.bottomboxcont {min-height:177px;}
}
@media screen and (min-width:991px){
#navbar .navbar-nav li:hover ul { display:block !important;}
.navbar-brand { display:none;}
#navbar .navbar-nav li:last-child:before { background:none !important;}
#navbar .navbar-nav>li:before{content:""; position:absolute;  right:-10px; width:2px; height:44px; background:url(../images/topmenuspretor.jpg) no-repeat right center;}
	}

@media screen and (max-width:1200px){	
#navbar .navbar-nav li a { padding:12px 16px}
}
@media screen and (max-width:991px){	
#navbar .navbar-nav { width:100%;}
.navbar-header {  float: none;}
.navbar-toggle {  display: block;}
.navbar-collapse.collapse {  display: none!important;}
.navbar-nav {  float: none!important;}
.navbar-nav>li {  float: none;}
.navbar-collapse.collapse.in{  display:block !important;}
#navbar .navbar-nav li a { background:none; border-top:1px solid #000000;}
}

@media screen and (max-width:768px){	
.topinfo { margin-top:32px;}
.searchmaincontainer { margin-top:35px;}
}

@media screen and (max-width:460px){
.topinfo { display:none;}
.logo { max-width:170px; margin:10px 0 12px;}
.searchmaincontainer { float:none; display:inline-block; margin:0 0 20px 0; max-width:100%;}	
.heading_catname { font-size:16px; line-height:32px;}
}

@media (max-width: 768px) {
    .google-map {
        width: 100%;
        max-width: 100%;
        height: 200px
    }
	
  table.ShopCart td,
  table.ShopCart th {
    border-right: 0 none;
    display: block !important;
    float: none !important;
    text-align: left !important;
    width: auto !important;
  }

  table.ShopCart tr td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-align: left;
    white-space: nowrap;
    width: 50%;
  }

  table.ShopCart tr td {
    text-align: right;
    display: block;
    min-height: 20px;
    border-left: none;
    background: none;
  }

  table.ShopCart thead {
    display: none;
  }	
}