/*
 Theme Name:   Jill
 Template:     twentyfifteen
Author: Usama Zafar
*/
 
/* =================================================================== */
/* ========== Default ========== */
/* =================================================================== */

@font-face {
  font-family: 'FineStyle';
  src: url('includes/fonts/FineStyle.eot?#iefix') format('embedded-opentype'),  url('includes/fonts/FineStyle.woff') format('woff'), url('includes/fonts/FineStyle.ttf')  format('truetype'), url('includes/fonts/FineStyle.svg#FineStyle') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'GloberSemiBoldFree';
  src: url('includes/fonts/GloberSemiBoldFree.eot?#iefix') format('embedded-opentype'),  url('includes/fonts/GloberSemiBoldFree.otf')  format('opentype'),
	     url('includes/fonts/GloberSemiBoldFree.woff') format('woff'), url('includes/fonts/GloberSemiBoldFree.ttf')  format('truetype'), url('includes/fonts/GloberSemiBoldFree.svg#GloberSemiBoldFree') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'MyriadPro-Bold';
  src: url('includes/fonts/MyriadPro-Bold.eot?#iefix') format('embedded-opentype'),  url('includes/fonts/MyriadPro-Bold.otf')  format('opentype'),
	     url('includes/fonts/MyriadPro-Bold.woff') format('woff'), url('includes/fonts/MyriadPro-Bold.ttf')  format('truetype'), url('includes/fonts/MyriadPro-Bold.svg#MyriadPro-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'MyriadPro-Regular';
  src: url('includes/fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),  url('includes/fonts/MyriadPro-Regular.otf')  format('opentype'),
	     url('includes/fonts/MyriadPro-Regular.woff') format('woff'), url('includes/fonts/MyriadPro-Regular.ttf')  format('truetype'), url('includes/fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}



body{
	font-family: 'Roboto', sans-serif;
  }
html, body {
	margin:0px;
	padding:0px!important;
	margin-top:-9px !important;
}
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input, hr ,figure,marquee,img { margin:0; padding:0;  }
fieldset {border:0}
a {text-decoration:none;}
a img{border:none;}
hr{}
p{font-family: 'Roboto', sans-serif; font-size:14px; font-weight:400; line-height:25px; padding-bottom:20px;}
p span{}
p a{}
h1,h3,h4,h6{font-family: 'FineStyle';}
h1{font-size:50px; color:#ba922f;  padding-bottom:20px;}
h1 span{font-size:30px; color:#000000; display:block;}
h2{font-family: 'MyriadPro-Bold'; font-size:22px; font-weight:bold; text-transform:uppercase; padding-bottom:15px;}
h2 span{}
h3{font-family: 'MyriadPro-Bold';}
h3 span{}
h4{font-size:30px; color:#ba922f;  padding-bottom:20px;}
h4 span{}
h5{color:#fff; font-size:24px; padding-bottom:20px; font-family: 'MyriadPro-Regular';}
h6{font-size:48px; color:#666666; padding-bottom:20px;}
h5 span {color:#c0902e}

li{ list-style:none;}
ul {margin-top:0px; margin-bottom:0px;}

.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

.alignleft{}

.alignright{}

.container {margin:0px auto; width:100%; max-width:1170px; box-sizing:border-box;}
.container:after {
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
.logo {float:left;}

.main-menu{float:right; font-family: 'Roboto', sans-serif; margin-top:30px;}

.main-menu li{float:left; margin-right:56px;}
.main-menu li a{font-size:14px; color:#fff; text-transform:uppercase; font-weight:400;}
.main-menu li a:hover {color:#ba922f;}
.main-menu li.current-menu-item a {color:#ba922f;}
.main-menu li:last-child {margin-right:0px;}
/* =================================================================== */
/* ========== Home PAGE CSS ========== */
/* =================================================================== */
#main-wrapper {width:auto; margin:0px auto;}
#main-header {width:auto; margin:0px auto;}
#main-header .header-top {width:auto; margin:0px auto; overflow: visible;  background:url(images/header-bg.png) bottom transparent repeat-x; padding:6px 0px; position:absolute; z-index:999; width:100%;padding-bottom: 30px; background-size: contain;}
.inner-header{border-bottom:1px solid #494743; padding-bottom:10px; overflow: hidden;}
.left-content {width:50%; float:left; padding-top:40px; padding-right:40px; box-sizing:border-box;}
.left-content p {padding-bottom:20px; line-height:25px;}
.right-content {width:50%; float:left;}
.right-content img {width:100%; height:auto;}
.product-cat {width:auto; margin:0x auto; background:#000; overflow:hidden; clear:both; padding-bottom:50px;}
.single-cat {width:25%; float:left; max-height: 220px;}
.single-cat h3 {position: absolute; width: 100%; top: 76%; background: rgba(0, 0, 0, 0.6); color: #fff; padding: 15px; text-align: center; text-transform:uppercase; font-size:18px;
}
.single-cat img {width:100%; height:auto;}

.home-content {overflow: hidden;
min-height: 33px;
max-height: 341px;}

.hvrbox:hover h3 {display:none;}

.inner-content {padding-top:50px; padding-bottom:30px; overflow:hidden;}
.service-top-content {text-align:center;}

/* 
 * 	Author: Piotr Elmanowski
 *  Company: Frontoes.com
 *  Distributed and described: css-workshop.com
 *	v1.0
 */

.hvrbox,
.hvrbox * {
	box-sizing: border-box;
}
.hvrbox a {background: transparent;
border: 1px solid #a1a1a1 !important;
color: #c0902e !important;
padding:10px;}
.hvrbox {
	position: relative;
	display: inline-block;
	overflow: hidden;
	max-width: 100%;
	height: auto;
}
.hvrbox img {
	max-width: 100%;
}
.hvrbox_background {
	width: 400px;
	height: 250px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.hvrbox .hvrbox-layer_bottom {
	display: block;
}
.hvrbox .hvrbox-layer_top {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
	padding: 15px;
	-moz-transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
}
.hvrbox:hover .hvrbox-layer_top,
.hvrbox.active .hvrbox-layer_top {
	opacity: 1;
}
.hvrbox .hvrbox-text {
	text-align: center;
	font-size: 18px;
	display: inline-block;
	position: absolute;
	top: 40%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width:100%;
	padding:10px;
}
.hvrbox .hvrbox-text_mobile {
	font-size: 15px;
	border-top: 1px solid rgb(179, 179, 179); /* for old browsers */
	border-top: 1px solid rgba(179, 179, 179, 0.7);
	margin-top: 5px;
	padding-top: 2px;
	display: none;
}
.hvrbox.active .hvrbox-text_mobile {
	display: block;
}
.hvrbox .hvrbox-layer_image {
	padding: 0;
	background: none;
}
.hvrbox .hvrbox-layer_slideup {
	-moz-transform: translateY(100%);
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
}
.hvrbox:hover .hvrbox-layer_slideup,
.hvrbox.active .hvrbox-layer_slideup {
	-moz-transform: translateY(0);
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}
.hvrbox .hvrbox-layer_slidedown {
	-moz-transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
}
.hvrbox:hover .hvrbox-layer_slidedown,
.hvrbox.active .hvrbox-layer_slidedown {
	-moz-transform: translateY(0);
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}
.hvrbox .hvrbox-layer_slideleft {
	-moz-transform: translateX(100%);
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
}
.hvrbox:hover .hvrbox-layer_slideleft,
.hvrbox.active .hvrbox-layer_slideleft {
	-moz-transform: translateX(0);
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}
.hvrbox .hvrbox-layer_slideright {
	-moz-transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
}
.hvrbox:hover .hvrbox-layer_slideright,
.hvrbox.active .hvrbox-layer_slideright {
	-moz-transform: translateX(0);
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}
.hvrbox .hvrbox-layer_scale {
	border-radius: 50%;
	-moz-transform: scale(0);
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
}
.hvrbox:hover .hvrbox-layer_scale,
.hvrbox.active .hvrbox-layer_scale {
	border-radius: 0%;
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
.hvrbox .hvrbox-layer_rotate {
	border-radius: 50%;
	-moz-transform: rotateZ(0);
	-webkit-transform: rotateZ(0);
	-ms-transform: rotateZ(0);
	transform: rotateZ(0);
}
.hvrbox:hover .hvrbox-layer_rotate,
.hvrbox.active .hvrbox-layer_rotate {
	border-radius: 0%;
	-moz-transform: rotateZ(360deg);
	-webkit-transform: rotateZ(360deg);
	-ms-transform: rotateZ(360deg);
	transform: rotateZ(360deg);
}
.hvrbox .hvrbox-layer_scale-rotate {
	border-radius: 50%;
	-moz-transform: scale(0) rotateZ(0);
	-webkit-transform: scale(0) rotateZ(0);
	-ms-transform: scale(0) rotateZ(0);
	transform: scale(0) rotateZ(0);
}
.hvrbox:hover .hvrbox-layer_scale-rotate,
.hvrbox.active .hvrbox-layer_scale-rotate {
	border-radius: 0%;
	-moz-transform: scale(1) rotateZ(360deg);
	-webkit-transform: scale(1) rotateZ(360deg);
	-ms-transform: scale(1) rotateZ(360deg);
	transform: scale(1) rotateZ(360deg);
}

.product-list {width:auto; margin:0px auto; padding-top:50px; text-align:center;}
h2.woocommerce-loop-product__title {color:#000;}


.product-list .button {background:#fff !important; border: 1px solid #a1a1a1 !important; color:#c0902e !important;}
/* =================================================================== */
/* ========== INNER PAGES CSS ========== */
/* =================================================================== */
.service-content {width:33.33333%; float:left; padding:10px; box-sizing:border-box;}
.service-content h4 a{color:#ba922f;}

.contact-content {width:auto; margin:0px auto; padding:30px 0px;}
.contact-content .contact-form {width:50%; float:left; padding-right:75px; box-sizing:border-box;}
.contact-content .contact-map {width:50%; float:left;}
.contact-content .contact-map a {font-size:16px; color:#000000; margin-top:20px; font-weight:500; text-align:center; display:block;}
.contact-content .contact-map iframe {width:100%;}
.contact-content .contact-form input[type=text] {width:100%; box-sizing:border-box; padding:10px; background:#fafafa; border:1px solid #d5d5d5;}
.contact-content .contact-form input[type=email] {width:98%; box-sizing:border-box; padding:10px; background:#fafafa; border:1px solid #d5d5d5;}
.contact-content .contact-form textarea {width:98%; box-sizing:border-box; padding:10px; background:#fafafa; line-height:8px; border:1px solid #d5d5d5;}
.contact-content .contact-form label {font-size:18px; color:#616161; margin-bottom:10px;}
.contact-content .contact-form .wpcf7-submit {padding:10px 20px; border:none; background:#c0902e; text-transform:uppercase; color:#fff; font-weight: 500}
label.name {width:50%; float:left; padding-right: 10px; box-sizing: border-box;}

.iframe-content {width:70%; float:left; padding-right:20px; box-sizing:border-box;}
.right-form {width:30%; float:left;}
.right-form  input[type=text] {width:100%; box-sizing:border-box; padding:10px; background:#fafafa; border:1px solid #d5d5d5;}
.right-form  input[type=email] {width:98%; box-sizing:border-box; padding:10px; background:#fafafa; border:1px solid #d5d5d5;}
.right-form  label {font-size:18px; color:#616161; margin-bottom:10px;}
.right-form  .wpcf7-submit {padding:10px 20px; border:none; background:#c0902e; text-transform:uppercase; color:#fff; font-weight: 500}
.no-banner {min-height:100px;}
/* =================================================================== */
/* ========== FOOTER CSS ========== */
/* =================================================================== */
#main-footer {width:auto; margin:0px auto; padding-top:50px; background:url(images/footer-bg.jpg) no-repeat; background-size:cover; clear:both; overflow:auto; padding-bottom:30px;}
#main-footer p {font-family: 'GloberSemiBoldFree'; font-size:14px; color:#fff; line-height:15px;}
.footer-top {width:auto; margin:0px auto; padding-bottom:50px; overflow:hidden;}
.footer-content {width:40%; float:left;}
.footer-content p {font-size:14px; color:#fff; padding-top:20px; padding-bottom:0px;}
.footer-content img {vertical-align:middle; margin-right:15px;}
.footer-nav li:before { content: "-"; padding-right:7px; color:#008c9a;}
.footer-nav li {padding-bottom:15px;}
.footer-nav li a {font-size:14px; color:#fff;font-family: 'GloberSemiBoldFree';}
.footer-form {width:40%; float:left;}
.footer-form input[type=text] {width:100%; padding:10px; box-sizing:border-box; font-size:15px; font-style:italic; font-family: 'Roboto', sans-serif; margin-bottom:15px;}
.footer-form input[type=email] {width:100%; padding:10px; box-sizing:border-box;font-size:15px; font-style:italic; font-family: 'Roboto', sans-serif; margin-bottom:15px;}
.footer-form textarea {width:100%; padding:10px; box-sizing:border-box; line-height:5px; font-size:15px; font-style:italic; font-family: 'Roboto', sans-serif; margin-bottom:15px;}
.footer-form .wpcf7-submit {padding:10px 20px; border:none; background:#c0902e; text-transform:uppercase; color:#fff; font-weight: 500}
.footer-nav {width:20%; float:left;}
.footer-bottom {background:#000; padding:10px 0px; overflow:hidden; clear:both;}
.footer-bottom p a {color:#c0902e;}
.footer-bottom p {padding-top:12px;}
.footer-bottom .footer-bottom-info{width:33.33333%; float:left;}
.left-info {text-align:left;}
.right-info {text-align:right;}
.smw_left {text-align:center;}
/* =================================================================== */
/* ========== Responsive ========== */
/* =================================================================== */

@media screen and (max-width : 1200px) {
/* CSS FOR TABLETS ------------*/

}

@media screen and (max-width : 1024px) {
/* CSS FOR Mointer ------------*/
.container{padding:0px 10px;}
.home-content {max-height:none;}
.single-cat {max-height:190px;}
.wp-image-74 {width:100%; height:auto;}
}
@media screen and (max-width : 990px) {
/* CSS FOR TABLETS ------------*/
.single-cat {max-height:184px;}
}
@media screen and (max-width : 960px) {		
/* CSS FOR TABLETS ------------*/
.single-cat {max-height:176px;}
}



@media screen and (max-width : 768px) {
/* CSS FOR SMALL TABLETS ------------*/ 
.left-content {width:100%; float:none; padding-right:0px;}
.right-content {width:100%; float:none;}
.single-cat {width:50%;}
.service-content img {width:100%; height:auto;}
.footer-nav {display:none;}
.footer-content {width:50%;}
.footer-form {width:50%;}
.single-cat {max-height:281px;}
.single-cat h3 {top:82%;}
.main-menu {display:none;}
}
@media screen and (max-width : 640px) {
/* CSS FOR IPHONE ------------*/
.single-cat {max-height:233px;}
h4 {font-size:22px;}
}




@media screen and (max-width : 480px) {
/* CSS FOR MOBILES ------------*/
.single-cat {max-height:172px;}
.single-cat h3 {top:70%;}
.footer-content {width:100%; float:none;} 
.footer-form {width:100%; float:none;} 
}
@media screen and (max-width : 360px) {
/* CSS FOR MOBILES ------------*/
.single-cat {width:100%; float:none;}
}

@media screen and (max-width : 320px) {
/* CSS FOR SMALL OLD MOBILES ------------*/

 

}