/*
Theme Name: Arav
Theme URI: https://www.flextoon.com
Author: Santhosh
Author URI: https://www.santhoshprofile.wordpress.com/
Description: Arav theme developed for Product Website. This theme most useful for any single product website. It has options for specify product description, product features and specification. Also have option for write people’s comments about products as testimonials sections and can write articles about product. It will more useful for SEO purpose. This theme developed with very SEO friendly codes and formats. 
Version: 1.1
License: FlexTOON General Public License v1 or later
License URI: 
Text Domain: arav
Tags: white, light, one-column, right-sidebar, fluid-layout, custom-menu, featured-images, responsive-layout

This theme, like WordPress, is licensed under the FlexTOON.
*/



body {
	margin:0;
	padding:0;
	color:#444;
	background:#FFF;
	font:normal 14px/22px Arial, Helvetica, sans-serif;
}
a {
	transition: color 0.2s linear;
	-moz-transition: color 0.2s linear;
	-webkit-transition: color 0.2s linear;
	-o-transition: color 0.2s linear;

	outline: none;
	color:#f7b427;
	text-decoration:none;
}
a:hover {
	transition: color 0.2s linear;
	-moz-transition: color 0.2s linear;
	-webkit-transition: color 0.2s linear;
	-o-transition: color 0.2s linear;
	
	color:#444;
	text-decoration:none;
}
h1, h2, h3, p, form, ul, li, ol { margin:0;padding:0; }
li { list-style:none; }
img {
	border:none;
	display:none;
	max-width:100%;
	height:auto;
}
.clear { clear:both; }
.not_found { margin:10% 0;text-align:center; }


/* caption */
.wp-caption { border:1px solid #dcdcdc;padding:10px; }
.wp-caption-dd { margin:10px 0 0 0; }

/* Images */
.alignleft { float: left;margin:0 15px 15px 0; }
.alignright { float: right;margin:0 0 15px 15px; }
.aligncenter { display: block;margin-left: auto;margin-right: auto; }


/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.sticky {
	display: block;
}
.gallery-caption {
	display: block;
}
.bypostauthor {
	display: block;
}


/*
// Responisve Style Formating Codes
@media (min-width: 980px) {}
@media (max-width: 979px) and (min-width: 500px) {}
@media (max-width: 499px) {}
*/



/* Layout */
@media (min-width: 980px) {}
@media (max-width: 979px) and (min-width: 500px) {}
@media (max-width: 499px) {}
.wrapper {
	max-width:980px;
	margin:0 auto;
	padding:0 10px;
}
#header_container {
	position:relative;
}
#header {
	width:96%;
	padding:25px 2%;
	background:#fff;
	z-index:9999;
	position:fixed;
	left:0;
}
#header.pan {
	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.3);
	box-shadow: 0 0 5px 0 rgba(0,0,0,.3);
}
#banner {
	background:#eee;
	position:relative;
}
#main {
	min-height:350px;
}
#footer {
	background:#ebebeb;
}

/* Header */
@media (min-width: 980px) {
	.ft_menu {
		display:inline-block;
		vertical-align:middle;
	}
	.ft_menu > li {
		margin-left:25px;
	}
}
@media (max-width: 979px) and (min-width: 500px) {
	.ft_menu {
		display:inline-block;
		vertical-align:middle;
	}
	.ft_menu > li {
		margin-left:15px;
	}
}
@media (max-width: 499px) {
	.ft_menu {
		display:none;
	}
}
.logo {
	line-height:0;
}
.logo {
	display:inline-block;
	vertical-align:middle;
}
.ft_menu {  }
.ft_menu > li {
	display:inline-block;
	position:relative;
}
.ft_menu li a {
	color:#444;
	line-height:35px;
}
.ft_menu li a:hover,
.ft_menu li:hover > a,
.ft_menu li.current_page_item > a,
.ft_menu li.current-menu-item > a {
	color:#F7B427;
}
.ft_menu ul {
	display:none;
	position:absolute;
	left:-15px;
	top:18px;
	padding:43px 0 0 0;
	min-width:150px;
	z-index:9999;
}
.ft_menu ul a {
	padding:5px 15px;
	display:block;
	background:rgba(247,180,39,.8);
	color:#fff;
}
.ft_menu ul li:hover > a,
.ft_menu ul li.current_page_item > a,
.ft_menu ul li.current-menu-item > a {
	background:#444;
	color:#fff;
}
.ft_menu li:hover ul { display:block; }
#header .social_network {
	float:right;
	margin:0;
	padding:0;
}
.social_network a {
	display:inline-block;
	width:40px;
	height:40px;
	border:1px solid #f7b427;
	line-height:40px;
	text-align:center;
	margin-left:5px;
	font-size:22px;
	
	-webkit-border-radius: 25px;
	border-radius: 25px;
}
.social_network a:hover {
	border:1px solid #444;
}

/* Home */
@media (min-width: 980px) {
	.one_three {
		width:28%;
		float:left;
	}
	.two_three {
		width:64%;
		float:left;
		margin-left:8%;
	}
	.two_three h1 {
		margin: 24px 0px 33px;
	}
}
@media (max-width: 979px) and (min-width: 500px) {
	.one_three {
		width:32%;
		float:left;
	}
	.two_three {
		width:65%;
		float:left;
		margin-left:3%;
	}
	.two_three h1 {
		margin: 24px 0px 33px;
	}
}
@media (max-width: 499px) {
	.one_three {
	}
	.two_three {
		margin-top:30px;
	}
	.two_three h1 {
		margin: 24px 0px 15px;
	}
}
h1.title {
	margin-bottom:20px!important;
}
h1 .icon {
	display:inline-block;
	vertical-align:middle;
}
h1 .label {
	display:inline-block;
	vertical-align:middle;
	font-weight:normal;
}
.one_three h1 {
	margin-bottom:10px;
}
.two_three h1 {
	font-weight:normal;
	line-height: 1em;
}


/* Banner */
@media (min-width: 980px) {
	.banner .content {
		padding:3% 12% 3% 3%;
		width:40%;
	}
}
@media (max-width: 979px) and (min-width: 500px) {
	.banner .content {
		padding:3%;
		width:80%;
	}
}
@media (max-width: 499px) {
	.banner .content,
	#banner .controls {
		display:none;
	}
}
.banner {
	position:relative;
	z-index:0;
}
.banner .img {
	line-height:0;
	position:relative;
	z-index:0;
}
.banner .img img { width:100%; }
.banner .content h1 {
	margin-bottom:15px;
	font-weight:normal;
	line-height:1.1em;
}
.banner .content {
	position:absolute;
	right:0;
	top:20%;
	z-index:10;
	background:rgba(247,180,39,.2);
	color:#FFF;
}
#banner .controls {
	width:100%;
	text-align:center;
	position:absolute;
	left:0;
	bottom:20px;
	z-index:5;
}
#banner  .numericControls li {
	display:inline-block;
	vertical-align:middle;
	margin:0 2px;
}
#banner  .numericControls li a {
	background:#444444;
	width:16px;
	height:16px;
	display:block;
	overflow:hidden;
	text-indent:-1000px;
	
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#banner .numericControls li.current a {
	background:#f7b427;
}

/* Features */
@media (min-width: 980px) {
	#features .col1,
	#features .col2,
	#features .col3 {
		float:left;
		width:28%;
		text-align:center;
	}
	#features .col2 {
		margin:0 8%;
	}
}
@media (max-width: 979px) and (min-width: 500px) {
	#features .col1,
	#features .col2,
	#features .col3 {
		float:left;
		width:32%;
		text-align:center;
	}
	#features .col2 {
		margin:0 2%;
	}
}
@media (max-width: 499px) {
	#features .col1,
	#features .col2,
	#features .col3 {
		text-align:center;
		margin-top:50px;
	}
}
#features {
	padding:50px 0;
}
#features h1 {
	text-align:center;
	margin-bottom:10px;
}
#features .read_more {
	border-top:1px solid #f7b427;
	margin-top:15px;
	line-height:18px;
}
#features .read_more a {
	display:inline-block;
	background:#f7b427;
	color:#fff;
	font-size:12px;
	padding: 3px 15px;
	
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}


/* Testimonials */
@media (min-width: 980px) {}
@media (max-width: 979px) and (min-width: 500px) {}
@media (max-width: 499px) {}
#testimonials {
	background:#ebebeb;
}
#testimonials {
	padding:50px 0;
}
.testimonials {
	position:relative;
}
.testimonials div.slide {
	position:relative;
}
.testimonials div.slide div.des {
	border-top:1px solid #f7b427;
	border-left:1px solid #f7b427;
	padding:32px 0px 10px 40px;
	margin:44px 0 0 44px;
}
.testimonials .image {
	position:absolute;
	left:0px;
	top:0px;
	width:80px;
	height:80px;
	background:#eee;
	overflow:hidden;
	text-align:center;
	line-height:80px;
	border:4px solid #f7b427;
	
	-webkit-border-radius: 50px;
	border-radius: 50px;
}
.testimonials .name {
	margin-top:5px;
}
.testimonials .controls {
	text-align:center;
	position:absolute;
	left:110px;
	top:32px;
	z-index:5;
}
.testimonials  .numericControls li {
	display:inline-block;
	vertical-align:middle;
	margin:0 2px;
}
.testimonials  .numericControls li a {
	background:#f7b427;
	width:11px;
	height:11px;
	display:block;
	overflow:hidden;
	text-indent:-1000px;
	border:2px solid #f7b427;
	
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.testimonials .numericControls li.current a {
	background:#ebebeb;
}


/* Aarticles */
@media (min-width: 980px) {}
@media (max-width: 979px) and (min-width: 500px) {}
@media (max-width: 499px) {}
#articles {
	padding:50px 0;
}
#articles .author p {
	display:inline-block;
	vertical-align:middle;
	margin-right:5px;
	width:40px;
	height:40px;
	overflow:hidden;
	
	-webkit-border-radius: 30px;
	border-radius: 30px;
}
#articles .author {
	margin-top:5px;
}


/* Downloads */
@media (min-width: 980px) {}
@media (max-width: 979px) and (min-width: 500px) {
	#downloads {
		text-align:center;
	}
	#downloads a {
		margin-bottom:15px;
	}
}
@media (max-width: 499px) {
	#downloads {
		text-align:center;
	}
	#downloads a {
		margin-bottom:15px;
	}
}
#downloads {
	background:#f7b427;
}
#downloads {
	padding:30px 0;
	font-size:22px;
	color:#444444;
}
#downloads a {
	color:#FFF;
	background:#444444;
	font-size:24px;
	display:inline-block;
	vertical-align:middle;
	padding:15px 30px;
	margin-right:15px;
	
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#downloads .title {
	line-height: 26px;
	display:inline-block;
	vertical-align:middle;
}


/* Main */
@media (min-width: 980px) {}
@media (max-width: 979px) and (min-width: 500px) {}
@media (max-width: 499px) {}
#main {
	border-top:1px solid #f7b427;
}
#main {
	padding:50px 0;
}
#main .page_title {
	font-size:24px;
	font-weight:bold;
}
#main p {
	margin:10px 0;
}
#main h1 {
	line-height:34px;
	font-size:24px;
	font-weight:normal;
}
#main h2 {
	line-height:30px;
	font-size:20px;
	font-weight:normal;
}
#main h3 {
	font-size:18px;
	font-weight:normal;
	line-height:28px;
}
#main ul {
	margin:10px 0;
	padding:0;
}
#main ul li {
	background:url(images/arrow1.png) no-repeat 2px 8px;
	padding-left:15px;
}
#main ul ul {
	margin:0;
}
#main ul ul li {
}
#main textarea {
	border:1px solid #ddd;
}
#main input[type='text'] {
	border:1px solid #ddd;
	padding:5px;
}
#main input[type='button'],
#main input[type='submit'] {
	border:1px solid #F7B427;
	background:#F7B427;
	padding:5px 10px;
	color:#fff;
	cursor:pointer;
}
.left-content {
	float:left;
	width:77%;
}
.right-sidebar {
	float:left;
	width:20%;
	margin-left:3%;
}


/* Blog */
@media (min-width: 980px) {}
@media (max-width: 979px) and (min-width: 500px) {}
@media (max-width: 499px) {}
.posts {
	margin-top:10px;
}
.post {
	border-top:1px solid #ccc;
	padding:10px 0;
}
.post h1 a {
	color:#444;
}
.post h1 a:hover {
	color:#F7B427;
}
.post .thumbnail {
	float:left;
	margin:9px 15px 0 0;
}
.pagenation {
	text-align:center;
	border-top:1px solid #ccc;
	padding-top:15px;
}
.pagenation a,
.pagenation span {
	margin:0 3px;
}
.widget_search {
	margin-bottom:15px;
}
.widget_search #s {
	margin-bottom:10px;
}

.single_post .thumbnail {
	margin:15px 15px 10px 0;
	float:left;
}
.single_post .avatar {
	display:inline-block;
	vertical-align:middle;
	margin-right:10px;
	
	-webkit-border-radius: 30px;
	border-radius: 30px;
}
.author_block {
	background:#f5f5f5;
	padding:15px;
}
.author_block img { float:left; }
.author_block .des {
	margin-left:65px;
}
.post_nav {
	border-top:1px dashed #ccc;
	border-bottom:1px dashed #ccc;
	padding:15px 0;
}
.post_nav a {
	background:url(images/arrow2.png) no-repeat 0 0;
	height:15px;
	display:block;
	height: 22px;
	display: block;
}
.post_nav .nav-prev a {
	padding-left:20px;
}
.post_nav .nav-next a {
	padding-right:20px;
	background-position:right -42px;
}
#comments {
	margin-bottom:15px;
}
.commentlist ul li {
	background:none!important;
	padding-left:25px!important;
}
.commentlist li .comment-body {
	background:#f5f5f5;
	padding:10px;
	margin:0 0 15px 0!important;
	position:relative;
}
.commentlist li .comment-body .avatar {
	display:inline-block;
	vertical-align:middle;
	margin-right:10px;
	
	-webkit-border-radius: 30px;
	border-radius: 30px;
}
.commentlist li .comment-body .commentmetadata {
	position:absolute;
	right:10px;
	top:10px;
}
#respond {
	background:#f5f5f5;
	padding:15px;
}

/* Testimonials */
@media (min-width: 980px) {}
@media (max-width: 979px) and (min-width: 500px) {}
@media (max-width: 499px) {}
.testimonials .item {
	position:relative;
	padding:41px 0 0 41px;
	margin:15px 0;
}
.testimonials .item img {
	position:absolute;
	left:0;
	top:0;
	overflow:hidden;
	width:82px;
	height:82px;
	border:2px solid #F7B427;
	
	-webkit-border-radius: 50px;
	border-radius: 50px;
}
.testimonials .item .com {
	border-top:1px solid #F7B427;
	border-left:1px solid #F7B427;
	padding:25px 0 0 35px;
}


/* Footer */
@media (min-width: 980px) {
	#footer .block1,
	#footer .block2,
	#footer .block3 {
		float:left;
		width:28%;
	}
}
@media (max-width: 979px) and (min-width: 500px) {
	#footer .block1,
	#footer .block2,
	#footer .block3 {
		float:left;
		width:28%;
	}
}
@media (max-width: 499px) {
	#footer .block2,
	#footer .block3 {
		margin:30px 0 0 0!important;
	}
}
#footer {
	padding:50px 0;
}
#footer .block2 {
	margin:0 8%;
}
#footer .social_network {
	margin:5px 0;
}
#footer .social_network a {
	display:inline-block;
	width:30px;
	height:30px;
	font-size:18px;
	line-height:30px;
}
#footer .social_network a:first-of-type {
	margin-left:0!important;
}
#footer .copyrights {
	font-size:12px;
	color:#999999;
}