@font-face {
    font-family: 'open_sansbold';
    src: url('../font/OpenSans-Bold-webfont.eot');
    src: url('../font/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
		url('../font/OpenSans-Bold-webfont.woff') format('woff'),
		url('../font/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('../OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansbold_italic';
    src: url('../font/OpenSans-BoldItalic-webfont.eot');
    src: url('../font/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
	url('../font/OpenSans-BoldItalic-webfont.woff') format('woff'),
         url('../font/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
         url('../font/OpenSans-BoldItalic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'open_sansextrabold';
    src: url('../font/OpenSans-ExtraBold-webfont.eot');
    src: url('../font/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
 		 url('../font/OpenSans-ExtraBold-webfont.woff') format('woff'),
         url('../font/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
         url('../font/OpenSans-ExtraBold-webfont.svg#open_sansextrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'open_sansextrabold_italic';
    src: url('../font/OpenSans-ExtraBoldItalic-webfont.eot');
    src: url('../font/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../font/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'),
         url('../font/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'),
         url('../font/OpenSans-ExtraBoldItalic-webfont.svg#open_sansextrabold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'open_sansitalic';
    src: url('../font/OpenSans-Italic-webfont.eot');
    src: url('../font/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
 		 url('../font/OpenSans-Italic-webfont.woff') format('woff'),
         url('../font/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('../font/OpenSans-Italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'open_sanslight';
    src: url('../font/OpenSans-Light-webfont.eot');
    src: url('../font/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
 		 url('../font/OpenSans-Light-webfont.woff') format('woff'),
         url('../font/OpenSans-Light-webfont.ttf') format('truetype'),
         url('../font/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'open_sanslight_italic';
    src: url('../font/OpenSans-LightItalic-webfont.eot');
    src: url('../font/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../font/OpenSans-LightItalic-webfont.woff') format('woff'),
         url('../font/OpenSans-LightItalic-webfont.ttf') format('truetype'),
         url('../font/OpenSans-LightItalic-webfont.svg#open_sanslight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansregular';
    src: url('../font/OpenSans-Regular-webfont.eot');
    src: url('../font/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../font/OpenSans-Regular-webfont.woff') format('woff'),
         url('../font/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../font/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'open_sanssemibold';
    src: url('../font/OpenSans-Semibold-webfont.eot');
    src: url('../font/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
 		 url('../font/OpenSans-Semibold-webfont.woff') format('woff'),
         url('../font/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('../font/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanssemibold_italic';
    src: url('../font/OpenSans-SemiboldItalic-webfont.eot');
    src: url('../font/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../font/OpenSans-SemiboldItalic-webfont.woff') format('woff'),
         url('../font/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
         url('../font/OpenSans-SemiboldItalic-webfont.svg#open_sanssemibold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}





@font-face {
    font-family: 'RobotoBoldCondensed';
    src: url('../font/Roboto-BoldCondensed-webfont.eot');
    src: url('../font/Roboto-BoldCondensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/Roboto-BoldCondensed-webfont.woff') format('woff'),
         url('../font/Roboto-BoldCondensed-webfont.ttf') format('truetype'),
         url('../font/Roboto-BoldCondensed-webfont.svg#RobotoBoldCondensed') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'RobotoMedium';
    src: url('../font/Roboto-Medium-webfont.eot');
    src: url('../font/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/Roboto-Medium-webfont.woff') format('woff'),
         url('../font/Roboto-Medium-webfont.ttf') format('truetype'),
         url('../font/Roboto-Medium-webfont.svg#RobotoMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
	font-family: 'et-line';
	src:url('../font/et-line.eot');
	src:url('../font/et-line.eot?#iefix') format('embedded-opentype'),
		url('../font/et-line.woff') format('woff'),
		url('../font/et-line.ttf') format('truetype'),
		url('../font/et-line.svg#et-line') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
	font-family: 'et-line';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display:inline-block;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-mobile, .icon-laptop, .icon-desktop, .icon-tablet, .icon-phone, .icon-document, .icon-documents, .icon-search, .icon-clipboard, .icon-newspaper, .icon-notebook, .icon-book-open, .icon-browser, .icon-calendar, .icon-presentation, .icon-picture, .icon-pictures, .icon-video, .icon-camera, .icon-printer, .icon-toolbox, .icon-briefcase, .icon-wallet, .icon-gift, .icon-bargraph, .icon-grid, .icon-expand, .icon-focus, .icon-edit, .icon-adjustments, .icon-ribbon, .icon-hourglass, .icon-lock, .icon-megaphone, .icon-shield, .icon-trophy, .icon-flag, .icon-map, .icon-puzzle, .icon-basket, .icon-envelope, .icon-streetsign, .icon-telescope, .icon-gears, .icon-key, .icon-paperclip, .icon-attachment, .icon-pricetags, .icon-lightbulb, .icon-layers, .icon-pencil, .icon-tools, .icon-tools-2, .icon-scissors, .icon-paintbrush, .icon-magnifying-glass, .icon-circle-compass, .icon-linegraph, .icon-mic, .icon-strategy, .icon-beaker, .icon-caution, .icon-recycle, .icon-anchor, .icon-profile-male, .icon-profile-female, .icon-bike, .icon-wine, .icon-hotairballoon, .icon-globe, .icon-genius, .icon-map-pin, .icon-dial, .icon-chat, .icon-heart, .icon-cloud, .icon-upload, .icon-download, .icon-target, .icon-hazardous, .icon-piechart, .icon-speedometer, .icon-global, .icon-compass, .icon-lifesaver, .icon-clock, .icon-aperture, .icon-quote, .icon-scope, .icon-alarmclock, .icon-refresh, .icon-happy, .icon-sad, .icon-facebook, .icon-twitter, .icon-googleplus, .icon-rss, .icon-tumblr, .icon-linkedin, .icon-dribbble {
	font-family: 'et-line';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display:inline-block;
}
.icon-mobile:before {
	content: "\e000";
}
.icon-laptop:before {
	content: "\e001";
}
.icon-desktop:before {
	content: "\e002";
}
.icon-tablet:before {
	content: "\e003";
}
.icon-phone:before {
	content: "\e004";
}
.icon-document:before {
	content: "\e005";
}
.icon-documents:before {
	content: "\e006";
}
.icon-search:before {
	content: "\e007";
}
.icon-clipboard:before {
	content: "\e008";
}
.icon-newspaper:before {
	content: "\e009";
}
.icon-notebook:before {
	content: "\e00a";
}
.icon-book-open:before {
	content: "\e00b";
}
.icon-browser:before {
	content: "\e00c";
}
.icon-calendar:before {
	content: "\e00d";
}
.icon-presentation:before {
	content: "\e00e";
}
.icon-picture:before {
	content: "\e00f";
}
.icon-pictures:before {
	content: "\e010";
}
.icon-video:before {
	content: "\e011";
}
.icon-camera:before {
	content: "\e012";
}
.icon-printer:before {
	content: "\e013";
}
.icon-toolbox:before {
	content: "\e014";
}
.icon-briefcase:before {
	content: "\e015";
}
.icon-wallet:before {
	content: "\e016";
}
.icon-gift:before {
	content: "\e017";
}
.icon-bargraph:before {
	content: "\e018";
}
.icon-grid:before {
	content: "\e019";
}
.icon-expand:before {
	content: "\e01a";
}
.icon-focus:before {
	content: "\e01b";
}
.icon-edit:before {
	content: "\e01c";
}
.icon-adjustments:before {
	content: "\e01d";
}
.icon-ribbon:before {
	content: "\e01e";
}
.icon-hourglass:before {
	content: "\e01f";
}
.icon-lock:before {
	content: "\e020";
}
.icon-megaphone:before {
	content: "\e021";
}
.icon-shield:before {
	content: "\e022";
}
.icon-trophy:before {
	content: "\e023";
}
.icon-flag:before {
	content: "\e024";
}
.icon-map:before {
	content: "\e025";
}
.icon-puzzle:before {
	content: "\e026";
}
.icon-basket:before {
	content: "\e027";
}
.icon-envelope:before {
	content: "\e028";
}
.icon-streetsign:before {
	content: "\e029";
}
.icon-telescope:before {
	content: "\e02a";
}
.icon-gears:before {
	content: "\e02b";
}
.icon-key:before {
	content: "\e02c";
}
.icon-paperclip:before {
	content: "\e02d";
}
.icon-attachment:before {
	content: "\e02e";
}
.icon-pricetags:before {
	content: "\e02f";
}
.icon-lightbulb:before {
	content: "\e030";
}
.icon-layers:before {
	content: "\e031";
}
.icon-pencil:before {
	content: "\e032";
}
.icon-tools:before {
	content: "\e033";
}
.icon-tools-2:before {
	content: "\e034";
}
.icon-scissors:before {
	content: "\e035";
}
.icon-paintbrush:before {
	content: "\e036";
}
.icon-magnifying-glass:before {
	content: "\e037";
}
.icon-circle-compass:before {
	content: "\e038";
}
.icon-linegraph:before {
	content: "\e039";
}
.icon-mic:before {
	content: "\e03a";
}
.icon-strategy:before {
	content: "\e03b";
}
.icon-beaker:before {
	content: "\e03c";
}
.icon-caution:before {
	content: "\e03d";
}
.icon-recycle:before {
	content: "\e03e";
}
.icon-anchor:before {
	content: "\e03f";
}
.icon-profile-male:before {
	content: "\e040";
}
.icon-profile-female:before {
	content: "\e041";
}
.icon-bike:before {
	content: "\e042";
}
.icon-wine:before {
	content: "\e043";
}
.icon-hotairballoon:before {
	content: "\e044";
}
.icon-globe:before {
	content: "\e045";
}
.icon-genius:before {
	content: "\e046";
}
.icon-map-pin:before {
	content: "\e047";
}
.icon-dial:before {
	content: "\e048";
}
.icon-chat:before {
	content: "\e049";
}
.icon-heart:before {
	content: "\e04a";
}
.icon-cloud:before {
	content: "\e04b";
}
.icon-upload:before {
	content: "\e04c";
}
.icon-download:before {
	content: "\e04d";
}
.icon-target:before {
	content: "\e04e";
}
.icon-hazardous:before {
	content: "\e04f";
}
.icon-piechart:before {
	content: "\e050";
}
.icon-speedometer:before {
	content: "\e051";
}
.icon-global:before {
	content: "\e052";
}
.icon-compass:before {
	content: "\e053";
}
.icon-lifesaver:before {
	content: "\e054";
}
.icon-clock:before {
	content: "\e055";
}
.icon-aperture:before {
	content: "\e056";
}
.icon-quote:before {
	content: "\e057";
}
.icon-scope:before {
	content: "\e058";
}
.icon-alarmclock:before {
	content: "\e059";
}
.icon-refresh:before {
	content: "\e05a";
}
.icon-happy:before {
	content: "\e05b";
}
.icon-sad:before {
	content: "\e05c";
}
.icon-facebook:before {
	content: "\e05d";
}
.icon-twitter:before {
	content: "\e05e";
}
.icon-googleplus:before {
	content: "\e05f";
}
.icon-rss:before {
	content: "\e060";
}
.icon-tumblr:before {
	content: "\e061";
}
.icon-linkedin:before {
	content: "\e062";
}
.icon-dribbble:before {
	content: "\e063";
}

*,:after,:before{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;text-decoration:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.bigTitle h1,.smallIntro p,img{display:inline-block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}img{vertical-align:middle;height:auto;max-width:100%}::-moz-selection{background:#111;color:#fff}a:focus{outline:0}iframe{width:100%;frameborder:0}body{background:#fff;font:14px/21px open_sans,Arial,sans-serif;color:#999;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}.italic,em{font-style:italic}h1,h2,h3,h4,h5,h6{color:#343434;font-weight:400;text-transform:uppercase}h2{font-size:18px}h3{font-size:16px;margin-bottom:10px}p{line-height:22px}strong{font-weight:700;color:#333}small{font-size:80%}.bigTitle{position:relative}.bigTitle img{background:#fff;left:48.53%;padding:3px 7px;position:absolute;top:37px;width:3%}.tgreyHolder .bigTitle img{background:#f4f4f4}.bigTitle h1:after,.tdarkHolder .bigTitle img{background:#343434}.bigTitle h1{font-size:18px;margin-bottom:50px;padding:10px 20px;position:relative}.bigTitle h1:after{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:#fff;font-size:20px}.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:#fff}a.btnLaunch{border:3px solid #fff;color:#fff;display:inline-block;font-size:15px;margin-left:100px;padding:6px 16px}a.btnLaunch:hover{color:#343434;background:#fff}.aboutInfo .ctl a,.aboutTitle h1,.bigTitle h1,.blContinue,.buyLink a,.caption h1,.cltInner a,.cltInner h1,.comments .reply-btn a,.comments h2,.contactForm #submit,.contactInner h1,.ctl a,.getCv h3,.innerIntro h1,.introTitle h1,.logo h1,.more a,.postTitle h1 a,.postTitleL h1,.printCV h3,.projTitle h1,.rcgDet h1,.rcgIntro h1,.replyForm #submit,.respond h2,.skillTitle h1,.tagsSingle h4,.viewAll a,.widget h2,a.btnLaunch,a.latestBtn{font-family:RobotoBoldCondensed,Arial,sans-serif}.caption p,.itemDesc h3,.logo h1 span,.rcgDet h3{font-family:open_sanssemibold,Arial,sans-serif}.aboutInfo li span,.author a,.det h3,.expDet h3,.fbInner p .brand,.feedInner h3,.langList h4,.mainNav li a,.pList li,.skillbarTitle,.smallIntro p span,.stp h3{font-family:open_sansbold,Arial,sans-serif}.date span,.det h3 span,.innerIntro h1 span,.itemDesc span,.postMeta span,.postMeta span a,.postSingle blockquote,.postTitleL p,.projTitle p,.rcgDet h3 span,.tweets .tweet_list,.word h3 span,.word p,ul#category li a{font-family:open_sanslight_italic,Arial,sans-serif}.innerIntro p .brand,.rcgIntro p{font-family:open_sanssemibold_italic,Arial,sans-serif}.aboutIntro h1,.aboutTitle h1 span,.catArchives li a,.catList li a,.meta li a,.pagination ul li,.pstlDet .postTitle h1,.pstlDet .postTitle h1 a,.searchForm input[type=text],.smallIntro p,.tagsList li a,.tagsListSingle li a{font-family:open_sanslight,Arial,sans-serif}.aboutTitle h1 span,.blContinue,.caption p,.ctl a,.det .date span,.det h3 span,.feedInner h3,.insta h3,.itemDesc span,.mainNav li a,.mainNavSingle li a,.postMeta,.postSingle,.postTitleL p,.prc h3,.projTitle p,.sidebar,.stTitle p,.stp h3,.teaserMsg h1,a.btnLaunch,a.latestBtn,ul#category li a{-webkit-text-stroke:.3px}.contactForm #submit,.errorForm,.instaFeed li a:before,.item img,.latest img,.pagination ul li span,.prj img,.replyForm #submit,.shortContact span,.shortFolio span,.tactive span,a{transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s}.btn{padding:8px 18px}.aboutProfile,.bigTitle,.bigTitle img,.comments .img,.contactForm input[type=text],.contactForm textarea,.det,.dtIco span.ico,.fct,.headerSocials,.inputColumns .column1,.inputColumns .column2,.inputColumns .column3,.introTitle,.introTitle img,.logo,.mainHeader,.pagination ul li,.plan,.post .postDetails,.prSingle,.projNav li a,.projSocials li a,.replyForm input[type=text],.replyForm textarea,.replyFormLarge input[type=text],.replyFormLarge textarea,.searchForm input[type=text],.service,.showHideBtn,.subscribeForm .submitSubcribe,.subscribeForm input[type=text]{box-sizing:border-box;-moz-box-sizing:border-box}.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}.margXXSBottom{margin-bottom:10px!important}.margXSBottom{margin-bottom:20px!important}.margSBottom{margin-bottom:40px!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:#4ac2be}.bgGreenDark{background:#3eafab}.secTitle.pricingTitle h1{color:#f4f4f4}p.marginAfter{margin-bottom:1em}
/*
* 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: 300px; }
    .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: 420px; }
        .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;
    }

.caption, .caption p, .headerSocials li a {
    color: #fff
}

.caption, .loaderBars, .mainHeader, .mobileBtn {
    text-align: center
}

.aboutInfo, .aboutProfile, .bar {
    float: left
}

.aboutInfo .ctl a, .caption p, .mainNav li {
    text-transform: uppercase
}

#category .current a:after, .date i:after, .education:before, .employment:before {
    content: ""
}

#loader {
    background: #fff;
    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
}

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

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

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

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

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

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

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

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

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

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

.profileTeaser {
    overflow: hidden;
    position: relative
}

.caption, header {
    position: absolute
}

.profileTeaser .slide li {
    background-size: cover !important;
    height: 520px !important
}

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

header, header.fixed {
    z-index: 1000;
    width: 100%
}

.caption {
    top: 48.4%;
    left: 0;
    width: 100%
}

.caption img {
    width: 10% !important
}

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

.caption p {
    font-size: 15px;
    line-height: 20px;
    margin-top: 20px;
    padding: 0 500px
}

header {
    background-color: rgba(255, 255, 255, .97)
}

header.fixed {
    left: 0;
    position: fixed;
    top: 0
}

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

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

.introHolder, .mainNav li, .mainNav li a {
    position: relative
}

.mainHeader {
    width: 100%
}

.nav {
    width: 360px !important
}

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

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

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

.mainNav li {
    display: inline-block;
    font-size: 11px
}

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

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

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

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

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

.dtIco span.ico, .education, .employment {
    position: relative
}

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

.innerInfo, .innerIntro {
    margin-top: 90px
}

.aboutTitle h1 {
    color: #fff;
    font-size: 30px
}

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

.aboutProfile, .aboutProfile img, .det .date, .dtIco span.ico {
    display: inline-block
}

.aboutIntro {
    margin-top: 50px;
    font-size: 15px
}

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

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

.aboutProfile {
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border: 4px solid #319894;
    height: 165px;
    width: 65px;
    margin: 0 25px
}

.aboutProfile img {
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    height: 157px;
    width: 165px
}

.aboutInfo {
    width: 300px;
    margin-left: 5px
}

.aboutInfo ul {
    color: #fff
}

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

.aboutInfo .ctl a {
    background: #4ac2be;
    color: #fff;
    padding: 12px 17px
}

.resumeDetails {
    text-align: left
}

.dtIco span.ico, .feed, .filterNav, .rcgIco span.ico {
    text-align: center
}

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

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

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

.det, .dtIco {
    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: #FFF;
    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: #FFF;
    font-size: 18px;
    height: 45px;
    line-height: 39px;
    width: 45px
}

.education:before, .employment:before {
    background: #efefef;
    background: -moz-linear-gradient(top, #efefef 1%, #efefef 75%, #fff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #efefef), color-stop(75%, #efefef), color-stop(100%, #fff));
    background: -webkit-linear-gradient(top, #efefef 1%, #efefef 75%, #fff 100%);
    background: -o-linear-gradient(top, #efefef 1%, #efefef 75%, #fff 100%);
    background: -ms-linear-gradient(top, #efefef 1%, #efefef 75%, #fff 100%);
    background: linear-gradient(to bottom, #efefef 1%, #efefef 75%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#ffffff', GradientType=0);
    bottom: 0;
    left: 3.7%;
    margin-left: -5px;
    position: absolute;
    top: 60px;
    width: 3px
}

.det, .det .date i {
    position: relative
}

.det {
    margin-left: 32px;
    padding: 20px;
    width: 560px
}

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

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

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

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

.langList h4, .langList li, .pList, .rating, .rcgDet, .rcgIco {
    float: left
}

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

.date i:after {
    border-bottom: 4px solid #37b0ac;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    bottom: -1px;
    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(http://stefanosandrone.moonfruit.com/communities/6/004/012/501/476/images/4608494050_885x381.png);
    ackground-image: url(../images/rcg.jpg);
    background-position: 20% 20%;
    background-size: cover;
    display: block;
    height: 100%;
    min-height: 500px;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.imgrecognition:before {
    background: rgba(36, 36, 36, .3)
}

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

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

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

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

.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;
    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: #999;
    font-size: 16px;
    text-transform: none
}

.getCv h3, .langList h4, .printCV h3, .skillbarTitle {
    text-transform: uppercase
}

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

.skills .smallIntro p {
    color: #999;
    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: #343434
}

.percentage.progra {
    background: #37b0ac
}

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

.percent90 {
    width: 90%
}

.percent40 {
    width: 50%
}

.percent50 {
    width: 70%
}

.percent60 {
    width: 60%
}

.percent95 {
    width: 95%
}

.skillInner .intro {
    padding-bottom: 0
}

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

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

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

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

.langList h4 {
    display: block;
    width: 144px;
    font-size: 13px
}

.getCv, .printCV, .rating span, ul#category li, ul#category li a {
    display: inline-block
}

.rating {
    margin-top: 1px
}

.rating span {
    color: #343434
}

.transparent {
    opacity: .1
}

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

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

.feedInner h3, .itemDesc h3, .itemDesc span, .stp h3 {
    text-transform: none
}

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

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

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

#category .current a {
    color: #343434
}

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

.itemBtn a, .prSocials li, .prSocials li a, .prjLinkInner a {
    display: inline-block
}

.itemDesc, .prjLink {
    height: 100%;
    width: 100%;
    z-index: 10
}

.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)
}

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

.prj, .prjSlider, .prjVideo {
    margin-bottom: 20px
}

.itemDesc span {
    margin-top: -5px;
    font-size: 13px
}

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

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

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

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

.projTitle p {
    font-size: 13px
}

.prSocials {
    margin-top: 30px
}

.prSocials li a {
    color: #fff;
    margin-right: 8px
}

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

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

.prjLink {
    background: rgba(36, 36, 36, .8);
    left: 0;
    position: absolute;
    top: 0
}

.pagination ul li, .pagination ul li a {
    height: 35px;
    line-height: 32px;
    width: 35px
}

.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;
    font-size: 12px;
    margin-top: 10px;
    padding: 5px 13px
}

.stp h3 {
    margin-bottom: 5px
}

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

.feedInner {
    position: relative
}

.feedInner:before {
    background: #fff;
    color: #37b0ac;
    content: "\f099";
    display: block;
    font-family: FontAwesome;
    font-size: 45px;
    left: 0;
    padding: 10px;
    position: absolute;
    top: -103px
}

.blContinue, .cltInner a, .commentContent .date a, .comments a, .contactForm #submit, .container .postLHolder, .more a, .pagination ul li, .pstlIco span.ico, .replyForm #submit, .tagsList li, .tagsList li a, .tagsListSingle li, .tagsListSingle li a {
    display: inline-block
}

.comment, .pagination, .pstlIco span.ico, .searchForm {
    position: relative
}

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

.cltInner a, .more a, .viewAll a {
    text-transform: uppercase
}

.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: #999
}

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

.clt {
    padding-top: 50px
}

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

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

.cltInner a {
    color: #fff;
    background: #37b0ac
}

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

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

.container .postLHolder {
    float: none
}

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

.pstlDet, .pstlIco {
    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;
    font-size: 60px;
    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 {
    color: #343434;
    margin-top: 10px
}

.blContinue:hover {
    color: #37b0ac
}

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

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

.viewAll a:hover {
    color: #343434
}

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

.postTitleL p {
    font-size: 13px
}

.postTitleL .postMeta span a {
    color: #fff
}

.pstLInner span a:hover {
    color: #999
}

.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
}

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

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

.postTitle span, .postTitle span a {
    color: #999;
    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;
    margin-top: 20px
}

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

.pagination {
    text-align: center
}

.pagination ul li {
    cursor: pointer;
    font-size: 14px;
    margin-right: 5px
}

.pagination ul li a {
    border: 2px solid #fff;
    color: #fff;
    display: inline-block
}

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

.postSingle blockquote, .postSingle p {
    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 a {
    background: #37b0ac;
    color: #fff;
    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 #CCC;
    color: #CCC;
    float: left;
    height: 35px;
    line-height: 31px;
    margin-top: 5px;
    text-align: center;
    width: 35px
}

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

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

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

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

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

.comments .reply-btn {
    float: right
}

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

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

.replyForm {
    margin-top: 40px
}

.widget {
    margin-bottom: 40px
}

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

.widget h2 {
    margin-bottom: 20px
}

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

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

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

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

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

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

.catArchives li a {
    color: #37b0ac
}

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

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

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

.tagsList li a {
    background: #f3f3f3;
    padding: 8px 10px
}

.contact .smallIntro p {
    color: #999;
    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: #fff;
    color: #666;
    font-size: 13px;
    margin: 0 0 14px;
    outline: 0;
    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: #666;
    font-family: open_sanslight, Arial, sans-serif
}

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

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

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

#error h2, #success 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
}

.instaInner {
    position: relative
}

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

.insta {
    top: 0
}

.instaTitle {
    margin-top: -30px;
    text-align: center;
    top: 50%
}

.insta i {
    font-size: 30px
}

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

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

.instaFeed li a, .instaFeed li img {
    display: inline-block
}

.instaFeed li img {
    width: 100%
}

.instaFeed li a:before {
    background: rgba(36, 36, 36, .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)
}

.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: #fff;
    display: inline-block;
    font-size: 25px;
    opacity: .1
}

.socialsFooter a:hover {
    opacity: .8
}

.top {
    margin-top: 30px
}

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

@media only screen and (min-width: 1000px) and (max-width: 1030px) {
    .bigTitle img {
        left: 48.01%;
        width: 4%
    }

    .caption p {
        padding: 0 300px
    }
}

@media only screen and (min-width: 1650px) and (max-width: 1889px) {
    .bigTitle img {
        left: 48.7%;
        width: 2.5%
    }

    .caption p {
        padding: 0 640px
    }
}

@media only screen and (min-width: 640px) and (max-width: 799px) {
    .bigTitle img {
        left: 46.5% !important;
        width: 6.9% !important
    }
}

@media screen and (min-width: 1200px) and (max-width: 1280px) {
    .caption p {
        padding: 0 400px
    }
}

@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
    }
}

@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: 0 0 20px
    }

    .aboutInfo, .aboutProfile {
        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
    }

    .education:before, .employment:before {
        left: 4.7%
    }

    .rcgIntro {
        margin-top: 33% !important
    }

    .rcgDet {
        width: 260px
    }

    .pList {
        margin-right: 40px
    }

    .langList h4 {
        width: 78px
    }

    .blog .smallIntro p, .contact .smallIntro p, .singleDetails .smallIntro p, .skills .smallIntro p, .tweets .tweet_list {
        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
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .aboutProfile, .pList {
        margin-right: 0
    }

    .aboutInfo, .aboutProfile, .buyLink a, .langList h4, .langList li, .pList {
        float: none
    }

    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, .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: #999
    }

    .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: 75%;
    }

    .innerInfo {
        margin-top: 50px
    }

    .aboutProfile {
        margin-bottom: 30px;
        margin-left: 0
    }

    .education:before, .employment: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 {
        margin-bottom: 40px
    }

    .pstlDet {
        margin-left: 55px;
        width: 305px
    }

    .insta, .instaFeed li, .instaFeed li a {
        width: 100%
    }

    .contactForm {
        margin-bottom: 50px
    }

    .teaserMsg h1 {
        line-height: 25px
    }

    .buyLink a {
        margin-top: 20px
    }

    .videoWrapper iframe {
        height: 400px;
        margin-bottom: 15px !important
    }

    .container .stp {
        margin-bottom: 40px
    }

    .container .stp:last-child {
        margin-bottom: 0
    }

    .container .item {
        margin-bottom: 30px
    }

    .container .stInner.ten.columns, .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
    }

    .blog .smallIntro p, .clients .smallIntro p, .cltInner p, .contact .smallIntro p, .facts .smallIntro p, .pricing .smallIntro p, .process .smallIntro p, .singleDetails .smallIntro p, .skills .smallIntro p, .team .smallIntro p, .tweets .tweet_list {
        padding: 0 55px;
        line-height: 28px
    }

    .insta {
        height: 10%;
        left: 0;
        padding-top: 220px;
        margin-left: 0
    }
}

@media only screen and (max-width: 479px) {
    .aboutProfile, .mainNav, .pList, ul#category li {
        margin-right: 0
    }

    .aboutInfo, .aboutProfile, .buyLink a, .langList h4, .langList li, .mainNav li, .pList, .tagsSingle h4 {
        float: none
    }

    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, .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 {
        display: none
    }

    .nav.first .mainNav {
        margin-top: 25px
    }

    .mainNav li {
        display: block;
        text-align: left
    }

    .mainNav li a {
        padding: 5px 0;
        color: #999
    }

    .mobileBtn {
        display: inline-block;
        position: absolute;
        top: 26px;
        right: 0
    }

    .caption h1 {
        font-size: 40px
    }

    .caption p {
        margin-top: 12px
    }

    .bigTitle img {
        width: 14%;
        left: 43.2%
    }

    .introBg {
        width: 100%;
        height: 80%;
    }

    .innerInfo {
        margin-top: 50px
    }

    .aboutProfile {
        margin-bottom: 30px;
        margin-left: 0
    }

    .education:before, .employment: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 {
        margin-bottom: 40px
    }

    .getCv {
        margin-bottom: 10px
    }

    .pstLInner {
        padding-top: 0 !important
    }

    .pstlDet, .pstlIco {
        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 {
        margin-top: 20px
    }

    .ftLogo img {
        width: 35%
    }

    .insta, .instaFeed li, .instaFeed li a {
        width: 100%
    }

    .feedInner:before {
        left: 20px
    }

    ul#category li {
        display: block;
        margin-bottom: 15px
    }

    .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, .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
    }

    .tagsListSingle li a, .tagsSingle h4 {
        margin-bottom: 5px
    }

    .postTitleL h1, .projTitle h1 {
        font-size: 16px
    }

    .postMeta span, .postMeta span a, .projTitle p {
        font-size: 12px
    }

    .postMedia iframe {
        height: 200px
    }

    .blog .smallIntro p, .clients .smallIntro p, .contact .smallIntro p, .singleDetails .smallIntro p, .skills .smallIntro p, .tweets .tweet_list {
        padding: 0 8px
    }

    .insta {
        height: 10%;
        left: 0;
        padding-top: 135px;
        margin-left: 0
    }
}

.green_icon {
    color: #37b0ac
}

.a_dark a, .p_dark p {
    color: #000
}

.li_slim li {
    font-family: open_sans, Arial, sans-serif
}
/* 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; }
.giustificato {
    text-align: justify;
}

header.base {
    /*background-color: #3D70ED;*/
}

.mainHeader{
   /* background-color: #3D70ED; */
}

.switchedHeader .mainNav li a {
   /* color: white !important;*/
}

.switchedHeader .headerSocials li a {
    /*color: white;*/
}

.pList {
    margin-right:0px;
}
/*# sourceMappingURL=all.css.map */