/* Main Style File */

/**
 * Table of Contents:
 *
 * 1.0 - General Style
 * 2.0 - Basic Structure
 * 3.0 - Buttons
 * 4.0 - Buttons Animation
 * 5.0 - Header
 * 7.0 - Counter Section
 * 8.0 - Team  Section
 * 9.0 - Plan  Section
 * 10.0 - Testimonials  Section
 * 11.0 - Contact Section
 * 12.0 - Protfolio Section
 * 13.0 - Twitter Section
 * 14.0 - Footer Section
 * 15.0 - Blog post Section
 * 16.0 - Single post Section
 * 17.0 - 404  Section
 * 18.0 - loader  Section
 * 19.0 - Demo  Section
 * 20.0 - Scroll buttion 
 * 21.0 - Responsive Section

 * -----------------------------------------------------------------------------
 */
 
 /**
 * 1.0 General Style
 * -----------------------------------------------------------------------------
 */
 
 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}

audio,
canvas,
video {
	display: inline-block;
	max-width: 100%;
}

html {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased;

}

body {
  margin: 0;
  padding: 0;
  /*Default font size */
  font-size: 15px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased;
  background:#faf9f5;
}

a,a:hover,a:visited,a:focus{
	text-decoration:none;
}
:focus {
	outline: -webkit-focus-ring-color auto 0px;
}
a{
	color:#333;
}

a:hover{
	color:black;
}

input:focus,textarea:focus{
	box-shadow:none !important;
	color:black !important;
}
input,textarea {
	border-radius:50px !important;
	border:2px solid #ccc !important;
}

/**
 * 2.0 Basic Structure
 * -----------------------------------------------------------------------------
 */
 
 
#main_container {
  max-width:1500px;
  width:100%;
  margin:auto
}
 
.container {
  max-width:911px;
  margin: auto;
}
 
p {
  font-size:15px;
  color: #555;
  line-height:25px;
}
 
h1 {
  font-size: 30px;
  color: #fff;
  margin:0;
}

h2 {
  font-size:28px;
  color: #000;
  margin:0;
}

.no-padding{
	padding:0px;
}


/**
 * 3.0 header Section 
  * -----------------------------------------------------------------------------
*/
 
.sidebar{
	background:#2a2a26;
	padding:60px 45px;
}
.nav ul{
	border-top:1px solid #1d1d1b;
	border-bottom:1px solid #1d1d1b;
	padding:20px 0px;
	margin-top:30px;
	text-transform:uppercase;
	font-size:15px;
}
.nav ul li{
	list-style:none;
}
.nav ul li a{
	color:#2fbfc0;
	text-decoration:none;
	display:block;
	padding:5px 10px;
}
.nav ul li a.active{
	color:#fff;
}
.nav ul li a:hover{
	color:#fff;
}

.search_bar{
	position:relative;
}
.search_bar #newsletter input[type=text]{
	border:3px solid #333 !important;
	color:#2fbfc0 !important;
	font-size:15px !important;
	padding: 0px 18px;
	height:50px;
    width: auto;
	margin-top:30px;
}

.search_icon .fa{
	color: #2fbfc0;
    font-size: 20px;
    position: absolute;
    top:56%;
	right:43px;
} 
 
.recent_post ul{
	border-top:1px solid #1d1d1b;
	margin-top:15px;
	font-size:15px;
}
.recent_post ul li{
	list-style:none;
	border-bottom:1px solid #42423f;
	line-height:45px;
}
.recent_post ul li a{
	color:#9c9c9c;
	text-decoration:none;
	display:block;
	padding:5px 10px;
}
.recent_post ul li a:hover{
	color:#fff;
} 
.recent_post_heading{
	color:#fff;
	font-size:20px;
	font-weight:300;
	padding-left:10px;
}


/*Right Section Start Here*/
.main_rightSection{
	margin:0;
	padding:0;
	position: relative;
/*    left:-10px;
*/}

.tittle_section{
	background:#2fbfc0;
	padding:60px 60px;
	width:100%;
}
.tittle_section h1{
	color:#fff;
	font-size:45px;
	line-height:50px;
	text-transform:uppercase;
	font-weight:700;
}

.breadcrumb{
	font-size:12px;
	background:none;
	padding-top:15px;
	margin:0;
	letter-spacing:1px;
	
}
.breadcrumb ul li a{
	color:#1a676c;
}
.breadcrumb > .active{
	color:#fff;
}

.breadcrumb > li + li:before{
	color:#1a676c;
}

.post_section{
	width:100%;
	padding:0;
	margin-top:80px;
}

.post_section h2{
	color:#2a2a26;
	font-size:30px;
	line-height:30px;
	font-weight:700;
}	

.categories_row ul{
	width:100%;
	padding-top:15px;
	font-size:11px;
	letter-spacing:1px;
	text-transform:uppercase;
}

.categories_row li{
	float:left;
	list-style:none;
}
.categories_row li a{
	color:#a3a3a3;
	text-decoration:none;
	padding-right:25px;
}
.categories_row li a:hover{
	color:#1eb2b2;
}
.categories_row .fa{
	color:#a3a3a3;
	font-size:13px;
}
.tittle_section .categories_row ul{
	padding-bottom:30px;
}
.tittle_section .categories_row ul li a{
	color:#196768;
}
.tittle_section .categories_row ul li a:hover{
	color:#fff;
}
.tittle_section .categories_row ul li a .fa{
	color:#196768;
}
.tittle_section .categories_row ul li a .fa:hover{
	color:#fff;
}

.post_block{
	background:#fff;
	padding:50px 45px;
	float:left;
	margin-top:-4px;
}
.readmore{
	font-size:15px;
	font-weight:700;
	text-transform:uppercase;
	padding-top:30px;
}
.readmore a{
	text-decoration:none;
	color:#2fbfc0;
}
.readmore a:hover{
	text-decoration:none;
	color:#2a2a26;
}
.pagination > li > a, .pagination > li > span {
    background-color: transparent;
    border: 1px solid #ddd;
    border-radius: 5px;
    color: #333;
    float: left;
    margin: 3px;
    padding: 4px 10px;
    position: relative;
    text-decoration: none;
}

.footer_section{
	background:#fff;
	padding:70px 0px;
	text-align:center;
	margin-top:80px;
}

.widget .fa{
	font-size:20px;
	margin:5px;
	color:#2a2a26;
}

.single_authordsc{
	margin-top:50px;
}
.single_authordsc h2{
	text-align:left;
	font-size:18px;
	color:#5f6565;
	font-weight:300;
	text-transform: capitalize;
}
.single_authordsc p{
	color:#555l;
	font-size:15px;
	line-height:27px;
	text-align:left;
	border-left: 4px solid #1eb2b2;
 	padding:10px 0px 10px 10px;
}
.single_authordsc a{
	color:#1eb2b2;
}
.author_img{
	width:124px;
	height:124px;
	border-radius:10px;
}

.comment_heading{
	margin-top:50px;
	border-bottom:1px solid #e5e4e1;
	padding-bottom:20px;
}
.comment_heading h2{
	font-size:20px;
	color:#2a2a26;
	font-weight:600;
}
.comment_row{
	padding:0;
	border-bottom:1px solid #e5e4e1;
	padding:40px 0px;
}
.comment_row h3{
	font-size:16px;
	font-weight:400;
	color:#6c6c6b;
}
.comment_row span{
	font-size:13px;
	color:#1eb2b2;
	letter-spacing:1px;
}
.comment_row .readmore{
	padding-top:0px;
}
.col-sm-offset-1{
	margin-left:2%;
}

.form_section{
	padding-top:70px;
}
.form_section h3{
	font-size:20px;
	color:#2a2a26;
	font-weight:600;
}
 
.form-control {
  background-color: transparent;
  border-radius: 10px !important;
  display: block;
  height: auto;
  padding: 15px;
  width: 100%;
  border: none;
  font-size: 15px;
  font-weight: 400;
}


@media screen and (max-width: 1024px) {
	.img_responsive{
		width:100%;
	}
	.single_authordsc{
		text-align:center;
	}
	.single_authordsc .pull-left{
		float:none !important;
	}
	.single_authordsc h2{
		text-align:center;
		line-height:50px;
	}
	.comment_row{
		text-align:center;
	}
	.comment_row h3{
		line-height:30px;
	}
	.comment_row .readmore{
		line-height:50px;
	}
	.comment_row .pull-right{
		float:none !important;
	}
	.col-xs-offset-1{
		margin-left:0px !important;
	}
	.comment_heading{
		text-align:center;
	}
	.form_section{
		text-align:center;
	}
	.form_section .pull-right{
		float:none !important;
	}
}

