/* =Typography
--------------------------------------------------------------------------------------------------------*/
body { font: 18px 'Ruda', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-weight:400; color:#f9f9f9; letter-spacing:-1px; }
strong { font-weight:bold; }
a, a > * {-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
p { line-height:1.5; font-size:24px; letter-spacing:-1px }
.col2-3 p { padding:14px 50px 30px 40px; position:absolute; bottom:0; }
.col1-1 p { padding:14px 50px 30px 40px; }
.col2-3.single-post p { padding:20px 50px 0px 40px; position:relative; }
.col1-3 p { font-size:20px; padding:0px 30px 21px 30px; position:absolute; bottom:0; }
.col1-3.colored p, .col1-3 .infos p {font-size:18px; text-align:center; padding:16px 60px 0px 60px; position:relative; color:#ffffff; }
.col1-3 .infos p {color:#141211; font-weight:bold; }
p.blockquote, blockquote { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:normal; clear:both }
.blockquote span, .col1-3.colored p span, .col1-3 .infos p span {font: 12px 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; text-transform:uppercase; letter-spacing:2px; color:#999; }
.col1-3 .infos p span {color:#141211; font-size:11px;}
.col1-1 p.blockquote { padding:20px 80px 0px 80px; }
p span {color:#538fd5; }
.col1-3.colored p span {color:#ffffff; }
a { color:#538fd5; text-decoration:underline; }
.col1-3.colored a {color:#ffffff; }
.col1-3 .infos p a {color:#141211; text-decoration:underline; }
a:hover { text-decoration:none; color:#538fd5; }
.col1-3.colored a:hover {color:#ffffff; }
.col1-3 .infos p a:hover {color:#141211; text-decoration:none; }
/* End Typography
--------------------------------------------------------------------------------------------------------*/


/* =Headings
--------------------------------------------------------------------------------------------------------*/
#logo-container { width:298px; height:221px; background:#ffffff; border:1px solid #ddd; text-align:center; z-index:0;}
h1#logo { display:block; margin:0 auto; margin-top:43px; }
h1#logo img { max-width: 100%; height: auto; display: block; }
a h1#logo { display:inline-block; text-decoration:none; width:192px; height:140px; text-indent:-9999px; }
h2, h3, h4 { line-height:1.5; letter-spacing:-2px; color:#ffffff; }
h2 { font-size:48px; padding:38px 40px 19px 40px; }
h1 { line-height:1.5; letter-spacing:-2px; color:#ffffff; font-size: 52px; }
.col1-3 h2 { padding:17px 20px 0px 20px; font-size:28px; text-transform:none }
.col2-3.single-post h2, .col2-3.single-post h1 { padding:43px 40px 24px 40px; line-height:62px; }
h3 { font-size:28px; padding:47px 30px 21px 30px; letter-spacing:-1px; line-height:36px; }
h3 a {color:#ffffff; text-decoration:none}
h3 a:hover {color:#ffffff; text-decoration:underline}
h3.blockquote { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:normal; font-size:26px; clear:both }
/* End Headings
--------------------------------------------------------------------------------------------------------*/


/* =Main Content
--------------------------------------------------------------------------------------------------------*/
#open-menu {width:298px; height:69px; background:#ffffff; border:1px solid #ddd; margin-bottom:6px; cursor:pointer; }
#open-menu p {margin-top:25px; font-size:12px; position:relative }
#open-menu p span { text-transform:uppercase; letter-spacing:2px; font-family:'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; color:#141211}
#open-menu .arrow {content:''; height:0; width:0; border-width:6px 6px 6px 6px; border-style:solid; border-color:rgba(191,191,191,1) rgba(255,255,255,0) rgba(255,255,255,0) rgba(255,255,255,0); position:absolute; top:32px; left:259px;}
.container { padding:0px; width:960px; position:relative; margin:0 auto;}
#container { margin-bottom:100px; margin-top:70px}
.col1-1 { width:940px; margin:10px; background:#141211;}
.col1-3 { width:300px; height:300px; margin:10px; float:left; background:#141211; }
.col2-3 { width:620px; height:300px; margin:10px; float:left; background:#141211; }
.no-bg {background:none; }
.col1-1.borders {width:938px; border:1px solid #ddd; background:#ffffff; }
.col1-3.borders {width:298px; height:298px; border:1px solid #ddd; background:#ffffff; }
.col2-3.borders {width:618px; height:298px; border:1px solid #ddd; background:#ffffff; }
.col2-3.double { width:618px; height:618px; border:1px solid #ddd; }
.col2-3.single-post { margin:10px; background:#141211; height:auto !important;}
.col1-3.colored {background:#538fd5; }
.certificate {background:url(images/bg-certificate.png) center top no-repeat; position:relative; width:100%; height:50px; margin-top:40px; }
.expand {background:url(images/bg-expand.png) center top no-repeat; position:relative; width:100%; height:50px; margin-top:40px; }
.link {background:url(images/bg-link.png) center top no-repeat; position:relative; width:100%; height:50px; margin-top:40px; }
.email {background:url(images/bg-email.png) center top no-repeat; position:relative; width:100%; height:50px; margin-top:40px; }
.break { height:50px; position:relative; }
.images { display:block; position:relative; padding:9px; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; background:#ffffff; }
.logo { width:144px; height:108px; background:#ffffff; text-align:center; border:1px solid #ddd; padding-top:37px; float:left; margin-right:6px; margin-bottom:6px; }
.logo.last {margin-right:0px; }
.logo.bottom {margin-bottom:0px; }
.overflow {overflow:hidden; }
.borderline {width:100%; background:rgba(255,255,255,0.07); border-top:1px solid rgba(0,0,0,0.2); height:1px; }
.borderline.margin-bottom {margin-bottom:11px; }
.borderline.margin-top {margin-top:30px; }
img { max-width: 100%; height: auto; }
/* =End Main Content
--------------------------------------------------------------------------------------------------------*/


/* =Single Work
--------------------------------------------------------------------------------------------------------*/
.dedicated-page-navi {width:100%; height:10px; position:fixed; z-index:300; text-align:center; top:0px; background-color:#ffffff; -webkit-box-shadow:0 1px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.1); box-shadow:0 1px 0 rgba(0, 0, 0, 0.1); }
.close {position:absolute; top:10px; right:40px; width:58px; height:48px; background:url(images/bg-close.png) center 10px no-repeat #fbfbfb; background-size: 18px 18px; background-color:#ffffff; -webkit-box-shadow:0 1px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.1); box-shadow:0 1px 0 rgba(0, 0, 0, 0.1); cursor:pointer; }
.dedicated-page {padding-top:20px; margin-top:50px !important; }
/* =End Single Work
--------------------------------------------------------------------------------------------------------*/


/* =Twitter
--------------------------------------------------------------------------------------------------------*/
.twitter_update_list { background:#538fd5; padding-top:40px; height:260px; }
ul.jta-tweet-list li { background:url(images/bg-twitter.png) center 0px no-repeat; background-size:50px 50px; display:block; min-height:100px; font-size:18px; line-height:1.5; padding:64px 40px 0px 40px; color:#ffffff; letter-spacing:-1px; text-align:center }
ul.jta-tweet-list li a.jta-tweet-link { color:#ffffff; text-decoration:none; font-size:18px !important; text-transform:none; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; margin-right:4px; line-height:20px; }
ul.jta-tweet-list li a.jta-tweet-link:hover { text-decoration:none; color:#ffffff; }
ul.jta-tweet-list li a.jta-tweet-timestamp-link { font: 11px 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; text-transform:uppercase; letter-spacing:1px; color:#ffffff; text-decoration:none; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; text-transform:uppercase; line-height:27px; display:block; cursor:default }
ul.jta-tweet-list li a.jta-tweet-timestamp-link:hover { text-decoration:none; color:#ffffff; }
span.jta-tweet-twitter-bird-icon, span.jta-tweet-twitter-bird-icon:hover { display:none }
a.jta-tweet-a { color:#ffffff; text-decoration:none; font-weight:bold; }
a.jta-tweet-a:hover { color:#ffffff; }
/* End Twitter
--------------------------------------------------------------------------------------------------------*/


/* =Googlemaps
--------------------------------------------------------------------------------------------------------*/
.map {width:600px; height:600px; margin:0; border:0}
.map img { max-width: none; }
.map:before, .map:after {background: none; content: ''; left: 0;	position: absolute;	top: 0;	width: 100%; }
.map:after {bottom: 0; top: auto; }
.contact-map { background: #ffffff; }
/* End Googlemaps
--------------------------------------------------------------------------------------------------------*/


/* =Image Hover
--------------------------------------------------------------------------------------------------------*/
.images img {width:100%; display: block; height: auto; /*z-index:9*/ }
.infos {width:300px; height:300px; top:0; left:0px; border:0; padding:0; display:none; z-index:1; position:absolute; }
.movable-content {z-index:11; position:absolute; width:298px; height:298px; }
span.blockquote { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:normal; clear:both }
/* End Image Hover
--------------------------------------------------------------------------------------------------------*/


/* =Blog
--------------------------------------------------------------------------------------------------------*/
.padding-right {padding-right:20px; }
.padding-left {padding-left:20px; }
.margin-left, blockquote {margin-left:20px; }
.posted { text-decoration:none; text-transform:uppercase; letter-spacing:2px; font-family:'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size:12px; padding:15px 31px;}
.single-post .posted {padding:15px 41px; }
.posted a { text-decoration:none; color:#f9f9f9; }
.posted a:hover { text-decoration:none; color:#f9f9f9;}
.reply a { color:#538fd5; font-weight:bold; }
.blog h3 {padding:22px 30px 21px 30px; }
.vertical-align {height:115px; display:table-cell; vertical-align:bottom }
/* End Blog
--------------------------------------------------------------------------------------------------------*/


/* =Lists
--------------------------------------------------------------------------------------------------------*/
ul.list { position:absolute; padding:0 30px 21px 30px; bottom:0 }
ul.list li { line-height:1.5; font-size:20px; letter-spacing:-1px; width:auto; padding-left:28px; }
ul.check li { background:url(images/bg-check.png) no-repeat 1px 9px; background-size:13px 11px; }
/* =End Lists
--------------------------------------------------------------------------------------------------------*/


/* =Footer
--------------------------------------------------------------------------------------------------------*/
footer:before {content:''; height:0; width:0; border-width:12px 12px 12px 12px; border-style:solid; border-color:rgba(36,37,39,0) rgba(36,37,39,0) #141211 rgba(36,37,39,0); position:absolute; top:-24px; left:50%; margin-left:-12px; }
footer { background:#141211; width:100%; height:auto; margin:0px 0px 0 0px; padding:50px 0 60px; letter-spacing:-1px; position:relative  }
/* End Footer
--------------------------------------------------------------------------------------------------------*/


/* =Social
--------------------------------------------------------------------------------------------------------*/
ul.social { margin-top:25px; margin-bottom:0px; letter-spacing:0; }
.social li { display:inline-block; margin:0px 7px; padding: 0; }
.social li a { display:block; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
ul.social a {text-indent:-9000px; text-decoration:none; height:24px; width:24px;}
.xing {background:url(images/bg-xing.png) no-repeat; background-size:24px 24px; }
.tweat {background:url(images/bg-tweat.png) no-repeat; background-size:24px 24px; } 
.google {background:url(images/bg-googleplus.png) no-repeat; background-size:24px 24px; }
.facebook {background:url(images/bg-facebook.png) no-repeat; background-size:24px 24px; }
.pinterest {background:url(images/bg-pinterest.png) no-repeat; background-size:24px 24px; }
.instagram {background:url(images/bg-instagram.png) no-repeat; background-size:24px 24px; }
.vimeo {background:url(images/bg-vimeo.png) no-repeat; background-size:24px 24px; }
.skype {background:url(images/bg-skype.png) no-repeat; background-size:24px 24px; }
.dribble {background:url(images/bg-dribble.png) no-repeat; background-size:24px 24px; }
/* End Social
--------------------------------------------------------------------------------------------------------*/


/* =Isotope
--------------------------------------------------------------------------------------------------------*/
.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
/**** Isotope CSS3 transitions ****/
.isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; }
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-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; }
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }
/* End: Recommended Isotope styles */

/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }

#menu-container {position:absolute; width:298px; height:auto; min-height:221px; background:#ffffff; border:1px solid #ddd;}

#options {  text-align:left; margin-top:0px; }
#options ul { margin: 0; list-style: none; display:inline-block; bottom:22px; position:absolute; }
#options li { float: none;  }
#options li a { color:#a5a5a5; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; letter-spacing:0px; text-decoration:none; /*text-transform:uppercase;*/ display:inline-block; padding:3px 30px;  margin:0px; }
#options li a:hover, #options li a.selected { color:#141211;}

ul#nav-lang {position:absolute; bottom:22px; right:0px; text-align:right; }
ul#nav-lang li { float: none;  }
ul#nav-lang li a { color:#a5a5a5; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; letter-spacing:0px; text-decoration:none; /*text-transform:uppercase;*/ display:inline-block; padding:3px 30px;  margin:0px; }
ul#nav-lang li a:hover, ul#nav-lang li a.selected { color:#141211;}
/* End Isotope
--------------------------------------------------------------------------------------------------------*/


/* =Backtotop
--------------------------------------------------------------------------------------------------------*/
#backtotop { height:auto; position:fixed; right:30px; bottom:30px; display:none; z-index:30; }
#backtotop ul { padding:15px 0px; }
#backtotop ul li a { background:url(images/bg-up.png) center 48% no-repeat #538fd5; background-size:22px 15px; display:block; width:50px; height:50px; float:right; right:10px; text-indent:-9000px; -webkit-box-shadow:0 0 30px rgba(0, 0, 0, 0.1); -moz-box-shadow:0 0 30px rgba(0, 0, 0, 0.1); box-shadow:0 0 30px rgba(0, 0, 0, 0.1);}
#backtotop ul li a:hover { -webkit-box-shadow:0 0 30px rgba(0, 0, 0, 0); -moz-box-shadow:0 0 30px rgba(0, 0, 0, 0); box-shadow:0 0 30px rgba(0, 0, 0, 0); }
/* End Backtotop
--------------------------------------------------------------------------------------------------------*/

.preloader { background:url(images/ajax-loader.gif) center center no-repeat #ffffff; }



/* =Wordpress Version Styles
--------------------------------------------------------------------------------------------------------*/
.featured-image { height: auto !important; }
.load-more { background: url(images/bg-load.png) center 45px no-repeat #538fd5; background-size: 50px 50px; display: block; height: 196px; width: 220px; padding: 104px 40px 0px 40px; color: #fbfbfb; letter-spacing: -1px; cursor: pointer !important; text-align: center; min-height: 70px; }
.load-more p { position: static; }
.load-more a {color: #fbfbfb; text-decoration: none;}
.col1-3.cats-tags { height: auto !important; padding-bottom: 10px; }
.col1-3.cats-tags p { position: static; padding-top: 30px; }
#calendar_wrap { width: 260px }
table#wp-calendar { border: 1px solid #cccccc }
table#wp-calendar>tbody>tr>td>a { text-decoration: underline }
footer caption { text-align: center; padding-bottom: 15px; }
table#wp-calendar thead>tr>th { width: 35px; height: 20px; text-align: center; border: 1px solid #cccccc; }
table#wp-calendar tbody>tr>td { width: 35px; height: 20px; text-align: center; border: 1px solid #cccccc; }
table#wp-calendar tfoot>tr>td>a, tfoot>tr>td>a:link, tfoot>tr>td>a:visited, tfoot>tr>td>a:hover, tfoot>tr>td>a:active { text-decoration: underline; height: 23px; nowhitespace: afterproperty; margin-left: 10px; padding-bottom: 3px; }
table#wp-calendar tfoot>tr>td#prev { width: 58px; height: 20px; text-align: left; }
table#wp-calendar tfoot>tr>td#next { width: 58px; height: 20px; text-align: right; }
footer .col1-3.border { height: auto; padding-bottom: 47px; padding-top: 47px; border: 1px solid #f9f9f9; width: 298px; }
footer .col1-3.border p { position: static !important; text-align: left; }
.type-portfolio .infos { overflow-y: hidden }
footer select, #calendar_wrap { margin: 20px auto 0 }
.rssSummary { display: block }
a.rsswidget{ display: inline-block; margin: 0 3px;}
span.rss-date { font-size: 14px }
.rssSummary { padding: 15px 0; text-align: left; }
footer cite { padding-bottom: 25px; display: block; }
footer li { margin: 6px 0; padding: 0 15px; }
.video-container { position: relative; padding-bottom: 54%; padding-top: 30px; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.images img { display: block; vertical-align: bottom; }
.tagcloud { padding: 0 15px; margin: 6px 0 0 0; }
.tagcloud a { margin: 3px 3px 1px; display: inline-block; }
footer .wp-caption { padding: 0 20px }
.images h3 { padding-top: 34px }
.col2-3.single-post ul { list-style: disc; padding: 20px 40px 0 65px; }
.col2-3.single-post ol { list-style: decimal; padding: 20px 40px 0 65px; }
.col2-3.single-post ul li, .col2-3.single-post ol li { margin-bottom: 8px; }
pre {font-family: monospace;padding-left: 40px;}
footer #searchform, footer .wp-caption {margin-top: 10px;}
input.search { box-shadow: 0px 1px 0px 0px #61615f; }
footer input.search { width: 238px; }
.comments { background: none !important; }
.comments li { list-style: none; display: block; margin-top: 20px; background: #141211; }
.comments li:first-of-type { margin-top: 0; }
#commentform { position: relative; height: auto; }
ul.children li { margin-top: 0; }
input.one_third { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 33%; float: left; display: inline-block; height: 70px; border-bottom: 1px solid rgba(0,0,0,0.2); }
input.one_third:nth-of-type(1) { border-right: 1px solid rgba(0,0,0,0.2); }
input.one_third:nth-of-type(2) { border-left: 1px solid rgba(255,255,255,0.07); border-right: 1px solid rgba(0,0,0,0.2); }
input.one_third:nth-of-type(3) { border-left: 1px solid rgba(255,255,255,0.07); }
.comment-form-wrap p { position: static; }
input.one_third.last { width: 34%; border-right: none; }
textarea#comment { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; border-bottom: none; height: 104px;  }
p.form-submit { height: 104px; width: 84px; margin: 0; border: none; display: inline; line-height: 0; padding: 0; z-index: 99; position: absolute; right: 0; box-shadow: -1px 0 0 0 rgba(0,0,0,0.2); }
#reply-title { display: none; }
.comment-form-wrap { height: auto; }
input#submit { z-index: 99; }
input#submit { display:block; position:absolute; bottom:0px; width:84px; height:104px; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; border:0px; padding:0px; border-top:1px solid rgba(255,255,255,0.07); border-left:1px solid rgba(255,255,255,0.07); background:url(images/bg-submit.png) center center no-repeat #141211; background-size:24px 28px; text-indent:-9999px; cursor:pointer}
.ajax-error { position: relative; top: 50px; }
.featured-image h3 { color: #141211; }
#contact { display: block; width: auto; margin: 0; padding: 0px; border: none; overflow:visible }
#contact label { display: none; float: none; height:0px; }
input, textarea, select { width:240px; height:26px; padding:24px 30px 23px 30px; font: 18px 'Ruda', 'Helvetica Neue', Arial, Helvetica, sans-serif; color:#f9f9f9; border:0; border-bottom:1px solid rgba(0,0,0,0.2); border-top:1px solid rgba(255,255,255,0.07); background:#141211; letter-spacing:-1px; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; float:none; display:block;}
#contact input.third { margin: 0px 0px 0px 0 !important; }
#contact input#name {border-top:0px; }
#contact textarea { margin-bottom:0px; padding-top:26px; margin-right:0px !important; width:155px; border:0px; border-right:1px solid #47484b;  border-top:1px solid rgba(255,255,255,0.07);}
#contact #subject { width: 292px !important; }
input:focus, textarea:focus, select:focus { outline:0; }
input.submit { display:block; position:absolute; bottom:0px; right:0px; width:84px; height:151px; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; border:0px; padding:0px; border-top:1px solid rgba(255,255,255,0.07); border-left:1px solid rgba(255,255,255,0.07); background:url(images/bg-submit.png) center center no-repeat #141211; background-size:24px 28px; text-indent:-9999px; cursor:pointer}
#contact fieldset { padding-left:0px;}
#contact span.required { padding-left:28px; background:url(images/bg-bullet.png) no-repeat 12px 5px; margin-left:-28px; }
#message { margin: 0; padding: 0px; z-index:5500; position:absolute !important; background:#494746; top:0px; left:0px; height:300px; }
#success_page h3 { padding:37px 30px 20px 30px !important; text-transform:none }
#success_page p {position:relative !important; padding-bottom:30px; }
.error_message { display: block; width:240px; height:242px; padding:29px 30px 29px 30px; background: #494746; color:#f97220;  }
.loader { padding: 22px 0 0 10px; }
#contact .padding-right {padding-right:20px; }
#comments {height: 101px; }