/*
* 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 'open_sans', Arial, sans-serif;
		color: #9d9d9d;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;

		
 }



/* #Typography and #Common style
================================================== */
	h1, h2, h3, h4, h5, h6 {color: #343434;font-weight: normal;text-transform:uppercase;}
	

	
	
	
	h2{font-size:18px;}
	h3{font-size:14px;margin-bottom:10px;}
	
	p{line-height:24px;}
	em { font-style: italic; }
	strong { font-weight: bold; color: #333; }
	small { font-size: 80%; }
	
	
	.bigTitle{
		position:relative;
	}

	.bigTitle img {
	    background:#ffffff;
	    left: 48.53%;
	    padding: 3px 7px;
	    position: absolute;
	    top: 37px;
	    width: 3%;
	    display: none;
	}
	
/*
	.tgreyHolder .bigTitle img {
	    background:#f4f4f4;
	}*/


	.bigTitle h1{
		font-size:18px;
		margin-bottom:60px;
		display:inline-block;
		padding:10px 20px;
		position:relative;
	}
	
	.bigTitle h1:after {
	    background:#343434;
	    content: "";
	    height: 2px;
	    left: 50%;
	    position: absolute;
	    top: 45px;
	    width: 70px;
	    margin-left: -35px;
	}
	
	.smallIntro p{
		color:#ffffff;
		font-size:20px;
		display:inline-block;
		
	}
	
	
	
	.singleTeaser{
		background:#4ac2be;
		position:relative;
		overflow: hidden;
	}
	
	.imgTS{
	    background-position: 50% 35%;
	    background-size: cover;
	    display: block;
	    height: 100%;
	    overflow: hidden;
	    position: absolute;
	    right: 0;
	    width: 53%;
		top:0;
	}
	
	.stInner{
		color:#ffffff;
	}
	
	.word p{
		font-size:18px;

	}

	.word p span.first{
	  	font-size: 25px;
	    left: -4px;
	    position: relative;
	    top: -10px;
	}


	.word h3 span{
		font-size:13px;

	}

	.word p span.last{
	  	font-size: 25px;
		display:inline-block;
	    right: -10px;
	    position: relative;
	    top: 12px;
		transform: rotate(180deg);
		-moz-transform:rotate(180deg);
		-webkit-transform:rotate(180deg);
		-o-transform:rotate(180deg);
		-ms-transform:rotate(180deg);
	}
	
	 a.btnLaunch{
		
	    border: 3px solid #ffffff;
	    color: #ffffff;
	    display: inline-block;
	    font-size: 15px;
		margin-left:100px;
		padding:6px 16px;
	}
	
	
	
	a.btnLaunch:hover{
		color:#343434;
		background:#ffffff;
	}
	
	
	
	.logo h1, .caption h1, .ctl a, .introTitle h1, a.latestBtn, .planName h1 , .planBtn .btn, .projTitle h1, .cltInner h1
	 , .cltInner a, .blContinue, .viewAll a, .postTitleL h1, .postTitle h1 a, .tagsSingle h4 , .comments h2, .respond h2, .widget h2,
	.comments .reply-btn a , .contactForm #submit, .replyForm #submit, .contactInner h1, .more a, .innerIntro h1,  a.btnLaunch
	, .bigTitle h1, .buyLink a {
		font-family: 'RobotoBoldCondensed', Arial, sans-serif;
	}
	
	
	
	.logo h1 span, .caption p, .latestDesc h3, .prc h3, .fact h1 span, .itemDesc h3,  .mainNav li a, .teaserMsg h1 {
		font-family: 'open_sanssemibold', Arial, sans-serif;
	}
	
	  .ftDet h3 , .teamDesc h3, .teamDescL h3, .ceoWord h3, .serviceDet h3, .testiSlider li .testiProfile ,
	.planBody li span, .author a, .fbInner p .brand, .stp h3, .expDet h3, .smallIntro p span, .feedInner h3{
		font-family: 'open_sansbold', Arial, sans-serif;
	}
	
	
	.innerIntro h1 span, .innerIntro p, .latestDesc span, .teamSingle h3 span, .teamLead h3 span , .ceoWord p, .ceoWord h3 span,
	.testiSlider li .testiProfile span , .fact span, .planPrice h1 span.mn, ul#category li a, .projTitle p, .postMeta span, .postMeta span a
	, .postSingle blockquote, .itemDesc span, .postTitleL p, .tweets .tweet_list, .word h3 span, .word p{
		font-family: 'open_sanslight_italic', Arial, sans-serif;

	}
	
	
	.innerIntro p .brand, .teaserMsg h1 span{
		font-family: 'open_sanssemibold_italic', Arial, sans-serif;

	}
	
	.planPrice h1 {
		font-family: 'open_sansextrabold', Arial, sans-serif;
	}
	
	.pagination ul li, .tagsListSingle li a, .searchForm input[type="text"], .catList li a, .catArchives li a, .meta li a, .tagsList li a
	, .pstlDet .postTitle h1, .pstlDet .postTitle h1 a, .smallIntro p {
		font-family: 'open_sanslight', Arial, sans-serif;
	}
	
	
	
	
	.teamSingle h3 span, .teamLead h3 span, .testiSlider li .testiProfile span, ul#category li a, .itemDesc span
	, .postMeta, .blContinue, .postSingle, .sidebar, .buyLink a, .mainNav li a , .ctl a, a.latestBtn, .caption p, .ftDet h3
	, .latestDesc span, .prc h3, .serviceDet h3, .ceoWord p, .ceoWord h3 span, .exp .expDet h3, .fact span, .feedInner h3
	, .teaserMsg h1, .projTitle p, a.btnLaunch, .stp h3, .postTitleL p {
			-webkit-text-stroke: 0.30px;
	}
	
	




/* #Links
================================================== */
	
	a,.errorForm, .contactForm #submit,.tactive span, .pagination ul li span, .replyForm #submit, .shortFolio span, .shortContact span, .latest img, .item img, .prj img  {
		
		transition: all 0.3s ease-in-out 0s;
		-ms-transition: all 0.3s ease-in-out 0s;
		-webkit-transition:all 0.3s ease-in-out 0s;
		-moz-transition: all 0.3s ease-in-out 0s;
		-o-transition: all 0.3s ease-in-out 0s;
		
	}
	
	


	



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

	.btn{
		padding:8px 18px;
	}

	
	
/* #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,
		
	   .featuresInner, .ftIco span.ico, .ft, .features, .introTitle img, .introTitle, .bigTitle, .bigTitle img, .expertsiseContent, .exp, .planName img, .planPrice img {
		    box-sizing:border-box;
			-moz-box-sizing:border-box; /* Firefox */
		}






/* #Misc
================================================== */
	.ofsBottom{padding-bottom:80px;}
	.tCenter {text-align: center;}
	.tLeft {text-align: left;}
	.ofsTop{padding-top:80px;}
	.ofsInTop{padding-top:60px;}
	.ofsInBottom{padding-bottom:60px;}
	.ofsTMedium{padding-top:40px;} 
	.ofsBMedium{padding-bottom:40px;}
	.ofsTSmall{padding-top:20px;} 
	.ofsBSmall{padding-bottom:20px;}
	.margTop{margin-top:60px;}
	.margMTop{margin-top:70px;}
	.margLTop{margin-top:80px;}
	.margBottom{margin-bottom:60px;}
	.margMBottom{margin-bottom:70px;}
	.margLBottom{margin-bottom:80px;}
	.margHBottom{margin-bottom:100px;}
	.margHTop{margin-top:100px;}
	.singleOffset{margin-top:120px;}
	.blogSingle.singleOffset {margin-top: 64px;}
	.bgGrey{background:#f3f3f3;}
	.bgGreyDark{background:#343434;}
	.secTitle.pricingTitle h1{color:#f4f4f4;}
	.noGap{margin:0 !important;width: 200px !important;}