/*
Theme Name: zandb
Theme URI: http://www.zandb.in/
Description: Zinc & Broccoli is a Bangalore-based design studio.
Author: Team Centum Technologies Private Limited
Author URI: http://www.centumtech.com/
Version: 1.0
*/

/*** Reset Browser Settings ***/
a{ outline: none !important;}
*{
	margin: 0; 
	padding: 0; 
	font-weight: inherit; 
	font-style: inherit; 
	font-size: 100%; 
	font-family: inherit; 
	vertical-align: baseline; 
}
a,
a img,
img{
	border: 0; 
	outline: 0; 
}
caption, th, td { 
	text-align: left; 
	font-weight: normal; 
}
blockquote:before, 
blockquote:after,
q:before, 
q:after { 
	content: ""; 
}
blockquote, 
q { 
	quotes: "" ""; 
}


/*** Main Body ***/
body {
	font-size: 14px; 
	font-family: 'Open Sans', sans-serif;
	line-height: 1.5em; 
	color:#333333;


}


/*** Clearfix **/
.clear{ 
	clear: both; 
}


/*** Links ***/
a { 
	text-decoration: none; 
	color:#333333;
}
a:hover { 
	text-decoration:none;
	color:#990000;
}


/*** Styles ***/
p { 
	margin: 0 0 1em;
	text-align:justify;
}
textarea,input { 
	font-size: 13px; 
	
	font-family: arial, sans-serif;
}
strong {
	font-weight: bold;
	color: #000;
}
em {
	font-style: italic;
}

small{
	font-size: 12px;
	color: #666;
}


/*** Headings ***/
h1,h2,h3,h4,h5,h6 {
	line-height: 140%;
	color:#990000;
	font-weight: normal;
}
h1 {
	font-size: 2em;
}
h3 {
	font-size: 1.3em;
}
h4 {
	font-size: 1em;
}
.postcontent h2{
	font-size: 1.5em;
	margin-top: 30px;
	margin-bottom: 10px;
}
h1{
	font-family: 'Playfair Display', serif !important;
	margin-bottom: 20px !important; font-size:25px !important; margin-top:0 !important;
	
	line-height: 1;
}
h1.single-title{
	margin-bottom: 0 !important;
}
.postcontent h3 {
	font-size: 1.3em;
	font-weight: normal;
	margin: 2em 0em 0.63em 0em;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#respond h3 {
	font-size: 1.43em;
	padding: 10px 0;
}
h2.posttitlehome{
	font-size: 1.57em;
	margin-bottom: 10px;
}
h1.category-title{
	font-size: 1em;
	font-style: italic;
	margin-bottom: 20px;
	border-bottom: 1px dotted #CCC;
}


/*** Main Layout ***/
#wrap{
	width:100%;
	padding:15px 30px 30px 15px;
	margin: 0; float:left;
	
}
#main{
	float: left;
	width: 630px;
	padding: 20px 0;
	font-size: 0.93em;
}
.full-width{
	width: 960px !important;
}

/*** Header ***/
#header {
	width: 100%;
	height: auto; padding:0 0 5px 0; float:left; margin:0;
	
}
#header-logo{
	position: absolute;
	left: 0;
	bottom: 10px;
}
a#logo {
	height: 80px;
	font-size: 2.14em;
	color: #545454;
	font-weight: normal;
}
#logo:hover {
	text-decoration: none;
}
#phone{
	color: #666;
	font-size: 18px;
	text-transform: uppercase;
	float:right;
	background:url(images/contact.png) no-repeat bottom left;
	position:relative;
	padding: 30px 0px 0px 24px;
	
}
#sfcg{
	font-size: 18px;
	text-transform: uppercase;
	float:right;
	padding-left:24px;
	
}

/*** Primary Nav ***/
#primary-nav{
	height: auto;
	font-size: 12px;
	font-weight:bold;
	padding:0;

}
#primary-nav ul{
	list-style: none; width:100%; float:left;
	
}
#primary-nav li {
	float: left;
}
#primary-nav a{
	display: block;font-family: 'Playfair Display', serif; font-size:18px; font-weight:400;
	
	color:#333;
	padding: 0px 20px;
	border-right:#FFFFFF medium;
}
#primary-nav a:hover{
	color: #B93B28; text-decoration:none;
	}
#primary-nav li ul {
	z-index: 9999;
	position: absolute;
	left: -999em;
	width: 260px;
	height: auto;
	margin:0;
	background: #ECECEC;

}
#primary-nav li ul a {
	display: block;
	line-height: 30px;
	height: 30px;
	
	font-size: 12px;
	font-weight: normal;
}
#primary-nav li ul li {
	float: none;
	border: none;
}
#primary-nav li ul ul {
	margin: 0px 0 0 180px;
	width: 180px;
}
#primary-nav li:hover ul ul,
#primary-nav li:hover ul ul ul, 
#primary-nav li.sfhover1 ul ul,
#primary-nav li.sfhover1 ul ul ul {
	left: -999em;
}
#primary-nav li:hover ul,
#primary-nav li li:hover ul, 
#primary-nav li li li:hover ul,
#primary-nav li.sfhover ul, 
#primary-nav li li.sfhover1 ul,
#primary-nav li li li.sfhover1 ul {
	left: auto;
}
#primary-nav li:hover,
#primary-nav li.sfhover1 { 
	position: static;
}


/*** Search ***/
#searchform{
	position: absolute;
	right: 0;
	top: 35px;
	font-size: 0.79em;
}
input#search{ 
	width: 150px; 
	padding: 5px; 
	border: 1px solid #DDDDDD; 
	color: #AAAAAA; 
	font-size: 0.79em;
}
#searchsubmit{ 
	background: #F4F4F4;
	color: #666;
	font-weight: bold;
	text-shadow: 0px 1px #FFF;
	padding: 4px;
	cursor: pointer;
	border: 1px solid #DDDDDD;
	font-size: 0.79em;
}
#searchsubmit:hover{ 
	color: #4376AD;
}


/***HomePage Business***/
#business-about h1,
#business-top-right h2
{
	margin-bottom: 10px;
	border: none;
	color:#CC0000;
}
#business-about{
	float: left;
	width: 630px;
}
#business-top-right{
	float: right;
	width: 300px;
	/*border: 1px solid #E2E2E2;*/
	padding: 10px 0 10px 0 ;
}
#business-top-right ul{
	list-style: none;
}

#business-bottom h2{
	font-weight: 100;
	border-bottom: 1px dotted #CCC;
	margin-bottom: 10px;
}
#business-bottom{
	clear: both;
	width: 960px;
	margin-top: 20px;
	float: left;
}
.business-section-left{
	width: 300px;
	float: left;
	margin-right: 30px;
}
.business-section-middle{
	width: 300px;
	float: left;
	margin-right: 30px;
}
.business-section-right{
	width: 300px;
	float: left;
}
.home-widget ul{
	list-style: none;
}
.home-widget ul li a{	
	list-style: none;
	padding:4px 0;
	border-bottom:#CCCCCC dotted 1px;
	display:block;
}
.home-widget ul li a:hover{
	color:#990000;
	background:#ececec;
	}
/*** Post  ***/
.post{
	float: left;
	width: 100%; max-width:1000px;
	margin-bottom: 10px;    padding-top: 50px;
}
.postimg img{
	float: left;
	margin: 0 20px 10px 0 !important;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	 border-radius: 5px;
	-moz-box-shadow: 0px 1px 2px #ababab;
	-khtml-box-shadow: 0px 1px 2px #ababab;
	-webkit-box-shadow: 0px 1px 2px #ababab;
	box-shadow: 0px 1px 2px #ababab;
}
.postcontent a img{
	border: 5px solid #ECECEC;
	margin: 10px;
}
.postcontent a:hover img{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	-moz-box-shadow: 0px 5px 5px #ababab;
	-khtml-box-shadow: 0px 5px 5px #ababab;
	-webkit-box-shadow: 0px 5px 5px #ababab;
	box-shadow: 0px 5px 5px #ababab;
}
img.single{
	float: left;
	border: 5px solid #ECECEC;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	 border-radius: 5px;
	-moz-box-shadow: 0px 1px 2px #ababab;
	-khtml-box-shadow: 0px 1px 2px #ababab;
	-webkit-box-shadow: 0px 1px 2px #ababab;
	box-shadow: 0px 1px 2px #ababab;
	margin-right: 20px;
	margin-bottom: 20px;
}
.noborder{
	border-bottom: none;
}


/*** Post Content ***/
.postcontentt h1 {
	font-size: 2em;
	font-weight: bold;
	color:#990000;
}
.postcontent {
	/*color: #707070;*/
	color:#333;
	margin-bottom: 20px;
}
h2.entry-title{
	margin-top: 0 !important;
}
h2.entry-title a{
	color: #726763;
	font-weight: 100;
}
h2.entry-title a:hover{
	text-decoration: none;
	color: #4F4F4F;
}
.postcontent ul {
	margin: 10px 40px;
}
.postcontent ol {
	margin: 10px 40px;
}
.postcontent .alignleft {
	float: left;
	margin: 0 10px 10px 0;
}
.postcontent .alignright {
	float: right;
	margin: 0 0 10px 10px;
}
.postcontent .aligncenter,
.postcontent .center {
	text-align: center;
	margin: 0 auto;
	display: block;
}
.postcontent blockquote {
	padding: 0 15px 0 10px;
	font-style: italic;
	margin: 20px 0;
	margin-left: 20px;
}
a.read-more{
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 0.93em;
	color: #09F;
}


/*** Byline ***/
#byline {
	font-size: 11px;
	margin-bottom: 20px;
	letter-spacing: 1px;
	color: #999;
}
#byline a{
	color: #09F;
	text-decoration: none;
}
#byline a:hover{
	text-decoration: underline;
}
	
	
/***Portfolio Page ***/
.portfolio-item{
	width: 205px;
	margin-right: 20px;
	margin-bottom: 20px;
	float: left;
}
.portfolio-item h2{
	text-align: center;
	font-size: 1.14em;
}
.portfolio-item h2 a{
	color: #666;
}
.portfolio-item a img{
	border: 3px solid #ECECEC;
	margin-bottom: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	 border-radius: 5px;
	-moz-box-shadow: 0px 1px 2px #ababab;
	-khtml-box-shadow: 0px 1px 2px #ababab;
	-webkit-box-shadow: 0px 1px 2px #ababab;
	box-shadow: 0px 1px 2px #ababab;
}
.portfolio-item a:hover img{
	-moz-box-shadow: 0px 5px 5px #ababab;
	-khtml-box-shadow: 0px 5px 5px #ababab;
	-webkit-box-shadow: 0px 5px 5px #ababab;
	box-shadow: 0px 5px 5px #ababab;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

/*** Comments ***/
#comment-wrap{
	border-top: 1px solid #CCC;
	clear: both;
}
h3#comments{
	margin: 30px 0;
	clear: both;
}
.comment-author{
	color: #000;
	font-size: 0.93em;
}
.commentlist li {
	margin-bottom: 20px;
}
ul.children li{
	margin-left: 30px;
	padding: 0;
	border: none;
	margin-bottom: 0;
}
ul.children li li{
	margin-left: 30px;
}
.comment-wrap{
	margin-left: 70px;
	position: relative;
	font-size: 0.93em;
	color: #666;
	margin-bottom: 20px;
	border-bottom: 1px dotted #CCC;
}
.comment-wrap p{
	margin: 0;
	padding: 0;
}
ol.commentlist {
	list-style: none;
}
img.avatar {
	float: left;
	padding: 2px;
	border: 1px solid #CCC;
	background: #EBEBEB;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
#commentform textarea,
#commentform input {
	border: 1px solid #898989;
	padding: 4px;
}
#commentform label {
	text-transform: uppercase;
	font-weight: bold;
	font-size: .857em;
	color: #898989;
	padding: 0 0 0 5px;
}
#commentform label span {
	font-weight: normal;
	font-style: italic;
	font-size: .8em;
}
#commentform textarea {
	width: 572px;
}
a.comment-reply-link{
	color: #2173af;
	text-decoration: none;
	font-size: 0.79em;
}
a.comment-reply-link:hover{
	color: #349ce6;
}
input#submit {
	background: #F4F4F4;
	padding: 5px;
	border: 1px solid #CCC;
	color: #333;
	cursor: pointer;
}
input#author{
	border: 1px solid #cdcdcd;
}
input#email{
	border: 1px solid #cdcdcd;
}
input#url{
	border: 1px solid #cdcdcd;
}
textarea#comment{
	border: 1px solid #cdcdcd;
}
ol.commentlist li#blank {
	visibility: hidden;
	}
#cancel-comment-reply-link {
	margin-left: 20px;
	color: #C50A17;
	font-weight: bold;
}


/*** Pagination & Page Navi ***/
.wp-pagenavi{
	padding-bottom: 20px;
	font-size: 0.86em !important;
}
.wp-pagenavi a{
	margin-right: 10px;
	padding: 5px;
	color: #666 !important;
	border: 1px solid #C7C7C7;
	background: #F4F4F4;
}
.wp-pagenavi a:hover,
span.current{
	background: #C9C9C9;
	text-decoration: none;
	text-shadow: 1px 1px 1px #FFF;
	border: 1px solid #999 !important;
}
	

/*** Footer ***/
#footer{font-family: 'Playfair Display', serif;
	
	 font-size:13px; color:#ccc; padding:10px 0px 10px 15px;
	 width:100%; float:left; text-align:center;
}
#footer a{
	color: #666;
	font-size: 0.86em;
}
#footer ul{
	list-style: none;
}
#footer-social{
	float: left;
}
#footer-social li{
	float: left;
	margin-right: 10px;
}
#footer-links{
	float: right;
}
#footer-links li{
	float: left;
	border-right: 1px solid #CCC;
	padding: 0 10px;
}
#footer-links li a:hover{
	color:#990000;

}

/*** Copyright ***/
#copyright{
	color: #a7a7a7;
	font-size: .85em;
	border-top: 1px dotted #CCC;
	padding: 10px 0;
}
#copyright a{
	color: #a7a7a7 !important;
}
#copyright-left{
	float: left;
}
#copyright-right{
	float: right;
	font-size: 0.79em;
}

/*** Sidebar ***/
#sidebar {
	float: right;
	width: 280px;
	padding: 20px 10px;
	font-size: 0.93em;
}
#sidebar ul{
	background: #FFF;
	list-style: none;
	margin: 0; 
}
.box ul li a{
	padding: 4px 0;
	border-bottom:1px #CCCCCC dotted;
	display:block;
}
.box ul li a:hover{
	color:#990000;
	background:#ececec;
	}
.box{
	margin-bottom: 20px;
}
.box ul li ul li, .box ul li ul{
	
	}
.box ul li ul li a{
	font-size:11px;}
.box ul li ul li a:hover{
	background:#999999;
	} 		


.box ul{
	padding: 10px 0;
}
.textwidget{
	padding: 10px 0;
}
#sidebar h4, 
#business-news h2,
.home-widget h2
{
	font-size: 1.43em;
	font-weight: normal;
	border-bottom: 1px dotted #CCC;
	
}

/*** WordPress Styles ***/
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
.input2 {
	background: #F4F4F4;
	padding: 5px;
	border: 1px solid #CCC;
	color: #333;
	width:450px;
	}
.btn_submit{
	width:auto; height:auto; background:#F4F4F4; color:#333333;
	 padding:5px 10px; outline:none; border:1px solid #999999; font-size:14px;}	
	 
	 .full{ width:100%; height:auto; float:left; margin:0;}
	 .fullin{ width:100%; height:auto; float:left; margin:0; padding:0 0 0 15px;}
	 .hbox{ padding:15px !important;}
	 .hbox img{ width:100%; height:auto;}
	 
	 
	 
	 .prin1{ width:100%; height:auto; float:left; margin:0; padding:0; position:relative;}
.prin2{ width:100%; height:100%; float:left; margin:0; padding:0; position: absolute; top:0;
-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.prin2 h2{ width:100%; height:auto; float:left;font-family: 'Roboto', sans-serif;font-size:12px ; color:#333333; font-weight:400; margin:20px 0 0 0; padding:0 0 0 10px;text-align: left; position:absolute; display:none; bottom:18px;
	 -webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	 }
.prin2 h2 a{ color:#333; text-decoration:none;}
.prin2 h3{ width:100%; height:auto;font-family: 'Roboto', sans-serif;font-size:10px ; color:#333333; font-weight:400; margin:0; padding:10px 0 0 10px;text-align: left;display:none; position:absolute; bottom:10px;}
.prin2 h4{ width:100%; height:auto; font-family: 'Playfair Display', serif; font-size:10px ; color:#333333; font-weight:400; margin:0; padding:10px 0 0 10px;text-align: left;display:none; position:absolute; bottom:10px;}

.prin2:hover{ background:rgba(255, 255, 255, 0.7);}
.prin2:hover h2{ color:#333; display:block;}
.prin2:hover h2 a{ color:#333;}
.prin2:hover h3{ color:#333;display:block;}
.prin2:hover h4{ color:#333;display:block;}

.more_n_out{margin: 0; width:100%; padding:25px; display: none; text-align:center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);}
	
.more_n{ width:auto; height:auto; margin:0 auto; padding:5px 15px; display:table; border:1px solid #fff;}
.more_n a{font-family: 'Montserrat', sans-serif; font-weight:400; font-size:15px; color:#fff;}
.more_n a:hover{ color:#fff; text-decoration:none;}
.more_n a:focus{ color:#fff; text-decoration:none;}
	
.prin2:hover .more_n_out{margin: 0; width:100%; padding:25px; display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);}
	
	
	.in_btm{ width:100%; height:auto; float:left; margin:0; padding:0 15px;}
	
	.in_btm h2{ width:100%; height:auto; float:left;font-family: 'Roboto', sans-serif;font-size:14px ; color:#333333; font-weight:400; margin:0; padding:5px 0 0 0;}
	.in_btm h2 a{ color:#333; text-decoration:none;}
	.in_btm h3{ width: auto; height:auto; float:left;font-family: 'Roboto', sans-serif;font-size:12px ; color:#333333; font-weight:400;margin:0; padding:5px 0 10px 0; border-bottom:1px solid #ccc;}
	.in_btm h3 a{ color:#333333; text-decoration:none;}
	.in_btm h3 a:hover{ color:#333333; text-decoration:none;}
	.in_btm h3 a:hover{ color:#333333; text-decoration:none;}
	.in_btm h4{ width:100%; height:auto; float:left;font-family: 'Playfair Display', serif;font-size:16px ; color:#333333; font-weight:400;margin:0; padding:10px 0 20px 0;}
	
	.pr_top{ width:100%; height:auto; float:left; margin:0; padding:20px 0 10px 10px;}
	.pr_topin{ width:100%; height:auto; float:left; margin:0; padding:15px 0 0 0; border-top:1px solid #8a8879;}
	.pro_nav{padding:0 5px 0 5px !important;}
	.pro_nav img{ width:100%; height:auto; }
	
	.prin2 h3 span:last-child{ display:none;}
	.in_btm h3 span:last-child{ display:none;}
	.prin2 h4 span:last-child{ display:none;}
	.in_btm h4 span:last-child{ display:none;}
	
	.logo{width: 110px !important;
padding-right: 0 !important; }
	/*.logo img{ width:100%; height:auto; }*/
	.hleft { padding:0 !important;}
	
	.hrightout{ position: fixed !important; top:70px; right:0;}
	.hrightout h3{width:100%; height:auto; font-family: 'Roboto', sans-serif !important; font-size:18px ; color:#333333; font-weight:400; margin:0; padding:0 0 15px 0;}
	.hright_in{ position:absolute; top:15px; right:30px;}
	
	.hrightinout{ position: fixed !important; top:65px; right:0;}
	.hrightin{ padding:0;position:absolute; top:0; right:30px;}
	.hrightin h3{width:100%; height:auto; font-family: 'Playfair Display', serif; font-size:12px ; color:#333333; font-weight:400; margin:0; padding:15px 0;}
	
	.si_fea{ width:100%; height:auto; float:left; margin:0; padding:0; display:none;}
	.si_fea img{ width:100%; height:auto;}
	
	.si_yvid{ width:100%; height:auto; float:left; margin:0; padding:0;}
	.si_logo{ width:100%; height:auto; float:left; margin:0; padding:20px 0 0 0;}
	.pr_sl{ width:100%; height:auto; float:left; margin:0; padding:0;}
	
	.hr_logo_in{ width:100%; height:auto; float:left; margin:0; padding:0; display:none;}
	.hr_logo{ width:auto; height:auto; float:left; margin:0 15px 0 0; padding:0;}
	.hr_logotxt{ width:100%; height:auto; float:left; margin:0; padding:10px 0;font-family: 'Playfair Display', serif; font-size:12px ; color:#333333;}
	
/* ---------------- For sticky header: class="float-panel"  ------------------*/
.float-panel {
    width:100%;background:white;z-index:300;padding:0;transform: translateZ(0); 
    transition:all 0.5s; /* Effect for switching from .fixed to static */ position:relative;
}

.fixed {padding:20px 0px 16px 0;animation:slide-down 0.7s;


}
.fixed .fa-gg {transform: rotate(360deg); }
@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    } 
    100% {
        opacity: 0.9;
        transform: translateY(0);
    } 
}

#header-logo img {transition:all 0.5s; width:100%;}

.fixed #header .logo img {
    
}

.fixed .menu_r_in{ margin:4px 0 0 0;}

/* ---------------- Contact ------------------*/

.wpcf7-text{ width:100%; height:40px;  background:#fff; border:1px solid #ccc;
 
  font-family: 'Roboto', sans-serif;  font-size:13px; font-weight:400; color:#333; text-indent:15px;
} 

 .wpcf7-textarea{
	width:100%; height:100px;border:1px solid #ccc; background:#fff;
 
  font-family: 'Roboto', sans-serif;  font-size:13px; font-weight:400; color:#333; text-indent:15px;
	}
	
 .wpcf7-submit{ width:100%;

  background:#f9c20d; border:none; font-family: 'Roboto', sans-serif;  font-size:15px; font-weight:400; color:#fff; text-transform:uppercase;
  height:40px;

}

 .wpcf7 label{ width:100%;}
 
.wpcf7-not-valid {
    border: 1px solid #F00 !important;
}

span.wpcf7-not-valid-tip{ display:none !important;}

div.wpcf7-response-output{ margin:0 !important;}
div.wpcf7-validation-errors{ border:2px solid #F00 !important; font-size:12px !important;}

.cliout{ width:100%; height:auto; float:left; margin:0; padding:0;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
}

.clbox{ padding:0 !important;}
.clbox_in{  margin:0; padding:0px !important;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc; width:100%;
}


.clbox_out{ width:99%; height:99%; float:left; margin:0; padding:0; position: absolute; top:0;
-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.clbox_out h2{ width:100%; height:auto; float:left;font-family: 'Playfair Display', serif;font-size:12px ; color:#333333; font-weight:400; margin:20px 0 0 0; padding:0 0 0 10px;text-align: left; position:absolute; display:none; bottom:24px;
	 -webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	 }
.clbox_out h2 a{ color:#333; text-decoration:none;}
.clbox_out h3{ width:100%; height:auto; font-family: 'Playfair Display', serif; font-size:10px ; color:#333333; font-weight:400; margin:0; padding:10px 0 0 10px;text-align: left;display:none; position:absolute; bottom:10px;}
.clbox_out h4{ width:100%; height:auto; font-family: 'Playfair Display', serif; font-size:10px ; color:#333333; font-weight:400; margin:0; padding:10px 0 0 10px;text-align: left;display:none; position:absolute; bottom:10px;}

.clbox_out:hover{ background:rgba(255, 255, 255, 0.7);}
.clbox_out:hover h2{ color:#333; display:block;}
.clbox_out:hover h2 a{ color:#333;}
.clbox_out:hover h3{ color:#333;display:block;}
.clbox_out:hover h4{ color:#333;display:block;}
.clibtm_txt{ width:100%; height:auto; float:left; margin:0; padding:0;font-family: 'Playfair Display', serif; font-size:12px ; color:#333; font-weight:400; padding:0 0 0 15px;}


/*----menu---*/
.ubmenu{ padding-top:27px;padding-left: 0 !important; padding-right: 0 !important;}
.ubermenu-target.ubermenu-item-layout-default.ubermenu-item-layout-text_only{font-family: 'Roboto', sans-serif !important; font-size:16px !important; color:#555555 !important; padding:0px 20px !important; line-height:10px;}
.ubermenu-skin-white .ubermenu-submenu .ubermenu-item-header > .ubermenu-target{ font-size:12px !important;}
.ubermenu-sub-indicators .ubermenu-has-submenu-drop > .ubermenu-target::after{ right:5px !important;}
.ubermenu-transition-shift .ubermenu-item .ubermenu-submenu-drop{ padding-top:5px !important;}
.ubermenu-skin-white.ubermenu-responsive-toggle{ background:#8e8c7c !important; color:#fff !important;}
.ubermenu-skin-white.ubermenu-responsive-toggle:hover{ background:#bb412f !important;color:#fff !important;}
.ubermenu-responsive-default.ubermenu-responsive .ubermenu-nav .ubermenu-item .ubermenu-submenu.ubermenu-submenu-drop{ z-index:1000 !important;}
.ubermenu.ubermenu-transition-slide .ubermenu-active > .ubermenu-submenu.ubermenu-submenu-type-mega, .ubermenu:not(.ubermenu-transition-slide) .ubermenu-submenu.ubermenu-submenu-type-mega{ min-height:0px !important; display:table !important;}
.menu_cu{ width:100%; float:left; margin:0; padding:0;}
.ubermenu-skin-white{ border:none !important;}
.ubermenu .ubermenu-item .ubermenu-submenu-drop{ box-shadow:none !important;}
.ubermenu-skin-white .ubermenu-submenu .ubermenu-item-header > .ubermenu-target:hover {
  color: #bb412f !important;
}
.ubermenu-skin-white .ubermenu-item-level-0:hover > .ubermenu-target,
.ubermenu-skin-white .ubermenu-item-level-0.ubermenu-active > .ubermenu-target {
  background: #fff !important;
  color: #bb412f !important;
}
.ubermenu-skin-white .ubermenu-submenu.ubermenu-submenu-drop{ border:none !important;}

.ubermenu-skin-white{ font-size:16px !important; background:none !important;}

.navbar-collapse.collapse.in .ubermenu-skin-white .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target, .ubermenu-skin-white .ubermenu-item-level-0.ubermenu-current-menu-parent > .ubermenu-target, .ubermenu-skin-white .ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target{ color:#fff;}
	.ubermenu-skin-white .ubermenu-submenu .ubermenu-item-header > .ubermenu-target{ font-weight:normal !important;}
	.ubermenu-skin-white .ubermenu-item-level-0 > .ubermenu-target{ font-weight:normal !important;}
	/*----hover active----*/
	.ubermenu-skin-white .ubermenu-submenu .ubermenu-current-menu-item > .ubermenu-target{ color:#8c6938 !important;}
/*.ubermenu-skin-white .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target, .ubermenu-skin-white .ubermenu-item-level-0.ubermenu-current-menu-parent > .ubermenu-target, .ubermenu-skin-white .ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target{ color:#8c6938 !important;}*/


.clinew_out{ width:100%; height:auto; float:left; margin:0; padding:0; border-left:1px solid #ccc; border-top:1px solid #ccc;}
.clboxnew{border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.clboxnew img{ width:100%; height:auto; }
.clbox2 h3{ width:100%; height:100%; font-family: 'Playfair Display', serif; font-size:12px ; color:#333333; font-weight:400; margin:0; padding:0;text-align: left; position:absolute; bottom:10px;}
.clbox2{ padding:0 !important;}
.clbox2 h3 a{color:#333333; text-decoration:none;}

.wrktxtl{font-family: 'Roboto', sans-serif;font-size:14px ; color:#333333; font-weight:400; /*background:url(images/ar.png) no-repeat right center;*/ text-align:right; padding:0 !important; }
.wrktxtl a{ color:#333; text-decoration:none; /*padding:0 25px 0 0;}*/padding:0;}
.wrktxtl a:hover{ color:#333; text-decoration:none;}
.wrktxtl a:focus{ color:#333; text-decoration:none;}
.wrktxtr{font-family: 'Roboto', sans-serif;font-size:12px ; color:#333333; font-weight:400;}

@media screen and (min-width: 1024px) {
	.ubermenu.ubermenu-transition-slide .ubermenu-active > .ubermenu-submenu.ubermenu-submenu-type-mega, .ubermenu:not(.ubermenu-transition-slide) .ubermenu-submenu.ubermenu-submenu-type-mega

{ height:110px !important;background:none !important;}
.ubermenu-skin-white .ubermenu-submenu .ubermenu-item-header > .ubermenu-target{ padding:2px 0 0 22px !important;}
.ubermenu .ubermenu-submenu .ubermenu-column-auto{ min-width:auto !important;}

	}


@media only screen and (min-width: 960px) and (max-width: 1200px) {
.ubmenu { padding-top: 0;}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
.hrightout{ position:static !important}
	.hright_in{ position:static;}
	.prin1{ padding-bottom:15px !important;}
	.logo{ max-width:300px; margin:0 auto 10px auto; min-width:300px;}
	.hrightinout{ display:none;}
	
	.zoomWindowContainer {
    display: none;
	
}
.ubmenu {
    padding-top: 0;
}
}
@media only screen and (min-width: 600px) and (max-width: 767px) {
.hrightout{ position:static !important}
	.hright_in{ position:static;}
	.prin1{ padding-bottom:15px !important;}
	.logo{max-width:300px; margin:0 auto 10px auto;}
	
	.hrightinout{ display:none;}
	
	.zoomWindowContainer {
    display: none;
}
}
@media only screen and (min-width: 410px) and (max-width: 599px) {
	.hrightout{ position:static !important}
	.hright_in{ position:static;}
	.prin1{ padding-bottom:15px !important;}
	.logo{ max-width:300px; margin:0 auto 10px auto;}
	
	.hrightinout{ display:none;}
	
	.zoomWindowContainer {
    display: none;
}
	
}

@media only screen and (min-width: 341px) and (max-width : 409px) {
.hrightout{ position:static !important}
	.hright_in{ position:static;}
	.prin1{ padding-bottom:15px !important;}
	.logo{max-width:300px; margin:0 auto 10px auto;}
	
	.hrightinout{ display:none;}
	
	.zoomWindowContainer {
    display: none;
}

}

@media only screen and (min-width: 320px) and (max-width: 340px) {
	.hrightout{ position:static !important}
	.hright_in{ position:static;}
	.prin1{ padding-bottom:15px !important;}
	.logo{max-width:300px; margin:0 auto 10px auto;}
	
	.hrightinout{ display:none;}
	
	.zoomWindowContainer { display: none;}
}

.notf{ padding:0 15px;}
.notf h2{ width:100%; height:auto; float:left;font-family: 'Playfair Display', serif;font-size:18px ; color:#333333; font-weight:400;}
.notf p{font-family: 'Playfair Display', serif;font-size:13px ; color:#333333; font-weight:400;}
page-template-page-clients .col-md-6.hbox:last-child{ display:none !important;}
/*--------------*/
.abtout{ width:100%; float:left; margin:5px 0 0 0; padding:0 15px; height:auto;}
.abtin{ width:100%; height: auto; float:left; margin:0; padding:0; background:url(images/newbg.jpg) repeat-y;}
.abtin2{ width:100%; max-width:1140px; height: auto; margin:0 auto; display: table; padding:70px 0 0 0;background-image: url("images/home-bg.jpg");background-repeat: no-repeat; }
.abtusin{ width:100%; max-width:1140px; height: auto; margin:0 auto; display: table; padding:1px 0 0 0;background-image: url("images/abtbtmbg.png");background-repeat: no-repeat;  background-position: center; background-size: 15%; }
.abtban1{ width:100%; height:auto; float:left; margin:0; padding:30px 0;}
.abtban1 img{ width:100%; height:auto;}
.abttxt1{ width:100%; height:auto; float:left; margin:0; padding:0 0 30px 0; font-family: 'muli', serif; font-size:20px; color:#565655; text-align:center; line-height:34px; background:url(images/abtclr.png) no-repeat bottom center;}
.abttxt1 p{ text-align:center;}
.abttxtus{ width:100%; height:auto; float:left; margin:0; padding:0 0 30px 0; font-family: 'muli', serif; font-size:20px; color:#565655; text-align:center; line-height:44px; }
.abttxtus p{ text-align:center;}
.abttxtus span{ color:#08a5d8; font-weight: 800;}
.abttxt2{ width:100%; height:auto; float:left; margin:0; padding:13px 0 10px 0; font-family: 'muli', serif; font-size:20px; color:#565655; text-align:center; line-height:34px;}
.abttxt2 p{ text-align:center;}
.abttxt2 span{ color:#008cd1;}

.abttxt3{ width:100%; height:auto; float:left; margin:0; padding:1px 0 7px 0; font-family: 'Muli', sans-serif; font-size:16px; color:#565655; text-align:center; line-height:26px;}
.abtustxt p{ text-align:justify; padding: 0 15px 0 15px;}
.abtustxt span{ color:#353534; font-weight: 800;}
.abtustxt{ width:100%; height:auto; float:left; margin:0; padding:1px 0 7px 0; font-family: 'Muli', sans-serif; font-size:15px; color:#565655; text-align:center; line-height:26px;}
.abttxt3 p{ text-align:center;}
.abttxt3 span{ color:#353534; font-weight: 800;}

.abtinout{ width:60%; height:auto; margin:0 auto; padding:20px 0 70px 0; display:table;}
.abtinouth1{width:100%; height:auto; float:left; margin:0; padding:0; font-family: 'Playfair Display', serif; font-size:20px; color:#c4c7c7; text-align:left; } 
.abtinouth2{width:100%; height:auto; float:left; margin:20px 0; padding:20px 0 20px 50px; font-family: 'Playfair Display', serif; font-size:20px; color:#c4c7c7; text-align:left; background:url(images/abtbdr.png) no-repeat left center;} 
.abtinouttxt1{width:100%; height:auto; float:left; margin:0; padding:0; font-family: 'Playfair Display', serif; font-size:20px; color:#c4c7c7; text-align:left;line-height:34px; }
.abtinouttxt2{width:100%; height:auto; float:left; margin:0; padding:20px 0 20px 30px; font-family: 'Playfair Display', serif; font-size:20px; color:#c4c7c7; text-align:left;line-height:34px; }

.gallban{ width:100%; height:auto; float:left; margin:0; padding:0;}
.gallban img{ width:100%; height:auto;}
.gall_in{ width:100%; height:auto; float:left; margin:0; padding:0 15px 15px 15px;}
.gallout{ padding:15px !important;}

.testiout{width:100%; height:auto; float:left; margin:0; padding:30px;}
.tstilogo{ width:100%; height:auto; float:left; margin:0 0 20px 0; padding:0 0 25px 0; border-bottom:2px solid #ffcc00;}
.tstitxt{width:100%; height:auto; float:left; margin:0; padding:0; font-family: 'Playfair Display', serif; font-size:16px; color:#c4c7c7; text-align:left;line-height:34px;}
.tstin{ padding:50px !important;}
.testirow{ width:100%; height:auto; float:left; margin:0; padding:0;}
.yvdo{ width:100%; height:auto; float:left; margin:0; padding:5px 5px 1px 5px; background:#737370;} 


/*-----*/
.page-template-page-home-2020-php #wrap{ padding:30px 0;}
.nhs1l img{ width:100%; height:auto;}
.nhs1r h2{font-family: 'Muli', sans-serif; font-size:45px; color:#fd4125; font-weight:300;}
.nhs1r h3{font-family: 'Muli', sans-serif; font-size:30px; color:#4f4f4f; font-weight:400;}
.nhs1r p{font-family: 'Muli', sans-serif; font-size:35px; color:#4d4d4d; font-weight:300; line-height:normal; text-align:left;}

.nhs2out{ width: 100%; height: auto; float: left; margin:0; padding:60px 0; background: #fff;border-top: 1px dashed #ccc;}
.nhs2out_in{ width: 100%; max-width: 1170px; margin: 0 auto; padding: 0;}
.nhs2l p{font-family: 'Muli', sans-serif; font-size:16px; line-height:25px; color:#4d4d4d; font-weight:400;  text-align:left;}
.nhs2l p strong{ color:#fd4125; font-weight:400;}
.nhs2l p span{ font-size:20px; color:#b93b28;}

.nhs3out{ width: 100%; height: auto; float: left; margin:0; padding:30px 0 60px 0; background: #fff;}
.nh43out{ width: 100%; height: auto; float: left; margin:0; padding:60px 0 40px 0; background: #fff;}
.nhs3outh2{ width:100%; height:auto; float:left; margin:0 0 30px 0; padding:0; background:url(images/nhbdr.png) repeat-x center right; }
.nhs3outh2 h2{font-family: 'Muli', sans-serif; font-size:25px; color:#333; font-weight:400; margin:0 auto; padding:0 15px; width:auto; display:table;background:#fff;}
.nhs3out_in{ width: 100%; max-width: 1170px; margin: 0 auto; padding: 0;}

.nhwrkin img{ width:100%; height:auto;}
.nhwrkin h2{font-family: 'Muli', sans-serif; font-size:15px; color:#101010; font-weight:600; width:100%; height:auto; float:left; margin:0; padding:10px 0 5px 0;}
.nhwrkin h2 a{color:#101010; text-decoration:none;}
.nhwrkin h2 a:hover{color:#101010; text-decoration:none;}
.nhwrkin h2 a:active{color:#101010; text-decoration:none;}
.nhwrkin h3{font-family: 'Muli', sans-serif; font-size:11px; color:#393939; font-weight:400; width:100%; height:auto; float:left; margin:0; padding:0 0 20px 0;}
.nhwrkin h3 span{ color:#393939;}
.nhwrkin h3 span:last-child {
    display: none;
}

.nhwvbtnout{ width:100%; height:auto; float:left; margin:20px 0 0 0; padding:0;}
.nhwvbtn{ display:table; width:auto; height:auto; margin:0 auto; padding:8px 20px; background:#292929;font-family: 'Muli', sans-serif; font-size:11px; color:#fff; font-weight:400;}
.nhwvbtn a{ color:#fff; text-decoration:none; text-transform:uppercase;}
.nhwvbtn a:hover{ color:#fff; text-decoration:none;}
nhwvbtn a:active{ color:#fff; text-decoration:none;}

.nhs4out{ width: 100%; height: auto; float: left; margin:0; padding:60px 0; background: #fff;}
.nhs4outh2{ width:100%; height:auto; float:left; margin:0 0 20px 0; padding:0; background:url(../images/nhbdr.png) repeat-x center right; }
.nhs4outh2 h2{font-family: 'Muli', sans-serif; font-size:25px; color:#333; font-weight:400; margin:0 auto; padding:0 15px; width:auto; display:table;background:#fff;}
.nhs4out_in{ width: 100%; max-width: 1170px; margin: 0 auto; padding: 0;}

.footer_out{ width:100%; height:auto; float:left; margin:0; padding:40px 0; border-top:1px solid #bababa;}
.footer_in{ width: 100%; max-width: 1170px; margin: 0 auto; padding: 0;}
.footer_in h3{font-family: 'Muli', sans-serif; font-size:17px; color:#333; font-weight:700; margin:0 0 10px 0; padding:0;}

.fmenu ul{ margin:0;}
.fmenu li{font-family: 'Muli', sans-serif; font-size:15px; color:#333; font-weight:400; list-style:none;}
.fmenu li a{ text-decoration:none;color:#333;}

.fadd{font-family: 'Muli', sans-serif; font-size:15px; color:#333; font-weight:400;}
.fgp{ width:auto; height:auto; float:left; margin:7px 20px 0 0; padding:0;}

.fsico{ width:25px; height:25px; float:left; margin:0 10px 0 0; padding:0;}
.wpls-logo-showcase .slick-dots{ display:none !important;}

.nhwslrout{ width:100%; height:auto; float:left; margin:0; padding:1px 0 0 0; }

.nhwslrout1{ width:100%; height:auto; float:left; margin:0; padding:1px 0 0 0; background-image: url("images/home-bg.jpg");}

.col-sm-5.nh20cpt {
    padding: 0;
}