/*
Theme Name: Suraj Design
Theme URI: http://nexstair.com
Author: the Nexstair team (S. Hassan)
Author URI: http://nexstair.com/
Description: In 2015, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier.
Version: 1.0
 * -----------------------------------------------------------------------------
*/
.left{float:left;}
.right{float:right;}
.cleft{ clear:left;}
.cright{ clear:right;}
.clear{ clear:both;}
img{ border:none; max-width:100%; display:block;}
ul, body{ margin:0; padding:0; list-style-type:none;}
a{ text-decoration:none;}
body{ font-family: 'Open Sans', sans-serif; font-size:16px; margin:0 auto;}
	
	
/*====================== Header =======================*/
	
	.header{ background:#157ea9;}
	.navigations{margin: 0 auto; max-width: 960px; position: relative; width:96%; min-height:55px; text-align:right;}
	.navigations ul{ list-style:none;}
	.navigations ul li{ display:inline-block; vertical-align:top;}
	.navigations ul li a{ display:inline-block; font-size:18px;color:#ffffff; padding:15px 10px;font-family: 'PT Sans', 'Open Sans', sans-serif;}
	.navigations ul li a:hover{color:#ffffff;}
	
	
/*======================banner=========================*/	
	.banner{ background:#181818; overflow:hidden;}
	.banner_inner{margin: 0 auto; max-width: 960px; position: relative; width:96%; padding:6% 0 0;}
	.banner_right_text {max-width: 600px; width: 63%;/*max-width: 625px;  width: 66%;*/ color:#ffffff; margin:0 0 20px; padding:0 12px 0 0;}
	.banner_right_text h3{ font-weight:600; font-size:27px;/*font-size:30px;*/ margin-top:0;}
	.banner_right_text p{font-family: 'PT Sans', 'Open Sans', sans-serif; text-align:justify; font-size:18px;/*font-size:20px;*/ margin:0 0 0px;}	
	.banner_right_text a{ color:#00aeef;}
	.banner_right_text span{ display:block; text-align:right; color:#ffffff;font-family: 'Dancing Script', cursive; font-size:30px; margin:0 15% 0 0%;}
	.banner_image { /*width: 30%;width: 25%;width:28.5%; */ max-width:285px; width:26%; padding: 0 0 15px 5px; position:absolute; left:0; bottom:6px; z-index:2;}
	
	
	.banner_bottom_area .wpcf7-not-valid-tip{display:none !important;}
	.banner_bottom_area div.wpcf7-response-output{position:absolute; bottom:-100px; z-index:99999;}
	.banner_bottom_area { margin: -33px auto 0;}
	.left_arrow_point{ background:url(images/newsletter_left.png) no-repeat center top; width:42px; height:65px; position:absolute; left:-42px; top:0;}
	.right_arrow_point{background:url(images/newsletter_right.png) no-repeat center top; width:42px; height:65px; position:absolute; right:-42px; top:0;}
	.banner_bottom_area .wpcf7-form{position:relative;}
	.banner_bottom_area .wpcf7-form > p { margin: 0;}
	.banner_bottom_textarea{ max-width: 945px; padding: 0 0.5%; width: 99%; position:relative; background:#52ab95;margin: 0 auto; position: relative; z-index:3}
	.banner_bottom_textarea_left { width: 76%; background:url(images/splitter.png) no-repeat right center; padding:14px 0;}
	.banner_bottom_textarea_left h4{ display:inline-block;vertical-align:top; margin:0; padding:4px 5px; /*padding:8px 10px;*/ color:#ff5a00;font-family: 'Dancing Script', cursive; background:#ffffff; font-size:20px; width:15%; position:relative;}
	.banner_bottom_textarea_left h4 span{position:absolute; background:url(images/h_arrow.png) no-repeat center top; width:7px; height:11px; top:35%; right:-7px; z-index:2;}
	.banner_bottom_textarea_left .download_report{ display:inline-block; color:#ffffff; font-size:11px; margin:-2px 1%; line-height:14px;/* line-height:16px;margin:0 1.5%;*/ /*margin:0 2%;width:34%;*/ width:27%; vertical-align:top; text-align:justify;}
	.banner_bottom_textarea_left .wpcf7{ display:inline-block;vertical-align:top; width:53%; /*width:40%; margin:10px auto;*/ margin:5px auto;}
	.textbox1{font-family: 'Open Sans', sans-serif;  display:inline-block;  margin:0 auto; border: thin solid #ffffff; height:26px; background:#ffffff; font-size:13px; vertical-align:top; /*color:#969696;width:29%; color:#292828;*/ color:#000000; padding:0 2px; width:40%; }
	.submit_form{cursor:pointer; display:inline-block; border:none; font-size:0; text-indent:-99999px; background:url(images/yes_icon.png) no-repeat center top; width:49px; height:27px; vertical-align:top;}
	
	.n_social_icons{ width:23%; padding:15px 0;}
	.n_social_icons ul{ list-style:none;}
	.n_social_icons ul li{ display:inline-block; vertical-align:middle; color:#ffffff; margin:0 -1px; font-size:13px;}
	.n_social_icons ul li a{ display:block; width:32px; height:32px; font-size:0; text-indent:-99999px; color:#141414; background:url(images/social_icons.png) no-repeat;}
	.n_social_icons li.f_icon a{ background-position:0 -32px;}
	.n_social_icons li.t_icon a{ background-position:-35px -32px;}
	.n_social_icons li.in_icon a{ background-position:-69px -32px;}
	.n_social_icons li.g_icon a{ background-position:-103px -32px;}
	.n_social_icons li.y_icon a{  background-position:-137px -32px;}
	.n_social_icons li.f_icon a:hover{ background-position:0 0;}
	.n_social_icons li.t_icon a:hover{ background-position:-35px 0;}
	.n_social_icons li.in_icon a:hover{ background-position:-69px 0;}
	.n_social_icons li.g_icon a:hover{ background-position:-103px 0;}
	.n_social_icons li.y_icon a:hover{ background-position:-137px 0;}
	
	.featured_slider {  margin:25px 0 0;}
	.featured_slider_inner{margin: 0 auto; max-width: 930px; position: relative; width:96%; padding:0% 0 0; background:#f3f3f3; padding:0 1%;}
	.featured_slider_inner h3{background:url(images/f_h_bg.png) repeat-x center bottom, url(images/bg2.png) no-repeat center bottom; padding:15px 0 20px; color:#000000; text-align:center; font-weight:normal; font-size:30px; margin:0;}
	/*================================ Client Slider Style ============================*/
	
	#flexiselDemo3 {display:none; padding:25px 0; overflow:hidden;}
	.nbs-flexisel-container { position:relative; max-width:100%;}
	.nbs-flexisel-ul { position:relative; width:9999px; margin:0px; padding:0px; list-style-type:none;}
	.nbs-flexisel-inner { overflow:hidden; width:100%;}
	.nbs-flexisel-item {float: left; text-align: center; vertical-align: middle;}
	.nbs-flexisel-item img { cursor: pointer; position: relative; display:inline-block;}
	.tab-internal {text-align: center; vertical-align: top;}
	.tab-internal img { display: inline-block;}
/*====================== content ======================*/
	.content_area{margin: 0 auto; max-width: 960px; position: relative; width:96%; padding:60px 0;}
	.content_area_left {max-width: 611px;width: 64%;}
	.category_links_area{ position:relative;}
	.category_arrow{ position:absolute; left:-45px; top:15px;}
	.category_links_area h3{ color:#157ea9; margin:0; font-weight:400; font-size:25px; }
	.category_links_area h3 a{ color:#000;}
	.category_links{ background:#e0e0e0; padding:3px 0 0; border-bottom:3px solid #157ea9; margin:20px auto 40px;}
	.category_links ul{ list-style:none;}
	.category_links ul li{ display:inline-block;}
	.category_links ul li a{ display:inline-block; padding:10px 12px; color:#000; font-size:15px;}
	.category_links ul li.current a, .category_links ul li a:hover{ background:#157ea9; color:#ffffff;}
	.post_area{margin:0 0 13%;}
	.post_title{ position:relative;}
	.post_title h3{ color:#ffffff; font-size:31px; font-weight:600; background:#181818; margin:0; padding:12px 15px;}
	.comments_count{ background:url(images/view_arrow.png) no-repeat left top;bottom: -32px; left: -8px; padding-top: 9px; position: absolute;  z-index: 9;}
	.comments_count p{ margin:0; padding:5px 15px; display:inline-block; background:#a8b943; color:#ffffff;}
	.comments_count a{ color:#ffffff;}
	.comments_count span{font-weight:600;}
	
	.post_image{width:100%;}
	.post_image img{ width:auto; height:auto;}
	.post_text p{color:#000; font-size:15px; padding:10px 0; text-align:justify;}
	.post_meta{ overflow:hidden; border-bottom:thin solid #dddddd; border-top:thin solid #dddddd; margin:40px 0 0;}
	.post_meta ul li{padding:10px 0; list-style:none;}
	.reading_more a{background:url(images/link_arrow.png) no-repeat left 0.1em; color:#a8b943; font-size:15px; padding:0 0 0 20px; display:inline-block; text-transform:uppercase;}
	.posts_paginations ul li{display:inline-block;}
	.content_area_right{ max-width:305px; width:32.5%; padding:54px 0 0;}
	.content_area_right aside, .content_area_box{ margin:0 0 30px;}
	.content_image{ position:relative; width:100%;}
	.content_image h2{position:absolute; bottom:15px; left:10px; margin:0; color:#ffffff; font-weight:700; font-size:22px; text-transform:uppercase;}
	.popular-posts, .content_box_text{ border:thin solid #d4d4d4; border-top:none; border-bottom:6px solid #d4d4d4; padding:20px 15px;}
	.popular-posts, .content_box_text2{ border-top:thin solid #d4d4d4; padding:20px 0;}
	.popular-posts{border-left:none; border-right:none; border-top:none;}
	
	.content_box_text3{ border-top:thin solid #d4d4d4;}
	.content_box_text4{ border-top:thin solid #d4d4d4; padding:0px;}
	.content_box_text p{ color:#000; text-align:justify; margin:0; font-size:15px;}
	.learn_more{ font-size:18px; font-weight:700; color:#ffffff; background:#97c900 url(images/more_icon.png) no-repeat 92% 0.4em; display:inline-block; padding:7px 50px 7px 15px; border-radius:5px; margin:10px 0 0;}
	.popular-posts .widget-title, .content_box_text h3{ font-weight:700; font-size:20px; text-align:center; background:url(images/bg2.png) no-repeat center bottom, url(images/bg1.png) repeat-x center bottom; padding:0px 0 25px; margin:0; color:#ff7e00; width:90%; margin:0 auto; position:relative; z-index:1; display:block;}
	.sidebar_social_icons{ background:url(images/bg3.png) repeat center top;  margin:-6px 0 0; padding:35px 20px 10px;}
	.sidebar_social_icons ul{ list-style:none; text-align:center;}
	.sidebar_social_icons ul li {display: inline-block; margin: 0 0 0 -15px; position:relative; width:23%;}
	.sidebar_social_icons li:first-child { margin: 0;}
	.sidebar_social_icons ul li:hover{ z-index:4;}
	.book_image {margin-right: 5%; width: 44%;}
	.content_box_text p.book_des{ font-size:13px; text-align:left; color:#000; line-height:21px;}
	
	.reviews{text-align:center; padding:15px 0;}
	.reviews span{display:block; color:#2d2d2d; font-weight:600; font-size:16px;}
	.reviews img{display:inline-block;}
	span.purchase{/*color:#2d2d2d;font-size:16px; vertical-align:middle;*/
	  float: left; font-size: 20px; font-weight: 600; margin-right: 4px; margin-top: -1px;color:#000;}
	.amazon_logo{ display:inline-block; vertical-align:middle; width:56%;}
	.content_box_text ul{ list-style:none;}
	.wpp-list li, .content_box_text ul li{ padding:5px 0;}
	.wpp-list li a, .content_box_text ul li a{ color:#000; font-size:14px;}
	.wpp-list, .popular_posts{width:90%; margin:0 auto;}
	
	.testimonial_wrapper{ margin:5px auto 0; width:100%;}
	.testimonial_image{ border:3px solid #d6d6d6; width:79px; margin-left:15px;}
	.testimonial_text{ position:relative; border:thin solid #d6d6d6; border-radius:4px; padding:10px 3%; text-align:center; width:84%; margin:20px auto 0;}
	.testimonial_text p{ color:#000; font-size:15px; text-align:center;}
	.testimonial_text .testimonial_arrow{ position:absolute; top:-30px; left:36%}
	.testimonial_navi{width:95%; text-align:right; margin:10px 0 0;}
	.testimonial_navi ul li{display:inline-block;}
	.testimonial_navi ul li span{cursor:pointer;}
	
	
	.posts_title{}
	.posts_title ul{list-style:none;}
	.posts_title ul li{display:inline-block; border-left:thin solid #d5d5d5; border-bottom:thin solid #d5d5d5; width:24.8%; margin:0 -2px; padding:0;}
	.posts_title ul li.active{background:#ffffff; border-bottom:none;}
	.posts_title ul li.active a{ background:#ffffff;}
	.posts_title ul li a{color:#000; display:block; text-align:center; font-size:13px; background:#ebebeb; padding:11px 0;}
	.posts_title ul li:first-child{border-left:none; margin:0 -2px 0 0;}
	.posts_wrapper{width:90%; margin:25px auto;}
	.sidebar_post{ margin:40px auto 0;}
	.sidebar_post_image { max-width: 81px; width: 30%;}
	.sidebar_post_text{ width:65%;}
	.sidebar_post_text p{ color:#000000; font-size:14px; text-align:left; padding:0 0 5px;}
	.sidebar_post_text span{ border-bottom: 1px solid #898989; border-top: 1px solid #898989; color: #000;  display: block; margin: 10px 0 0; padding: 5px; font-size:13px; font-style:italic;}
	.sidebar_post_text{}
	
/*====================== footer =======================*/
	.footer{ background:#181818; padding:50px 0 25px;}
	.top_footer{ position:relative;}
	.top_footer_inner{position:relative; max-width:960px; width:96%; margin:0 auto; padding:0px 0 40px; color:#ffffff;}
	.top_footer_inner a{color:#ffffff;}
	.footer_video { max-width: 415px; width: 44%;}
	.top_footer_text { width: 46.5%;}
	.top_footer_text h3{ font-weight:600; font-size:19px; text-transform:uppercase; margin:0; padding:10px 0 15px;}
	.top_footer_text span{ font-size:14px; text-align:center; display:block; margin:25px 0 0;}
	.form_fields{ width:50%; display:inline-block; vertical-align:top; margin-right:3%;}
	
	.bottom_footer{position:relative; max-width:960px; width:96%; margin:0 auto; padding:15px 0 0; color:#ffffff; border-top:thin solid #555555;}
	.bottom_footer a{color:#ffffff;}
	.footer_navigations{ text-align:center;}
	.footer_navigations ul li{ display:inline-block; background:url(images/f_splitter.png) no-repeat right center; padding:5px 12px 5px 8px;}
	.footer_navigations ul li:last-child{background:none;}
	.footer_navigations ul li a{ font-size:15px;}
	.footer_navigations2 ul li, .footer_navigations2 ul li a{font-size:13px;}
	
	.footer_form{ width:100%; margin:5px auto 30px;}
	.textbox2{ display:block; width:90%; margin-bottom:8px; color:#6f6f6f; font-weight:300;  height:27px; border:none; padding:0 5%;}
	.f_form_submit{ background:#ff7e00; border:none; cursor:pointer; color:#ffffff; display:inline-block; margin:9px 0 0; font-weight:700; font-size:20px; padding:8px 20px;font-family: 'Open Sans', sans-serif; border-radius:5px;}
	
	
	
	
	.nav_button{ display:none; color:#ffffff; padding:15px; cursor:pointer;}
		
/*=====================WP========================*/	
	.banner_bottom_textarea_left div.wpcf7 img.ajax-loader{display:none;}
	.widget-title{display:none;}
	.navigations ul li.home_icon a{background:url(images/h_icon.png) no-repeat center center;font-size: 0; height: 20px; width: 30px;}
	.copyright_link a{cursor:text;}
	.content_area_right .wpt_widget_content .entry-title{font-size:18px;}
	.content_area_right .wpt_widget_content ul.has-4-tabs li { width: 25%;}
	.content_area_right .wpt_widget_content .has-4-tabs .tab_title.selected a {border-bottom:none;}
	.content_area_right .wpt_widget_content .tab_title a { background: none repeat scroll 0 0 #ebebeb; line-height:normal; color: #000; display: block; font-size: 13px;padding: 11px 0; text-align: center;	font-weight:normal;	}
	.content_area_right  .wpt-postmeta{/*border-bottom: 1px solid #898989; border-top: 1px solid #898989;*/ color: #000; display: block; font-size: 13px; font-style: italic; margin: 10px 0 0;   padding: 5px;}
	#temp_load img{display:inline-block;}
	
	.site-main {margin: 0 auto; max-width: 960px; padding: 30px 0; width: 96%;}
	.home .site-main {margin: 0 auto; max-width: inherit; padding:0px 0 0; width:100%;}
	
	.entry-title, .page-title, .archive-title{ font-size: 36px;  margin: 0; text-transform: uppercase;}
	.site-main a{ color: #000;}
	.thumbnail_wrapper{margin:5px 0 0 20px;}
	.entry-footer span { display: inline-block; margin: 0 10px 0 0;}
	.entry-content p{ line-height:26px;}
	.entry-title a{font-size:22px;}
	.footer_form form p { display: inline-block; margin: 0;}
	.top_footer_text span.wpcf7-form-control-wrap{margin:0 0 15px; display:block;}
	.top_footer_text span.wpcf7-not-valid-tip { display: block;  font-size: 12px;  left: 0;  margin: 0; position: absolute;  text-align: left;  top: 25px; width: 100%;}
	.contact_page{overflow:hidden;}
	.contact_form{ max-width:480px; width:38%; float:left;}
	.contact_address{ max-width:650; width:55%; float:right;}
	.contact_form .wpcf7-text { border: thin solid #dedede; height: 35px;  width: 100%;}
	.contact_form .wpcf7-textarea { border: thin solid #dedede; height: 140px;  width: 100%; resize:none;}
	.contact_form. wpcf7-textarea:focus, .contact_form .wpcf7-text:focus{border: thin solid #056280;}
	.contact_form .wpcf7-submit{ cursor:pointer; padding:5px 15px; text-align:center; border:none; background:#157ea9; color:#ffffff; font-size:19px; text-transform:uppercase;}
/*=====================Pagination style========================*/
.paginations{}
.paginations ul{ list-style:none;}
.paginations ul li{ display: inline-block; margin:5px 2px; vertical-align:top;}
.paginations ul li a { border: thin solid #d4d4d4; color: #8e8e8e; display: inline-block; font-weight: 600; min-width: 20px; padding:2px 4px; text-align: center;}
.paginations ul li a.next{ background:url(images/pagination_img3.png) no-repeat center top; width:31px; height:28px; font-size:0; border:none; padding:0; vertical-align:top;}
.paginations ul li a.prev, .paginations ul li a.next:hover{border:none; min-width:inherit; padding:0; font-size:0;}
.paginations ul li a:hover, .paginations ul li span.page-numbers.current{ border:3px solid #a8b943; display:inline-block; text-align:center; min-width:20px;padding:0px 2px; text-align: center; color:#a8b943;}
.paginations ul li a.prev{ background:url(images/pagination_img1.png) no-repeat center top; width:31px; height:28px; font-size:0; border:none; padding:0; vertical-align:top;}
/*=====================responsive========================*/
	@media all and (max-width:1022px){
		.left_arrow_point, .right_arrow_point, .category_arrow{display:none;}
	}
	@media all and (max-width:950px){
		.category_links ul li a{font-size:13px;}
		.form_fields { display:block; margin:0;  width:100%;}
		.f_form_submit{display:block;}
		.banner_bottom_textarea_left {width: 100%; background: none; float:none;}
		.n_social_icons { padding: 15px 0; width:100%; float:none; margin:0 auto; text-align:center;}
	}
	@media all and (max-width:736px){
		.content_area_left { max-width:611px; float:none; width: 100%; margin:0 auto;}		
		.content_area_right {max-width: 305px;  width:100%; float:none; margin:25px auto 0;}
		.banner_right_text{float:none; width:100%;}
		.banner_image { float:none;  width:100%; margin:30px auto 0; text-align:center; position:static;}
		.banner_image img{display:inline-block;}
	}
	@media all and (max-width:710px){
		.navigations { float: right; padding: 0; width: 85px; text-align:left;}
		.nav_button{display:block; text-align:right;}
		.navigations ul {background:#157ea9;position: absolute; right: 0; top: 55px; width: 250px; z-index:9999; padding:0 15px; display:none;}
		.navigations ul li{display:block;}
	}
	@media all and (max-width:680px){
		.footer_navigations ul li a {font-size: 13px;}
		.banner_bottom_textarea_left h4{display:block;padding: 8px 3%; width: 90%;}
		.banner_bottom_textarea_left .download_report{display:block; margin:0; width:100%; margin:10px auto;}
		.banner_bottom_textarea_left .wpcf7, .banner_bottom_textarea_left form { display:block; margin: 10px auto;width: 100%; text-align:center;}
	}
	@media all and (max-width:600px){
		.footer_video { max-width: 415px;width:100%; margin:0 auto 25px; float:none;}
		.top_footer_text { width:100%; margin:0 auto; float:none;}
		.footer_form{text-align:center;}
		.f_form_submit { display:inline-block;}
		.footer_navigations ul li a { font-size: 13px;}
		.post_meta li{float:none;}
		.contact_form{ max-width:480px; width:100%; float:none;}
		.contact_address{ max-width:650; width:100%; float:none;}
		
		
	}
	@media all and (max-width:320px){
		.banner_right_text h3{font-size:18px;}
		.banner_right_text p{font-size:16px;}
		.comments_count{background:none; left:0;}
		.posts_paginations{display:none;}
	}
	@media all and (max-width:265px){
		.submit_form { display: block; margin: 10px auto 0;}
		
	}
/*-----------------------By Rabiya (THIS IS RESPONSIVE SITE USE %  IN WIDTHs , MARGINs  and Paddings) ************************/
.banner_bottom_textarea_left span.wpcf7-form-control-wrap{ margin-right:1%;}
.amazon_logo{width:47%;}
.banner_bottom_textarea_left .wpcf7{/*margin: -33px 400px;*/}
.learn_more{color:#ffffff !important;}
.span.purchase {
    color: #000000;
    display: inline-block;
    font-size: 21px;
    font-weight: 800;
    margin-right: 7px;
    vertical-align: none;
}
.testimonial_wrapper.cycle-slide.cycle-slide-active{top:-17px;}
.top_footer_text h3{text-align:justify;}
/*------image alignment------*/
   img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }
    img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }
    img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    }
    .alignright {
    float: right;
    }
    .alignleft {
    float: left;
    }
/*img.alignright{margin: -15px 0 2px 7px;}*/
.signature_img{margin:0 0 10% 7px; display:inline-block; float:right;}
.textbox2{color:#000;}