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

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

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

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

html, body {background:#f0f0f0 /*#f2f2f2 #f4f4f2 (titanium white) url(../img/bg_pattern.png) center top repeat*/; font-family:'open_sansregular', Arial, Helvetica, sans-serif; font-size:10pt; color:#181818/*#444444*/; /*height:100%;*/ margin:0; padding:0; overflow-x: hidden !important;}

/*////Classes////*/
.page {position:relative; padding-bottom:50px; border-bottom:solid 1px rgba(230,230,230,1);}
.width_100 {width:100%; float:left;}
.container {position:relative; width:98%/*960/1024*/; max-width:960px; margin:0 auto; z-index:10;/*box-shadow: 0 -30px 30px -4px #999999;*/}
#container {float:left; width:940px; min-height:300px; font-size:10pt; color:#FFF; padding:0 10px;}
.lefcol_big{float:left; width:60%;}
.lefcol_small{float:left; width:40%;}
.rightcol_small{float:left; width:40%;}
.rightcol_big{float:left; width:60%;}

/*////Themes & markup////*/
a {text-decoration:none;  color:#00718f;/*063a54||0066cc*/}
a:active, a:hover {text-decoration:none; color:#444444/*#bababa*/;}
h1{font-family:'roboto_condensedregular', 'robotoregular', Arial, Helvetica, sans-serif; font-size:24pt; padding: 35px 20px; color:#063953;}
p {padding:10px 20px/*padding-bottom:20px*/; line-height:22px;}
.high {color:#00718f; /*font-weight:bold;*/}
.bold {font-weight:bold; color:#bababa;}
.active {color:#063a54;}
.quote {color:#444444; padding:10px 80px; font-size:16pt; line-height:112.5%; text-align:center;}
.sm_tag {display:none;}

/*
.blur{ text-shadow: 0 0 8px #000; color: rgba(255,255,255,0);
	text-shadow: 0 0 8px #000; color: rgba(255,255,255,0); 
	filter: DXImageTransform.Microsoft.Blur(pixelradius=2);
	zoom: 1;
}
.dark_blur{ text-shadow: 0 0 8px #FFF; color: rgba(0,0,0,0);
	text-shadow: 0 0 8px #FFF; color: rgba(0,0,0,0); 
	filter: DXImageTransform.Microsoft.Blur(pixelradius=2);
	zoom: 1;
}
*/

/*////Header////*/
header {float:left; width:100%;}
header h1{float:left; font-size:24pt; padding:35px 30px; color:#000; text-transform:uppercase; font-family:'roboto_condensedregular', 'robotoregular', Arial, Helvetica, sans-serif;}

/*////Nav////*/
nav {position:fixed; /*display:block;*/ height:50px; top:0; right:0; left:0; z-index: 1000; margin:0;
	background-color:#012c42;
	background-image:url(../img/bg_nav3.png), url(../img/bg_nav3_pattern2.png);
	background-repeat:repeat-y;
	background-position:center top;
	-webkit-box-shadow: 0px 2px 5px 0px #000;
    -moz-box-shadow: 0px 2px 5px 0px #000;
    box-shadow: 0px 2px 5px 0px #000;
}
/*
nav {position:fixed; display:block; background:#033449/*rgba(0, 0, 0, 0.6)*//*; width:60px; height:280px; top:200px; right:-10px; z-index: 1000; padding:5px 0; margin:0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0px 2px 5px 0px #000;
    -moz-box-shadow: 0px 2px 5px 0px #000;
    box-shadow: 0px 2px 5px 0px #000;
}
*/
nav ul {padding:0; margin:0; list-style:none; text-align:center;}
nav li {display:inline-block; padding:6px 15px; border-top:solid 2px transparent;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
}
nav li img {height:38px; margin-top:-2px;}
nav li:hover {border-top: solid 2px #FFF;}
/*nav img {max-width:90%;}*/

/*nav li {display:block; float:left; padding:0 10px; line-height:20px;}
nav li:last-child {padding:0 0 0 10px;}
nav a{display:block; text-decoration:none; color:#000; text-transform:uppercase;}
nav a:hover, nav a:active {color:#063a54;}
nav .active {color:#545450;}*/


/*////Home////*/
/*#home p, #about p {float:left; width:650px;}
#home img, #about img {float:right;}*/
#page_home{height:600px/*100%*/; font-family:'roboto_condensedregular', Arial, Helvetica, sans-serif; font-size:100%; text-align:center;}
#page_home h1 {color:#181818/**/; font-size:50pt; text-transform:uppercase; padding:0; margin:250px 0 30px 0;}
#page_home h2 {color:#444444; font-size:18pt; line-height:2em;}


/*////Portfolio////*/
#portfolioContainer {margin:0 15px; min-height:180px;}
/*#page_portfolio .portfolio-item {float:left; width:100%; margin-bottom:35px; border-bottom:solid 1px #545450;}*/
#page_portfolio .portfolio-item:last-child {margin-bottom:0; border-bottom:none;}
#page_portfolio .portfolio-item .slider{float:left; width:0%;}
#page_portfolio .portfolio-description{float:right; width:280px; top:0; right:0;}
#page_portfolio .portfolio-description h2{color:#f58b01; padding:0 0 12px 10px; font-size:18px;}
#page_portfolio .portfolio-description p{border-bottom:solid 1px #545450;}
#page_portfolio .portfolio-description .noborder{border-bottom:none;}
#page_portfolio .portfolio-description p:last-child{border-bottom:none;}
#page_portfolio .url, #portfolio .extra_info {padding:20px 0; line-height:20px;}

/*////Isotope////*/
#portfolioFilter a {margin-right: 15px; color:#181818/*#666*/; text-decoration:none; white-space: nowrap;}
#portfolioFilter a.current {font-weight:bold;}
 
.isotope-item {/*background-position:0 0;*/ width:300px; height:170px; margin:5px/*10px*/; /*border: solid 1px rgba(0,0,0,0.2);*/ z-index: 2; overflow:hidden; cursor:pointer;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.3);
}
.portfolio-item {position:absolute; top:0; left:0; width:300px; height:170px;
	/*-webkit-transition: all 1s ease; /* Safari and Chrome */
    /*-moz-transition: all 1s ease; /* Firefox */
    /*-ms-transition: all 1s ease; /* IE 9 */
    /*-o-transition: all 1s ease; /* Opera */
    /*transition: all 1s ease;*/
}
.portfolio-item:hover {
	/*transform: scale(1.2);*/
}
/*.portfolio-item:hover {background-position:0 -20px;}*/
.portfolio-item .ol{
	display:table;
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background:url(../img/bg_portfolio-item_80.png) /*rgba(6,58,84,0.8)/*rgba(0,0,0,0.7)*/;
	opacity:0;
}
.portfolio-itemtitle {position:relative; display:table-cell; /*background:#063a54;*/ width:90%; height:100%; padding:0 5%; padding-top:100px;/*left:-315px; left:-110%; padding:0 15px 0 30px;*/ color:#FFF; line-height:30px; text-transform:uppercase; font-family:'roboto_condensedregular', 'robotoregular', Arial, Helvetica, sans-serif; text-align:center; font-size:16pt; vertical-align:middle;/* opacity:0;*/
}
.isotope-hidden.isotope-item {pointer-events: none;z-index: 1;}
.isotope, .isotope .isotope-item {
  /* change duration value to whatever you like */
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.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;
    transition-property: transform, opacity;
}

/*////Portfolio detail////*/
.slider_container {margin:0 auto; width:80%; text-align:center;}
#page_portfolio_detail{display:none;
	border-top:solid 1px rgba(230,230,230,1); border-bottom:solid 1px rgba(230,230,230,1);
/*	background-image: url(../img/shadow_top.png), url(../img/shadow_bottom.png);
	background-position: center top, center bottom;
	background-repeat: repeat-x, repeat-x;*/
}
#page_portfolio_detail h1 {text-transform:uppercase; font-family:'roboto_condensedregular', 'robotoregular', Arial, Helvetica, sans-serif; font-size:20pt; padding: 35px 40px; color:#444444/*#bababa*/;}
#page_portfolio_detail .closeButton {position:absolute; right:0px;/*-32px;*/ top:30px;}
#portfolio_detailLoading{display:none;}

#page_portfolio_detail .item_desc {float:left; width:60%;}
#page_portfolio_detail .item_desc_fullwidth {float:left; width:100%;}
#page_portfolio_detail .item_extra_info {float:left; width:39%; border-left:solid 1px rgba(230,230,230,1);}
#page_portfolio_detail .item_share {}
#page_portfolio_detail .item_share img {height:30px; padding:2px 5px 0 5px;}
#page_portfolio_detail .item_share input {width:234px; text-align:center;	border: solid 1px rgba(230,230,230,1); font-family:'open_sansregular', Arial, Helvetica, sans-serif; font-size:80%; padding:2px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

/*////Flexslider fixes & customizing////*/
.slides img{
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
.flexslider:hover .flex-prev { opacity: 0.6; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.6; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 0.8; }
 /*FontAwesome content values: http://astronautweb.co/snippet/font-awesome/*/
.flex-direction-nav a  {width:46px; height:50px; margin: -25px 0 0;}
.flex-direction-nav a:before  { font-family: "FontAwesome"; font-size: 50px; display: inline-block; content: '\f104'; color:#FFF; text-shadow: 0px 2px 5px #000;}
.flex-direction-nav a.flex-next:before  { content: '\f105'; }
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 0.6; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 0.6; right: 10px;}
}

/*////About////*/
#page_about {}
#about_text {float:left; width:70%;}
#about_photo {float:right; width:25%; text-align:center;}
#about_photo img{
	border-radius: 100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	-webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
    box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
}
	
/*////Contact////*/
#page_contact {border-bottom:none; padding-bottom:0}
.dark_theme {color:#FFF;
	background-color:#15181b;
	background-image: url(../img/shadow_top.png), url(../img/bg_pattern_dark.png);
	background-position: center top, center top;
	background-repeat: repeat-x, repeat;
}
.dark_theme h1 {color:#f0f0f0;}
#contact {float:left; width:70%;}
.forms {}
.forms li {float: left; padding-bottom: 10px; position: relative; width: 100%;}
.forms label {float: left; line-height: 30px; padding-right: 40px; text-align: right; width: 100px;}
.forms .field {margin-left: 140px;}
.forms .forminput {border: solid 0px #000; padding:3px; font-family:'open_sansregular', Arial, Helvetica, sans-serif; font-size:100%; padding:5px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-webkit-box-shadow: 0px 2px 5px 0px #000;
    -moz-box-shadow: 0px 2px 5px 0px #000;
    box-shadow: 0px 2px 5px 0px #000;
}
.forms .forminputfield {width:100%;}
.button {background:#0e0e0e; color:#FFF; text-align:center; min-width:100px;}
.button:hover {background:#141414;}
#contactNotification {padding:0 0 0 30px;}
#contactLoading{display:none;}
.errorMessage {color: #FF0000;}

#socials {float:right; width:25%;}
#socials p {text-align:center;}

/*////Footer////*/
footer {float:left; width:100%; /*background:#0e0e0e;*/ padding:25px 0 10px 0; text-align:center; font-size:8pt; color:#FFF;}
footer a {text-decoration:none;  color:#063a54;}
footer a:active, footer a:hover {text-decoration:none; color:#bababa;}
footer img {height:16px; vertical-align:middle;}

@media screen and (max-width: 1200px) {
	#page_portfolio_detail .closeButton {right:16px;}
} /*/mediaquery*/

@media screen and (max-width: 1100px) {
/*	.isotope-item {margin:10px; width:240px; height:104px;}
	.portfolio-item {width:240px; height:104px;}
*/
} /*/mediaquery*/

@media screen and (max-width: 1024px) {
	/*.tag-change::before {content:'\a'; white-space: pre;}*/
	/*.break {display:block;}*/
	/*#page_home h2 span.tag-change a {padding: 2em 5px 0 5px;}*/
	/*.container{padding-right:60px;}
	#page_portfolio_detail .closeButton {right:64px;}*/
} /*/mediaquery*/

/*@media screen and (max-width: 996px) {*/
@media screen and (max-width: 860px) {
	#portfolioFilter {width:90%; padding:0 5%; text-align:center;}
	#page_portfolio_detail .item_desc, #page_portfolio_detail .item_desc_fullwidth {float:left; width:90%; padding:0 5%; }
	#page_portfolio_detail .item_desc p:last-child, #page_portfolio_detail .item_desc_fullwidth p:last-child {padding-bottom:20px; border-bottom:solid 1px rgba(230,230,230,1);}
	#page_portfolio_detail .item_extra_info {float:left; width:90%; padding:20px 5% 0 5%; border-left:none;}
	#page_portfolio_detail .item_extra_info p {/*float:left;  /*width:44%;width:100%;*/ text-align:center;}
	/*#page_portfolio_detail .item_extra_info .item_share {width:100%; text-align:center;}*/
	#about_text {float:left; width:90%; padding:0 5%; text-align:center;}
	#about_photo {float:left; width:100%; text-align:center; margin-bottom:20px;}
	#contact {float:left; width:90%;}
	#socials {float:left; width:100%;}
	#socials h1, #socials  p:last-child {display:none;}
	
	.sm_tag {display:inline;}
	#page_home h2 span.tag-change {display:none;}
	/*
	#page_home h2 span.tag-change {display: inline-block; width:100px;}
	#page_home h2 span.tag-change a {displahy:inline; margin:3.5em 0;}
	*/
} /*/mediaquery*/