/*
Theme Name: R Kharbanda
Theme URI: NA
Author: Ravi Kharbanda / +91 9560843334
Author URI: NA
Description: NA
Version: 0.1
*/

/*Add Fonts*/
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on May 14, 2018 */



@font-face {
    font-family: 'montserratbold';
    src: url('fonts/montserrat-bold-webfont.woff2') format('woff2'),
         url('fonts/montserrat-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'montserratlight';
    src: url('fonts/montserrat-light-webfont.woff2') format('woff2'),
         url('fonts/montserrat-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'montserratregular';
    src: url('fonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('fonts/montserrat-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'montserratsemi_bold';
    src: url('fonts/montserrat-semibold-webfont.woff2') format('woff2'),
         url('fonts/montserrat-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'oswaldbold';
    src: url('fonts/oswald-bold-webfont.woff2') format('woff2'),
         url('fonts/oswald-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'oswalddemibold';
    src: url('fonts/oswald-demibold-webfont.woff2') format('woff2'),
         url('fonts/oswald-demibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'oswaldmedium';
    src: url('fonts/oswald-medium-webfont.woff2') format('woff2'),
         url('fonts/oswald-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


/*General CSS*/
*{margin:0; padding:0;}
body{font-size:14px; line-height:20px;color:#1c1c1d; font-family: 'montserratlight'; background:#fff;}
body a{color:#508cf1; text-decoration:none;}
body a:hover{color:#000;}
body img{border:none;}
ul, ol{list-style:none;}
.wrapper{max-width:1170px;margin:0 auto; padding:0 15px;}
.clearfix{clear:both;}
h1, .contact h2{font-size:20px; line-height:26px;margin-bottom:20px; color:#508cf1;  font-family: 'oswaldbold'; text-transform:uppercase;}
h2{font-size:18px; line-height:24px; margin-bottom:20px; color:#508cf1; font-family: 'oswaldbold';}
.breadCrumb{margin-bottom:15px;}

/* Images */
.alignleft {
	float: left;
	margin-bottom:15px;
	width:100%;
	height:auto;

}
.alignright {
	float: right;
	margin:0 0 15px;
	width:100%;
	height:auto;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	width:100%;
	margin-bottom:15px;
	height:auto;
}

.page-content{padding:10px 0 30px 0; text-align:center;}
.page-content h1, .contact h2{margin-bottom:10px;}
.page-content strong{font-family: 'oswaldbold';}
.page-content p, .page-content ul, .page-content ol{margin-bottom:15px;}
.page-content ul li, .page-content ol li{margin-bottom:10px;}
.page-content ul{list-style:disc; padding-left:25px;}
.page-content ol{list-style:decimal; padding-left:25px;}
.page-content .contact .left-cont{width:100%; margin-bottom:20px;}
.page-content .contact .right-cont{width:100%;}
.page-content .contact .right-cont input, .page-content .contact .right-cont textarea{border:1px solid #ccc; padding:3%; width:94%; resize:none; font-family: 'montserratlight';}
.page-content .contact .right-cont input.wpcf7-submit{cursor:pointer; width:auto; padding:8px 15px; color:#fff; background:#508cf1; border:none; font-size:16px; line-height:22px;}
.page-content .contact .right-cont input.wpcf7-submit:hover{background:#000;}
span.wpcf7-not-valid-tip{font-size:12px !important;}
.page-conten h1{text-align:center;}
.page-content .contact{text-align:left;}

.border{height:7px; background:url("pix/border.png") repeat-x; margin-bottom:30px;}

.hmSections li{width:100%;}
.hmSections li img{width:100%; height:auto;}

.footer{padding:15px 0; width:100%; background:#000; color:#fff;}

.footer a{color:#fff;}
.footer a:hover{color:#508cf1;}

.footer .left-cont{width:100%; text-align:center; margin-bottom:5px;}
.footer .right-cont{width:100%; text-align:center;}

.featuredImage{margin-bottom:20px; background:url("pix/featured.jpg") no-repeat; background-size:cover;}
.featuredImage img{width:100%; height:auto; display:block;}

.header{position:relative; padding:10px 0; border-top:3px solid #508cf1;     border-bottom: 5px solid #c0c0c0;}
.header .logo{margin:0 auto; width:345px;}
.header .logo img{width:400px; height:auto;}
.header .rightCont{width:100%; display:none; }
.header .rightCont span{display:inline-block;  font-size:20px; color:#000;}
.header .rightCont span span{display:inline-block; text-transform:uppercase; font-family: 'oswalddemibold'; color:#000; font-size:16px; line-height:20px; text-align:left; background:#000; color:#fff; border-radius:0 10px 10px 0; padding:5px 14px 5px 25px; margin-bottom:8px; position:relative;}
.header .rightCont span span i{ background:url("pix/phone.png") no-repeat; width:36px; height:36px; margin-right:10px; display:inline-block; vertical-align:top; border:1px solid #fff; border-radius:50%; position:absolute; left:-20px; top:-5px}
.header .rightCont span .textwidget{margin-left:-15px;}
.header .rightCont span.last{margin-left:30px;}
.header .rightCont span.last i{background:url("pix/email.png") no-repeat;}
.header .rightCont span a{color:#000;}
.header .rightCont span a:hover{color:#80a517;}

.services{list-style:none !important; padding-left:0 !important; margin:25px 0;}
.services li{width:100%; margin-bottom:20px;}
.services li img{width:100%; height:auto; display:block;}
.services li h2{background:#508cf1; text-transform:uppercase; padding:12px 0 6px;}
.services li h2:hover{background:#000;}
.services li h2 a, .services li h2 a:hover{color:#fff;}

.clients{padding:25px 0; text-align:center;}
.clients img{width:100%; height:auto; display:block;}

.nav{width:100%; background:#1c1c1d; display:none; }
.nav .wrapper{position:relative;}
.nav .wrapper .social{position:absolute; right:30px; top:-25px; background:#ededed; border-radius:10px; padding:15px 15px 5px; display:none;}
.rel{display:block; position:relative;}
.rel span{position:absolute; width:15px; height:12px; background:url("images/left.png") no-repeat; right:-30px; top:-7px}
.rel span.left{background:url("images/right.png") no-repeat; left:-30px; top:-7px}

.nav .wrapper .social a{display:inline-block; margin:0 2px; width:37px; height:37px;}
.nav .wrapper .social a img{display:block;}
.nav li {float:left; text-transform:uppercase; padding:15px 20px 10px; font-family: 'oswaldmedium'; text-transform:uppercase; font-size:22px; border-right:3px solid #404045}
.nav li#menu-item-45{border:none;}
.nav li:hover, .nav li.current-menu-item{background:#508cf1;} 
.nav li  a{color:#fff;}

.blackStrip{padding:20px 0; background:#000;}
.blackStrip img{width:100%; display:block; height:auto;}
.blackStrip .leftCont{width:100%; margin-bottom:10px;}
.blackStrip .rightCont{width:100%;}

/*Media queries*/

@-ms-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}

/* Minimum width of 600 pixels. */
@media screen and (min-width: 600px) {
	
	body{font-size:16px; line-height:22px;}
	h1, .contact h2{font-size:26px; line-height:32px;}
	h2{font-size:24px; line-height:30px;}
	
	.alignleft {
	float: left;
	margin-bottom:20px;
	width:60%;
	margin-right:15px;
	height:auto;

	}
	.alignright {
		float: right;
		margin:0 0 20px 15px;
		width:60%;
		height:auto;
	}
	.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto;
		clear: both;
		width:60%;
		margin-bottom:15px;
		height:auto;
	}
	
	.page-content .contact .left-cont{width:67%; float:left; margin-bottom:0;}
	.page-content .contact .right-cont{width:30%; float:right;}
	
	.footer .left-cont{width:45%; float:left; text-align:left; margin-bottom:0;}
	.footer .right-cont{width:45%; float:right; text-align:right;}
}

/* Minimum width of 768 pixels. */
@media screen and (min-width: 768px) {
	
		h1, .contact h2{font-size:36px; line-height:42px;}
		h2{font-size:28px; line-height:34px;}
		
		.header .logo{float:left;}
		.header .rightCont{font-size:26px; line-height:30px; max-width:412px; float:right; margin-top:40px; display:block}
		
		.welcomeSection .leftCont{width:45%; float:left; margin-bottom:0;}
		.welcomeSection .rightCont{width:52%; float:right;}
		
		.hmSections li{width:33.33%; float:left;}
		
		.services li{float:left; width:32%; margin-right:2%; margin-bottom:0;}
		.services li.last{margin-right:0;}
		
		.clients img{width:auto; margin:0 auto;}
	.nav{display:block;}
}

/* Minimum width of 960 pixels. */
@media screen and (min-width: 960px) {
	.nav .wrapper .social{display:block;}
}