@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900');
body{ padding: 0px; margin: 0px; font-family: 'Lato', sans-serif; font-weight: 500;}
h1, h2, h3, h4, h5, h6, ol, li, ul, a, img, p, span, strong{ padding: 0px; margin: 0px;}
a:hover,a:focus{ outline: none;}
section{ float: left; width: 100%;}
.pad0{ padding: 0;}
img { max-width: 100%;}
/************** Header *****************/
.header-top { background-color: #0c1f34; padding: 10px 0;}
.header-top .top-count > li { color: #fff; display: inline-block; font-size: 16px; list-style: none; padding: 0 20px 0 0;}
.header-top .social > li { display: inline-block; font-size: 16px; list-style: none;}
.header-top .social a { color: #fff; display: inline-block; font-size: 18px; padding: 0 11px;}
.header-top .social { text-align: right;}

.header .navbar.navbar-default .navbar-brand { height: auto; margin: 0; padding: 15px;}
.header nav.navbar.navbar-default { border: 0 none; border-radius: 0; box-shadow: 0 0; margin: 0;}
.header .navbar-default .navbar-nav > .active > a,
.header .navbar-default .navbar-nav > li:hover > a{ background: transparent none repeat scroll 0 0; color: #ec4647;}
.header .navbar-default .navbar-nav > li > a { color: #0c1f34; font-size: 15px; padding: 8px 20px; position: relative;}
.header .nav.navbar-nav.navbar-right { padding: 20px 0;}

.slider { }
.slider h1 { font-size: 70px; font-weight: bold; color: #fff; text-transform: uppercase; margin-bottom: 10px;}
.slider p { font-size: 20px; font-weight: bold; color: #fff; }
.slider .item img { width: 100%;}
.slider .carousel-caption { padding-bottom: 15%;}

.products { padding: 60px 0;}
.heading { margin-bottom: 15px; text-align: center;}
.heading h2 { color: #0c1f34; font-size: 25px; font-weight: bold;}
.products .nav-tabs > li > a { border: 0 none; border-radius: 0; margin-right: 0; font-size: 16px;}
.products .nav-tabs > li { display: inline-block; float: none; margin-bottom: 0;}
.products .nav.nav-tabs { border: 0 none; text-align: center;}
.rating a { color: #ec4647;}
.p-item p { color: #ec4647; font-weight: bold; font-size: 20px; text-align: right;}
.p-item h3 { color: #0c1f34; font-size: 18px; font-weight: bold; margin-bottom: 10px; text-align: center;}
.p-item h3 a{ color: #0c1f34; font-size: 18px; font-weight: bold; text-align: center;}
.p-item h3 a:hover{ color: #ec4647; text-decoration: none}

.rating li { list-style: none; display: inline-block;}
.products .nav-tabs > li.active > a, .products .nav-tabs > li.active > a:hover, .products .nav-tabs > li.active > a:focus { border: 0;}
.products .nav-tabs > li > a, .products .nav-tabs > li > a:hover, .products .nav-tabs > li > a:focus { background: transparent; }

.collection .col-sm-4 { padding: 0;}
.col-box img { width: 100%;}
.col-box { position: relative;}
.collection .overlay { background-color: rgba(0, 0, 0, 0.5); height: 100%; position: absolute; top: 0; width: 100%; transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; opacity: 0;}
.overlay-count { bottom: 0; padding: 20px; position: absolute; width: 100%;}
.overlay-count p { color: #fff; font-size: 20px; font-weight: bold; margin-bottom: 2px;}
.overlay-count h3 { color: #fff; font-size: 35px; font-weight: bold; margin-bottom: 15px; text-transform: uppercase;}
.collection .col-box:hover .overlay { opacity: 1;}

.testimonial { background-image: url("../images/testi-bg.png"); padding: 70px 0; text-align: center; color: #fff; background-size: cover;}
.testimonial .item img { border-radius: 50%; margin: 0 auto 20px;}
.testimonial .item { padding-bottom: 80px;}
.testimonial p { font-size: 17px; line-height: 30px; margin: 0 auto 25px; max-width: 810px;}
.testi-name { font-size: 18px; font-weight: 600; margin-bottom: 0; text-transform: uppercase;}

.newsletter { padding: 50px 0;}
.newsletter p { font-size: 15px; margin: 0 auto 20px; max-width: 350px; text-align: center;}
.newsletter .input-group-addon { background-color: #0c1f34; border: 0 none; color: #fff; border-radius: 0;}
.newsletter .input-group-addon:hover{ background: #ec4647; color: #fff; text-decoration: none}
.newsletter .form-group { margin: 0 auto; max-width: 500px;}
.newsletter input.form-control { border-radius: 0; height: 45px;}

.footer { background-color: #0c1f34; padding: 50px 0;}
.foot1 p { color: #fff; font-weight: 500; margin: 20px 0 10px; }
.foot2 li { list-style: outside none none; padding: 5px 0;}
.foot2 a,.foot1 a { color: #fff; text-decoration: none;}
.foot1 li { list-style: none; padding: 4px 0;}
.foot2 h2 { color: #fff; font-size: 20px; font-weight: bold; margin-bottom: 15px;}
.copyright { background-color: #fff; color: #0c1f34; font-size: 16px; padding: 20px 0; text-align: center;}

@media(max-width: 1199px){
.header-top .top-count > li { font-size: 14px;}
.slider h1 { font-size: 60px;}
.slider p { font-size: 18px;}
}
@media(max-width: 991px){
.header .navbar-default .navbar-nav > li > a { padding: 8px 15px;}
.slider h1 { font-size: 40px;}
.slider p { font-size: 16px;}
.p-item { border: 1px solid #ddd; border-radius: 5px; margin-bottom: 15px; margin-top: 15px; padding: 20px;}

}
@media(max-width: 767px){
.top-count { margin-bottom: 10px; text-align: center;}
.header-top .social { text-align: center;}
.slider p { font-size: 12px;}
.slider .carousel-caption { left: 5px; padding-bottom: 5%; right: 5px;}
.slider h1 { font-size: 25px; margin: 0;}
.foot2 h2 { margin-bottom: 0; margin-top: 20px;}
.p-item { text-align: center;}
.p-item p { margin-top: 5px; text-align: center;}

}
@media(max-width: 479px){
.products .col-xs-6{ width: 100%}
}