/*

Theme Name: Riverslea

*/

@charset "utf-8";

/* CSS Document */

img {
	max-width: 100%;
	
	height: auto;

    }


/**
 * 8.0 Alignments
 */

.alignleft {
	display: inline;
	float: left;
}

.alignright {
	display: inline;
	float: right;
}

.aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft {
	margin: 0.4em 1.6em 1.6em 0;
}

blockquote.alignright,
.wp-caption.alignright,
img.alignright {
	margin: 0.4em 0 1.6em 1.6em;
}

blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
	clear: both;
	margin-top: 0.4em;
	margin-bottom: 1.6em;
}

.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter {
	margin-bottom: 1.2em;
}


/**
 * 9.0 Clearings
 */

.clear:before,
.clear:after,
.site:before,
.site:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-content:before,
.site-content:after,
.nav-links:before,
.nav-links:after,
.comment-navigation:before,
.comment-navigation:after,
.social-navigation ul:before,
.social-navigation ul:after,
.textwidget:before,
.textwidget:after {
	content: "";
	display: table;
}

.clear:after,
.site:after,
.entry-content:after,
.comment-content:after,
.site-content:after,
.nav-links:after,
.comment-navigation:after,
.social-navigation ul:after,
.textwidget:after {
	clear: both;
}




@media \0screen {

  img { 

  	width: auto; /* for ie 8 */

  }

}

.clear {

	clear:both;

	}
	
h1, h2, h3	{
		font-family: 'Roboto', sans-serif !important;
	}

h1, h2, h3, p, ul, li {

	margin:0;

	padding:0;

	}
p {
    margin-bottom: 15px;
}
	
.custombodycontent li { 

	list-style: none;
	
	background:url(images/bullet2.png) no-repeat left 5px;

	padding-left: 19px;
}

a img {

	border:0;

	outline:none;

	}

body {

	margin:0;

	padding:0;

	font-size:12px;

	font-family: Helvetica, Arial, sans-serif;

	color:#323232;

	min-width:1000px\0/;

	}

#container {

	width:100%;

	}

.main {

	max-width:1000px;

	width:1000px\0/;

	margin:0 auto;
	

	}

p.text1{ margin:0px; padding:0px 0px 20px 0px; color:#686868; line-height:normal; }

/* header

------------------------*/

.header {

	background:url(images/top_bg.jpg) repeat left top;

	border-top:12px solid #2c3c91;

	padding:21px 0 18px 0;

	}

.logo {

	float:left;

	margin-right:5px;

	}

.right_header {

	float:left;

	}

.menu {

	background:url(images/menu_bg.jpg) repeat-x left top;

	position:relative;

	}

.menu ul {

	list-style:none;

	}

.menu ul li {

	margin:0 0 0 0;

	padding:0 28px;

	display:block;

	float:left;

	background:url(images/seperator.jpg) no-repeat left top;

	position:relative;

	}

.menu ul li.nobg {

	background: none;

	}

.menu ul li a {

	display:block;

	height:67px;

	font-size:16px;

	color:#fff;

	text-decoration:none;

	text-transform:uppercase;

	font-family: 'Roboto', sans-serif;

	font-weight:500;

	line-height:67px;

	}

.menu ul li a:hover, .menu ul li a.active {

	background:url(images/hover_bg.jpg) no-repeat center 51px;

	}

/*.menu ul li.current-menu-item a{

	background:url(images/hover_bg.jpg) no-repeat center 51px;

	}	*/

.menu_shape{

	position:absolute;

	right:-59px;

	top:0px;

	}


.menu ul li:hover > ul {

    display: block; 

}

.menu  ul ul { 

    display: none; 

    position: absolute;

    top: 67px; 

	left:0;

	z-index:99999999;

	background:rgba(44, 60, 145, 0.95);

	width:250px;

}

.menu  ul ul li { 

    float: none;

	background:none;

	position:relative;

}

.menu  ul ul li a {

    padding: 15px 10px;

	color:#FFF;

	height:auto;

	line-height:24px;

}

.menu  ul ul li a:hover { background:none}

.menu  ul ul ul { position:absolute; top:0; left:250px}

.menu  ul ul ul li { background:none}

.menu  ul ul li ul li a:hover { background:none}


/*=======================================CSS Custom=========================================*/

.logo img { max-width:345px; width:100%}

.ctprojectblk { width:29%; display:inline-block; margin:0 2%; min-height:432px; margin-bottom:60px !important}

.ctprojectblk .project_img { width:100%; margin-bottom:20px;}

.ctprojectblk .project_info { width:100%;}

.ctprojectblk .about_img {display:inline-block; float:none}



/* banner

------------------------*/

.banner{overflow:hidden;}

.banner_section {

	position:relative;

	border-top:9px solid #ebebeb;

	border-bottom:13px solid #ebebeb;overflow:hidden;

	}

.menu_button {

	position:relative;z-index:999999;

	}

.prev{

	float:left;

	}

.next{

	float:right;

	}

.slider {

	text-align:center;

	}

.slider img {

	width:100%;

	}

.menu_button {

	position:absolute;

	left:50%;



	margin-left:-500px;



	top:0px;



	width:1000px;



	padding-top:12%;



	}



@media only screen and (max-width:999px){



.main { padding:0 1%;}



.logo {width: 30%;}



.menu ul li {padding: 0 21px;}



.menu_button { left:50%; top:0; margin-left: -360px;padding-top:10%;width:700px; position:absolute; z-index:100;}



}



@media only screen and (max-width:767px){



.main { padding:0 2%;} 



.menu { display:none;}



.logo {margin: 0 auto 20px auto;width: 50%; float:none;}



.menu_button {left: 50%;margin-left: -225px;padding-top: 8%;position: absolute;top: 0;z-index: 100; width:435px;}



.right_header {width: 100%;}



.menu_shape { display:none;}





.ctprojectblk { width:96%}

.ctprojectblk .project_img { width:94%}



	}

	

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

.ctprojectblk { width:28%}	

}



@media only screen and (max-width:479px){



.logo {width: 65%;}



.menu_button {left: 50%;margin-left: -155px;padding-top: 9%;position: absolute;top: 0;width: 300px;}



.prev {width: 35px;}



.next {width: 35px;}



	}



@media only screen and (max-width:319px){



.menu_button {margin-left: -100px;width: 200px;}



	}











/* content



------------------------*/



.content {



	}



.content_top {



	padding:50px 0;



	}



.left_content{



	width:63.4%;



	float:left;



	font:14px;



	color:#686868;



	}



.heading {



	background:url(images/heading_bg.jpg) repeat-x left bottom;



	padding-bottom: 17px;



	margin-bottom:40px;



	



	}



.heading h2 {



	background:url(images/welcome_shape.png) no-repeat left top;



	border-bottom:1px solid #2c3c91;



	font-weight:700;



	font-size:30px;



	color:#2c3c91;



	text-transform:uppercase;



	padding:0 0 10px 51px;



	line-height:30px;



	font-family: 'Roboto', sans-serif;



	}



.heading h2 strong {



	color:#808085;



	}



.left_content p {



	line-height:20px;



	padding-bottom:23px;



	}



.left_content ul {



	list-style:none;



	}



.left_content ul li {



	display:block;



	background:url(images/bullet.png) no-repeat left 2px;



	padding:0 0 25px 20px;



	}



.left_content ul li a {



	display:block;



	font-size:14px;



	color:#686868;



	text-decoration:none;



	}



.form_section {



	width:29.6%;



	padding:18px 2% 47px 2%;



	background:#2c3c91;



	float:right;



	}



.form_heading {



	background:url(images/form_heading_bg.jpg) repeat-x left bottom;



	padding-bottom:14px;



	margin-bottom:11px;



	}



.form_heading h2 {



	background:url(images/form_shape.png) no-repeat left top;



	padding:0 0 0 50px;



	font-size:30px;



	color:#fff;



	font-family: 'Roboto', sans-serif;



	font-weight:700;



	text-transform:uppercase;



	}



.textbox{



	border:1px solid #fff;



	outline:none;



	height:35px;



	line-height:35px;



	color:#fff !important;



	padding:0 3%;



	background:none;



	width:94%;



	font:14px Helvetica, Arial, sans-serif;



	margin-bottom:9px;



	}



.textarea {



	border:1px solid #fff;



	outline:none;



	height:90px;



	color:#fff !important;



	padding:10px 3%;



	background:none;



	width:94%;



	font:14px Helvetica, Arial, sans-serif;



	margin-bottom:9px;



	resize:none;



	}



.submit{



	background:url(images/submit_bg.jpg) no-repeat left top;



	width:100%;



	height:39px;



	outline:none;



	border:0;



	cursor:pointer;



	}



	



.project_content {



	background:url(images/bottom_content_bg.jpg) no-repeat center top;



	border-top:15px solid #dcdcdc;



	border-bottom:12px solid #ebebeb;



	padding:73px 0;



	}



.project_heading {



	background: url(images/form_heading_bg.jpg) repeat-x left bottom;



	padding-bottom:18px;



	margin-bottom:32px;



	}



.project_heading h2 {



	font-size:30px;



	color:#fff;



	font-family: 'Roboto', sans-serif;



	font-weight:700;



	background:url(images/project_shape.png) no-repeat left top;



	padding:0 0 10px 50px;



	border-bottom:1px solid #d4d7e6;



	text-transform:uppercase;



	line-height:30px;



	}



.project_block {



	width:27.5%;



	margin-right:8.7%;



	font-size:14px;



	color:#fff;



	float: left;



	}



.pro_img {



	border:6px solid #0d1a5d;



	margin-bottom:18px;

	

	line-height:1px;



	}



.pro_img img {



	width:100%;



	}



.project_block h3 {



	font-size:13px;



	font-family: Helvetica, Arial, sans-serif;



	line-height:20px;



	text-transform:uppercase;



	/*color:#f8e729;*/
	
	color: #fff;



	padding-bottom:10px;



	border-bottom:1px solid #fff;



	margin-bottom:16px;



	}



.project_block p {



	line-height:20px;



	padding-bottom:15px;



	}



.nomargin{



	margin-right:0;



	}







ul.list1 {



	list-style:none;



	}



ul.list1 li {



	display:block;



	background:url(images/bullet.png) no-repeat left 2px;



	padding:0 0 25px 20px;font-size:14px;



	color:#686868;



	}



ul.list1 li a {



	display:block;



	font-size:14px;



	color:#686868;



	text-decoration:none;



	}







p.pdf{font:normal 20px 'Roboto', sans-serif;color:#2c3c91;margin:0px;padding:0px 0px 20px 0px;line-height:normal;}



p.pdf a{color:#2c3c91;text-decoration:none;}



p.pdf img{vertical-align:middle;margin-right:10px;}



.footer_block .menu{background:none;}



@media only screen and (max-width:999px){



.heading h2 { font-size:21px;}



.form_heading h2 { font-size:22px; line-height:33px;}



.form_heading { padding-bottom:17px;}



.submit { background-size:contain;}



	}



@media only screen and (max-width:767px){



.left_content {float: none;width: 100%; margin-bottom:30px;}



.form_section {float: none;margin: 0 auto;width: 60.6%;}



.project_content {background:#3E4C93;padding: 30px 0;}



.project_block {float: none;margin: 0 auto 30px auto;width: 60%;}







	}



@media only screen and (max-width:479px){



.heading h2 {background:none;font-size: 25px;  padding-left:0;}



.form_section {width: 89.6%;}



.project_block {width: 85%;}







	}



@media only screen and (max-width:319px){



	}







/* footer



------------------------------*/



.footer {color:#a8a7a7;}



.footer_top {



	background:#222222;



	padding:27px 0 0 0;



	}



.footer_main {



	position:relative;



	}



.footer_block {



	width:40.8%;



	float:left;



	}



.footer_block h2 {



	font-size:16px;



	color:#fff;



	text-transform:uppercase;



	font-family: 'Roboto', sans-serif;



	font-weight:500;



	margin-bottom:25px;



	}



.footer_block ul {



	list-style:none;



	}



.footer_block ul li {



	display:block;



	margin-bottom:20px;



	}



.footer_block ul li a {



	background:url(images/bullet1.jpg) no-repeat left 2px;



	padding-left:19px;



	text-decoration:none;



	color:#a8a7a7;



	text-transform:uppercase;



	font-size:14px;



	}



.footer_block1 {



	width:44%;



	}



.footer_block1 ul li.phone {



	background:url(images/phone.png) no-repeat left center;



	padding:5px 0 3px 26px;



	text-transform:inherit;



	color:#a8a7a7;



	text-transform:uppercase;



	font-size:14px;



	}



.footer_block1 ul li a {



	background:url(images/phone.png) no-repeat left center;



	padding:5px 0 3px 26px;



	text-transform:inherit;



	}



.footer_block1 ul li a.mail {



	background:url(images/mail.png) no-repeat left center;



	padding:5px 0 5px 29px;



	}



.footer_block1 ul li a.link {



	background:url(images/globe.png) no-repeat left center;



	padding:5px 0 5px 31px;



	}



.footer_block2 {



	text-align:center;



	width:15.2%;



	}



.footer_block2 a {



	display:inline-block;



	margin:0 5px;



	}



.bdr {



	position:absolute;



	left:0px;



	top:20px;



	}



.bdr img {



	width:100%;



	}



.footer_bottom {



	background:#000;



	padding:21px 0 26px 0;



	}

	

.footer_bottom p{text-align:center;margin:0px;padding:10px 0px 0px 0px;}

.footer_bottom p a{color:#fff;text-decoration:none;}



.footer_bottom span {



	display:block;



	text-align:center;



	color:#a8a7a7;



	}



.footer_bottom span a {



	text-decoration:none;



	color:#748af8;



	}







@media only screen and (max-width:767px){



.footer_block {width: 28.8%;}



.footer_block1 {width: 45.8%;}



.footer_block2 {width: 25.1%;}



}



@media only screen and (max-width:479px){



.footer_block { width: 100%;}



.footer_block2 {width: 51%;}



.footer_top { padding-bottom:30px;}



.footer_bottom span {font-size: 14px;}



	}



@media only screen and (max-width:319px){



.footer_block2 {width: 55%;}



	}



	



/* ABOUT US



--------------------------------*/



.about {



	padding:50px 0 0 0;



	border-top:10px solid #f3f3f3;



	}



.heading1 {



	margin-bottom:40px;



	}



.about_block {



	padding-bottom:40px;



	font:14px Helvetica, Arial, sans-serif;



	color:#686868;



	}



.about_block h3 {



	font-style:normal;



	color:#2c3c91;





	font-size:20px;



	padding-bottom:4px;



	border-bottom:1px solid #2c3c91;



	margin-bottom:18px;



	/*font-family: Helvetica, Arial, sans-serif;
	font-weight:normal;*/
	
	font-family: 'Roboto', sans-serif;


	font-weight: 700;
	



	}



.about_img {



	float:left;



	border:2px solid #ccc;



	margin-right:22px;



        line-height: 1px;



	}



.about_img img {



	width:100%;



	}







.about_block p {



	line-height:20px;



	}



@media only screen and (max-width:767px){



.about_img {margin-bottom:18px;}



.about_img {width: 40%;}



}



@media only screen and (max-width:479px){



.about_img {float: none;margin: 0 auto 20px auto;width: 65%;}



}



@media only screen and (max-width:319px){



.about_block h3 { font-size:16px;}



	}



	



/* Project_Us



--------------------------------*/



.project_img {



	width:27%;

	line-height:1px;



	}



.project_info {



	float:left;



	width:69%;



	}



.project_info h3 {



	font-size:17px;



	font-weight:normal;



	margin-bottom:12px;



	padding-bottom:8px;



	font-family: Helvetica, Arial, sans-serif;



	}



.project_info h3 strong {



	font-size:16px;



	color:#676768;



	font-style:normal;



	}

.project_info h3 a {



	font-size:16px;



	font-weight:normal;



	font-family: Helvetica, Arial, sans-serif;

	

	color:#676768;

	

	text-decoration: none;

	

	font-weight: bold;



	}



.project_info h3 a:hover { color:#2c3c91; text-decoration: none; }



.project_info span {



	display:block;



	font:14px Helvetica, Arial, sans-serif;



	color:#676768;



	margin-bottom:10px;



	}



.project_info span strong {



	color:#2c3c91;



	font-weight:normal;



	}



.project_info span strong.italic {



	font-size:17px;



	font-style:italic;



	}



.pro_us_block {



	border-bottom:1px dashed #000;



	margin-bottom:37px;



	}



.nobdr {



	border-bottom:0;



	}



@media only screen and (max-width:999px){



.project_info {width: 68%;}



	}







@media only screen and (max-width:767px){



.project_img {width: 40%; float:none;}



.project_info {width: 100%; float:none;}



}



@media only screen and (max-width:479px){



.project_img {width: 55%;}



}



@media only screen and (max-width:319px){



	}



/* contact_us



--------------------------*/



.contact {



	padding-bottom:65px;



	}



.contact_form {



	



	}



.map_siction {



	width:62.9%;



	float:left;



	font:14px Helvetica, Arial, sans-serif;



	color:#5b5b5b;



	}



	



.map_siction  h2{font-weight:700;



	font-size:30px;



	color:#2c3c91;



	padding:0px 0px 15px 0px;



	line-height:30px;



	font-family: 'Roboto', sans-serif;}



.map_siction  h2 span{font-size:20px;color:#5b5b5b;}



.map_siction p{padding-bottom:12px;}



.map_siction p a{color:#5b5b5b;}



.map_img {



	border:1px solid #bdbdbd;



	margin-bottom:19px;



	}



.map_img img {



	width:100%;



	}



.heading3 strong {



	font:17px Helvetica, Arial, sans-serif;



	color:#2c3c91;



	font-style:italic;



	margin-bottom:3px;



	display:block;



	float:left;



	}



.heading3 span {



	display:block;



	float:left;



	height:6px;



	padding-top:9px;



	}



.map_siction p {



	line-height:19px;



	}



.heading2 {



	margin-bottom:40px;



	}

.form_section [placeholder]{color:#fff;}





::-webkit-input-placeholder { / WebKit browsers /

    color:    #fff;

}

:-moz-placeholder { / Mozilla Firefox 4 to 18 /

   color:    #fff;

   opacity:  1;

}

::-moz-placeholder { / Mozilla Firefox 19+ /

   color:    #fff;

   opacity:  1;

}

:-ms-input-placeholder { / Internet Explorer 10+ /

   color:    #fff;

}





div.wpcf7-validation-errors{color:#f7e700;}

div.wpcf7-mail-sent-ok {color:#398f14;}





@media only screen and (max-width:999px){



.heading3 span {height: 6px;padding-top: 10px;width: 84%;}



	}



@media only screen and (max-width:767px){



.contact_form {float: none; margin-bottom:20px;}



.map_siction {float: none;width: 100%;margin-bottom:20px;}



}



@media only screen and (max-width:479px){



}



@media only screen and (max-width:319px){



	}





.content-area { margin-bottom: 40px; }


::-webkit-input-placeholder {
   color: #fff;
}

:-moz-placeholder { /* Firefox 18- */
   color: #fff;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;  
}

:-ms-input-placeholder {  
   color: #fff;  
}