/*

Theme Name: Rent-A-Serp Theme

Theme URI: http://www.rentaserp.com.com/

Author: Mario Cimmino

Author URI: http://www.rentaserp.com.com/

Description: Rent-A-SERP Theme was built to rank easily, and rent each page or entire site for passive income.

Version: 1.0

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready

Text Domain: Rent-A-Serp 

This theme, like WordPress, is licensed under the GPL.

*/

@charset "utf-8";

/* CSS Document */



ol,ul {

	list-style:none;

	margin:0px;

	padding:0px;

}



a,img a,img,a img {

	border:0;

	outline:0;

	text-decoration:none;

}



img {vertical-align:top;}



h1,

h2,

h3,

h4,

h5,

h6 {

  margin:0px;

  font-family: inherit;

  font-weight: normal;

  color: inherit;

}



/* Float Elements 

---------------------------------*/

.fl-lt {float:left;}

.fl-rt {float:right;}



/* Clear Floated Elements

---------------------------------*/

.clear {

  clear: both;

  display: block;

  overflow: hidden;

  visibility: hidden;

  width: 0;

  height: 0;

}



.clearfix:before,

.clearfix:after {

  content: '\0020';

  display: block;

  overflow: hidden;

  visibility: hidden;

  width: 0;

  height: 0;

}



.clearfix:after {

  clear: both;

}



img{ max-width:100%;}





/*font_face

============*/



@font-face{

	 font-family: 'helvetica_light';

	 src:url(fonts/helvetica_light-normal-webfont.ttf);

}





@font-face{

	 font-family: 'helvetica-bold';

	 src: url(fonts/helvetica-bold-webfont.ttf);

}



@font-face{

	 font-family: 'helvetica-regular';

	 src: url(fonts/helvetica-webfont.ttf);

}





/* Primary Styles

---------------------------------*/

body {

	background:#efefef;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	font-weight:normal;

	color:#000;

	margin:0;

	}

	

/* Wrapper

---------------------------------*/

.wrap

{

	width:960px;

	margin:0 auto;

}





/* Header_section

---------------------------------*/

.header_section{

	padding:0 25px 22px;

	background:#fff;

	}

	

.logo_section{

	float:left;

	padding:25px 0 0 0;

	}

	

.header_right{

	float:right;

	padding:6px 0 0 0;

	}

	

.social_media{

	float:right;

	margin:0 0 6px 0;

	}

	

.social_media a{

	display:block;

	float:left;

	margin:0 2px;

	}

	

.header_right span{

	font-family: 'helvetica-regular';

	display:block;

	float:right;

	font-size:27px;

	color:#226595;

	}

	

.header_right small{

	font-family: 'helvetica-regular';

	display:block;

	float:right;

	font-size:31px;

	color:#226595;

	}

	

/* Banner_section

---------------------------------*/



.banner_area{

	margin-top:-6px;

	

	}

	

.banner_top_bg{

	background: url(img/banner_top_bg.jpg) repeat-y left top;

	height:6px;

	border-radius:5px 5px 0 0;

	margin:0 2px;

	}

	

.banner_section{

	background:url(img/banner_bg.jpg) repeat-y left top;

	border:1px solid #fefefe;

	padding:0px 0px 11px 15px;

	position:relative;

	}

	

.left_banner{

	float:left;

	padding:15px 0 0 0;

	}

	

.banner_right{

	background: url(img/shadow_white.png) no-repeat right top;

	width:474px;

	position:absolute;

	right:15px;

	z-index:20px;

	top:0;

	padding:15px 0 16px 0;

	}

	

	

.estimate_form{

	background:#3976a3 url(img/form_bg.jpg) repeat-x left top;

	float:right;

	width:307px;

	border-radius:19px;

	padding:0 0 24px 0;

	}

	

.form_head{

	background:#178add;

	position:relative;

	border-radius:19px 19px 0 0;

	padding:13px 0px 12px;

	}

	

.form_head h2{

	font-family: 'helvetica-bold';

	font-weight:normal;

	font-size:30px;

	color:#ffffff;

	text-align:center;

	}



.blue_arrow{

	background:url(img/blue_arrow.png) no-repeat left top;

	width:36px;

	height:19px;

	position:absolute;

	bottom:-19px;

	left:50%;

	margin-left:-18px;

	}

	

.estim_form{

	padding:49px 12px 0;

	}

	

.estim_form p{

	font-family: 'helvetica_light';

	margin:0px;

	font-size:10px;

	color:#ffffff;

	text-align:center;

	}

	

.field_row{

	margin:0 0 18px 0;

	}

	

.field_row label{

	font-family:Arial, Helvetica, sans-serif;

	float:left;

	display:block;

	font-size:14px;

	color:#ffffff;

	width:90px;

	padding:8px 0 0 0;

	font-weight:bold;

	}

	

.text_field{

	font-family:Arial, Helvetica, sans-serif;

	float:left;

	width:174px;

	height:32px;

	line-height:32px;

	padding:0 8px;

	border:1px solid #98b0c2;

	outline:0px;

	font-size:15px;

	color:#3d3e3e;

	}

	

.sub_btn_section{

	background: url(img/sub_btn_bg.png) no-repeat left top;

	background-size:contain;

	width:279px;

	height:52px;

	font-size:24px;

	color:#1b1b1b;

	border:0px;

	outline:0px;

	margin:0 0 18px 0;

	cursor:pointer;

	text-shadow:2px 2px 1px #fadf6c;

	

	}

.border_btm{

	background:url(img/border_bg.png) no-repeat left bottom;

	background-size:contain;

	height:32px;

	width:960px;

	position:absolute;

	bottom:-22px;

	left:0px;

	}

	

/*feature_section*/



.feature_section{

	background:#f4f4f4 url(img/bg1.jpg) repeat-x left top;

	padding:25px 28px 28px 28px;

	border-bottom:6px solid #fff;

	}

	

.feature_block{

	float:left;

	width:275px;

	margin-right:39px;

	}

	

.feature_block:nth-child(3){

	margin-right:0px;

	}

	

.feature_block .head{

	font-family: 'helvetica-regular';

	font-weight:normal;

	font-size:20px;

	color:#626262;

	display:inline-block;

	margin:0 0 10px 0;

	}

.feature_block h1{

	font-family: 'helvetica-regular';

	font-weight:normal;

	font-size:20px;

	color:#626262;

	display:inline-block;

	margin:0 0 10px 0;

	}

	

.feature_block .head span{

	display:inline-block;

	border:2px solid #7b7b7b;

	border-radius:50%;

	width:32px;

	height:32px;

	font-size:23px;

	color:#626262;

	text-align:center;

	line-height:32px;

	margin:0 17px 0 0;

	}

.feature_block h1 span{

	display:inline-block;

	border:2px solid #7b7b7b;

	border-radius:50%;

	width:32px;

	height:32px;

	font-size:23px;

	color:#626262;

	text-align:center;

	line-height:32px;

	margin:0 17px 0 0;

	}

	

.feature_block p{

	font-family: 'helvetica-regular';

	margin:0px;

	font-size:14px;

	color:#626262;

	}

	

	

 /*Testimonial_section*/

 

 .testimonial_area{

	 background:#3e89c2 url(img/bg2.jpg) repeat-x left top;

	 border:1px solid #135d8c;

	 position:relative;

	 }

	 

.bottom_arrow{

	background:url(img/bottom_arrow.png) no-repeat center bottom;

	bottom: -18px;

    height: 37px;

    left: -14px;

    position: absolute;

    width: 985px;

	background-size:contain;

	}

	 

.testimonial_section{

	padding:32px 15px 32px 32px;

	border-bottom:1px solid #fff;

	}



.testimonial_info{

	float:left;

	width:448px;

	}

	

.testimonial_info .testi_head{

	font-family: 'helvetica-bold';

	font-size:36px;

	color:#ffffff;

	font-weight:normal;

	margin:0 0 26px 0;

	}

	

.testimonial_info p{

	margin:0px 0 24px 0;

	font-size:15px;

	color:#ffffff;

	font-family:Tahoma, Geneva, sans-serif;

	}

	

.testimonial_info span{

	font-family: 'helvetica-bold';

	display:block;

	font-size:17px;

	color:#ffffff;

	text-align:right;

	margin:0 0 30px 0;

	}

	

.testimonial_info span.margin{

	margin-bottom:0px;

	}

	

.testimonial_video{

	float:right;

	}

	

.footer_section{

	padding:20px 0px;

	}

	

.footer_section span{

	font-family:Tahoma, Geneva, sans-serif;

	display:block;

	text-align:center;

	font-size:16px;

	color:#a4a4a4;

	line-height:22px;

	}

	

	.footer_section a{

	font-family:Tahoma, Geneva, sans-serif;

	display:block;

	text-align:center;

	font-size:16px;

	color:#333;

	line-height:22px;

	}

/*Inner1*/



.content_area{

	padding:30px 25px;

	background:#f3f3f3;

	box-shadow:0px 5px 5px #666;

	}

	

.content_area h2{

	font-family: 'helvetica-bold';

	font-size:38px;

	color:#030;

	line-height:normal;

	margin:0 0 25px 0;

	}

	

.content_area p{

	font-family: 'helvetica-regular';

	margin:0px 0 15px 0px;

	font-size:15px;

	color:#000;

	line-height:22px;

	}





/*font-family: 'helvetica_light';

font-family: 'helvetica-regular';

font-family: 'helvetica-bold';

*/











/* ==========================================================================

   Media Queries

   ========================================================================== */







@media only screen and (min-width: 768px) and (max-width: 979px) {



.wrap {max-width:748px;}

.banner_right{ padding:15px 0 38px;}

.feature_block { margin-right: 12px; width: 222px;}

.feature_block p{ font-size:13px;}

.testimonial_info{ float:none; margin:0px auto 20px;}

.testimonial_video{ float:none; margin:0px auto; width:437px;}

.border_btm{ width:748px;  bottom: -16px;}

.bottom_arrow{width: 768px; left:-13px; bottom: -15px;}     

}



@media only screen and (max-width: 767px) {

.wrap {max-width:460px;}

.logo_section{ width:230px; float:none; margin:0px auto 20px;}

.header_right{ float:none; width:220px; margin:0px auto;}

.header_right span{ font-size:20px;}

.header_right small{ font-size:20px;}

.left_banner{ float:none; width:400px; margin:0px auto;}

.banner_right{ position:static; float:none; margin:0px auto; padding:17px 0 15px 0; width:443px; background:none; }

.left_banner{ width:442px; margin:0px auto 20px; padding:0px;}

.estimate_form{ float:none; margin:0px auto 10px; }

.border_btm { width:459px; bottom: -15px;}

.banner_section{padding: 0 0 0 15px;}

.feature_block { float:none; margin:0px auto 20px;}

.feature_block:nth-child(3) {margin:0px auto;}

.testimonial_info { float:none; margin:0px auto 25px; padding:0 15px; width:376px;}

.testimonial_video{ float:none; width:437px; margin:0px auto;}

.testimonial_section{padding: 32px 10px 32px}

.testimonial_info .testi_head { font-size:28px; margin:0 0 15px;}

.bottom_arrow{ width:472px; bottom: -8px; left: -8px;}       

}



@media only screen and (max-width: 479px) {

	

.wrap {max-width:300px;}

.left_banner { width:294px;}

.banner_section {padding: 0 5px;}

.banner_right { width:295px;}

.form_head h2{ font-size:20px;}

.estim_form{padding: 28px 12px 0;}

.field_row label{ float:none; margin:0 0 10px 0;}

.field_row{ margin:0 0 8px 0px;} 

.estimate_form{ width:265px;}

.sub_btn_section{ width:200px; font-size:17px; height:37px; margin:15px 0 15px 0;}

.feature_block{ width:264px;}

.feature_block .head{ font-size:19px;}

.feature_block .head span{ width:25px; height:25px; font-size:18px; line-height:25px;}

.border_btm {bottom: -11px; width: 300px;}

.testimonial_info .testi_head{ font-size:22px;}

.testimonial_info{ width:260px;}

.testimonial_video{ width:270px;}

.bottom_arrow { bottom: -6px; left: -6px; width: 308px;}

.footer_section span{ font-size:12px;}     

}

.footer_section span a{ display:inline-block; color:#a4a4a4; }

.footer_section a small{ display:inline-block; color:#000; font-size:16px;}
.top_block{ padding:20px 25px; background:#e8e7e6; !important; border-radius:12px; width:700px; margin:150px auto;}

.top_block p{ font-size:16px; line-height:normal; color:#000; text-align:center;}
.top_block a{ color:#207360; font-weight:bold;}
.top_block a:hover{ text-decoration:underline;}
.head{
color: #FFFFFF;
    font-family: 'helvetica-bold';
    font-size: 30px;
    font-weight: normal;
    text-align: center;
	margin:0px;
}



