/*
Theme Name:     SB Partners
Theme URI:      http://spiritnoise.com/
Description:    Custom theme for SB Partners
Author:         Amit Verma
Author URI:     http://spiritnoise.com
Template:       twentythirteen
Version:        0.1.0
*/

@import url("../twentythirteen/style.css");

/*popup*/
#popup{
	width:90%;
	height:90%;
	position: fixed;
	top:5%;
	left:5%;
	background-color:rgba(255, 255, 255, 0.96);
	z-index: 2;
	-webkit:animation mymove 1s infinite;
	animation: mymove 1s infinite;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-ms-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.open-popup{
	-webkit-transform:scale(0);
	-o-transform:scale(0);
	-ms-transform:scale(0);
	-moz-transform:scale(0);
	transform:scale(0);
}
div#popup-container {
	max-width: 740px;
	width:100%;
	height:100%;
	margin: 0px auto;
	position: relative;
	/*border:1px solid black;*/
}

.popup-header{
	height:100px;
	width:100%;
	text-align: center;
	border-bottom: 1px solid #d09d58;
}
.popup-header h1{
	color: #6e6e6e;
	margin-top:10px;
	text-align: center;
	display: inline-block;
	padding: 41px 25px 0px 25px;
}
.popup-content{
	width:100%;
	padding: 40px 25px 0px 25px;
	margin: 10px auto;
	max-height:64%;
	overflow:auto;
}
 body #popup .popup-content p #agree {
	color: #b5b5b5;
}
#agree{
	width: 100%;
	text-align: right;
	cursor:pointer;
	font-size: 13px;
	position: absolute;
	padding-right: 20px;
}
/*end*/
#overlay{
	width:100%;
	height: 100%;
	position: fixed;
	top:0px;
	left:0px;
	background-color: rgba(0,0,0,0.40);
}
.home .quote{
	position: relative;
	z-index: 1;
}
#post-19 .entry-content p{
	text-align: justify;
}
body{ font-family: 'Questrial', sans-serif; font-weight:400; font-size:14px; }
h1, h2, h3, h4, h5, h6, .navbar{ font-family: 'Libre Baskerville', serif;font-weight:400; }
h1, h2, h3, h4, h5, h6{ color:#D09C62; }
body, h1, h2, h3, h4, h5, h6, p, li, .textwidget, td, strong{
    -webkit-hyphens: manual;
    -moz-hyphens: manual;
    hyphens: manual;
}
p, ul, table{ color:#5a5a5a; font-weight:200; }
.entry-content p strong, .entry-content ul strong{ font-weight:400; }
.entry-content table strong{ font-weight:200; }

.entry-content h3{ color: #D09C62; }
ul.nav-menu, div.nav-menu > ul{ padding:0; }

/* ---- reset width start ---- */

.site-header .home-link, 
.entry-header, .entry-content, .entry-summary, .entry-meta,
.site-footer .widget-area,
.site-info,
.site-footer .widget-area,
.main-navigation,
.site-main .sidebar-inner,
.sidebar .entry-header,  
.sidebar .entry-summary, 
.sidebar .entry-meta,
.sidebar .site-footer .widget-area{ max-width:980px; padding-left:20px; padding-right:20px;   }
.sidebar .entry-content{ max-width:980px;  /*!important;padding-left:10px; */}
.quote{ max-width:980px; margin:0 auto; padding:20px; }
/*.site-main .widget-area{ width:300px !important; }

#content .entry-header, #content .entry-content, #content .entry-summary, #content footer.entry-meta, #content .featured-gallery, .search.sidebar .page-content, .blog.sidebar .page-content, .sidebar .post-navigation .nav-links, .paging-navigation .nav-links, #content .author-info, .comments-area .comments-title, .comments-area .comment-list, .comments-area .comment-navigation, .comment-respond, .sidebar .site-info, .sidebar .paging-navigation .nav-links{  padding-left:10px; padding-right:10px; }*/

.sidebar .entry-header, .sidebar .entry-content, .sidebar .entry-summary, .sidebar .entry-meta{ padding-left:0; }

/* ---- reset width end ---- */

.site{ background:none; border-left:none; border-right:none; max-width:none; }
a, .entry-content a{ color:#D09C62;  }
h1{ font-size:36px; }
h2{ font-size:32px; }
h3{ font-size:28px; }
p{ margin-bottom:16px;}
article#post-28 p{ width:72%;}
/* ---- hide title start ---- */

.home .entry-header{ display:none; }

/* ---- hide title end ---- */

.entry-content img.alignright, .entry-content .wp-caption.alignright{ margin-right:auto; }

/* ---- homepage start ---- */


/* ---- homepage end ---- */


/* header start */
body{ padding-top:90px; }
.site-header{ background:#fff; border-top:solid 5px #D09D58;  }
.site-header .home-link{ background: url(images/sbp-logo.png) #fff no-repeat 20px center; text-indent:-999999px; min-height:100px; }
header#masthead:after {content: ''; display: block; clear: both; }
.navbar{ background:none; }
.nav-menu li a{ text-transform:capitalize; font-size:14px; color:#6B6B6B; padding-left:0; }
.main-navigation{ padding:0 20px; }

.nav-menu .current_page_item > a, 
.nav-menu .current-page-ancestor > a, 
.nav-menu .current-menu-item > a, 
.nav-menu .current-menu-ancestor > a{ color:#D09D58; font-style:normal; }

.nav-menu li:hover > a, 
.nav-menu li a:hover, 
.nav-menu li:focus > a, 
.nav-menu li a:focus{ background:none; color:#D09D58; }


.nav-menu li > a:before{ content:'['; margin-right:5px; }
.nav-menu li > a:after{ content:']';margin-left:5px; }
.nav-menu li > a:before,
.nav-menu li > a:after{ display:inline-block; opacity:0; }
.nav-menu li > a{ margin-left:-11px; }

.nav-menu .current_page_item > a:before,
.nav-menu .current-page-ancestor > a:before,
.nav-menu li:hover > a:before{ opacity:1 }
.nav-menu .current_page_item > a:after,
.nav-menu .current-page-ancestor > a:after,
.nav-menu li:hover > a:after{ opacity:1 }

/* header end */
body.home{ padding-top:20px; }
.home .site-main{ background:none; color:#fff; }
.home .site-main p,
.home .site-main ul,
.home .site-main table{ color:#fff; }
.home .site-main .entry-content{ padding-right:550px; }
.home .quote{ padding-right:600px; color:#fff; font-family: 'Libre Baskerville', serif;font-weight:400; }
.home .quote p,
.home .quote ul{ color:#fff; }
.home .quote p{ margin-bottom:10px; }
.home .quote p.message{ font-size:18px; }
.home .quote p.message:before{ content:'“'; }
.home .quote p.message:after{ content:'”'; }
.home .quote p.message:before,
.home .quote p.message:after{ font-size:24px; line-height:1; }
.home .quote p.source{ text-transform:uppercase; text-align:right; }

.site-main{ background:#fff; }
.hentry{ padding:20px 0 100px 0; }


.site-footer{ background:none; }
.site-footer .sidebar-container{ background:none; }
.site-footer .site-info,
.site-footer .site-info a{ color:#fff; }
.site-footer .site-info{ padding:10px 0; }

.rfwbsoverlay{ display:none !important; }
img.rfwbs_bg{ top:0 !important; }


/*.page-template-page-two-col-php .entry-content{ 
	-webkit-column-count: 2;  Chrome, Safari, Opera 
    -moz-column-count: 2; /* Firefox 
    column-count: 2;
}*/*
.page-template-page-three-col-php .entry-content{ 
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
}

.clearfix:after  { content:"."; display:block; height:0; clear:both; visibility:hidden; }
ul{
	padding: 0 0 0 17px;
}
/*changes*/
.page-template-page-two-col-php .entry-content:after{
	content: '';
	display: block;
	clear: both;
}
.page-template-page-two-col-php .entry-content ul{
	display: inline-block;
	list-style-type: none;
	float: left;
	margin-top:0px;
	overflow: hidden;
}
.page-template-page-two-col-php .entry-content ul li{
	padding-right: 40px !important;
}
.page-template-page-two-col-php .entry-content ul li a{
	position: relative;
}
.page-template-page-two-col-php .entry-content ul li .current_item{
	font-weight: bold;
	background: #fff;
	z-index: 1;
}
.page-template-page-two-col-php .entry-content ul li .current_item:after{
		content: '';
		display: block;
		position: absolute;
		right:-20px;
		top:3px;
		width: 0; 
		height: 0; 
		z-index: -1;
		border-top: 5px solid transparent;
		border-bottom: 5px solid transparent;
		border-left: 7px solid #05142f;
		animation: myfirst .50s;
		-webkit-animation: myfirst .50s;
		-moz-animation: myfirst .50s;
		-ms-animation: myfirst .50s;
		-o-animation: myfirst .50s; 
}
@keyframes myfirst {from {right:200px;} to {right:-20px;}}
@-webkit-keyframes myfirst {from {right:200px;}to {right:-20px;}}
@-moz-keyframes myfirst {from {right:200px;}to {right:-20px;}}
@-ms-keyframes myfirst {from {right:200px;}to {right:-20px;}}
@-o-keyframes myfirst {from {right:200px;}to {right:-20px;}}
.page-template-page-two-col-php #main .entry-content div{
	display: inline-block;
	padding-left: 20px;
	width: 60%;
}
.page-template-page-two-col-php .entry-content ul li{
	padding: 1px 0px;
	border-bottom: 1px solid rgb(204, 204, 204);
}

/*team-page*/
.partners{
	margin: 0px;
	font-size: 26px;
}
div#team-member:after {
	clear: both;
	display: block;
	content: '';
}
div#team-member {
	position: relative;
	display: block;
}
div#team-member #col-4{
	float: left;
	display: block;
	position: relative;
	margin-right: 15px;
	margin-bottom: 15px;
	overflow: hidden;
}
div#team-member #col-4 a{
	display: block;
	position: relative;
}
div.caption h3{
	font-size: 15px;
	margin: 5px 0px ;
}

div#team-member #col-4 img{
	margin: 0px;
}
.img{
	position: relative;
}
#col-4:hover .shadow{
	background-color: rgba(0,0,0,0);
}
.img .shadow{
	width:100%;
	height:100%;
	position: absolute;
	top:0px;
	left:0px;
	background-color: rgba(0,0,0,0.3);
	-webkit-transition:all 0.5s linear;
	-moz-transition:all 0.5s linear;
	-ms-transition:all 0.5s linear;
	-o-transition:all 0.5s linear;
	transition:all 0.5s linear;
}
/*div#team-member #col-4:hover div.caption{
	right:0px;
}*/


div.caption a {
	display: block;
	z-index: 999;
	position: relative;
}
div.caption a :hover{
	text-decoration: none !important;
}

/*contact-page*/

#con-container{
	width:100%;
}
#con-container:after{
	clear:both;
	display: block;
	content: '';
}
#con-form,#con-add,#go-map{
	width:50%;
	float: left;
	min-height: 200px;
}
div#con-add {
	padding: 0px 0px 0px 30px;
}
#con-add>div{
	margin-bottom: 5px;
/*	border:1px solid black;*/
}
.delhi{
	margin-bottom: 20px;
}
div#con-form input , textarea  {
	width:100%;
	border: none;
	border-bottom: 1px solid #7f8ca5;
	margin-bottom: 5px;
	padding-left: 0px;
}
div#con-form:after{
	clear: both;
	display: block;
	content: '';
}
input[type="submit"] {
	background: transparent;
	color: black;
	border-bottom: none !important;
	float: right;
	padding: 0px 15px 0px 0px;
	margin-top:20px;
}
textarea:focus{
	border:none;
	border-bottom: 1px solid black;
}
#p-no,#f-no,#m-no,#email{
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 40px;
}
#p-no{
	background-image: url('images/phn.png');
}
#f-no{
	background-image: url('images/fax.png');
}
#m-no{
	background-image: url('images/mobile.png');
}
#email{
	background-image: url('images/email.png');
}
h3{
	font-size: 18px;
}
div.rfwbs_navi {
	display: none;
}

/*team*/
div.partners-pic {
	width: 30%;
	float: left;
	margin-right: 2%;
}
div.about-team-mem {
	width: 66.67%;
	float: left;
	 word-wrap: break-word;
	-webkit-column-count: 2;
	-moz-column-count: 2;
	-ms-column-count: 2;
	-o-column-count: 2;
	column-count: 2;
}
div.partners-pic img{
	margin-bottom: 0px;
}
div.partners-pic>h2{
	border-bottom: 2px solid #cf9c5b;
	padding-bottom: 12px;
	margin-bottom: 5px;
	margin-top: 0px;
}
div.partners-pic ul{
	margin-top: 10px;
	padding: 0px 0px 0px 0px;
}
div.partners-pic ul li {
	text-align: center;
	list-style-type: none;
	color: #616161;
	border-bottom: 1px solid #cccccc;
}
div.partners-pic ul li a:hover{
	text-decoration: none;
}

/* articles */
.blog .site-content > .entry-header{ padding-top:20px; margin-bottom:10px; }
.blog .hentry{ padding-bottom:30px; }
.blog .hentry .entry-header{ margin-bottom:10px; }
.blog .hentry .entry-title{ font-size:18px; }
.blog .hentry .entry-title a{ color:#D09C62;	}
.blog .hentry .entry-summary{ padding-bottom:5px; border-bottom:solid 1px #D09C62; }
.single-post .entry-header{ margin-bottom:10px; }
.single-post .entry-title{ font-size:24px; }

/**responsive-css-start**/
@media (max-width: 800px){
	.page-template-page-two-col-php #main .entry-content div{
		width:80%;
	}
}

@media (max-width: 600px){
}	
@media (max-width: 480px){
	.home .quote{
		padding:0px 20px 0px 20px;
	}

	/*menu*/
	.site-header{
		padding-bottom: 10px;
	}
	.site{
		overflow: hidden;
	}

	.navbar{
		position:absolute;
		bottom: 0px;
	}
	.site-header .home-link {
		margin-top: 15px;
	}
	div.menu-main-menu-container{
		width:200px;
		background: rgba(0, 0, 0, 0.78);
		position: absolute;
		right:-200px;
		top:45px;
		z-index: 1;
		-webkit-transition:all 0.3s linear;
		-moz-transition:all 0.3s linear;
		-ms-transition:all 0.3s linear;
		-o-transition:all 0.3s linear;
		transition:all 0.3s linear;
	}
	ul#menu-main-menu,.nav-menu li{
		display: block;
		text-align: right;
	}
	.hide{
		right:0px !important;
	}
	h3.menu-toggle{
		display: inline-block;
		text-align: right;
		position:relative;
		float: right;
		padding-right: 50px;
		color: #D09D58;
		font-family: 'Libre Baskerville', serif;
		font-size: 24px;
		font-weight: 400;
	}
	h3.menu-toggle:after{
		display: none;
	}
	h3.menu-toggle span{
		width:32px;
		height:5px;
		display: block;
		background-color: #D09D58;
		right:0px;
		position:absolute;
		-webkit-transition:all 0.4s linear;
		-moz-transition:all 0.4s linear;
		-ms-transition:all 0.4s linear;
		-o-transition:all 0.4s linear;
		transition:all 0.4s linear;
	}
	h3.menu-toggle span:first-child{
		top:0px;
		-webkit-transform-origin: left top;
		-moz-transform-origin: left top;
		-o-transform-origin: left top;
		-ms-transform-origin: left top;
		transform-origin: left top;
	}
	h3.menu-toggle span:nth-child(2){
		top:8px;
	}
	h3.menu-toggle span:nth-child(3){
		top:16px;
		-webkit-transform-origin: left bottom;
		-moz-transform-origin: left bottom;
		-o-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
	}
	.openfirst-child{
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		-o-transform:rotate(45deg);
		transform:rotate(45deg);
	}
	.opensecond{
		opacity: 0;
	}
	.openlast-child{
		-webkit-transform:rotate(-45deg);
		-moz-transform:rotate(-45deg);
		-ms-transform:rotate(-45deg);
		-o-transform:rotate(-45deg);
		transform:rotate(-45deg);
		top:20px !important;
	}
	ul{
		padding: 0 0 0 16px;
	}

	/*team*/
	div#team-member .shadow{
		top:0px;
		right:0px;
		background-image: none;
	}
	div#team-member .caption{
		width:100%;
		background-color: rgba(0,0,0,100);
		right:0px;
		bottom: 0px;
		padding-top: 5px;
		text-align: center;
	}
	div.caption p{
		font-size: 12px;
	}
	div.caption h3{
		font-size: 16px;
	}
	div.caption h3, div.caption p{
		text-align: left;
		padding-left: 15px;
	}
	div#col-4:after{
		background-color: rgba(0,0,0,0);
	}
	div.partners-pic ,
	div.about-team-mem {
		width:100%;
	}
	div.about-team-mem{
		-webkit-column-count: 1;
		-moz-column-count: 1;
		-ms-column-count: 1;
		-o-column-count: 1;
		column-count: 1;
	}
	div.partners-pic>h2{
		font-size: 22px;
	}
	/**contact-page**/
	#con-form,#con-add,#go-map{
		float: none;
		width:100%;
	}
	div#con-add {
		padding: 0px 60px 0px 0px;
		margin-bottom: 40px;
	}
	h3{
		font-size: 15px;
	}
}

@media (max-width: 380px){
	.site-header .home-link{
		background-size: 60%;
	}
	h3.menu-toggle {
		padding-right: 0px;
		font-size: 0px;
	}
	
}