/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


/* Table of Content
==================================================
	#Reset & Basics
	#Basic Styles
	#Typography
	#Links
	#Buttons
	#Browser Fix
	#Misc


/* #Reset & Basics (Inspired by E. Meyers)
================================================== */

*, *:before, *:after {
    -moz-box-sizing: border-box;
	-webkit-box-sizing :border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}



	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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; 
		text-decoration:none;}
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }

	ol, ul {
		list-style: none; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }
		
img {
    display: inline-block;
    vertical-align: middle;
}

img {
    height: auto;
    max-width: 100%;
}

*::-moz-selection {
    background: #111111;
    color: #ffffff;
}

a:focus {
outline: 0;
}

iframe{width:100%;frameborder:0;}
	


/* #Basic Styles
================================================== */
	body {
		background: #ffffff;
		font: 14px/21px 'ralewayregular', Arial, sans-serif;
		color: #9d9d9d;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
		-webkit-text-stroke: 0.30px;
 }



/* #Typography
================================================== */
	h1, h2, h3, h4, h5, h6 {color: #343434;font-weight: normal;text-transform:uppercase; }
	h1.title{font-size:22px;margin-bottom:15px;}
	
	
	.title:before {
	    border-bottom: 2px solid #000000;
	    content: "";
	    display: block;
	    margin-bottom: 50px;
	    margin-left: auto;
	    margin-right: auto;
	    position: relative;
	    top: 30px;
	    width: 45px;
	    z-index: 0;
	}
	
	
	
	h2{font-size:18px;text-transform:uppercase;}
	h3{font-size:16px;margin-bottom:10px;}
	
	p{line-height:25px;}
	em { font-style: italic; }
	strong { font-weight: bold; color: #333; }
	small { font-size: 80%; }
	
	
	.caption h1, .tProfile h3, .itemDesc h3, .postDate h3{font-family: 'ralewaybold', Arial, sans-serif;}
	.introText, .contactForm input[type="text"], .contactForm textarea, .replyForm input[type="text"], .replyForm textarea, .contactForm textarea, .replyForm textarea {font-family: 'ralewaylight',Arial, sans-serif;}
	.ctl a, .doubleBtn .choose , .tProfile span, .fct .fc, .testiSlider li .testiProfile span, .planPrice h1 span, .planName h3
	,.itemDesc span, h1.projTitle span , .postDate span , .postSingle blockquote, .ctl a{font-family: 'open_sanslight_italic',Arial, sans-serif;}
	.doubleBtn a, .prTitle, .service h2, .testiSlider li .testiProfile, .planBody li span, .singleDetails h1, .postDetails h1, .allPosts a,.postTitle h1, .postTitle h1 a, .commentscountTitle h1, .respondTitle h1, .tagsSingle h4, .comments h2.count, .comments .reply-btn a , .respond h2, .widget h2, .contactForm #submit, .replyForm #submit, .contactInfo h1 {font-family: 'ralewaysemibold', Arial, sans-serif;}
	.otherList h3, h1.title {font-family: 'ralewaymedium',Arial, sans-serif;}





/* #Links
================================================== */
	
	a,.errorForm, .contactForm #submit,.tactive span, .pagination ul li span, .replyForm #submit, .shortFolio span, .shortContact span  {
		
		transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out 0s;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		
	}
	
	
	
	.btn a:hover, .tagsListSingle li a:hover, .tagsList li a:hover, .contactForm #submit:hover , .replyForm #submit:hover,
	.projSocials li a:hover, .projNav li a:hover, .comments .reply-btn a:hover, .comments .reply-btn a   {
		color:#C3512F;
	}

	



/* #Buttons
================================================== */

	.doubleBtn{
		position: relative;
	}
	.doubleBtn.intro {
	    margin-top: 70px;
		margin-bottom: 50px;
    
	}

	.doubleBtn a {
	    background: #FAFAFA;
	    color: #343434;
	    display: inline-block;
	    font-size: 14px;
	    padding: 10px 0;
		min-width: 155px;
	    text-transform: uppercase;
	}

	.doubleBtn.planBtn{
		text-align:center;
	
	}

	.doubleBtn.planBtn a{
		min-width: 113px;
		text-align:center;
		font-size:13px;
		background: #ffffff;
	}


	.doubleBtn.itemBtn a{
		min-width: 60px;
		text-align:center;
		font-size:13px;
		background: rgba(255,255,255,0);
		color:#ffffff;
		padding: 5px 0;
	}



	.doubleBtn.planBtn .choose{
		background: #ffffff;
	}

	.doubleBtn .choose {
	    background:#FAFAFA;
	    color: #C3512F;
	    display: block;
	    font-size: 11px;
	    height: 10px;
	    left: 50%;
	    margin: -12px 0 0 -13px;
	    padding: 12px 0;
	    position: absolute;
	    text-align: center;
	    top: 50%;
	    width: 27px;
	}

	.doubleBtn .choose i {
	    display: block;
	    margin-left: -1px;
	    margin-top: -10px;
	}


	.doubleLeft {
	    border-radius: 40px 0 0 40px;
		-webkit-border-radius: 40px 0 0 40px;
		-moz-border-radius: 40px 0 0 40px;
		-ms-border-radius: 40px 0 0 40px;
		-o-border-radius: 40px 0 0 40px;
		border-top:1px solid #dcdcdc;
		border-right:0;
		border-left:1px solid #dcdcdc;
		border-bottom:1px solid #dcdcdc;
	}


	.doubleRight {
	    border-radius: 0 40px 40px 0;
		-webkit-border-radius:0 40px 40px 0;
		-moz-border-radius: 0 40px 40px 0;
		-ms-border-radius: 0 40px 40px 0;
		-o-border-radius: 0 40px 40px 0;
	    margin-left: -4px;
		border-top:1px solid #dcdcdc;
		border-right:1px solid #dcdcdc;
		border-left:1px solid #dcdcdc;
		border-bottom:1px solid #dcdcdc;
	}	
	
	
	.btn{
		margin-top:20px;
	}

	.btn a{
		background:rgba(0,0,0,0);
		color:#343434;
		padding:8px 25px;
		display:inline-block;
		border:1px solid #DCDCDC;
		text-transform:uppercase;
		font-family: 'ralewaysemibold';
	}
	
	
	.btn.more a{
		font-size:12px;
	}



	
	
	.btn a, .contactForm #submit, .replyForm #submit, .tagsList li a , .tagsListSingle li a    {
	    border-radius: 40px;
		-webkit-border-radius: 40px;
		-moz-border-radius: 40px;
		-ms-border-radius: 40px;
		-o-border-radius: 40px;
	}
	
	
	.doubleBtn .choose, .projSocials li a, .projNav li a, .pagination ul li  {
	    border-radius: 100px;
		-webkit-border-radius: 100px;
		-moz-border-radius: 100px;
		-ms-border-radius: 100px;
		-o-border-radius: 100px;
}


	
	
/* #Browser Fix
================================================== */
		
		
		.searchForm input[type="text"],.pagination ul li , .contactForm input[type="text"], .contactForm textarea, 
		.replyForm input[type="text"], .replyForm textarea, .comments .img, .doubleBtn .choose, .prSingle, .fct, .service, .plan, .post .postDetails , .projSocials li a, .projNav li a {
		    box-sizing:border-box;
			-moz-box-sizing:border-box; /* Firefox */
		}






/* #Misc
================================================== */
	.ofsBottom{margin-bottom:80px;}
	.tCenter {text-align: center;}
	.ofsTop{padding-top:80px;}
	.ofsInTop{padding-top:60px;}
	.ofsInBottom{padding-bottom:60px;}
	.ofsTSmall{padding-top:20px;} 
	.ofsBSmall{padding-bottom:40px;}
	.singleOffset{margin-top:200px;}
	.blogSingle.singleOffset {margin-top: 150px;}
	.bgGrey{background:#fafafa;}