/* 0. Reset and Clearfix */

	html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,and,address,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,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,input,textarea,select{margin:0;padding:0;outline:0;border:0;background:transparent;vertical-align:baseline;font-size:100%;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}del{text-decoration:line-through;}hr{clear:both;margin:0;padding:0;height:1px;border:0;background:transparent;color:transparent;}mark{background-color:#ffffb3;font-style:italic;}input,select{vertical-align:middle;}ins{background-color:red;color:white;text-decoration:none;}ol,ul{list-style:none;}table{border-spacing:0;border-collapse:collapse;}

	.clear{display:block;visibility:hidden;clear:both;overflow:hidden;width:0;height:0;}.clearfix:after{display:block;visibility:hidden;clear:both;width:0;height:0;content:' ';font-size:0;line-height:0;line-line-line-line-line-line-;}* html .clearfix,:first-child+html .clearfix{zoom:1;}


/* 1. Document Setup */

	html {
        /*overflow-x: hidden;*/
        /*width: 100%;*/
        /*height: 100%;*/
    }

	.bg-cover {
		
		background-attachment: fixed;		
		background-position: 50% 50%;
		
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-repeat: no-repeat;
		
	}

	body {
		overflow-x: hidden;
        overflow-y: auto;
        color: #333;
        font: 14px/1.7 "Open Sans", sans-serif;
        -webkit-font-smoothing: antialiased;
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility:    hidden;
		-ms-backface-visibility:     hidden;
		background:  url("/images/subdomain/bgs1.jpg") fixed no-repeat ; 
        background-color:#000000;
        background-position: center center;
		}
	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; }

	code {
		padding: 3px 6px;
		font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
		background: #fcfcfc;
		border: 1px solid #e4e4e4;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		color: #3f8faf;
	}

	img {
		max-width: 100%;
	    height: auto;
	    display: block;
	}
	
	.fright {float:right;}
	.tcenter {text-align:center;}
	
	.vannincs_0 div, .extra_0 div {font-weight:normal; color:#818181; text-decoration:line-through;}


/* 2. Typography */

	h1, h2, h3, h4, h5, h6 {
		color: #333;
		font-weight: 400;
	}
		
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: 38px; line-height: 60px; }
	h2 { font-size: 32px; line-height: 50px; }
	h3 { font-size: 28px; line-height: 40px; font-weight: 300; }
	h4 { font-size: 14px; line-height: 31px; font-weight: 700;  }
	h5 { font-size: 12px; line-height: 24px; font-weight: 700;  }
	h6 { font-size: 10px; line-height: 23px; }

	h1.headline, h2.headline, h3.headline {
        margin-bottom: 25px;
    }
    h4.headline, h5.headline, h6.headline {
        margin-bottom: 15px;
    }

	p { margin: 0 0 15px 0; line-height: 20px;}
	p img { margin: 0; }
	p.lead { font-size: 21px; line-height: 27px; color: #777;  }

	em { font-style: italic; }
	strong { font-weight: bold; }
	small { font-size: 80%; }

	hr { border: solid #ddd; border-width: 1px 0 0; clear: both; /*margin: 10px 0 30px;*/margin:10px 0px; height: 0; }

	.bold {
	    font-weight: bold;
	}
	
	.italic {font-style:italic;}

/* 3. Links */
	a, a:visited {/*color: #333;*/color:#3498db; text-decoration: none; outline: 0; -webkit-transition: color 0.1s ease-in-out; -moz-transition: color 0.1s ease-in-out; -o-transition: color 0.1s ease-in-out; -transition: color 0.1s ease-in-out;}
	a:hover, a:focus { color: #ff5533; }
	p a, p a:visited { line-height: inherit; }

/* 4. Forms */

	input[type="text"], input[type="password"], input[type="email"], textarea, select {
		border: 1px solid #d8d8d8;
		padding: 9px;
		outline: none;
		font: 12px;
		color: #888;
		margin: 0;
		max-width: 100%;
		display: block;
		background: #fff;
		-webkit-box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1);
		box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1);
	}
	input[type=text],textarea {
	    border-radius:0;
	    color:#959595;
	    display:block;
	    font:11px/1.7 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	    margin-bottom:10px;
	    padding:5px 9px;
	    width:100%;
	    box-sizing: border-box;
	}
	textarea {
	    resize:none;
	    width:100%;
	}
	input[type="submit"], input[type="reset"], input[type="button"], button, .button {
	    display: inline-block;
	    padding: 5px 20px 5px;
	    margin-left: 1px;
	    border-radius: 3px;
	    border: none;
	    color: #fff;
	    opasity:0,5;
	    font-weight: 600;
	    font-size: 12px;
	    font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	    line-height: 1.5;
	    cursor: pointer;
	    -webkit-font-smoothing: antialiased;

	    -webkit-transition: background .2s ease-out;
	    -moz-transition: background .2s ease-out;
	    -o-transition: background .2s ease-out;
	    -ms-transition: background .2s ease-out;
	    transition: background .2s ease-out;
	}
	input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, button:hover, .button:hover {
	    color: #fff;
	}
	#contact-form {
	    margin-bottom:20px;
	}


/* 5. Wrapping */
	.vcard-container {
		margin: 64px auto 0;
		width: 896px;
	}

/* 6. Columns */
    .wauto			{ width: auto; }
	.one-half       { width: 49%; }
    .one-third      { width: 31.9%; }
    .two-third      { width: 64%; }
    .one-fourth     { width: 23.5%; }
    .three-fourth   { width: 74.5%; }
    .one-fifth      { width: 18.4%; }
    .two-fifth      { width: 38.8%; }
    .three-fifth    { width: 59.2%; }
    .four-fifth     { width: 79.6%; }

    .wauto,
	.one-half,
    .one-third,
    .two-third,
    .three-fourth,
    .one-fourth,
    .one-fifth,
    .two-fifth,
    .three-fifth,
    .four-fifth {
        position: relative;
        float: left;
        margin-right: 1%;
    }

    .column-last {
        clear: right;
        margin-right: 0!important;
    }

    hr {
        display: block;
    }

    .sep10   { height: 10px; }
    .sep20   { height: 20px; }
    .sep30   { height: 30px; }
    .sep40   { height: 40px; }
    .sep50   { height: 50px; }
    .sep60   { height: 60px; }
    .sep70   { height: 70px; }
    .sep80   { height: 80px; }
    .sep90   { height: 90px; }
    .sep100  { height: 100px; }


/* 7. Social column */
	.social-buttons {
		float: left;
	}
	.social-buttons i {
		font-size: 21px;
		color: #fff;
	}
	.social-buttons div {
		height: 64px;
		width: 64px;
		text-align: center;
		line-height: 68px;
		vertical-align: middle;
	}

	.sb1 {
		background-color: #d2d2d2;
		background-color: rgba(255, 255, 255, 0.4);
	}
	.sb1:hover {
		background-color: #3498db;
		-webkit-transition: color ease .2s, background ease .2s;
		-moz-transition: color ease .2s, background ease .2s;
		-ms-transition: color ease .2s, background ease .2s;
		-o-transition: color ease .2s, background ease .2s;
		transition: color ease .2s, background ease .2s;	
	}

	.sb2 {
		background-color: #d2d2d2;
		background-color: rgba(255, 255, 255, 0.3);
	}
	.sb2:hover {
		background-color: #3498db;
		-webkit-transition: color ease .2s, background ease .2s;
		-moz-transition: color ease .2s, background ease .2s;
		-ms-transition: color ease .2s, background ease .2s;
		-o-transition: color ease .2s, background ease .2s;
		transition: color ease .2s, background ease .2s;	
	}

	.sb3 {
		background-color: #dcdcdc;
		background-color: rgba(255, 255, 255, 0.25);
	}
	.sb3:hover {
		background-color: #1abc9c;
		-webkit-transition: color ease .2s, background ease .2s;
		-moz-transition: color ease .2s, background ease .2s;
		-ms-transition: color ease .2s, background ease .2s;
		-o-transition: color ease .2s, background ease .2s;
		transition: color ease .2s, background ease .2s;		
	}

	.sb4 {
		background-color: #e6e6e6;
		background-color: rgba(255, 255, 255, 0.2);
	}
	.sb4:hover {
		background-color: #9b59b6;
		-webkit-transition: color ease .2s, background ease .2s;
		-moz-transition: color ease .2s, background ease .2s;
		-ms-transition: color ease .2s, background ease .2s;
		-o-transition: color ease .2s, background ease .2s;
		transition: color ease .2s, background ease .2s;		
	}

	.sb5 {
		background-color: #f0f0f0;
		background-color: rgba(255, 255, 255, 0.15);
	}
	.sb5:hover {
		background-color: #e67e22;
		-webkit-transition: color ease .2s, background ease .2s;
		-moz-transition: color ease .2s, background ease .2s;
		-ms-transition: color ease .2s, background ease .2s;
		-o-transition: color ease .2s, background ease .2s;
		transition: color ease .2s, background ease .2s;		
	}

	.sb6 {
		background-color: #f8f8f8;
		background-color: rgba(255, 255, 255, 0.1);
	}
	.sb6:hover {
		background-color: #da442e;
		-webkit-transition: color ease .2s, background ease .2s;
		-moz-transition: color ease .2s, background ease .2s;
		-ms-transition: color ease .2s, background ease .2s;
		-o-transition: color ease .2s, background ease .2s;
		transition: color ease .2s, background ease .2s;	
	}
	.main-column {
		overflow: hidden;
	}
	
	.social-buttons div .fa {line-height:inherit}

/* 8. Header */
	.top-row {
		overflow: hidden;
		zoom: 1;
	}
	.photo {
		float: left;
	}
	.attributes {
		max-height: 192px;
		min-height: 96px;
		width: 712px;
		display: inline-block;
		vertical-align: top;
		margin-right: -4px;
	}
	.name {
		display: inline-block;
		vertical-align: top;
		margin-right: -4px;
		background-color: #4d0000;
		width: 60%;
		height: 96px;
		line-height: 1.8;
		color: #fff;
		text-align: center;
		font-size: 1.8em;
		font-weight: 600;
	}
	.position {
		display: inline-block;
		vertical-align: top;
/*		margin-right: -4px;   */
		background-color: #4d0000;
		width: 40%;
		height: 96px;
		line-height: 3;
		color: #fff;	
		text-align: center;	
	}
	#main-nav {
		display: inline-block;
		width: 712px;
		height: 64px;
		vertical-align: top;
		background: #9f001b;
	}

/* 9. Navigation */
	.tabs {
		padding: 0;
	}
	.tabs i {
		font-size: 28px;
		display:block;
		padding:10px 0 5px 0;
	}
	.tabs span {
		line-height:21px;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}	
	.tabs li {	
		height: 64px;
		line-height: 1;
		text-align: center;
		/*width: 16.66%;*/
		width: 14.28%;
		font-size:16px;
		float: left;
		list-style: none;
	}
	.tabs li.def {
		width: 120px;
		height: 160px;
	}
	.tabs li a {
		display: block;
		position: relative;
		-webkit-transition: color ease .4s, background ease .4s;
		-moz-transition: color ease .4s, background ease .4s;
		-ms-transition: color ease .4s, background ease .4s;
		-o-transition: color ease .4s, background ease .4s;
		transition: color ease .4s, background ease .4s;
		color: #fff;
		text-decoration: none;	
	}

	
	
	.tabs li.menu1 a {
		background-color:rgba(255,255,255,0.6)
	}
	.tabs li.menu1.active a,
	.tabs li.menu1 a:hover {
		color: rgba(159,0,27,0.4)
	}
	
	.tabs li.menu2 a {
		background-color:rgba(255,255,255,0.5)
	}
	.tabs li.menu2.active a,
	.tabs li.menu2 a:hover {
		color: rgba(159,0,27,0.5)
	}
	
	.tabs li.menu3 a {
		background-color:rgba(255,255,255,0.4)
	}
	.tabs li.menu3.active a,
	.tabs li.menu3 a:hover {
		color: rgba(159,0,27,0.6)
	}
	
	.tabs li.menu4 a {
		background-color:rgba(255,255,255,0.3)
	}
	.tabs li.menu4.active a,
	.tabs li.menu4 a:hover {
		color: rgba(159,0,27,0.7)
	}
	
	.tabs li.menu5 a {
		background-color:rgba(255,255,255,0.2)
	}
	.tabs li.menu5.active a,
	.tabs li.menu5 a:hover {
		color: rgba(159,0,27,0.8)
	}
	
	.tabs li.menu6 a {
		background-color:rgba(255,255,255,0.1)
	}
	.tabs li.menu6.active a,
	.tabs li.menu6 a:hover {
		color: rgba(159,0,27,0.9)
	}
	
	.tabs li.menu7 a {
		background-color:rgba(255,255,255,0)
	}
	.tabs li.menu7.active a,
	.tabs li.menu7 a:hover {
		color: rgba(159,0,27,1)
	}
	
	
	
	
	.tabs li.menu-a1 a {
		background: #1abc9c;
	}
	.tabs li.menu-a1.active a,
	.tabs li.menu-a1 a:hover {
		color: #1abc9c;
	}

	.tabs li.menu-a2 a {
		background: #3498db;
	}
	.tabs li.menu-a2.active a,
	.tabs li.menu-a2 a:hover {
		color: #3498db;
	}

	.tabs li.menu-a3 a {
		background: #9b59b6;
	}
	.tabs li.menu-a3.active a,
	.tabs li.menu-a3 a:hover {
		color: #9b59b6;
	}

	.tabs li.menu-a4 a {
		background: #e67e22;
	}
	.tabs li.menu-a4.active a,
	.tabs li.menu-a4 a:hover {
		color: #e67e22;
	}

	.tabs li.menu-a5 a {
		background: #e74c3c;
	}
	.tabs li.menu-a5.active a,
	.tabs li.menu-a5 a:hover {
		color: #e74c3c;
	}

	.tabs li a:hover,
	.tabs li.active a {
		background: #fff !important;
		color: #9f001b;
	}


/* 10. Content*/
	.content {
		min-height: 200px;
		max-width: 100%;
		background: #fff;
		padding-bottom: 50px;
		overflow: hidden;
	}
	.plain-content {
		padding: 40px 64px 40px 64px;
	}
	.wopadd {
		padding: 0 64px 0 64px;
	}
	.grey-content {
		padding: 40px 64px 40px 64px;
		background: #eeeeee;
		display: inline-block;
	}

	div #home  {
		padding: 90px 128px 40px 192px;
	}
	#home p {
		font-size: 54px;
		font-weight: 300;
		line-height: 52px;
	}
	#home span {
		color: #9b59b6;
		font-size: 32px;
		margin: 12px 0 0 4px;
	}

	.services span {
	    background: #e1e1e1;
	    padding: 4px 10px 5px 10px;
	    width: 100%;
	}
	.services span:hover {
		background: #e74c3c;
	}
	.services a span {
		font-size: 11px;
	}
	.services a:hover span {
		color:#fff;
	}
	.servtitle {
	    margin-bottom:12px;
	}
	.servtitle h3 {
	    display: inline;
	    font-size: 18px;
	    color: #333;
	    line-height: 12px;
	}
	.servicon {
	    color: #666;
	    font-size: 16px;
	    font-weight: bold;
	}
	.servicon i {
	    color: #fff;
	    font-size: 21px;
	    -webkit-border-radius: 1px;
	           -moz-border-radius: 1px;
	                border-radius: 1px;
	    display:inline-block;
	    background: #e74c3c;
	    width:48px;
	    height:48px;
	    line-height: 48px;
	    text-align: center;
	    margin-right: 10px;
	}
	.web {
		background-color: #f39c12 !important;
	}
	.ui {
		background-color: #16a085 !important;
	}
	.app {
		background-color: #9b59b6 !important;
	}
	.grey {
		color: #999;
	}


/* 11. Resume */
	.job {
		padding-top: 30px;
	}
	.date {
		display: inline;
		float: left;
		width: 64px;
		text-align: right;
		margin-right: 20px;
	}
	.jobtitle {
		display: inline;
		float: left;
		width: 80%;
		padding: 0 0 0 0;
		zoom: 1;
	}
	.datefrom {
		background: #34495e;
		padding: 6px 2px 6px 2px;
		color: #fff;
		font-size: 10px;
		text-align: center;
	}
	.datetill {
		background: #3498db;
		padding: 6px 2px 6px 2px;
		color: #fff;
		font-size: 10px;
		text-align: center;
	}
	.datetill-f {
		background: #9b59b6;
		padding: 6px 2px 6px 2px;
		color: #fff;
		font-size: 10px;
		text-align: center;
	}
	.jobdescription {
		padding-top: 24px;
	}
	.trianglewrap {
		width: 64px;	
	}
	.datetriangle {
		float: right;
		width: 0px;
		height: 0px;
		border-style: solid;
		border-width: 0 10px 10px 0;
		border-color: transparent #3498db transparent transparent;
	}
	.datetriangle-f {
		float: right;
		width: 0px;
		height: 0px;
		border-style: solid;
		border-width: 0 10px 10px 0;
		border-color: transparent #9b59b6 transparent transparent;
	}


/* 12. Dividers */
	.dividewhite2 {
	    height: 20px;
	}
	.dividewhite3 {
	    height: 30px;
	}
	.dividewhite4 {
	    height: 40px;
	}
	.dividewhite6 {
	    height: 60px;
	}
	.dividewhite8 {
	    height: 80px;
	}


/* 13. Buttons */
	.button-red {
	    background: #e74c3c !important;
	}
	.button-red:hover {
	    background: #ee5c4d !important;   
	}
	.button-blue {
	    background: #3498db !important;
	}
	.button-blue:hover {
	    background: #42a4e5 !important;   
	}
	.button-green {
	    background: #93b336 !important;
	}
	.button-green:hover {
	    background: #9fc041 !important;   
	}
	.button-yellow {
	    background: #ffbb00 !important;
	}
	.button-yellow:hover {
	    background: #ffc526 !important;   
	}
	.button-grey {
	    background: #959595 !important;
	}
	.button-grey:hover {
	    background: #a0a0a0 !important;   
	}
	.button-light-grey {
	    background: #cccccc !important;
	}
	.button-light-grey:hover {
	    background: #dbdbdb !important;   
	}
	.button.small {
	    padding: 5px 8px 6px;
	    font-size: 11px;
	    line-height: 11px;
	}
	.big {
	    padding: 10px 30px 10px !important;
	}

/* 14. Sidebar */

	#sidebar {
		max-width: 100%;
		background-color: #eeeeee;
		padding: 30px 0 35px 0;
		display: inline-block;
		margin-bottom: -6px; 
	}
	#sidebar .plain-content {
		padding-top: 0;
		padding-bottom: 0;
		position: relative;
	}

/* 14. Footer */
	#footer {
		max-width: 100%;
		background-color: #d2d2d2;
		background-color: rgba(255, 255, 255, 0.3);
		height: 64px;
	}
	.triangle {
		display: inline;
		float: left;
		width: 0px;
		height: 0px;
		border-style: solid;
		border-width: 64px 64px 0 0;
		border-color: #ffffff transparent transparent transparent;
	}
	.copyright {
		display: inline;
		float: left;
		line-height: 64px;
		font-size: 11px;
		text-transform: uppercase;
		color: #fff;
	}

/*  Photo Stream
====================================*/

	.photo-stream {
	    margin-right: -12px;
	    margin-top: 6px;
	}
	.photo-stream li {
	    float: left;
	    margin: 0 12px 12px 0;
	}
	.photo-stream a {
	    display: block;
	}
	.photo-stream a:hover {
	    outline: 2px solid #f53;
	}
	.photo-stream img {
	    display: block;
	    height: 46px;
	    width: 46px;
	}

#footer .photo-stream {
    margin-top: 22px;
}


/* 15. Color Fills */
	.blue {
		color: #3498db !important;
	}
	.orange {
		color: #e74c3c !important;
	}


/*  16. Google Map */
	#map {
	    width: 100%;
		height: 250px;
	}
	#map img {
	max-width: none;
	}


	/*  Contact Form */
	.feedbacks {
		padding-top: 24px;
	}


/*  17. Alert Boxes */
	.alert,
	label.error {
	    -webkit-border-radius: 3px;
	       -moz-border-radius: 3px;
	            border-radius: 3px;
	    color: #fff;
	    display: block;
	    margin-bottom: 10px;
	    padding: 6px 10px 6px 10px;
	    width: 100%;
	    box-sizing: border-box;
	}
	.alert.success {
	    background: #93b336;
	}
	.alert.notice {
	    background: #3498db;
	}
	.alert.warning {
	    background: #ffbb00;
	}
	.alert.error,
	label.error {
	    background: #e74c3c;
	}
	.alert.neutral {
	    background: #959595;
	}


/*  18. Project Feed Filter */
	.project-feed-filter {
	    display: inline-block;
	    margin: 30px 0 30px 0;
	    font-size: 12px;
	}
	.project-feed-filter li {
	    display: block;
	    float: left;
	    margin: 0;
	    padding: 5px 0;
	    list-style: none;
	}
	.project-feed-filter a {
	    display: block;
	    margin: 0 20px 0 0;
	    color: #959595;
	}
	.project-feed-filter a:hover, .project-feed-filter .current {
	    color: #e74c3c;
	}


/*  19. Project Feed */
	.project-feed {
		width: 100%;
	}
	.project-feed > div {
	    position: relative;
	    float: left;
	    margin: 0;
	    list-style: none;
	}
	.project-feed div a {
        display: block;
    }

	.project-feed div img {
	    display: block;
	    width: 100%;
	}
	.project-feed .one-third {
		width: 33.3%;
		margin-right: 0px;
	}


/*  20. Project Item Overlay */
	.project-item {
	    overflow: hidden;	
	    height: 234px; 
	}
	.project-item .thumbnail {
	    overflow: hidden;
	    position: relative;
	}
	.project-item .overlay, .overlay {
	    position: absolute;
	    top: 0;
	    left: 0;
	    overflow: hidden;
	    width: 100%;
	    height: 100%;
	}
	.project-item .mask {
	    position: absolute;
	    top: 0;
	    left: 0;
	    overflow: hidden;
	    width: 100%;
	    height: 100%;
	    background: #e74c3c;
	    -webkit-backface-visibility: hidden;
	    
	    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	    filter: alpha(opacity=0);
	    opacity: 0;

	    -webkit-transition: all 0.3s ease;
	    -moz-transition: all 0.3s ease;
	    -o-transition: all 0.3s ease;
	    -ms-transition: all 0.3s ease;
	    transition: all 0.3s ease;
	}
	.project-item:hover .mask {
	    opacity: 1;
	}
	.project-item img {
        -webkit-transition: all 0.2s linear;
           -moz-transition: all 0.2s linear;
            -ms-transition: all 0.2s linear;
             -o-transition: all 0.2s linear;
                transition: all 0.2s linear;
    }
    .project-item:hover img {
        -webkit-transform: scale(1.05,1.05);
           -moz-transform: scale(1.05,1.05);
            -ms-transform: scale(1.05,1.05);
             -o-transform: scale(1.05,1.05);
                transform: scale(1.05,1.05);
    }
	.project-item .icon-image {
	    position: absolute;
	    left: 50%;
	    margin-top: 40%;
	    margin-left: -18px;
	    width: 42px;
	    height: 42px;
	    background: url(../images/icon_image.png) center no-repeat;
	    z-index: 100;
	}
	.project-item .thumbnail .icon-image {
	    margin-top: 45%;
	}
	.project-item .icon-image:hover {
	    background-color: #ed5f50;

	}
	.project-item .item-title {
	    position: absolute;
	    bottom: 40px;
	    color: #fff;
	    font-weight: 500;
	    width: 100%;
	    text-align: center;
	}
	.project-item .item-title:hover {
	    color: #ffc2b6;
	}
	.project-item .thumb-item-title {
	    position: relative;
	    background: #f5f5f5;
	    padding: 15px 20px;
	    text-align: center;
	}
	.project-item .thumb-item-title span {
	    color: #959595;
	    font-size: 12px;
	}


/*  21. Portfolio Details */
	.single-project-wrapper {
	    margin-top: 15px;
	}
	.project-title {
	    float: left;
	    margin-bottom: 30px;
	    line-height: 1.3;
	}

	.project-description .overview {
	    margin-top: 30px;
	}
	.project-description .description {
	    margin-bottom: 20px;
	}


/*  22. Isotope Plugin */
	.isotope-item {
	    z-index: 2;
	}
	.isotope-hidden.isotope-item {
	    z-index: 1;
	    pointer-events: none;
	}
	.isotope, .isotope .isotope-item {/* change duration value to whatever you like */
	    -webkit-transition-duration: 0.8s;
	       -moz-transition-duration: 0.8s;
	            transition-duration: 0.8s;
	}
	.isotope {
	    -webkit-transition-property: height, width;
	       -moz-transition-property: height, width;
	            transition-property: height, width;
	}
	.isotope .isotope-item {
	    -webkit-transition-property: -webkit-transform, opacity;
	       -moz-transition-property:    -moz-transform, opacity;
	        -ms-transition-property:     -ms-transform, opacity;
	         -o-transition-property:         top, left, opacity;
	            transition-property:         transform, opacity;
	}


/*  23. Back to Top */

	#back-top a {
	    background: #ccc url(../images/back_top.png) no-repeat 50% 50%;
	    bottom: 60px;
	    display: block;
	    height: 40px;
	    position: fixed;
	    right: 30px;
	    width: 40px;
	}
	#back-top a:hover {
	    background: #d73300 url(../images/back_top.png) no-repeat 50% 50%;
	}


/*  24. Blog Pages */	

	/*  Blog Filter */	

	.blog-feed-filter {
	    display: inline-block;
	    margin: 30px 0 30px 0;
	    font-size: 12px;
	}
	.blog-feed-filter li {
	    display: block;
	    float: left;
	    margin: 0;
	    padding: 5px 0;
	    list-style: none;
	}
	.blog-feed-filter a {
	    display: block;
	    margin: 0 20px 0 0;
	    color: #959595;
	}
	.blog-feed-filter a:hover, .blog-feed-filter .current {
	    color: #e74c3c;
	}

	/*  Blog Feed */

	.blog-feed {
		padding-top: 30px;
	}
	.post-date {
		display: inline;
		float: left;
		width: 64px;
		text-align: right;
		margin-right: 20px;
	}
	.post-title {
		display: inline;
		float: left;
		width: 88%;
		padding: 0 0 0 0;
		zoom: 1;
	}
	.post-details {
		font-size: 11px;
		padding-bottom: 30px;
	}
	.post-details i {
		color: #e67e22;
	}
	.post-year {
		background: #34495e;
		padding: 6px 2px 6px 2px;
		color: #fff;
		font-size: 10px;
		text-align: center;
	}
	.post-day {
		background: #e67e22;
		padding: 6px 2px 6px 2px;
		color: #fff;
		font-size: 10px;
		text-align: center;
	}
	.post-body {
		
	}
	.post-body span {
		background: #e1e1e1;
		padding: 4px 10px 5px 10px;
		width: 100%;
	}
	.post-body span:hover {
		background: #e74c3c;
	}	
	.post-body a span {
		font-size: 11px;
	}
	.post-body a:hover span {
		color:#fff;
	}


	.trianglewrap-blog {
		width: 64px;	
	}
	.triangle-blog {
		float: right;
		width: 0px;
		height: 0px;
		border-style: solid;
		border-width: 0 10px 10px 0;
		border-color: transparent #e67e22 transparent transparent;
	}
	
	.video {
	    position: relative;
	    padding-bottom: 56.25%;
	    padding-top: 30px; height: 0; overflow: hidden;
	}
 
	.video iframe,
	.video object,
	.video embed {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	}


	#comments {
		padding-top: 50px; 
	}

	.comments-list {
	    border-bottom: 1px dotted #e5e5e5;
	    margin: 36px 0 70px;
	    padding: 0 0 10px;
	}
	.comment {
	    border-top: 1px dotted #e5e5e5;
	    display: inline-block;
	    margin-top: 10px;
	    padding-top: 30px;
	}
	.comment .children .comment {
	    margin-top: 10px;
	    padding-top: 30px;
	}
	.comment:first-child {
	    border-top: none;
	    margin: 0;
	    padding: 0;
	}
	.comment > div {
	    display: inline-block;
	}
	.comment .avatar {
	    display: block;
	    float: left;
	    position: relative;
	    width: 45px;
	    z-index: 1;
	}
	.comment .comment-entry, .comment .comment-meta {
	    float: right;
	    width: 90%;
	}
	.comment .comment-meta {
	    margin-top: -4px;
	}
	.comment .author {
	    font-size: 14px;
	    margin: 0;
	    text-transform: capitalize;
	}
	.comment .author .reply {
	    color: #959595;
	    font-size: 11px;
	    text-transform: capitalize;
	}
	.comment .author .reply:hover {
	    color: #ff5533;
	    font-size: 11px;
	}
	.comment .comm-date {
	    color: #959595;
	    margin: 1px 0 8px;
	}
	.comment .children {
	    padding-left: 60px;
	}
	.comment .children .comment {
	    border-top: 1px dotted #ced8df;
	    position: relative;
	}
	.comment .children .comment-entry, .comment .children .comment-meta {
	    width: 89%;
	}
	.comment .children .children .comment-entry, .comment .children .children .comment-meta {
	    width: 88%;
	}
	.comment .children .children .children .comment-entry, .comment .children .children .children .comment-meta {
	    width: 86%;
	}
	.comment .children .children .children .children .comment-entry, .comment .children .children .children .children .comment-meta {
	    width: 84%;
	}
	.comment .children .children .children .children .children .comment-entry, .comment .children .children .children .children .children .comment-meta {
	    width: 81%;
	}
	.comment .children .children .children .children .children .children .comment-entry, .comment .children .children .children .children .children .children .comment-meta {
	    width: 77%;
	}
	.comment .children .children .children .children .children .children .children .comment-entry, .comment .children .children .children .children .children .children .children .comment-meta {
	    width: 70%;
	}


	#comments-form {
	    margin-top: 30px;
	}

	.comments-links {
		display: inline;
		width: 100%;
	}
	.comments-older {
		float: left;
	}

	.comments-newer {
		float: right;
	}

	
/*  25. Blockquote  */
blockquote {
    margin-top:16px;
    background:url(../images/quote.png) no-repeat 12px 24px;
    border:1px solid #e6e6e6;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    font:12px/18px 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    font-style:italic;
    padding:24px 24px 30px 43px;
    position:relative;
}

blockquote:hover {
    margin-top:16px;
    background:url(../images/quote.png) no-repeat 12px 24px;
    background-color:#fbfbfb;
    border:1px solid #e6e6e6;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    font:12px/18px 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    font-style:italic;
    padding:24px 24px 30px 43px;
    position:relative;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
}

blockquote p {
    font-size:12px!important;
}

blockquote p:last-of-type {
    margin-bottom:0;
}

blockquote .person {
    color:#333;
    display:block;
    font-style:normal;
    margin-top:10px;
}

blockquote .person .accent {
    color:#f53;
}

blockquote .corner {
    background:url(../images/quote_corner.png) no-repeat 0 0;
    bottom:-18px;
    display:block;
    height:18px;
    left:40px;
    position:absolute;
    width:29px;
}

blockquote:hover .corner {
    background:url(../images/quote_corner_on.png) no-repeat 0 0;
    bottom:-18px;
    display:block;
    height:18px;
    left:40px;
    position:absolute;
    width:29px;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
}

blockquote.wide {
    background-position:50px 28px;
    margin:6px 0 34px;
    padding:28px 30px 28px 90px;
}

blockquote.wide .corner {
    bottom:-27px;
    left:80px;
}

/*  26. Modal  */

.pop-container {
	width: 100%;
	margin-top: 25px;
	margin-bottom: 25px;
}
.pop-image {
	display: inline-block;
	margin-right: 25px;
}
.pop-details {
	display: inline-block;
	vertical-align: top;
}
.reveal-modal img {
	width: 250px;
	height: auto;
}


/*  27. Media Queries */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {

		.vcard-container {
			width: 716px;
		}
		.one-third { 
			width: 100% !important;
			margin-right: 0!important;
			margin-bottom: 32px !important;
		}
		.plain-content {
		padding: 30px 64px 30px 64px;
		}
		div #home  {
		padding: 90px 64px 40px 64px;
		}
		#home p {
			font-size: 48px;
			font-weight: 300;
			line-height: 32px;
		}
		#home span {
			color: #9b59b6;
			font-size: 24px;
			margin: 12px 0 0 4px;
		}
		.attributes {
			width: 534px;
		}
		.name {
			font-size: 1.6em;
		}
		.position {
			width: 40%;
		}
		#main-nav {
			width: 532px;
		}
		.tabs li {	
			font-size:11px
			/*
			height: 96px;
			line-height: 107px;
			text-align: center;
			width: 92px;
			float: left;
			list-style: none;
			*/
		}
		.project-item {
		    height: 524px; 
		}

		.job-title, .post-title {
			max-width: 83%;
		}
		
		.comment .children {
			padding-left: 0px;
		}

		.comment .comment-entry, .comment .comment-meta, 
		.comment .children .comment-entry, .comment .children .comment-meta, 
		.comment .children .children .comment-entry, .comment .children .children .comment-meta, 
		.comment .children .children .children .comment-entry, .comment .children .children .children .comment-meta, 
		.comment .children .children .children .children .comment-entry, .comment .children .children .children .children .comment-meta, 
		.comment .children .children .children .children .children .comment-entry, .comment .children .children .children .children .children .comment-meta,
		.comment .children .children .children .children .children .children .comment-entry, .comment .children .children .children .children .children .children .comment-meta, 
		.comment .children .children .children .children .children .children .children .comment-entry, .comment .children .children .children .children .children .children .children .comment-meta   
		{
		    width: 86%;
		}
		

		.button-red, .button-blue, .button-green, .button-yellow, .button-grey, .button-light-grey {
			margin-bottom: 10px;
		} 

	}




	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		
		.bg-cover {
			background-size: 100% 100%; 
		}

		.vcard-container {
			width: 480px;
			margin-top: 40px;
		}
		.social-buttons {
			display: block;
			float: none;
			width: 100%;
		}
		.social-buttons i {
			font-size: 21px;
			color: #fff;
		}
		.social-buttons div {
			display: inline-block;
			margin-right: -4px;
			height: 64px;
			width: 20%;
			text-align: center;
			line-height: 68px;
			vertical-align: middle;
		}
		.attributes {
			width: 360px;
		}
		.name {
			width: 360px;
			font-size: 1.6em;
			/*line-height: 92px;*/
			height:80px;
		}
		.position {
			width: 360px;
			height:80px;
			line-height:80px;
		}
		#main-nav {
			width: 480px;
		}
		.tabs li {
		/*height: 90px;
		line-height: 96px;*/
		text-align: center;
		/*width: 20%;*/
		float: left;
		list-style: none;
		}
		.tabs i {
			font-size: 28px;
			display:inline;
			line-height:64px;
			padding:0;
		}
		.tabs span {display:none}
		/*
		.one-half {
			width: 100% !important;
		}
		*/
		h3 {
			font-size: 21px;
		}
		.date, .post-date {
			margin-right: 15px;
			display: inline-block;
			width: 100%;
		}
		.trianglewrap, .trianglewrap-blog {
			width: 100%;
		}
		.plain-content {
		padding: 30px 40px 30px 40px;
		}
		.wopadd {
			padding: 0 40px 0 40px;
		}
		.grey-content {
			padding: 30px 40px 30px 40px;
		}
		.jobtitle, .post-title {
			width: 100%;
		}
		.one-third { 
			width: 100% !important;
			margin-right: 0!important;
			margin-bottom: 24px !important;
		}
		div #home  {
		padding: 90px 64px 40px 64px;
		}
		#home p {
			font-size: 48px;
			font-weight: 300;
			line-height: 48px;
		}
		#home span {
			color: #9b59b6;
			font-size: 24px;
			margin: 12px 0 0 4px;
		}
		.project-item {
		    height: 400px; 
		}

		.comment .children {
			padding-left: 0px;
		}

		.comment .comment-entry, .comment .comment-meta, 
		.comment .children .comment-entry, .comment .children .comment-meta, 
		.comment .children .children .comment-entry, .comment .children .children .comment-meta, 
		.comment .children .children .children .comment-entry, .comment .children .children .children .comment-meta, 
		.comment .children .children .children .children .comment-entry, .comment .children .children .children .children .comment-meta, 
		.comment .children .children .children .children .children .comment-entry, .comment .children .children .children .children .children .comment-meta,
		.comment .children .children .children .children .children .children .comment-entry, .comment .children .children .children .children .children .children .comment-meta, 
		.comment .children .children .children .children .children .children .children .comment-entry, .comment .children .children .children .children .children .children .children .comment-meta   
		{
		    width: 86%;
		}

		.button-red, .button-blue, .button-green, .button-yellow, .button-grey, .button-light-grey {
			width: 100%;
			margin-bottom: 10px;
		} 
		.reveal-modal {
			top: 10px;
		}
	}


	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		
		.bg-cover {
			background-size: 100% 100%; 
		}

		.vcard-container {
			width: 300px;
			margin-top: 30px;
		}
		.social-buttons {
			display: block;
			float: none;
			width: 100%;
		}
		.social-buttons i {
			font-size: 21px;
			color: #fff;
		}
		.social-buttons div {
			display: inline-block;
			margin-right: -4px;
			height: 64px;
			width: 20%;
			text-align: center;
			line-height: 68px;
			vertical-align: middle;
		}
		#main-nav {
			width: 100%;
			height: 60px;
		}	

		.tabs li {
			height: 60px;
			line-height: 60px;
			text-align: center;			
			float: left;
			list-style: none;
			}
		.tabs i {
			font-size: 28px;
			display:inline;
			line-height:64px;
			padding:0;			
		}
		.tabs span {display:none}
		.photo {
			display: block;
			float: none;
		}
		.tabs li.def {
			width: 300px;
			height: auto;
		}
		.attributes {
			width: 100%;
		}
		.name {
			display: block;
			float: none;
			width: 100%;
			height: 60px;
			line-height: 1.2;
			font-size: 1.6em;
		}
		.position {
			display: block;
			float: none;
			width: 100%;
			height: 60px;
			line-height: 60px;
		}
		div #home  {
		padding: 60px 36px 40px 36px;
		}
		#home p {
			font-size: 42px;
			font-weight: 300;
			line-height: 48px;
		}
		#home span {
			color: #9b59b6;
			font-size: 21px;
			margin: 12px 0 0 4px;
		}
		.copyright {
		display: inline;
		float: left;
		line-height: 64px;
		font-size: 9px;
		text-transform: uppercase;
		color: #fff;
		}
		.one-third { 
			width: 100% !important;
			margin-right: 0!important;
			margin-bottom: 24px !important;
		}
		.plain-content {
		padding: 24px 32px 24px 32px;
		}
		.wopadd {
			padding: 0 32px 0 32px;
		}
		.grey-content {
			padding: 24px 32px 24px 32px;
		}

		.one-half {
			width: 100% !important;
		}

		.date, .post-date {
			margin-right: 15px;
			display: inline-block;
			width: 100%;
		}
		.trianglewrap, .trianglewrap-blog {
			width: 100%;
		}

		h3 {
			font-size: 18px;
			line-height: 18px;
		}
		.jobtitle, .post-title {
			width: 100%;
		}
		h1 {
		font-size: 32px;
		line-height: 43px;
		}
		.project-item {
		    height: 236px; 
		}

		.comments-links {
		display: block;
		width: 100%;
		}
		.comments-older {
			float: none;
		}

		.comments-newer {
			float: none;
		}

		.comment .comment-entry, .comment .comment-meta, 
		.comment .children .comment-entry, .comment .children .comment-meta, 
		.comment .children .children .comment-entry, .comment .children .children .comment-meta, 
		.comment .children .children .children .comment-entry, .comment .children .children .children .comment-meta, 
		.comment .children .children .children .children .comment-entry, .comment .children .children .children .children .comment-meta, 
		.comment .children .children .children .children .children .comment-entry, .comment .children .children .children .children .children .comment-meta,
		.comment .children .children .children .children .children .children .comment-entry, .comment .children .children .children .children .children .children .comment-meta, 
		.comment .children .children .children .children .children .children .children .comment-entry, .comment .children .children .children .children .children .children .children .comment-meta   
		{
		    width: 100%;
		}
		.comment-meta {
			padding-top: 15px;
		}
		.children {
			padding-left: 0px !important;
		}
		.post-details {
			margin-top: 15px;: 
		}

		.button-red, .button-blue, .button-green, .button-yellow, .button-grey, .button-light-grey {
			width: 100%;
			margin-bottom: 10px;
		} 
		.reveal-modal {
			top: 10px;
		}
	}


/*  28. WP */

.wp-caption {
	max-width: 100%;
}

.wp-caption-text {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	font-size: 12px;
	font-style: italic;
	line-height: 1.5;
	margin: 9px 0;
	padding-right: 10px;
}

.sticky .entry-date {
	display: none;
}

.gallery-caption {
	background-color: rgba(0, 0, 0, 0.7);
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	color: #fff;
	font-size: 12px;
	line-height: 1.5;
	margin: 0;
	max-height: 50%;
	opacity: 0;
	padding: 6px 8px;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: left;
	width: 100%;
}

.bypostauthor > article .fn:before {
	content: "\f408";
	margin: 0 2px 0 -2px;
	position: relative;
	top: -1px;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/*  29. Shortcodes */


.shortcodes {
	margin-bottom: 50px;

}

.shortcodes .check {
    margin-top: -10px;
}
ul.compressed li {
    padding-bottom: 4px;
    padding-top: 4px;
}
ul.compressed li:first-child {
    margin-top: -5px;
}
.check li, .check-bold li, .arrow li, .arrow-bold li, .square li, .circle li {
    list-style: none;
    margin: 0;
    padding: 5px 0 5px 18px;
}
.check li {
    background: url(/images/list_check.png) no-repeat 2px 53%;
}
.check-bold li {
    background: url(/images/list_check_bold.png) no-repeat 1px 53%;
}
.arrow li {
    background: url(/images/list_arrow.png) no-repeat 4px 53%;
}
.arrow-bold li {
    background: url(/images/list_arrow_bold.png) no-repeat 3px 53%;
}
.square li {
    background: url(/images/list_square.png) no-repeat 4px 53%;
}
.circle li {
    background: url(/images/list_circle.png) no-repeat 4px 53%;
}


.imgHover {cursor:pointer;height:160px;float:left;position:relative;overflow:hidden;width:120px;margin:5px 10px}