/*
* 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 {
    
}


*::-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: #999999;
		-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:16px;margin-bottom:10px;}
	
	p{line-height:16px;}
	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;
	}
	
	
	.tdarkHolder .bigTitle img {
	    background:#343434;
	}

	.bigTitle h1{
		font-size:18px;
		margin-bottom:50px;
		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;
	}
	
	
	.bigTitle.dark h1 {
	    color:#f1f1f1;
	}
	
	
	.bigTitle.dark h1:after {
	    background:#f1f1f1;
	}
	
	.smallIntro p{
		color:#ffffff;
		font-size:20px;
		display:inline-block;
		
	}
	
	
	
	.singleTeaser{
		background:#4b4b4b;
		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;
	}
	

	
	 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, .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, .aboutTitle h1, .aboutInfo .ctl a, .rcgIntro h1, .rcgDet h1, .skillTitle h1, .getCv h3 , .printCV h3  {
		font-family: 'RobotoBoldCondensed', Arial, sans-serif;
	}
	
	
	
	.logo h1 span, .caption p,  .itemDesc h3,  .rcgDet h3 {
		font-family: 'open_sanssemibold', Arial, sans-serif;
	}
	
 	.author a, .fbInner p .brand, .stp h3, .expDet h3, .smallIntro p span, .feedInner h3 , .mainNav li a, .aboutInfo li span, .det h3, .skillbarTitle, .pList li, .langList h4{
		font-family: 'open_sansbold', Arial, sans-serif;
	}
	
	
	.innerIntro h1 span,  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, .det h3 span, .date span
	, .rcgDet h3 span {
		font-family: 'open_sanslight_italic', Arial, sans-serif;

	}
	
	
	.innerIntro p .brand,  .rcgIntro p {
		font-family: 'open_sanssemibold_italic', 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, .aboutTitle h1 span , .aboutIntro h1 {
		font-family: 'open_sanslight', Arial, sans-serif;
	}
	
	
	
	
	ul#category li a, .itemDesc span, .aboutTitle h1 span, .det h3 span, .det .date span, .insta h3
	, .postMeta, .blContinue, .postSingle, .sidebar, .mainNav li a , .ctl a, a.latestBtn, .caption p
	, .prc h3,  .feedInner h3
	, .teaserMsg h1, .projTitle p, a.btnLaunch, .stp h3, .postTitleL p,.stTitle p, .mainNavSingle li a {
			-webkit-text-stroke: 0.00px;
	}
	
	




/* #Links
================================================== */
	
	a,.errorForm, .contactForm #submit,.tactive span, .pagination ul li span, .replyForm #submit, .shortFolio span, .shortContact span, .latest img, .item img, .prj img, .instaFeed li a:before  {
		
		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,  .prSingle, .fct, .service, .plan, .post .postDetails , .projSocials li a, .projNav li a, 
		
	   .introTitle img, .introTitle, .bigTitle, .bigTitle img, .mainHeader, .showHideBtn, .headerSocials, .logo
	   ,.subscribeForm .submitSubcribe, .subscribeForm input[type="text"]
	   ,.inputColumns .column1, .inputColumns .column2, .inputColumns .column3, .contactForm input[type="text"], .contactForm textarea, .replyForm input[type="text"], .replyForm textarea, .replyFormLarge input[type="text"], .replyFormLarge textarea, .det, .dtIco span.ico, .aboutProfile{
		    box-sizing:border-box;
			-moz-box-sizing:border-box; /* Firefox */
		}






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











    /*
* 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 Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */



/* #Base 960 Grid
================================================== */

    .container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; }
    .container .column,
	.columns, 
    .container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
    .row                                        { margin-bottom: 20px; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
    .container .one.column,
    .container .one.columns,
	.one.columns                                { width: 40px;  }
    .container .two.columns                     { width: 100px; }
    .container .three.columns                   { width: 160px; }
    .container .four.columns                    { width: 220px; }
    .container .five.columns                    { width: 280px; }
    .container .six.columns                     { width: 340px; }
    .container .seven.columns                   { width: 400px; }
    .container .eight.columns                   { width: 460px; }
    .container .nine.columns                    { width: 520px; }
    .container .ten.columns                     { width: 580px; }
    .container .eleven.columns                  { width: 640px; }
    .container .twelve.columns                  { width: 700px; }
    .container .thirteen.columns                { width: 760px; }
    .container .fourteen.columns                { width: 820px; }
    .container .fifteen.columns                 { width: 880px; }
    .container .sixteen.columns                 { width: 940px; }

    .container .one-third.column                { width: 460px; }
    .container .two-thirds.column               { width: 620px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 60px;  }
    .container .offset-by-two                   { padding-left: 120px; }
    .container .offset-by-three                 { padding-left: 180px; }
    .container .offset-by-four                  { padding-left: 240px; }
    .container .offset-by-five                  { padding-left: 300px; }
    .container .offset-by-six                   { padding-left: 360px; }
    .container .offset-by-seven                 { padding-left: 420px; }
    .container .offset-by-eight                 { padding-left: 480px; }
    .container .offset-by-nine                  { padding-left: 540px; }
    .container .offset-by-ten                   { padding-left: 600px; }
    .container .offset-by-eleven                { padding-left: 660px; }
    .container .offset-by-twelve                { padding-left: 720px; }
    .container .offset-by-thirteen              { padding-left: 780px; }
    .container .offset-by-fourteen              { padding-left: 840px; }
    .container .offset-by-fifteen               { padding-left: 900px; }



/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container                                  { width: 768px; }
        .container .column,
        .container .columns                         { margin-left: 10px; margin-right: 10px;  }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
        .alpha.omega                                { margin-left: 0; margin-right: 0; }

        .container .one.column,
        .container .one.columns                     { width: 28px; }
        .container .two.columns                     { width: 76px; }
        .container .three.columns                   { width: 124px; }
        .container .four.columns                    { width: 172px; }
        .container .five.columns                    { width: 220px; }
        .container .six.columns                     { width: 268px; }
        .container .seven.columns                   { width: 316px; }
        .container .eight.columns                   { width: 364px; }
        .container .nine.columns                    { width: 412px; }
        .container .ten.columns                     { width: 460px; }
        .container .eleven.columns                  { width: 508px; }
        .container .twelve.columns                  { width: 556px; }
        .container .thirteen.columns                { width: 604px; }
        .container .fourteen.columns                { width: 652px; }
        .container .fifteen.columns                 { width: 700px; }
        .container .sixteen.columns                 { width: 748px; }

        .container .one-third.column                { width: 236px; }
        .container .two-thirds.column               { width: 492px; }

        /* Offsets */
        .container .offset-by-one                   { padding-left: 48px; }
        .container .offset-by-two                   { padding-left: 96px; }
        .container .offset-by-three                 { padding-left: 144px; }
        .container .offset-by-four                  { padding-left: 192px; }
        .container .offset-by-five                  { padding-left: 240px; }
        .container .offset-by-six                   { padding-left: 288px; }
        .container .offset-by-seven                 { padding-left: 336px; }
        .container .offset-by-eight                 { padding-left: 384px; }
        .container .offset-by-nine                  { padding-left: 432px; }
        .container .offset-by-ten                   { padding-left: 480px; }
        .container .offset-by-eleven                { padding-left: 528px; }
        .container .offset-by-twelve                { padding-left: 576px; }
        .container .offset-by-thirteen              { padding-left: 624px; }
        .container .offset-by-fourteen              { padding-left: 672px; }
        .container .offset-by-fifteen               { padding-left: 720px; }
    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
        .container { width: 300px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column  { width: 300px; }

        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { padding-left: 0; }

    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 520px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 420px; }
    }


/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }







    #loader {
    background: #ffffff;
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 9999;
}


.loaderBars {
    height: 50px;
	width: 70px;
    left: 50%;
	top: 50%;
    margin-left: -25px;
    margin-top: -25px;
    position: absolute;
    text-align: center;
    
    
}


.bar{
	background-color:#37b0ac;
	border:1px solid #37b0ac;
	float:left;
	height:33px;
	margin-left:2px;
	width:9px;
	opacity:0.1;
	-moz-animation-name:bounceG;
	-moz-animation-duration:1.5s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-direction:linear;
	-moz-transform:scale(0.7);
	-webkit-animation-name:bounceG;
	-webkit-animation-duration:1.5s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-direction:linear;
	-webkit-transform:scale(0.7);
	-ms-animation-name:bounceG;
	-ms-animation-duration:1.5s;
	-ms-animation-iteration-count:infinite;
	-ms-animation-direction:linear;
	-ms-transform:scale(0.7);
	-o-animation-name:bounceG;
	-o-animation-duration:1.5s;
	-o-animation-iteration-count:infinite;
	-o-animation-direction:linear;
	-o-transform:scale(0.7);
	animation-name:bounceG;
	animation-duration:1.5s;
	animation-iteration-count:infinite;
	animation-direction:linear;
	transform:scale(0.7);
}

.bar1{
	-moz-animation-delay:0.45s;
	-webkit-animation-delay:0.45s;
	-ms-animation-delay:0.45s;
	-o-animation-delay:0.45s;
	animation-delay:0.45s;
}

.bar2{
	-moz-animation-delay:0.6s;
	-webkit-animation-delay:0.6s;
	-ms-animation-delay:0.6s;
	-o-animation-delay:0.6s;
	animation-delay:0.6s;
}

.bar3{
	-moz-animation-delay:0.75s;
	-webkit-animation-delay:0.75s;
	-ms-animation-delay:0.75s;
	-o-animation-delay:0.75s;
	animation-delay:0.75s;
}

@-moz-keyframes bounceG{
0%{
-moz-transform:scale(1.2);
opacity:1}

100%{
-moz-transform:scale(0.7);
opacity:0.1}

}

@-webkit-keyframes bounceG{
0%{
-webkit-transform:scale(1.2);
opacity:1}

100%{
-webkit-transform:scale(0.7);
opacity:0.1}

}

@-ms-keyframes bounceG{
0%{
-ms-transform:scale(1.2);
opacity:1}

100%{
-ms-transform:scale(0.7);
opacity:0.1}

}

@-o-keyframes bounceG{
0%{
-o-transform:scale(1.2);
opacity:1}

100%{
-o-transform:scale(0.7);
opacity:0.1}

}

@keyframes bounceG{
0%{
transform:scale(1.2);
opacity:1}

100%{
transform:scale(0.7);
opacity:0.1}

}


/*End preloader*/


/*Wrapper*/


#wrapper{
	position:relative;
	width:100%;
}

/*End wrapper*/



/*Profile teaser*/

.profileTeaser{
	overflow:hidden;
	position:relative;
}


.profileTeaser .slide li{

	background-size: cover !important;
	height: 850px !important;

}



.profileTeaser .slide li:before, .imgrecognition:before, .imgTS:before{
    background: rgba(36, 36, 36, 0.4);
    content: "";
    height: 100%;
    position: absolute;
    width: 100%;
	left:0;
	top:0;
	z-index:0;
}


.caption {
    top: 48.4%;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
	color:#ffffff;
}

.caption img{
	width:10% !important;
}


.caption h1{
	color:#ffffff;
	font-size:60px;
	letter-spacing:-1px;
	
}


.caption p {
    color: #ffffff;
    font-size: 12px;
    line-height: 20px;
    margin-top: 20px;
    padding: 0 500px;
    text-transform: uppercase;
}




/*End teaser profile*/



/*Header*/

header{
	width:100%;
	z-index:1000;
	background-color: rgba(255, 255, 255, 0.97);
	position:absolute ;


}



header.fixed {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}


header.base{
	background-color: rgba(255, 255, 255, 0.15);
	margin-top:-81px;


}


.switchedHeader {
    position: fixed;
	background: rgba(255, 255, 255, 0.97);
	left:0;
	top:0;
}


.mainHeader{
	width:100%;
	text-align:center;
}


.nav{
	width:360px !important;
}


.headerSocials{
	width:180px !important;
	padding: 30px 15px;
}


.headerSocials li {
    display: inline;
    font-size: 20px;
    margin-left: 6px;
    margin-right: 6px;
}

.headerSocials li a {
    color: #ffffff;
}

.switchedHeader .headerSocials li a {
    color: #343434;
}


.mainNav li {
	display: inline-block;
	font-size: 11px;
	position:relative;
	text-transform: uppercase;
}


.mainNav li a {
    color: #ffffff;
    display: block;
    padding: 29px 15px;
    position: relative;
}

.switchedHeader .mainNav li a  {
    color: #999999 !important;
}


.mobileBtn {
	background:rgba(0,0,0,0);
	padding:5px;
	text-align:center;
	z-index:1000;
	display:none;
}


.mobileBtn i{
	font-size:20px;
	color:#343434;
}



/*End header*/




/*About section*/


.introHolder{
	position :relative;
	
}


.introBg {
    display: block;
    position: static;
    width: 100%;
	height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 50%;
}


.intro, .aboutInfo{
	padding-bottom:60px;
}

.innerIntro{
	margin-top:90px;
}

 .innerInfo{
	margin-top:120px;
}


.aboutTitle h1 {
    color: #ffffff;
	font-size:27px;
}


.aboutTitle h1 span {
    color: #ffffff;
    display: block;
    font-size: 12px;
    margin-top: 8px;
}


.aboutIntro {
    margin-top: 50px;
}

.aboutIntro h1 {
    color: #ffffff;
    line-height: 32px;
    margin-bottom: 30px;
	font-size:26px;
	padding-right: 20px;
}


.aboutIntro p {
    color: #ffffff;
	padding-right: 25px;
}


.aboutProfile, .aboutInfo{
	float:left;
}



.aboutProfile {
   
    border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	display: inline-block;
	
	margin-left: 25px;
    margin-right: 33px;
    margin-top: 0px;
    height: 130px;
    width: 130px;
}



.aboutProfile img {
    
    border-radius: 100%;
    -webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
    height: 150px;
    width: 142px;
    display: inline-block;

}

.aboutInfo{
	width:257px;
}


.aboutInfo ul{
	color:#181818;
}

.aboutInfo .ctl{
	margin-top:30px;
}


.aboutInfo .ctl a{
	background:#4e4e4e;
	color:#ffffff;
	text-transform: uppercase;
	padding:0px 20px;
	
}


/*End about section*/



/*Resume*/


.resumeDetails{
	text-align:left;
}


.container .resumeDetails, .container .skillsContent {
    display: inline-block;
    float: none;
}

.em, .ed{
	margin-bottom:40px;	
}


.em:last-child, .ed:last-child{
	margin-bottom:0;	
}

.dtIco, .det{
	float:left;
}

.dtIco{
	margin-top:20px;
}


.dtIco span.date {
    background:#03CC85;
    border-radius: 5px;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
    color: #FFFFFF;
    font-size: 12px;
    margin-left: 15px;
    padding: 2px 10px;
}



.dtIco span.ico {
    background: #37b0ac;
    border: 3px solid #4ac2be;
    border-radius: 100px;
    -webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	-o-border-radius: 100px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 18px;
    height: 45px;
    line-height: 39px;
    text-align: center;
    width: 45px;
	position:relative;
}


.employment, .education{
	position:relative;
}

.employment:before, .education:before {
	background: #efefef; /* Old browsers */
	background: -moz-linear-gradient(top,  #efefef 1%, #efefef 75%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#efefef), color-stop(75%,#efefef), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #efefef 1%,#efefef 75%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #efefef 1%,#efefef 75%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #efefef 1%,#efefef 75%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #efefef 1%,#efefef 75%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    bottom: 0;
    content: "";
    left: 3.7%;
    margin-left: -5px;
    position: absolute;
    top: 60px;
    width: 3px;
}




.det {

    margin-left: 32px;
    padding: 20px;
    position: relative;
    width: 560px;
}



.det h3{
	margin-bottom:10px;
	text-transform:none;
}

.det h3 span{
	font-size:13px;
}


.det .date {
    background: #343434;
    display: inline-block;
	margin-top:15px;
}

.det .date span {
    color: #ffffff;
    float: right;
    font-size: 12px;
    padding: 4px 22px;
    text-transform: uppercase;
}


.det .date i {
    background:#37b0ac;
    color: #ffffff;
    float: left;
   	font-size: 14px;
    padding: 8px 10px;
	position:relative;
}


.date i:after {
    border-bottom: 4px solid #37b0ac;
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    bottom: -1px;
    content: "";
    height: 0;
    left: 30px;
    position: absolute;
    top: 44%;
	transform: rotate(90deg);
	-moz-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
    width: 0;
}

.recognitionHolder {
    position: relative;
}


.imgrecognition {
    background-image: url(../images/rcg-12.jpg);
    background-position: 50% 20%;
    background-size: cover;
    display: block;
    height: 100%;
    min-height: 500px;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
}


.imgrecognition:before {
    background: none repeat scroll 0 0 rgba(36, 36, 36, 0.3);
}


.rcgIntro {
    margin-top: 28% !important;
    position: relative;
}

.rcgIntro h1{
	color:#ffffff;
	font-size:18px;
	margin-bottom:5px;
}


.rcgIntro p {
    color: #ffffff;
	padding-right:40px;
}


.rcg:last-child {
    padding-bottom: 0;

}

.rcgIco, .rcgDet {
    float: left;
}


.rcgIco span.ico {
    color: #37b0ac;
    display: inline-block;
    font-size: 35px;
    font-weight: 100 !important;
    line-height: 52px;
    margin: 12px 10px 10px 20px;
    position: relative;
    text-align: center;
    width: 60px;
}


.rcgDet {
    margin-left: 10px;
    width: 360px;
	border-bottom:1px solid #e6e6e6;
	padding-bottom:10px;
}



.rcg:last-child .rcgDet {
    border-bottom: 0 none;
}

.rcgDet h1 {
	font-size:18px;
}


.rcgDet h3 {
	margin-top: 6px;
	color:#999999;
	font-size:16px;
	text-transform:none;
}


.rcgDet h3 span{
	display:block;
	font-size:12px;
	color:#343434;
}




.skills .smallIntro p{
    color: #999999;
    line-height: 28px;
	padding:0 260px;
}



.skillTitle h1{
	font-size:18px;
}


.skillBar {
    margin-bottom: 45px;
}


.skillBar:last-child {
    margin-bottom: 0;
}


.skillbarHolder {
    background-color: #efefef;
    height: 15px;
    position: relative;
}


.percentage {
    height: 15px;
    left: 0;
    position: absolute;
    top: 0;
}


.percentage.graphic {
    background:#37b0ac;
}


.percentage.progra {
    background:#37b0ac;
}


.skillbarTitle {
    font-size: 12px;
    left: 0;
    position: absolute;
    top: -30px;
    z-index: 10;
	text-transform:uppercase;
}

.percent90 {
    width: 90%;
}


.percent40 {
    width: 50%;
}


.percent50 {
    width: 70%;
}


.percent60 {
    width: 60%;
}


.percent95 {
    width: 95%;
}


.skillInner .intro{
	padding-bottom:0;
}


.pList{
	float:left;
	margin-right:50px;
}

.pList li {
    color: #666666;
    margin-bottom: 5px;
}

.pList li i {
    font-size: 15px;
    margin-right: 10px;
	color: #343434;
}


.langList li {
    float: left;
    margin-bottom: 7px;
	margin-right: 50px;
}


.langList li:last-child {
    margin-bottom: 0;
}


.langList h4 {
    display: block;
    float: left;
    text-transform: uppercase;
    width: 144px;
	font-size:13px;
}


.rating {
    float: left;
    margin-top: 1px;
}


.rating span {
    display: inline-block;
	color:#343434;
}


.transparent {
    opacity: 0.1;
}


.getCv , .printCV{
    border:3px solid #343434;
    display: inline-block;
	margin-right:10px;
}


.getCv h3, .printCV h3 {
    color: #343434;
    float: right;
    padding: 8px 20px;
    text-transform: uppercase;
	margin-bottom:0;
}


.getCv i, .printCV i {
    color: #343434;
    float: left;
    font-size: 18px;
    padding: 10px 15px;
	border-right:3px solid #343434;
}



/*End resume*/



/*Portfolio section*/


.filterNav {
    text-align: center;
}


ul#category li {
    display: inline-block;
	font-size:12px;
	margin-right:5px;
}


ul#category li a {
    color: #999999;
    display: inline-block;
    padding: 0 10px;
    position: relative;
	font-size:14px;
}


#category .current a{
	color:#343434;
}


#category .current a:after {
    border-bottom: 1px solid #37b0ac;
    content: "";
    display: block;
    left: 50%;
    margin-left: -10px;
    position: absolute;
    top: 25px;
    width: 14px;
    z-index: 0;
}


.item{
    position: relative;
	margin-bottom:30px;
	overflow:hidden;
}


.item:hover img {
    -moz-transform: scale(1.2)  ;
	-webkit-transform: scale(1.2) ;
	-o-transform: scale(1.2)  ;
	.transform: scale(1.2) ;
	
}


.itemDesc{
	position:absolute;
	background:  rgba(36, 36, 36, .8);
	width:100%;
	height:100%;
	z-index:10;
}

.itemDesc h3 {
 	color: #f1f1f1;
    margin-bottom: 10px;
    text-transform: none;
}

.itemDesc span {
	margin-top: -5px;
	font-size: 13px;
	text-transform: none;

}


.itemBtn a{
	color:#e4e4e4;
	border:2px solid #e4e4e4;
	padding:5px 13px;
	font-size: 12px;
	margin-top:10px;
	display:inline-block;
}


.itemBtn a:last-child{
	margin-left:5px;

}

.singleDetails .smallIntro p {
    color: #999999;
    line-height: 28px;
    padding: 0 260px;
}

.projTitle h1{
	color:#ffffff;
	font-size:20px;
}

.projTitle p{
	font-size:13px;
}

.prSocials{
	margin-top:30px;
}

.prSocials li {
    display: inline-block;
}


.prSocials li a {
    color: #ffffff;
    display: inline-block;
	margin-right:8px;
}

.prSocials li a:hover{
	opacity:.6;
}


.prj, .prjSlider {
	height:100%;
	background-size: cover !important;
	margin-bottom:20px;
	position:relative;
	overflow:hidden;
}

.prjVideo{
	margin-bottom:20px;
}



.prjLink {
    background:rgba(36, 36, 36, 0.8);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
	z-index:10;
}



.prj:hover img {
    transform: scale(1.2);
	-moz-transform: scale(1.2)  ;
	-webkit-transform: scale(1.2) ;
	-o-transform: scale(1.2)  ;
	.transform: scale(1.2) ;
	
}

.prjLinkInner a {
    border: 2px solid #e4e4e4;
    color: #e4e4e4;
    display: inline-block;
    font-size: 12px;
    margin-top: 10px;
    padding: 5px 13px;
}



.stp h3{
	margin-bottom:5px;
	text-transform:none;
}

/*End portfolio section*/



/*Twitter feed*/


.feed {
    border-top: 1px dashed #f2f2f1;
    margin-top: 80px;
    padding-top: 80px;
    text-align: center;
}


.feedInner {
    position: relative;
}





.feedInner h3{
	color: #474747;
	
	font-size:12px;
}



.tweets .tweet_list {
	margin-top:40px;
    color: #343434;
    line-height: 32px;
	padding:0 260px;

}


.tweets .tweet_list li {
    font-size: 19px;
}


.tweets .tweet_list a {
    color: #999999;
}


.tweets p {
    color: #efefef;
    font-size: 12px;
    padding-top: 10px;
}


/*End twitter feed*/



/*Call to action */


.clt{
	padding-top: 50px;
}

.icoCtl i{
	font-size:55px;
	color:#504d4c;
	font-weight:bold;
}

.cltInner h1{
	
	font-size:18px;
	color:#f1f1f1;
	margin-bottom:20px;
	
}


.cltInner a{
	
	color:#ffffff;
	display:inline-block;
	background:#37b0ac;
	text-transform:uppercase;
	
}

.cltInner a:hover{
	color:#d7d4d4;
	background:#706c6b;
}

/*End call to action*/



/*Blog section*/


.blog .smallIntro p {
    color: #999999;
    line-height: 28px;
    padding: 0 260px;
}

.container .postLHolder {
    display: inline-block;
    float: none;
}

.pstLInner:last-child{
	margin-bottom:0;
}

.pstlIco, .pstlDet {
    float: left;
}

.pstlDet {
    margin-left: 110px;
    width: 500px;
	text-align:left;
}


.pstlDet .postTitle h1, .pstlDet .postTitle h1 a {
	font-size:25px;
	max-width:400px;
	line-height:32px;
	margin-bottom:20px;
	-webkit-text-stroke: 0;
	
}

.pstlDet h1 a{
	color:#343434;
}


.pstlIco span.ico {
    color: #37b0ac;
    display: inline-block;
    font-size: 60px;
    position: relative;
    text-align: center;
    width: 60px;
	margin-top:70px;
	
}

.postMeta{
	margin-bottom:2px;
}


.postMeta span, .postMeta span a{
	color:#343434;
	font-size:13px;
}


.postMeta span.metaComments a {
    color: #37b0ac;
}

.blContinue{
	display:inline-block;
	color:#343434;
	margin-top:10px;
}

.blContinue:hover{
	color:#37b0ac;
}


.viewAll{
	background:#efeeee;
	padding:30px 0;
}

.viewAll a{
	text-transform:uppercase;
	color:#8f9194;
	-webkit-text-stroke: 0.25px;
}


.viewAll a:hover{
	color:#343434;
}


.postTitleL h1{
	color:#ffffff;
	font-size:20px;
}

.postTitleL p{
    font-size: 13px;
}


.postTitleL .postMeta span a{
	color:#ffffff;
}

.pstLInner span a:hover {
    color: #999999;
}





.postSingle, .sidebar {
	margin-bottom: 70px;
}

.postLarge{
	border-bottom:2px #efefef solid;
	padding-bottom:40px;
	margin-bottom: 40px;
}

.postLarge:last-child{
	margin-bottom: 0;
	border-bottom:0;
}


.postTitle, .commentscountTitle, .respondTitle {
    margin-bottom: 20px;
}

.postTitle h1 a{
	color: #343434;
	font-size:20px;
}

.postTitle h1 a:hover {
    
}

.postTitle{
	margin-bottom:20px;
	
}

.postTitle span, .postTitle span a {
    color: #999999;
    font-size: 12px;
}

.postTitle span.postDate {
    font-size: 16px;
	color:#37b0ac;
}

.postTitle span a:hover {
    color: #2D2D2D;
}

.postMedia{
	margin-bottom:15px !important;
}




.more a{
	background:#343434;
	color:#f1f1f1;
	display: inline-block;
	margin-top:20px;
	text-transform: uppercase;
}

.more a:hover{
	background:#37b0ac;
	color:#ffffff;
}

.pagination {
    position: relative;
    text-align: center;

}


.pagination ul li {
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    height: 35px;
    line-height: 32px;
    margin-right: 5px;
    width: 35px;
}


.pagination ul li a {
    border: 2px solid #ffffff;
    color: #ffffff;
    display: inline-block;
    height: 35px;
    line-height: 32px;
    width: 35px;
}


.pagination ul li:hover, .pagination ul li span:hover, .pagination ul li a:hover {
    color: #343434;
	background:#ffffff;
}


.pagination ul li a.selected {
    color: #343434;
	background:#ffffff;
}


.postSingle p, .postSingle blockquote{
	margin-bottom:10px;
}


.postSingle blockquote{
	font-size:16px;
	line-height:25px;
	color:#37b0ac;
}


.tagsSingle {
	margin-top:30px;
}

.tagsSingle h4 {
    float: left;
    margin-right: 10px;
    margin-top: 4px;
}

.tagsListSingle li{
	display:inline-block;
}


.tagsListSingle li a{
	
	background:#37b0ac;
    color: #ffffff;
    display: inline-block;
    padding: 5px 12px;
	font-size:11px;

}


.tagsListSingle li a:hover{
	
	background:#343434;
    color: #f1f1f1;
}



.entriesContainer {
    margin-top: 40px;
}


.commentContent {
    margin-bottom: 15px;
    margin-left: 50px;
}


.commentContent p.expert {
    margin-top: 10px;
}

.comments h2, .respond h2, .widget h2{
	font-size: 16px;
}


.comments .img {
    border: 2px solid #CCCCCC;
    color: #CCCCCC;
    float: left;
    height: 35px;
    line-height: 31px;
    margin-top: 5px;
    text-align: center;
    width: 35px;
}


.comment {
    border-bottom: 2px solid #efefef;
    padding: 5px 0 50px;
    position: relative;
}


.comment.children {
    margin-top: 30px;
}


.comments a {
	display:inline-block;
}

.author a{
	color:#343434;
	font-size:13px;
}


.comments .replys {
    margin-left: 40px;
}


.comments .replys.children {
    margin-left: 80px;
}


.comments .reply-btn {
    float: right;
}


.comments .reply-btn a {
    color: #343434;
	font-size:13px;
}


.comments .reply-btn a:hover {
    color: #37b0ac;
}



.commentContent .date a {
    color: #37b0ac;
    font-size: 11px;
	display: inline-block;
}


.replyForm {
    margin-top: 40px;
}


.widget{
	margin-bottom:40px;
}


.widget:last-child{
	margin-bottom:0;
}


.widget h2{
	margin-bottom:20px;
}

.searchForm{
	position:relative;
}

.searchForm input[type="text"]{
    border:none;
    padding: 12px 10px;
	font-size: 13px;
    width: 100%;
	background: #f3f3f3;
    border: 0 none;
    color: #343434;
	border:1px solid #f2f2f1;
}


.searchForm  .submitSearch {
    border: medium none;
    cursor: pointer;
    position: absolute;
    right: 14px;
    top: 15px;
	color:#37b0ac;
	background: #f2f2f1;
}


.catList li, .catArchives li, .meta li {
    line-height: 30px;
}


.widget .catList li:last-child, .widget .catArchives li:last-child {
    border-bottom: medium none;
}


.catList li a, .catArchives li a, .meta li a, .tagsList li a  {
    color: #999999;
	font-size:13px;
}

.catList li a:hover, .catArchives li a:hover, .meta li a:hover, .tagsList li a:hover{
	color:#343434;
}

.catArchives li a {
    color: #37b0ac;
}

.meta abbr{
	color:#343434;
}

.catList li span.countCat{
    color:#343434;
	font-size: 12px;
}


.tagsList li {
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 1px;
}


.tagsList li a {
    background:#f3f3f3;
    display: inline-block;
    padding: 8px 10px;
}

.meta abbr {
    border-bottom: 1px dotted #999999;
    cursor: help;
}



/*End blog section*/



/*Contact section*/


.contact .smallIntro p {
    color: #999999;
    line-height: 28px;
    padding: 0 260px;
}

.inputColumns  .column1 ,  .inputColumns  .column2 {
	float: left;
    width: 50%;
}

.inputColumns  .column1 .columnInner {
	padding: 0 15px 0 0;
}

.inputColumns  .column2 .columnInner, {
	padding: 0 5px 0 10px;
}

.contactForm input[type="text"], .contactForm textarea, .replyForm input[type="text"], .replyForm textarea {
    background: #ffffff;
    border: 0 none;
    color: #666666;
    font-family: inherit;
    font-size: 13px;
    margin: 0 0 14px;
    outline: 0 none;
    padding:10px;
    resize: none;
    width: 100%;
	font-family: "open_sanslight", Arial, sans-serif;
	border:1px solid #f3f3f3;
	overflow:hidden;
	
}

.contactForm textarea, .replyForm textarea {
    width: 100%;
	color: #666666;
	font-family: "open_sanslight", Arial, sans-serif;
}

.contactForm #submit, .replyForm #submit  {
    background: #37b0ac;
    color: #ffffff;
    display: inline-block;
	cursor: pointer;
	text-transform:uppercase;
}

.contactForm #submit:hover, .replyForm #submit:hover{
	background: #343434;
    color: #f1f1f1;
}


#success, #error {
    display: none;
    position: relative;
}


#success h2, #error h2 {
    color: #1FB4DA;
    font-size: 11px;
    left: 0;
    position: absolute;
    top: 10px;
	text-transform:none;
}

#error h2 {
    color: #CE3D3D;
}

.errorForm {
    border: 1px solid #da4856 !important;
}

.cInfo{
	margin-bottom:40px;
}


.cInfo ul, .wInfo ul{
	margin-top:-7px;
}



.contactInner h1 {
	font-size:16px;
	margin-bottom:15px;
    
}

.contactInfo ul li{
	margin-bottom:2px;
}


/*End contact section*/



/*Instagram feed*/

.instaInner {
	position:relative;
}


.insta{
    color: #ffffff;
    height: 100%;
    left: 50%;
    position: absolute;
	margin-left: -145px;
    top: 0;
    width: 288px;
    z-index: 999;
}


.instaTitle {
    color: #ffffff;
    height: 100%;
    left: 50%;
    margin-left: -145px;
    margin-top: -30px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 288px;
    z-index: 999;
}

.insta i{
	font-size:30px;
}

.insta h3{
	color:#ffffff;
	text-transform:none;
	margin-top: 10px;
}

.instaFeed li ,.instaFeed li a{
	position:relative;
	display:inline;
	width:10%;
	
}


.instaFeed li a{
	display:inline-block;

	
}

.instaFeed li img {
	display:inline-block;
	width:100%;
	
	
}


.instaFeed li a:before{
    background: rgba(36, 36, 36, 0.7);
    content: "";
    height: 100%;
    position: absolute;
    width: 100%;
	left:0;
	top:0;
	z-index:0;
	display: block
}

.instaFeed li a:hover:before{
	background: rgba(36, 36, 36, 0);
}

/*End instagram feed*/


/*Footer*/

.footerTop{
	background:#2c2c2c;
}


.footerBottom{
	background:#343434;
	color:#d5d5d5;
	font-size:11px;
}

.ftLogo {
	margin-bottom:30px;
}

.ftLogo img{
	width:10.5%;
}


.socialsFooter li {
    display: inline-block;
    margin-left: 8px;
	margin-right: 8px;
    text-align: center;
}


.socialsFooter a {
    color: #ffffff;
    display: inline-block;
	font-size:25px;
	opacity:.1;

}

.socialsFooter a:hover {
	opacity:.8;

}

.top {
	margin-top:30px;
}

.top a i {
    background: none repeat scroll 0 0 #323232;
    border: 1px solid #383838;
    color: #f1f1f1;
    display: inline-block;
    font-size: 12px;
    padding: 0 12px;
}


/*End footer*/


/* -------------------- Media queries -------------------- */


/*Landscape 1024 X 600 */
@media only screen and (min-width: 1000px) and (max-width: 1030px){
	
	.bigTitle img {left: 48.01%;width: 4%;}
	.caption p {padding: 0 300px;}

}
 
/* (1680x1050) WSXGA+ Display */
@media only screen and (min-width: 1650px) and (max-width: 1889px) {
	.bigTitle img {left: 48.7%;width: 2.5%;}
	.caption p {padding: 0 640px;}
}


/* Smartphones & Tablets (portrait) & Tiny Desktops -------- */
@media only screen and (min-width: 640px) and (max-width: 799px) {
	.bigTitle img {left: 46.5% !important;width: 6.9% !important;}
}


/* (1280x1024) SXGA Display */
@media  screen  and (min-width: 1200px) and (max-width: 1280px) {
    .caption p {padding: 0 445px;}

}


/*iPad lanscape*/
@media screen and (max-device-width: 960px) and (min-width: 1000px) and (max-width: 1030px){
	input, textarea{-webkit-appearance: none;-webkit-border-radius:0;}
	.flexslider .slides > li {display: none; -webkit-backface-visibility: visible !important;} 
	.teaser .slide li{background-attachment: scroll;background-position:top center !important;background-size: cover;}
	.caption p{padding: 0 300px;}
	.bigTitle img{width:4.1%;left: 48.21%;}
	a.btnLaunch{margin-left:40px;}

}

/* Tablet Portrait size -> standard 960 */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	input, textarea{-webkit-appearance: none;-webkit-border-radius:0;}
	.flexslider .slides > li {display: none; -webkit-backface-visibility: visible !important;} 
	.teaser .slide  li{background-attachment: scroll;background-position:top center !important;background-size: cover;}
	.caption p{padding: 0 210px;}
	.aboutIntro h1{font-size:23px;}
	.aboutProfile{margin-left:0;margin-right:0;margin-top:0; margin-bottom:20px;}
	.aboutProfile, .aboutInfo{float:none;margin-left:30px;}
	.aboutInfo{width:auto;}
	.innerInfo {margin-top: 100px;}
	.bigTitle img{width:5.5% !important;left: 47.41% !important;}
	.nav {width: 263px !important;}
	.innerIntro{margin-top:115px;}
	.det{width:479px;}
	.employment:before, .education:before{left:4.7%;}
	.rcgIntro{margin-top: 33% !important;}
	.rcgDet{width:260px;}
	.pList{margin-right:40px;}
	.langList h4{width:78px;}
	.blog .smallIntro p ,.tweets .tweet_list, .singleDetails .smallIntro p, .skills .smallIntro p
	, .contact .smallIntro p{padding: 0 180px;}
	.imgTS{width:48%;}
	a.btnLaunch{margin-left:30px;}
	.pagination ul{text-align:left;}
	.pagination ul li{text-align:center;}
	.feedInner:before{left:20px;}
	.pstlDet{width:380px;}
	.teaserMsg h1{font-size:15px;}
	.footerTop.ofsInTop{padding-top: 30px;}
	.footerTop.ofsBMedium{ padding-bottom: 20px;}
	
	
	
}


/* Mobile Landscape Size -> Tablet Portrait size*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	input, textarea{-webkit-appearance: none;-webkit-border-radius:0;}
	.flexslider .slides > li {display: none; -webkit-backface-visibility: visible !important;} 
	html{-webkit-text-size-adjust: none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;}
	header{position :fixed !important;top:0 !important;left:0;margin-top:0 !important;background-color: rgba(255, 255, 255, 0.97) !important;}
	.switchedHeader{position:static;}
	.headerSocials{display:none !important;}
	.teaser .slide  li{background-attachment: scroll;background-position:top center !important;background-size: cover;}
	.nav{width:420px !important;}
	.nav.second{padding-bottom:20px;}
	.caption{top:53.4%;}
	.caption p{padding: 0 100px;}
	.mainHeader{height:81px;}
	.logo img {position:absolute;left:0;width:23%;top:21px;}
	.nav.first .mainNav{margin-top:25px;}
	.mainNav{display:none;}
	.mainNav li{float:none; display:block; text-align:left;}
	.mainNav li a{ padding: 5px 0;color:#999999;}
	.mobileBtn{display: inline-block;position: absolute;top:26px;right:0;}
	.caption h1{font-size:50px;}
	.bigTitle img{width:8.7%;left: 45.7%;}
	.introBg{width:100%; height:44%;}
	.innerInfo{margin-top:50px;}
	.aboutProfile{margin-bottom:30px;margin-left:0;margin-right:0;}
	.employment:before, .education:before{left:6%;}
	.det{width:370px;margin-left:5px;}
	.imgrecognition{width:100%;height:33%;min-height:100px;}
	.container .rcgIntro{margin-top:23% !important ;}
	.container .rcgDetails.margHTop {margin-top: 100px;}
	.rcgDet{width:300px;}
	.container .skillsContent.margHBottom{margin-bottom:100px;}
	.langList li, .langList h4, .pList, .aboutProfile, .aboutInfo{float:none;}
	.pList{margin-right:0;}
	.langList li{margin-bottom:40px;}
	.pstlDet {margin-left: 55px;width: 305px;}
	.contactForm{margin-bottom:50px;}
	.teaserMsg h1{line-height:25px;}
	.buyLink a{float:none;margin-top:20px;}
	.videoWrapper iframe{height:400px;margin-bottom:15px !important;}
	.prj, .prjSlider{margin-bottom:20px !important;}
	.container .stp {margin-bottom: 40px;}
	.container .stp:last-child {margin-bottom: 0;}
	.container .item{ margin-bottom: 30px;}
	.container .stInner.ten.columns {margin:0 !important;}
	.singleTeaser .container .six.columns{margin:0 !important;}
	.singleTeaser{padding-top:130px !important;padding-bottom:50px !important;}
	.imgTS{display:none;}
	.pagination{text-align:left;margin-top:20px;}
	.pagination li{text-align:center;}
	.container .sidebar{margin-top:40px;}
	.replyForm{margin-bottom:40px;}
	a.btnLaunch{margin-left:0;margin-top:20px;}
	.prj, .prjSlider{margin-bottom:20px !important;}
	.postMedia iframe{height:400px;}
	.team .smallIntro p, .process .smallIntro p, .facts .smallIntro p, .pricing .smallIntro p, .cltInner p,.blog .smallIntro p
	,.tweets .tweet_list, .singleDetails .smallIntro p, .clients .smallIntro p, .skills .smallIntro p
	, .contact .smallIntro p{padding: 0 55px;line-height:28px;}
	.insta {height: 10%;left: 0;padding-top: 220px;width:100%;margin-left: 0;}
	.instaFeed li, .instaFeed li a{width:100%;}

	
}



/* Mobile Portrait Size -> Mobile Landscape Size */
@media only screen and (max-width:479px) {
	
	input, textarea{-webkit-appearance: none;-webkit-border-radius:0;}
	.flexslider .slides li {display: none; -webkit-backface-visibility: visible !important;} 
	html{-webkit-text-size-adjust: none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;}
	html{-webkit-text-size-adjust: none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;}
	header{position :fixed !important;top:0 !important;left:0;margin-top:0 !important;background-color: rgba(255, 255, 255, 0.97) !important;}
	.switchedHeader{position:static;}
	.headerSocials{display:none !important;}
	.teaser .slide  li{background-attachment: scroll;background-position:top center !important;background-size: cover;}
	.nav{width:420px !important;}
	.nav.second{padding-bottom:20px;}
	.caption{top:55%;}
	.caption p{padding: 0 10px;}
	.mainHeader{height:81px;}
	.mainNav{margin-right:0;}
	.nav.first .mainNav{margin-top:25px;}
	.mainNav{display:none;}
	.mainNav li{float:none; display:block; text-align:left;}
	.mainNav li a{ padding: 5px 0; color:#999999}
	.mobileBtn{display: inline-block;position: absolute;top:26px;right:0px;}
	.caption h1{font-size:40px;}
	.caption p{margin-top:12px;}
	.bigTitle img{width:14%;left: 43.2% ;}
	.introBg{width:100%; height:48%;}
	.innerInfo{margin-top:50px;}
	.aboutProfile{margin-bottom:30px;margin-left:0;margin-right:0;}
	.employment:before, .education:before{left:8.7%;}
	.det{width:250px;margin-left:5px;}
	.imgrecognition{width:100%;height:33%;min-height:100px;}
	.container .rcgIntro{margin-top: 33% !important;}
	.container .rcgDetails.margHTop {margin-top: 100px;}
	.rcgDet{width:160px;}
	.container .skillsContent.margHBottom{margin-bottom:100px;}
	.langList li, .langList h4, .pList, .aboutProfile, .aboutInfo{float:none;}
	.pList{margin-right:0;}
	.langList li{margin-bottom:40px;}
	.getCv{margin-bottom:10px;}
	.pstLInner{padding-top:0 !important;}
	.pstlIco, .pstlDet{float:none;margin-left:0;}
	.pstlDet{width:300px; margin-top:20px;}
	.pstlIco span.ico{position:relative; left:-120px;}
	.contactForm{margin-bottom:50px;}
	.teaserMsg h1{line-height:25px;}
	.buyLink a{float:none;margin-top:20px;}
	.ftLogo img{width:35%;}
	.feedInner:before{left:20px;}
	ul#category li {display: block;margin-bottom: 15px;margin-right:0;}
	.prj, .prjSlider{margin-bottom:20px !important;}
	.container .stp {margin-bottom: 40px;}
	.container .stp:last-child {margin-bottom: 0;}
	.container .item{ margin-bottom: 30px;}
	.videoWrapper iframe{height:200px;margin-bottom:15px !important;}
	.container .stInner.ten.columns {margin:0 !important;}
	.singleTeaser .container .six.columns{margin:0 !important;}
	.singleTeaser{padding-top:130px !important;padding-bottom:50px !important;}
	.imgTS{display:none;}
	.pagination{text-align:left;margin-top:20px;}
	.pagination li{text-align:center;}
	.container .sidebar{margin-top:40px;}
	.replyForm{margin-bottom:40px;}
	a.btnLaunch{margin-left:0;margin-top:20px;}
	.prj, .prjSlider{margin-bottom:20px !important;}
	.postTitleL h1, .projTitle h1{font-size:16px;}
	.postMeta span, .postMeta span a, .projTitle p{font-size:12px;}
	.tagsSingle h4{float:none;margin-bottom:5px;}
	.tagsListSingle li a{margin-bottom:5px;}
	.postMedia iframe{height:200px;}
	.blog .smallIntro p ,.tweets .tweet_list, .singleDetails .smallIntro p, .clients .smallIntro p, .skills .smallIntro p
	, .contact .smallIntro p{padding: 0 8px;}
	.insta {height: 10%;left: 0;padding-top: 135px;width:100%;margin-left: 0;}
	.instaFeed li, .instaFeed li a{width:100%;}
	
}

/* -------------------- End media queries -------------------- */








* jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;font-weight:normal;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

.flexslider .slides li{position:relative;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0px auto 0;position: relative; zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;-ms-transition:all 1s ease;
-o-transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}
.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {
	

	color:#111111;
	height: 30px;
	margin: -20px 0 0;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	font-size:25px;
}

.flex-direction-nav a:hover{}
.flex-control-nav{z-index: 10;	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;}	
.mainSlider .flex-direction-nav a {top:52%;}	
.flex-direction-nav .flex-prev {left: 0px;}
 .flex-direction-nav .flex-next{right: 0px;}	
.mainSlider .flex-control-nav, .projectSlider .flex-control-nav, .postSlider .flex-control-nav , .postSliderLarge .flex-control-nav {bottom: 50px;}





/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom:-40px; text-align: center;}
.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}





.flex-control-nav li {margin: 0 3px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 8px; height: 8px; display: block; background: #ffffff; opacity:.6;cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px;box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */}
.flex-control-paging li a:hover { background:#ffffff; opacity:1}
.flex-control-paging li a.flex-active { position:relative;cursor: default; border:none;opacity:1; background:#ffffff;
	}
	
	
/*
	.testiSlider .flex-control-paging li a {background:#cccccc;}
	.testiSlider .flex-control-paging li a:hover { background:#cccccc; }
	.testiSlider .flex-control-paging li a.flex-active{ position:relative;cursor: default;background:#cccccc;
			}*/

/*
.flexslider:hover .flex-next {opacity: 1; }
.flexslider:hover .flex-prev {opacity: 1;}*/

/*.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}*/
/*.flex-direction-nav .flex-disabled {opacity: .6!important; filter:alpha(opacity=60); cursor: default;}*/



/* Magnific Popup CSS */
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
filter: alpha(opacity=80); }

.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }

.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }

.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }

.mfp-align-top .mfp-container:before {
display: none; }

.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }

.mfp-ajax-cur {
cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }

.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }

.mfp-loading.mfp-figure {
display: none; }

.mfp-hide {
display: none !important; }

.mfp-preloader {
color: #cccccc;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #cccccc; }
.mfp-preloader a:hover {
color: white; }

.mfp-s-ready .mfp-preloader {
display: none; }

.mfp-s-error .mfp-content {
display: none; }

button.mfp-close, button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none; }
button::-moz-focus-inner {
padding: 0;
border: 0; }

.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: white;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover, .mfp-close:focus {
opacity: 1; }
.mfp-close:active {
top: 1px; }

.mfp-close-btn-in .mfp-close {
color: #333333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
color: white;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }

.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #cccccc;
font-size: 12px;
line-height: 18px; }

.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus {
opacity: 1; }
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after, .mfp-arrow .mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before, .mfp-arrow .mfp-b {
border-top-width: 21px;
border-bottom-width: 21px; }

.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
border-right: 17px solid white;
margin-left: 31px; }
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
margin-left: 25px;
border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
border-left: 17px solid white;
margin-left: 39px; }
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }

.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: black; }

/* Main image in popup */
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444444; }
.mfp-figure small {
color: #bdbdbd;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }

.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }

.mfp-title {
text-align: left;
line-height: 18px;
color: #f3f3f3;
word-wrap: break-word;
padding-right: 36px; }

.mfp-image-holder .mfp-content {
max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
/**
* Remove all paddings around the image on small screen
*/
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure {
/* The shadow behind the image */ }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; } }

@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }

.mfp-ie7 .mfp-img {
padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
padding: 0; }
.mfp-ie7 .mfp-content {
padding-top: 44px; }
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0; }