/*--
	Theme Name: theme43853
	Theme URI: http://template-help.com/
	Description: A theme for Wordpress 3.5.x + from Template-Help.com Collection
	Author: Template_Help.com
	Author URL: http://www.Template-Help.com/
	Template: CherryFramework
	Version: 1.0
	MotoPress Version: 1
--*/

@import url("../CherryFramework/style.css");

/* #General
================================================== */

body{
	min-width:280px;
	@media (max-width: 780px) { padding:0; }
}
.google-map,.flexslider{
	background-image: url(images/loader.gif) !important;
}
.filter-wrapper{
.pull-right{
		@media (max-width: 480px) { float:left;width:100%; }	
		li{
			@media (max-width: 480px) { width:100%; }	
			a{
				@media (max-width: 480px) { width:100%; }	
			}
		}
	}
}
a:hover{
	text-decoration: none;
	color:@orange;
}
#back-top-wrapper{
	display: none !important;
}
ul{

	li{
		font:400 15px/24px Arial;
		color:#ffc000;
		a{
			color:#ffc000;
		}
		a:hover{
			color:@orange;
			text-decoration: none;
		}
	}
}

/* #Header
================================================== */
.header{
  background: none;
  border: none;
  @media (max-width: 780px) { padding-left:10px;padding-right: 10px; }
}
.nav{
	margin-bottom: 0;
	.sf-menu{
		.sf-sub-indicator{
			display: none;
			}
		li{
			height:91px;
			background: url(images/nav.png) repeat-x;
			border-right:1px solid #5d5e59;
			@media (min-width: 1200px) {width:173px;}
			@media (min-width: 980px) and (max-width: 1199px){width:128px;}
			@media (min-width: 768px) and (max-width: 979px) {width: 85px;}
			.sub-menu{
				background:#3b3c39;
				width:100%;
				.sf-sub-indicator{
					display: block;
					background: url(images/narrow.png) no-repeat;
					right: 6px;
					top: 14px;
					@media (min-width: 768px) and (max-width: 979px) {right:2px;}
				}
				li{
					background: none;
					width: 100%;
					height:auto;
					padding: none;
					border-bottom: 1px solid #626361;
					border-right: none;
					a{
						font:400 14px/35px Arial;
						color: #fff;
						text-transform: none;
						padding:0 0 0 8px;
						text-align: left;
						@media (min-width: 768px) and (max-width: 979px) {font: 11px/35px "Arial";}
					}
					a:hover{
						text-decoration: none;
						color: #ffc000;
					}
				}
				li:last-child{
					border-bottom: none;
				}
			}
			a{
				font:400 24px/20px Anton;
				color: #fff;
				text-transform: uppercase;
				background: none;
				border: none;
				@media (min-width: 1200px) {padding: 30px 42px;}
				padding: 30px 15px;
				@media (min-width: 768px) and (max-width: 979px) {font-size: 18px;padding: 30px 0px;}
			}
			a:hover{
				background:none;
			}
		}
		li.sfHover,li.current-menu-item,li:hover{
			background: url(images/nav.png) 0 -91px;
			a{
				background: none;
			}
		}
		li:last-child{
			border-right: none;
		}
	}
}
.top-sidebar{
	height:63px;
}
.select-menu{
	margin-top:10px;
	background: @orange;
	border: none;
	color: #fff;
}
/*/ Header */


/* Logo
---------------------------------------- */
.logo{
	background: @orange;
	height:154px;
	width:270px;
	@media (max-width:769px) {width:200px;height:117px;}
	@media (max-width:480px) {width:135px;height:80px;}
	a{
		text-transform: uppercase;
	}
	a:hover{
		color: inherit;
	}
	.logo_tagline{
		display:none;
	}
	.logo_h__txt{
		position: relative;
		top:25px;
		@media (max-width:480px) {top:0;}
		text-align: center;
		.logo_link{
			font:400 50px/52px "Alfa Slab One";
			@media (max-width:769px) {font:400 32px/30px "Alfa Slab One";}
			@media (max-width:480px) {font:400 20px/24px "Alfa Slab One";}
		}
	}
}
/*/ Logo */



/* #Content
================================================== */
.content-holder-home {
	@media (max-width:769px) {padding-left:10px; padding-right:10px;}
}
.camera_wrap{
	@media (min-width: 1200px){height:521px !important;}
	@media (min-width: 768px) and (max-width: 979px) {height:322px !important;}
	margin-bottom: 30px !important;
	.camera_pag{
		position:relative;
		@media (min-width: 1200px){top: -67px;}
		@media  (max-width: 979px) {top: -67px;}
		@media  (max-width: 380px) {top: -77px;}
		top: -95px;
		right: 16px;
		ul.camera_pag_ul{
			float:right;
			li{
				height: 27px;
				width: 27px;
				@media (max-width: 767px) {height:18px; width:18px;}
				border-radius:15px;
				background: #fff;
				img,span,.thumb_arrow{
					display: none !important;
				}
			}
			li:hover,.cameracurrent{
				background: @orange;
			}
		};
	}
}
.home .content-holder{
	background: none;
}
.content-holder{
	background: #f0f0f0;
	padding-bottom: 9px;
}
.title-header{
	text-transform: uppercase;
	font: 400 38px Anton;
	color: #505050;
}
.breadcrumb {
	background: #3b3c39;
	border-radius: 0;
	margin:22px 0 18px;
	padding: 7px 15px;
	li,li.active{
		text-shadow:none;
		color: #fff;
		a{
			color:#ffc000;
		}

	}
}
.pull-right{
	margin: 0 0 32px 0;
	strong{
		color:#d3b04f;
		font-weight:bold;
		padding: 13px 9px;
	}
	.nav-pills{
		.active a,.active a:hover,a:hover{
			background:#686868;
			border-radius: 0;
			color: #fff;
		}
		a{
			color: #6b6b6a;
			padding: 14px 13px;
			margin-right: 0px;
			margin-right: 5px;
		}
		li:last-child a{
			margin-right:0;
		}
	}
}
.thumbnail{
	padding: 0;
	border:none;
	box-shadow:none;
	border-radius: 0;
}
.portfolio_item_holder{
	.excerpt{
		margin-bottom:25px;
	}
}
.caption.caption__portfolio{
	color:#6b6b6a;
	line-height: 20px;
	h3{
		a{
			color:#ff9c00;
			font:600 15px/20px Arial; 
		}
		a:hover{
			color: @orange;
		}
	}

}
.post-title{
	a{
		font:400 28px Anton;
		color: #505050;
		text-transform: uppercase;
	}
	a:hover{
		text-decoration: none;
		color: @orange;
	}
}
.blog,.single{
	.post_meta{
		span{
			@media(max-width:1200px){float:left;}	
		}
	}
}
.single{
	h1.post-title{
		font:400 28px/22px Anton;
		text-transform: uppercase;
		padding: 40px 0 25px;
	}
}
.post_meta{
	a{
		color:#a3a865;
		font:400 15px/20px Arial;
	}
	a:hover{
		color: @orange;
		text-decoration: none;
	}
	.post_author{
		a{
			color: #2d2d2d;
		}
	}
}
.pager{
	border-radius: 0;
	border: none;
	li{
			a{
				background: #686868;
				color: #fff;
				border-radius: 0;
			}
			a:hover{
				background: @orange;
				color: #fff;
			}
		}
		.active a{
			background: @orange;
			color: #fff;
		}
		li:first-child,li:last-child{
			a{
				border-radius: 0;
			}
		}
}
.pagination{
	ul{
		border-radius: 0;
		li{
			a{
				background: #686868;
				color: #fff;
				border-radius: 0;
			}
			a:hover{
				background: @orange;
				color: #fff;
			}
		}
		.active a{
			background: @orange;
			color: #fff;
		}
		li:first-child,li:last-child{
			a{
				border-radius: 0;
			}
		}
	}
}
.content-holder{
	.title-header{
		margin: 0 0 11px;
	}
	#content{
		padding-top: 0;
		.span3{
			ul{
				margin-bottom: 42px;
			}
		}
	}
	.title-box{
		margin-bottom: 20px;
	}
}
input[type="submit"]{
	height:auto;
}
.flex-control-paging{
	li{
		.flex-active,a:hover{
			background:@orange !important;
		}
		a{
			background: #abb0b3;
		}
	}
}
.portfolio-4cols{
	li.portfolio_item{
		@media (min-width:1200px) {width:286px !important;}
	}
}
.post_author a:hover{
	color:#FD7202;
}
ul.children{
	margin-left:45px;
	li{
		color:#6B6B6A !important;
	}
}
.error404-holder{
	padding:180px 0;
	.search-form_it{
		margin: 6px 0px !important;
		border-radius: 0;
	}
	.error404-holder_num{
		font-family: Anton;
		color: @orange; 
	}
}
.post_meta {
	@media (max-width: 767px) {float:left;}
	span{
		@media (max-width: 767px) {width:100%;}
	}
}
.social_ico {
	width:60px;
	@media (min-width: 1200px) {width:70px;}
	@media (max-width: 979px) {width:40px;}
	@media (max-width: 767px) {width:70px;}
}
.your-message{
	textarea{
		width:576px;
		@media (min-width: 1200px) {width: 729px;}
		@media (max-width: 979px) {width:100%;}
	}
}
.spacer{
	height:62px;
		@media (min-width: 768px) and (max-width: 979px) {height:48px;}
		@media (min-width: 980px) and (max-width: 1199px) {height:57px;}
}
.span3{
	.title-box_primary{
		@media (min-width: 768px) and (max-width: 979px) {font-size:19px;}
		font-size:25px;
		@media (min-width: 1200px)  {font-size:28px;}
	}
	.spacer{
	height:62px;
		@media (min-width: 768px) and (max-width: 979px) {height:48px;}
		@media (min-width: 980px) and (max-width: 1199px) {height:57px;}
		@media (max-width: 768px) {height: 0;}
}
}
/*/ Content */



/* #Comments
================================================== */
#commentform{
	input,textarea{
		border-radius: 0;
		background: none;
		border: 1px solid #d0d2d4;
		box-shadow: none;
	}
	textarea{
		@media (min-width: 1200px) {width:726px;max-width: 100%;}
		width:576px;max-width: 100%;
	}
}
#respond{
	h3{
		font:400 28px/22px Anton;
		text-transform: uppercase;
	}
}

/*/ Comments */



/* #Widgets
================================================== */

.top-header.widget{
	text-align: right;
	font:400 16px/20px Arial;
	@media (max-width:769px) {font-size:14px;}
	color:#555751;
	margin-bottom: 3px;
	.widgettitle{
		display: none;
	}
	.tel{
		font:600 26px/20px Arial;
		color:@orange;
		letter-spacing: -1px;
		@media (max-width:769px) {font-size:18px;}
	}
	.vcard{
		margin-bottom: 0;
	}
}
.sidebar{
	h3{
		text-transform: uppercase;
		font: 400 38px/42px Anton;
		padding-bottom: 26px;
	}
	h4{
		a{
			color: #ff9c00;
			font: 400 15px/30px Arial;
		}
	}
	time{
		color: #6b6b6a;
		font:400 13px/20px Arial;
	}
	.excerpt{
		color: #6b6b6a;
		font:400 15px/20px Arial;
		margin-bottom: 25px;
	}
	.post-list_comment{
		color:#a3a865;
		font:400 13px/20px Arial;
		a{
			color:#a3a865;
		}
		a:hover{
			color: @orange;
		}
	}
	.widget{
		margin-bottom: 79px;
	}
	.post-list{
		.thumbnail{
			margin-right:30px;
		}
		time{
			position: relative;
			top:-3px;
		}
		.post-list_h{
			margin:0 0 -5px;
		}
	}
	.large-cycle{
		.thumbnail{
			margin-right: 0;
			margin-bottom: 12px;
			@media (max-width:767px){margin-right: 30px;}
		}
		time{
			top:0;
		}
	}
	li{
		padding-bottom: 3px;
	}
}
/*/ Widgets */



/* #Shortcodes
================================================== */
.btn,.sidebar .link,.comment-reply-link,#commentform #submit{
	text-shadow:none;
	border:none;
	text-transform: uppercase;
	font: 400 20px/31px Anton;
	color:#fff;
	background: #686868;
	padding:5px 10px !important;
	border-radius: 0;
	display:inline-block;
}
.btn:hover,.sidebar .link:hover,.comment-reply-link:hover,#commentform #submit:hover{
	background: @orange;
	text-decoration: none;
	color: #fff;
}
.sidebar .btn-link{
	color: #FFC000;
}
.sidebar .btn-link:hover{
	color: @orange;
	text-decoration: none;
}
input[type="submit"] {
	line-height:31px;
}
.banner-wrap {
	.featured-thumbnail{
		a{
			border: none;
		}
	}
	h5{
		font:400 38px/22px Anton;
		color: #fff;
		text-transform: uppercase;
		background: #ffc000;
		padding: 21px 16px;
		@media (max-width: 979px) {font-size:28px;padding: 10px 16px;}
		@media (max-width: 480px) {clear:both;}
	}
	h4{
		font: 600 15px/20px Arial;
		color:#ff9c00;
		padding:0 18px;
		@media (min-width: 768px) and (max-width: 979px) {font: 600 12px/16px Arial;}
		@media (max-width: 767px){padding:0px;height:40px;overflow:hidden;}
		@media (max-width: 480px) {padding:0 10px;}
	}
	p{
		padding:0 18px;
		@media (min-width: 768px) and (max-width: 979px) {font: 400 12px/16px Arial;}
		@media (max-width: 767px){padding:0px;max-height:80px;overflow:hidden;}
		@media (max-width: 480px) {padding:0 10px;}
	}
	.link-align{
		position: absolute;
		bottom: 20px;
		@media (max-width: 767px){position:relative;bottom:0;}
	}
}
.home {
	.banner-wrap{
		padding-bottom: 50px;
		@media(max-width:767px){padding-bottom:0;}
		.featured-thumbnail{
			margin:0;
			width: 100%; 
			@media (max-width: 767px){float:left;margin:0 10px 0 0;}
			@media (max-width: 480px){float:left;margin:0;width:100%;}
			a{
				@media (max-width: 480px){float:left;margin:0;width:100%;}	
			}
		}
		background: #f0f0f0;
		img{
			@media(min-width: 10px) and (max-width:2000px){width:100%;}
			margin-right:0;
		}
	}
	.span3:nth-child(2) .banner-wrap{
		h4{
			color:#d3b04f;
		}
		h5{
			background: #d3b04f;
		}
	}
	.span3:nth-child(3) .banner-wrap{
		h4{
			color:#a3a865;
		}
		h5{
			background: #a3a865;
		}
	}
	.span3:last-child .banner-wrap{
		h4{
			color:#81835f;
		}
		h5{
			background: #81835f;
		}
	}
}
.title-box_primary{
	text-transform: uppercase;
	font:400 28px Anton;
	color: #505050;
}
/*/ Shortcodes */



/* #Footer
================================================== */

/*/ Footer */

.home {
	.footer{
	background: url(images/footer.png) 0 100%  #686868 repeat-x;
	}
	.footer-widgets{
		display:block !important;
	}
	.copyright{
		padding: 6px 0 !important;
	}
}
.footer{
	background: url(images/footer.png) 0 100%  #434343 repeat-x;
	font:400 15px/20px Arial;
	border: none;
	color: #f0f0f0;
	padding-top: 11px;
	@media(max-width: 767px){padding-bottom:0;}
	.nav.footer-nav{
		margin-top:-3px;
		li{
			@media (max-width: 979px) and (min-width: 768px){padding:0 3px;}
			a{
				@media (max-width: 979px) {font-size:12px;}
			}
		}
	}
	.footer-widgets{
		display:none;
		margin-bottom: 30px;
		@media (max-width:767px){padding:0 10px 35px;}
		.post-list {
			.excerpt{
				margin-bottom: 2px;
			}
			li{
				padding-bottom:0;
			}
		}
		ul{
			li{
				a:hover{
					color:#fff;
				};
			}
		}
		h4{
			margin-bottom:2px;
		}
		.textwidget{
			a{
				color:@orange;
				font-weight: bold;
			}
			a:hover{
				color: #fff;
				text-decoration: none;
			}
		}
		.footer-testi{
			background: url(images/quote.png) no-repeat;
			.excerpt {
				padding-left: 75px;	
				color: #f0f0f0;
				line-height: 20px;
				@media (max-width:767px){margin-bottom:15px;}
				@media (max-width:480px){margin-bottom:10px;}
			}
			a{
				color:#d3b04f;
				font-weight:bold;
			}
			a:hover{
				color: #fff;
			}
			.name-testi{
				display: none;
			}
		}
		.social__row{
				li{
					margin-left: 9px;
					margin-top: 9px;
					@media (min-width: 980px) and (max-width: 1199px) {width:60px;}
					@media (min-width: 768px) and (max-width: 979px) {width:40px;}
					img{
						width: 100%;
					}	
				}
				li:first-child{
					margin-left: 0px;
				}
		}
	}
	.copyright{
		font: 400 15px/19px Arial;
		@media (min-width: 768px) and (max-width: 979px) {font-size:13px;}
		color:#969697;
		padding: 15px 0 6px;
		background: #434343;
		@media (max-width:767px){font: 400 12px/15px Arial;}
		span{
			color:#fff;
		}
		a{
			color:#969697;
		}
		a:hover{
			color:#fff;
			text-decoration: none;
		}
	}
	h4{
		font: 400 28px Anton;
		color:#fff;
		text-transform: uppercase;
	}
}

/* #Misc
================================================== */
.content-holder{
	margin:0 auto 30px;
	padding:0 20px 15px;
	@media (min-width: 1200px){width:1130px;}
	width:910px;
	@media (min-width: 768px) and (max-width: 979px) {width:698px;}
	@media (max-width: 767px){
		width:auto;overflow: hidden;
	}
	.span12{
		width:900px;
		@media (min-width: 1200px) {width: 1130px;}
		@media (min-width: 768px) and (max-width: 979px) {width:684px;}
		@media (max-width: 767px) {width:100%;}
	}
	.span8{
		width:590px;
		@media (min-width: 1200px) {width: 740px;}
		@media (min-width: 768px) and (max-width: 979px) {width:446px;}
		@media (max-width: 767px) {width:100%;}
	}
	.span4{
		width:290px;
		@media (min-width: 1200px) {width: 360px;}
		@media (min-width: 768px) and (max-width: 979px) {width:218px;}
	@media (max-width: 767px) {width:100%;}
	}
	.span7{
		width:515px;
		@media (min-width: 1200px) {width: 645px;}
		@media (min-width: 768px) and (max-width: 979px) {width:384px;}
	@media (max-width: 767px) {width:100%;}
	}
	.span5{
		width:365px;
		@media (min-width: 1200px) {width: 455px;}
		@media (min-width: 768px) and (max-width: 979px) {width:275px;}
@media (max-width: 767px) {width:100%;}
	}
	.span6{
		width:940px;
		@media (min-width: 1200px) {width: 570px;}
		@media (min-width: 768px) and (max-width: 979px) {width:352px;}
	@media (max-width: 767px) {width:100%;}
	}

	.span3{
		width:210px;
		@media (min-width: 1200px) {width: 260px;}
		@media (min-width: 768px) and (max-width: 979px) {width:156px;}
		@media (max-width: 767px) {width:100%;}
	}
	.span2{
		width:940px;
		@media (min-width: 1200px) {width: 170px;}
		@media (min-width: 768px) and (max-width: 979px) {width:104px;}
		@media (max-width: 767px) {width:100%;}
	}
	 .row-fluid .span12 {
	    width: 100%;
	    *width: 99.94680851063829%;
	  }
	  .row-fluid .span11 {
	    width: 91.43299145299145%;
	    *width: 91.39979996362974%;
	  }
	  .row-fluid .span10 {
	    width: 82.89598290598291%;
	    *width: 82.8527914166212%;
	  }
	  .row-fluid .span9 {
	    width: 74.32897435897436%;
	    *width: 74.30578286961265%;
	  }
	  .row-fluid .span8 {
	    width: 65.78196581196582%;
	    *width: 65.75877432260411%;
	  }
	  .row-fluid .span7 {
	    width: 57.23495726495726%;
	    *width: 57.21176577559556%;
	  }
	  .row-fluid .span6 {
	    width: 48.713948717948715%;
	    *width: 48.664757228587014%;
	  }
	  .row-fluid .span5 {
	    width: 40.16594017094017%;
	    *width: 40.11774868157847%;
	  }
	  .row-fluid .span4 {
	    width: 31.303931623931625%;
	    *width: 31.570740134569924%;
	  }
	  .row-fluid .span3 {
	    width: 23.076923076923076%;
	    *width: 23.023731587561375%;
	  }
	  .row-fluid .span2 {
	    width: 14.50991452991453%;
	    *width: 14.476723040552828%;
	  }
	  .row-fluid .span1 {
	    width: 5.952905982905983%;
	    *width: 5.929714493544281%;
	  }
}



/*/ Misc */


@import "bootstrap/less/variables.less";
@import "bootstrap/less/mixins.less";