@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:100,300,400,600,700|Libre+Baskerville:400,700');
body {
	font-family: 'Josefin Sans', sans-serif;
	color: #333;
	font-size: 12px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.header-right .dropdown select {
    background: #d17a31;
    color: #fff;
    padding: 6px 10px;
}

.row.product-list {
    display: flex;
    flex-flow: row wrap;
}

h1,h2,h3,h4,h5,h6{font-family: 'Libre Baskerville', serif; color:#1a1a1a;}

input, a, button {
	-webkit-transition: all .3s ease 0s;
	-moz-transition: all .3s ease 0s;
	-ms-transition: all .3s ease 0s;
	-o-transition: all .3s ease 0s;
	transition: all .3s ease 0s
}

a{ color:#0f4b8e;}

a:hover {
	text-decoration: underline;
	color:#0f4b8e;
}
a:focus {
	outline: none
}
p {
	font-size: 14px;
	font-weight: 400;
	color: #686868;
	line-height: 24px
}
input:-webkit-autofill {
-webkit-box-shadow:0 0 0 1000px white inset
}
input[type=text], button, select:not(.switcher-select-form), textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	border-radius: 0
}
img {
	max-width: 100%;
	height: auto
}

.btn-blue {
	background: #0f4b8e
}
ul{ padding:0px; margin:0px;}
li{ list-style:none; color: #686868;}

/****************Shortcodes********************/

.mg0{margin:0px !important;}
.mgt0{ margin-top:0px;}
.mg10 {margin: 10px;}.mg20 {margin: 20px;}.mg30 {margin: 30px;}.mg40 {margin: 40px;}.mg50 {margin: 50px;}.mg60 {margin: 60px;}.mg70 {margin: 70px;}.mg80 {margin: 80px;}.mg90 {margin: 90px;}.mg100 {margin: 100px;}
.mgt10 {margin-top: 10px;}.mgt20 {margin-top: 20px;}.mgt30 {margin-top: 30px;}.mgt40 {margin-top: 40px;}.mgt50 {margin-top: 50px;}.mgt60 {margin-top: 60px;}.mgt70 {margin-top: 70px;}.mgt80 {margin-top: 80px;}.mgt90 {margin-top: 90px;}.mgt100 {margin-top: 100px;}
.mgl10 {margin-left: 10px;}.mgl20 {margin-left: 20px;}.mgl30 {margin-left: 30px;}.mgl40 {margin-left: 40px;}.mgl50 {margin-left: 50px;}.mgl60 {margin-left: 60px;}.mgl70 {margin-left: 70px;}.mgl80 {margin-left: 80px;}.mgl90 {margin-left: 90px;}.mgl100 {margin-left: 100px;}
.mgr10 {margin-right: 10px;}.mgr20 {margin-right: 20px;}.mgr30 {margin-right: 30px;}.mgr40 {margin-right: 40px;}.mgr50 {margin-right: 50px;}.mgr60 {margin-right: 60px;}.mgr70 {margin-right: 70px;}.mgr80 {margin-right: 80px;}.mgr90 {margin-right: 90px;}.mgr100 {margin-right: 100px;}
.mgb10 {margin-bottom: 10px;}.mgb20 {margin-bottom: 20px;}.mgb30 {margin-bottom: 30px;}.mgb40 {margin-bottom: 40px;}.mgb50 {margin-bottom: 50px;}.mgb60 {margin-bottom: 60px;}.mgb70 {margin-bottom: 70px;}.mgb80 {margin-bottom: 80px;}.mgb90 {margin-bottom: 90px;}.mgb100 {margin-bottom: 100px;}
.pd0{padding:0px;}
.pd10 {padding: 10px;}.pd20 {padding: 20px;}.pd30 {padding: 30px;}.pd40 {padding: 40px;}.pd50 {padding: 50px;}.pd60 {padding: 60px;}.pd70 {padding: 70px;}.pd80 {padding: 80px;}.pd90 {padding: 90px;}.pd100 {padding: 100px;}
.pdt10 {padding-top: 10px;}.pdt20 {padding-top: 20px;}.pdt30 {padding-top: 30px;}.pdt40 {padding-top: 40px;}.pdt50 {padding-top: 50px;}.pdt60 {padding-top: 60px;}.pdt70 {padding-top: 70px;}.pdt80 {padding-top: 80px;}.pdt90 {padding-top: 90px;}.pdt100 {padding-top: 100px;}
.pdl10 {padding-left: 10px;}.pdl20 {padding-left: 20px;}.pdl30 {padding-left: 30px;}.pdl40 {padding-left: 40px;}.pdl50 {padding-left: 50px;}.pdl60 {padding-left: 60px;}.pdl70 {padding-left: 70px;}.pdl80 {padding-left: 80px;}.pdl90 {padding-left: 90px;}.pdl100 {padding-left: 100px;}
.pdr10 {padding-right: 10px;}.pdr20 {padding-right: 20px;}.pdr30 {padding-right: 30px;}.pdr40 {padding-right: 40px;}.pdr50 {padding-right: 50px;}.pdr60 {padding-right: 60px;}.pdr70 {padding-right: 70px;}.pdr80 {padding-right: 80px;}.pdr90 {padding-right: 90px;}.pdr100 {padding-right: 100px;}
.pdb10 {padding-bottom: 10px;}.pdb20 {padding-bottom: 20px;}.pdb30 {padding-bottom: 30px;}.pdb40 {padding-bottom: 40px;}.pdb50 {padding-bottom: 50px;}.pdb60 {padding-bottom: 60px;}.pdb70 {padding-bottom: 70px;}.pdb80 {padding-bottom: 80px;}.pdb90 {padding-bottom: 90px;}.pdb100 {padding-bottom: 100px;}

.pdtb50{ padding:50px 0px;}

/****************Shortcodes********************/

/***************************************************************************************************/




/****************Slider********************/

#myCarousel .carousel-control.left{ top:50%; left:5%; margin-top: -35px}
#myCarousel .carousel-control.right{ top:50%; right:5%;margin-top: -35px}
#myCarousel .carousel-control { background:rgba(0,0,0,0.7); width:50px; height:70px; z-index:10; opacity:1}
#myCarousel .carousel-control .fa{ font-size:40px; text-shadow:none; opacity:1; color:#fff;line-height: 70px;}
#myCarousel .carousel-inner .item img{ width:100%}


#myCarousel .carousel-caption{ background:rgba(255,255,255,0.7); left:11%; right:52%; top:50%; margin-top: -130px; text-shadow:none; color: #222;  text-align:center;bottom: auto;padding: 20px 15px;outline: solid 3px rgba(0,0,0,0.6); outline-offset: 5px;}

#myCarousel .carousel-caption h5 { font-size: 24px; text-transform: capitalize; letter-spacing: 0.5px;font-family: 'Josefin Sans', sans-serif;font-weight: 600;margin: 10px 0px;}

#myCarousel .carousel-caption p { line-height: 24px; color: #222;}
#myCarousel .carousel-caption h2 { font-weight: 900; font-size: 40px;  margin:0px;text-transform: uppercase; text-shadow: 0px 1px, 1px 0px, 1px 1px;}
#myCarousel .carousel-caption h2::after{ content: ""; width: 80px; height: 2px; background: #222; display: block; margin: 10px auto}
#myCarousel a.slibe-btn {background: #d77636; color: #fff;  padding: 8px 12px; font-size: 14px;  text-transform: capitalize; display: inline-block; margin: 10px auto; }

/****************Slider********************/
.second-top {background: #222;  /* fallback for old browsers */
background: -webkit-linear-gradient(to top, #000, #222);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to top, #000, #222); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.nav > li > a .fa{ font-size: 16px;}
.nav > li > a:hover, .nav > li > a:focus, .nav > li > a:active {color: #d77636; background: transparent;}
.nav > li > a.active{color: #d77636; background: transparent;}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{ color: #d77636; background: transparent;}

ul.dropdown-menu{ background-color:#fff !important; width:100%; padding:0px;min-width: 250px;}
ul.dropdown-menu>li>a{ padding: 10px 15px; color:#222; font-weight:600;border-bottom: 1px solid #ddd;}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{color: #d77636; text-decoration: none;text-indent: 8px;}
.navbar-collapse{ padding:0px;}
.sticky {
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 100;
	border-top: 0;
	background-color: #0f4b8e;
}
.navbar-nav>li>a {
	color: #fff;
	font-size: 18px;	
	text-transform: capitalize;
	display: block;
	padding: 20px 25px;
}
.navbar-toggle {
	background-color: #D77636
}
.navbar-toggle .icon-bar {
	background: #fff;
}

.navbar-right li a{ background: #d77636;padding: 10px 12px 8px;  margin: 10px 0px;    border: 1px solid transparent;}
.navbar-right li a:hover{ border: 1px dashed #d77636}
.header-top{ padding:10px 0px;}
.header-right li{ float: right;font-size: 16px;    font-weight: 600; line-height: 20px;margin-left: 30px;}
.header-right .top-icon{ width:35px; height:35px; display:table; background:#222; float:left; font-size:16px; color:#fff; text-align:center; margin-right:15px; position:relative;outline: solid 1px #222;    outline-offset: 2px;}
.header-right{ width: 100%;}

.text-wrap{ float: left}
.header-right .top-icon .fa{ display:table-cell;vertical-align:middle;}
.header-right li strong{ font-size: 18px; font-weight: 700}
.header-right span{ display:block; width:100%;}

.top-right{ padding-top:20px; width: 100%;}
.top-social{ text-align: right;}
.top-social ul li{ display: inline-block;}
.top-social ul li a{  font-size: 14px;color: #fff;  background: #d77636; width: 25px; height: 25px; display: block; text-align: center; line-height: 29px; transition: 0.3s;}

.top-social ul li a:hover{ background: #222;}

.img-full img{ width: 100%;}
.about-us{ padding: 50px 0px; background: #f9f9f9; font-size: 16px; line-height: 26px; font-weight: 400; color: #555; border-bottom: 1px solid #eee;text-align: justify;}
.about-us h1{ font-size: 16px; line-height: 26px; font-weight: 400; color: #555;; display:inline-block;font-family: 'Lato', sans-serif;; margin:0px;}
.about-us a{ font-size: 14px; color: #fff; font-weight: 600; margin-top: 10px; display: inline-block; cursor: pointer;
    background: #222; padding: 7px 15px;}


.title{ margin:0px; margin-bottom:10px;color: #0f4b8e;font-weight: 700; text-transform:uppercase;}
.border{ display:inline-block; width:100px; height:4px; background:#172745}
.about-us h2{ font-size: 28px; margin: 13px 0px; background: #222; padding: 12px 15px; color: #fff; text-transform: uppercase; display: inline-block;}
.about-us span{ display: block; font-size: 24px; text-transform: capitalize; color: #222; font-weight: 600; margin-top: 10px}


.collection{ padding: 50px 0px;}
.full-border{ position: relative;}
.full-border span{font-size: 30px; text-align: center;text-transform: uppercase; display: table; margin: 0 auto; padding: 0px 30px; background: #fff; font-family: 'Libre Baskerville', serif; margin-bottom: 30px;}
.full-border::before{ content: ""; display: block; width: 100%; height: 1px; background: #222; top: 24px; position: absolute; left: 0px; z-index: -1;}
.full-border::after{ content: ""; display: block; width: 100%; height: 2px; background: #222; top: 20px; position: absolute; left: 0px; z-index: -1;}

.pro-box{ overflow: hidden; position: relative;  border: 1px solid #ddd;}
.img-hover { left: 0; top: 70%; z-index: 2; opacity: 0; width: 100%;  height: 100%; position: absolute;visibility: hidden;
    background: rgba(35, 35, 45, 0.85); transition: 0.3s;}
.img-hover .holder {  position: relative; width: 100%; height: 100%; display: table;}

.pro-box .icon {display: block; color: #fff; text-align: center; display:table-cell; vertical-align: middle;width: 100%;height: 100%;}
.pro-box:hover .img-hover { visibility: visible;opacity: 1; top: 0;}
.pro-box .icon img{  width: auto !important; margin: 0 auto;}

#collection .owl-prev { left: -2%; }
#collection .owl-next { right: -2%;}

#collection .owl-prev, #collection .owl-next { position: absolute; top: 50%; background: #222; border-radius: 50%; width: 40px; height: 40px; margin-top: -20px; font-size: 24px; line-height: 36px;}


.what_we_do{ background: url(../img/women.jpg) no-repeat; padding: 0; color: #ddd; position: relative;background-size: 42% 100%;}
.what_we_do::before { background: #222; right: 0px; position: absolute; width: 60%; content: ""; height: 100%; top: 0px;  }
.what_we_do .right-area{ float: right; padding: 40px 0px;}

.what_we_do h2{font-size: 30px; text-transform: uppercase; color: #ddd; margin: 0px 0px 30px;}
.icon-list{ list-style: none; padding: 0px;}
.icon-list li{ line-height: 26px; color: #ddd; font-size: 14px;    margin-bottom: 20px;}

.icon-list li .icon-left{ font-size: 30px; width: 80px; height: 80px; border-radius: 50%; border: 2px solid #ddd; display: block; text-align: center;line-height: 80px;float: left;}
.icon-text{ padding-left: 100px;}
.icon-text h5{ font-size: 18px; text-transform: uppercase; margin: 0px 0px 10px; color: #ddd; font-weight: 600;}
.icon-text p{ color: #ddd;    text-align: justify;}

.clients{ padding: 50px 0px;}
.clients .item { border: 1px solid #ddd;}

.testimonial{ background-image: url('../img/parallax.jpg'); background-attachment: fixed; background-size: cover; background-repeat: no-repeat; padding: 60px 0px; color: #222;}
.testimonial h2 { font-size: 30px; text-align: center; margin: 0px;}
.testimonial h2::after{ content: ""; width: 60px; height: 2px; display: block; margin: 20px auto; background: #222;}
.quote { text-align: center; padding: 25px 20px;border: 2px solid rgba(0,0,0,0.2);}
.quote p{ color: #222; font-size: 16px; line-height: 26px;    margin-bottom: 20px;}
.test-name { text-transform: uppercase;font-weight: bold;font-size: 16px;}
.quote .test-logo img{}
.quote .test-logo{ text-align: center; width: 100px; margin: 10px auto 0px;}
.page-title{ padding:50px 0px; background-size:cover; background-repeat:no-repeat; background-attachment:fixed; background-position: center  }
.page-title h1{ display: inline-block; margin: 0px; background: rgba(215, 118, 54, 0.8); text-transform:capitalize; font-size: 24px; color: #fff;  font-weight: 500;  padding: 12px 20px; outline: solid 2px #222; outline-offset: 5px;}

.inner-heading{ color: #d77636; margin: 0px; margin-bottom: 20px; font-weight:700}
.btn-form { display: inline-block;border-radius: 0px;  border: none; background: #d77636; color: #fff; padding: 10px 20px; transition: 0.3s;}
.contact-form input{display: block;
    width: 100%;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    line-height: 24px;
    padding: 8px 18px;
    font-size: 14px;
	height:40px;
	box-shadow:none;
    outline: none;}

.contact-form textarea{ width:100%; border-radius:0px; border: 1px solid #ccc; resize:none;}
	
.contact-list li { font-size: 16px; margin-bottom: 20px; display: block; width: 100%; float: left;}
.contact-list .contact-icon { display: table; width: 40px; height: 40px; float: left; text-align: center; font-size: 18px;
    margin-right: 15px; border: 2px solid #d77636;margin-bottom: 10px;}


.form-control:focus{ box-shadow: none; border-color: #d77636;}
.contact-list .contact-icon .fa{ vertical-align:middle; display:table-cell; color:#d77636}
.footer-widget{ padding: 50px 15px;    min-height: 410px;}
.footer-area{background:#222; color: #ddd; font-family: 'Libre Baskerville', serif; }
.footer-area h4 { color: #ddd; font-size: 24px; margin: 0px 0px 20px; }
.footer-area h4::after {background: url(../img/foot-after.png) no-repeat; content: ""; display: block; height: 10px; background-position: left center; margin-top: 15px;}
.foot-border{ border-left: 1px solid rgba(255,255,255,0.2);  border-right: 1px solid rgba(255,255,255,0.2)}


.main-content h3 {  margin: 0px; margin-bottom: 20px; font-size: 24px; color: #555;    line-height: 32px;}
.footer-area p{ color:#ddd; font-size:14px; line-height:24px; margin-bottom:15px;}
.foot-info span{  display:block; float: left; font-size: 18px;}


.foot-info li{ margin-bottom: 20px; color: #ddd;}
.foot-text { padding-left: 30px; font-size: 14px; line-height: 22px;}
.foot-info .foot-text span { font-size: 14px; line-height: 22px; display: inline; float: none; }

footer input[type="text"], footer input[type="email"], footer input[type="tel"] {
    border: 1px solid #555; border-radius: 0px; height: 34px; margin-bottom: 5px; color: #ddd; background: #333;}

footer textarea.form-control {background: #333; border: 1px solid #555; border-radius: 0px; margin-bottom: 15px;
    color: #ddd; resize:none;}
footer input[type="submit"] {
    background-color: #ddd;border-radius: 0px; color: #222; font-weight: bold;padding: 6px 15px 4px; border:1px solid #fff; font-size:14px; transition: 0.3s;}

footer input[type="submit"]:hover{ background: #d77636; color: #ddd;}

.copyright { background: #fff; padding: 38px 0px; }
.copyright p {margin: 0px;color: #222; font-size: 16px; font-weight: bold; text-align: center;}

.category-list{border: 1px solid rgba(0,0,0,0.1)}
.category-list li{ position: relative}
.category-list li a { font-size: 16px;padding: 14px 20px; display: block; text-transform: capitalize; border-bottom: 1px solid rgba(0,0,0,0.1); background: #f9f9f9; color: #555;font-weight: 600; transition: 0.3s; text-decoration: none;}

.category-list li a:hover, .category-list li a.active { background: #ddd;}
.category-list li:last-child a{ border: none;}

.category-list li a:after{ content: "\f105"; font-family: FontAwesome; right: 20px; position: absolute;}
.sidebar .category-title { background: #d77636;margin: 0px; color: #fff;padding: 13px 15px; font-size: 22px; text-align: center;}
.product-box img{     width: auto;
    max-height: 260px;
    margin: 0 auto;
    display: block;
    object-fit: cover; }
.product-box{ border: 1px solid #ddd; margin-bottom: 30px; transition: 0.3s;}
.product-box:hover{box-shadow: 0px 10px 25px rgba(0,0,0,0.15);    transform: scale(1.01);}
.product-box:hover .product-title{ background: #222; color: #fff;}

.product-box .product-title{display: block; background: #ddd; color: #555; text-align: center; padding: 10px 5px 8px;    font-size: 16px; text-decoration: none;  font-weight: 600;}

.product-detail img{ border: 1px solid #ddd;}

.get-quote h6{ font-size: 24px; text-transform: capitalize; font-weight: 600; margin: 0px 0px 20px }







@media only screen and (min-width:993px) and (max-width:1024px) {
    
    .about-us span{ font-size: 20px; margin: 0px;}
    .about-us h2{ font-size: 24px;margin: 8px 0px;padding: 8px 10px;}
}

@media (max-width: 992px) {

    .navbar-nav > li > a{ font-size: 16px; padding: 15px 10px;} 
    .navbar-right li a{ margin: 7px 0px; padding: 8px 10px;}
    .header-right li{ font-size: 15px;}
    .header-right li strong{ font-size: 16px;}
    .footer-area h4{ font-size: 18px;margin: 0px 0px 15px;}
    .footer-widget{padding: 30px 10px 20px;min-height: 370px}
    .foot-text, .footer-area p{ font-size: 12px;}
    .copyright p{ font-size: 14px;} 
    .copyright { padding: 20px 0px;}
    .what_we_do .right-area{padding: 30px 0px 10px;}
    .what_we_do h2{font-size: 24px;margin: 0px 0px 20px;}
    .icon-list li .icon-left{ width: 60px; height: 60px; line-height: 60px; font-size: 24px;}
    .icon-text{ padding-left: 70px;}
    .icon-text h5{ margin-bottom: 10px; font-size: 16px;}
    .icon-text p{ font-size: 13px; line-height: 22px;}
    .about-us img{  margin-bottom: 30px;}
    .sidebar .category-title{ font-size: 20px; padding: 10px}
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #myCarousel .carousel-control .fa{ line-height: 60px; font-size: 28px;}
    #myCarousel .carousel-control{ width: 40px; height: 60px;}
    #myCarousel .carousel-caption{ left: 13%;right: 47%;margin-top: -115px; padding: 10px;}
    #myCarousel .carousel-caption h5{ font-size: 20px;}
    #myCarousel .carousel-caption h2{ font-size: 28px; text-shadow: none;}
    #myCarousel a.slibe-btn{ margin: 0px; font-size: 12px;}
}

@media only screen and (min-width:768px) and (max-width:992px) {
	
	}


@media (max-width: 767px) {
    .navbar-collapse{ padding: 0px 15px}
    .about-us span{ margin: 0px;}
    .about-us h2{ font-size: 18px; padding: 10px 12px; margin: 10px 0px;}
    .full-border span{font-size: 18px;margin-bottom: 20px;font-weight: bold;padding: 0px 7px;}
    .full-border::before{ top: 15px;}
    .full-border::after{ top: 11px;}
    .what_we_do{ background-size: 100% 100%;}
    .what_we_do h2{ text-align: center; font-size: 20px;}
    .what_we_do::before{ width: 100%; z-index: 9; background: rgba(11, 16, 27,0.7)}
    .what_we_do .right-area { margin-left: 0px; position: relative; z-index: 10; padding: 30px 15px 10px;}
    .testimonial h2{ font-size: 24px;}
    .quote p{ font-size: 14px; line-height: 24px; margin-bottom: 10px;}
    .quote{ padding: 20px 10px;}
    .footer-widget{ min-height: auto;}
    .foot-border{border:none;border-top: 1px solid rgba(255,255,255,0.2);border-bottom: 1px solid rgba(255,255,255,0.2);}
    .top-logo{ text-align: center;}
    .header-right li{ float: left; margin:0px 25px 10px 0px; font-size: 14px }
    .header-right li strong { font-size: 14px;}
    .contact-list li{ font-size: 14px;}
    .top-right{ padding-top: 5px;}
    .contact-text{ padding-left: 55px;}
    #myCarousel .carousel-control.right{ right: 0px;}
    #myCarousel .carousel-control.left{ left: 0px;}
    #myCarousel .carousel-control{ width: 30px; height: 40px; margin-top: -20px !important;}
    #myCarousel .carousel-caption{ left: 15%; right: 15%; margin-top: -53px; padding: 5px;}
    #myCarousel .carousel-caption p{ display: none;}
    #myCarousel .carousel-caption h2{ font-size: 20px; text-shadow: none;}
    #myCarousel .carousel-caption h5{ font-size: 16px; margin: 0px 0px 5px;}
    #myCarousel a.slibe-btn{ padding: 5px 10px; font-size: 12px; margin: 0px;}
    #myCarousel .carousel-control .fa{ line-height: 40px; font-size: 18px;}
    .inner-heading{ font-size: 24px;}
    .img-full img{ margin-bottom: 30px;}
    .sidebar{ margin-bottom: 30px;}
    .page-title{ text-align: center;}
	}