@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i);

body {background: #fff url('../images/bg.png') repeat top left; font-family: "Open Sans", sans-serif; font-size: 14px; color: #333; text-align: left !important; margin: 0px; padding: 0px;}
.fullgrid-main-container {padding-bottom: 20px !important;}
.fullgrid-footer {background: #262729; color: #848486;}
.topheader {background: #f8f8f8; border-bottom: 1px solid #e8e8e8; padding: 5px 0;}
.copyright {border-top: 1px solid #666;}
.footer h4.widget-title {font-size: 16px; font-weight: 600; color: #fff; text-transform: uppercase; margin-bottom: 20px; }

.delivery-band {background: #004890; padding: 7px 0 3px; color: #fff;}
.delivery-band h4 {color: #fff; font-size: 15px; font-weight: 600; text-transform: uppercase; line-height: 40px;}
.delivery-band img.icon { float: left; margin: 5px 5px 0 0;}
.content-boxes-v5 {margin: 0px; padding: 0px;}
.content-boxes-v5 li { list-style: none; display: block; width: 26%; float: left; margin: 0px; padding: 0px;}
.content-boxes-v5 li:nth-child(4n) { width: 20%;}

.showcase {margin: 15px 0;}
.showcase .conntainer {padding-left: 0px; padding-right: 0px;}


.co-number {font-size: 18px; color: #828282; margin-top: 5px;}
.ad-search { font-style: italic; line-height: 30px; }
#search_mini_form {float: right;}
#search_mini_form input { background: #fff; border: 1px solid #e8e8e8; border-right: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; color: #b1b1b1; float: left; width: auto; height: 30px; }
#search_mini_form button { background: #fff; border: 1px solid #e8e8e8; border-left: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius:0; -o-border-radius: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; height: 30px; float: left; line-height: 10px; margin-right: 10px; }
#search_mini_form button i { color: #b1b1b1; }

.content-boxes-v3 i { float: left; color: #f80012; width: 10px; height: 10px; line-height: 25px; text-align: center; margin-right: 10px; display: inline-block;}
.overflow-h { overflow: hidden;}


.ft-products .block-title { color: #35363b; display: inline-block; font-size: 32px; position: relative; top: 0px; left: 40%; text-align: center; text-transform: capitalize; /*padding: 50px 0px 30px 0px;*/}
.ft-products .block-title span::before, .ft-products .block-title span::after { background: #d9d9d9; content: ""; height: 1px; position: absolute; top: 21%; width: 240px; z-index: 9;}
.ft-products .block-title span span::before, .ft-products .block-title span span::after {background: none; color: #bcbcbc; content: ""; font-family: "FontAwesome"; font-size: 9px; height: 8px; position: absolute; top: 15%; width: 8px; z-index: 99;}
.ft-products .block-title span::before { left: 110%;}
.ft-products .block-title span::after { right: 110%;}
.ft-products .block-title .extra { color: #999999; display: block; font-size: 12px;}

/* ================ SHORTCODE HERE ================= */
.tpad1 { padding-top: 1%;}
.tpad2 { padding-top: 2%;}
.tpad3 { padding-top: 3%;}
.tpad4 { padding-top: 4%;}
.tpad5 { padding-top: 5%;}
.tpad6 { padding-top: 6%;}
.tpad7 { padding-top: 7%;}
.tpad8 { padding-top: 8%;}
.tpad9 { padding-top: 9%;}
.tpad10 { padding-top: 10%;}
.bpad1 { padding-bottom: 1%;}
.bpad2 { padding-bottom: 2%;}
.bpad3 { padding-bottom: 3%;}
.bpad4 { padding-bottom: 4%;}
.bpad5 { padding-bottom: 5%;}
.lpad1 { padding-left: 1%;}
.lpad2 { padding-left: 2%;}
.lpad3 { padding-left: 3%;}
.lpad4 { padding-left: 4%;}
.lpad5 { padding-left: 5%;}
.rpad1 { padding-right: 1%;}
.rpad2 { padding-right: 2%;}
.rpad3 { padding-right: 3%;}
.rpad4 { padding-right: 4%;}
.rpad5 { padding-right: 5%;}
.lrpad1 { padding: 0% 1%;}
.lrpad2 { padding: 0% 2%;}
.lrpad3 { padding: 0% 3%;}
.lrpad4 { padding: 0% 4%;}
.lrpad5 { padding: 0% 5%;}
.lrpad10 { padding: 0% 10%;}
.tbpad1 { padding: 1% 0%;}
.tbpad2 {padding: 2% 0%;}
.tbpad3 { padding: 3% 0%;}
.tbpad4 { padding: 4% 0%;}
.tbpad5 { padding: 5% 0%;}
.tbpad6 {padding: 6% 0%;}
.tbpad8 { padding: 8% 0%;}
.tbpad10 { padding: 10% 0%;}

h1, h2, h3, h4, h5, h6 { font-family: "Open Sans", sans-serif; font-weight: 500; line-height: 1.1;}
h1 {font-size: 30px; font-weight: 700; color: #333; margin: 20px 0 10px;}


.navbar-default {background: none; border: none; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -o-border-radius: 0px; box-shadow: none; padding: 10px 0; }
.navbar { margin-bottom: 0px; min-height: auto;}
.navbar-default .navbar-nav > li > a { font-size: 18px; font-weight: 600; color: #333; text-transform: uppercase; display: block; line-height: 20px; text-shadow: none; padding: 9px 20px; margin: 0;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; color: #333;}
.navbar-default .navbar-nav > .active > a {box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}

ul.leftmenu {margin: 0px; padding: 0px;}
ul.leftmenu li { border-bottom: 1px dashed #888; list-style: none; margin: 0px; padding: 0px;}
ul.leftmenu li a { line-height: 24px; margin: 0px; padding: 0px;}
ul.leftmenu li:hover { background: #f8f8f8;}

.toplink-div {padding: 5px 0 0;}
.links li { margin: 0px; padding: 0px; text-transform: none;}
.links li a { color: #888; font-size: 14px; font-weight: 400; margin: 0px; padding: 5px 10px;}
.links li a:hover { color: #8b9298; text-decoration: none;}
.links {margin: 0px; display: inline;}

.footer .social {margin: 0px; padding: 0px;}
.footer .social li { margin: 0px; display: inline-block; padding: 0px; text-transform: none;}
.footer .social li a { background: none; border: 1px solid #888; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; color: #888; font-size: 14px; font-weight: 400; line-height: 27px; display: block; width: 30px; height: 30px; text-align: center; margin: 0px; padding: 0;}
.footer .social li a:hover { color: #8b9298; text-decoration: underline;}

.bottommenu {margin: 0px; padding: 0px;}
.bottommenu li { margin: 0px; padding: 0px; text-transform: none;}
.bottommenu li a { color: #888; font-size: 14px; font-weight: 400; line-height: 25px; margin: 0px; padding: 5px 10px 5px 0;}
.bottommenu li a:hover { color: #8b9298; text-decoration: underline;}

.footer li {display: block; margin-bottom: 8px;}
.footer li a {color: #888;}



@media (min-width:320px){

}
@media (min-width:480px){

}
@media (min-width:600px){
}
@media (min-width:767px){

}
@media (min-width:992px){
.navbar-default .container, .navbar-collapse {padding: 0px; padding-right: 0px;}

}
@media (min-width: 1200px) {
.container {width: 1250px;}

}