@charset "utf-8";
/* CSS Document */

/* =Clearfix
--------------------------------------------------------------------------------------------------------*/
.clear { clear: both; }
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }/* ----- clear fix for floats ----- */
.clearfix { display:inline-block; }
* html .clearfix { height:1%; }/* hides clearfix from IE-mac */
.clearfix { display:block; }/* end hide from IE-mac */
.alignleft { float:left; }
.alignright { float:right; }
.aligncenter { margin:auto; display:block; }
.aligninline {display:inline-block }
.alignnone { clear:both; font-size:0; line-height:0; margin:0; padding:0; border:0; height:0; width:0; }
.centered { text-align:center; }
/* End Clearfix
--------------------------------------------------------------------------------------------------------*/


/* =Preloader
--------------------------------------------------------------------------------------------------------*/
#preloader { position:absolute; top:0; left:0; right:0; bottom:0; background-color:#000; z-index:99999; }
#status { width:200px; height:200px; position:absolute; left:50%; top:50%; background-image:url(../images/ajax-loader.gif); background-repeat:no-repeat; background-position:center; margin:-100px 0 0 -100px; }
/* End Preloader
--------------------------------------------------------------------------------------------------------*/


/* =Typography
--------------------------------------------------------------------------------------------------------*/
html {overflow: -moz-scrollbars-vertical; overflow-y: scroll; }
body { font: 13px 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; color:#000; background:#000; }
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; }
i {font-style:normal !important }
p { padding:6px 5px 5px 10px; color:#959595; }
#about p {color:#000; padding-right:0; padding-left:0 }
.colored p {padding:6px 30px 5px 25px; color:#000; }
.teaser p {color:#000; }
p.big {font-size:16px; line-height:21px; padding-top:7px; }
p.small {font-size:11px; line-height:11px; color:#808080; text-transform:uppercase; letter-spacing:1px; font-weight:400 }
.vertical-align p.small {display:block; margin-top:-2px; padding-left:0; padding-right:0; color:#000; }
.white-text .button { top:-2px; position:relative; padding:0 }
p.button a {font-size:16px; font-weight:600; color:#fff; border:2px solid #fff; border-radius:3px; padding:11px 15px 12px 15px }
a { color:#959595; text-decoration:none; }
.colored a {color:#9e8526 }
a:hover { text-decoration:none; color:#fff; }
.colored a:hover {color:#000 }
span.arrow {font:13px 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; }
span.user {background:url(../images/bg-user.png) no-repeat 0px 3px; background-size:12px 12px; padding-left:21px; margin-right:20px; }
span.calendar {background:url(../images/bg-calendar.png) no-repeat 0px 2px; background-size:11px 12px; padding-left:20px; margin-right:20px; }
span.comments {background:url(../images/bg-comments.png) no-repeat 0px 3px; background-size:12px 11px; padding-left:21px; margin-right:20px; }
span.zoom {background:url(../images/bg-zoom.png) no-repeat 0px 2px; background-size:13px 13px; padding-left:20px; margin-right:12px; }
span.file {background:url(../images/bg-file.png) no-repeat 0px 2px; background-size:9px 12px; padding-left:19px; margin-right:12px; }
span.link {background:url(../images/bg-link.png) no-repeat 0px 1px; background-size:12px 14px; padding-left:19px; margin-right:12px; }
.no-margin {margin:0 !important }
.no-icon {margin-right:12px; }
/* End Typography
--------------------------------------------------------------------------------------------------------*/


/* =Headings
--------------------------------------------------------------------------------------------------------*/
h1#logo { position:relative; float:left; margin-top:27px; margin-left:10px; width:168px; height:52px; z-index:1 }
h1#logo a { display:block; background:url(../images/bg-logo.png) no-repeat; background-size:168px 52px; width:168px; height:52px; text-indent:-9999px; }
h2, h3, h4, h5 {  color:#fff; line-height:1; font-weight:600; letter-spacing:-1px; }
h2 { font-size:46px; padding:15px 0px 3px 10px; line-height:1.1 }
.colored h2 {padding:20px 25px 3px 25px; font-weight:700; color:#000 }
#about h2 {color:#000; font-weight:700; padding-left:0 }
h3 { font-size:26px; padding:10px 20px 4px 10px; line-height:1.2; }
.teaser h3, .colored h3 { font-weight:700; color:#000 }
h4 {font-size:26px; padding:17px 31px 10px 0px; }
.logo h4 { padding:26px 0px 10px 0px; }
.colored h3, .colored h4 {padding-left:25px; }
.colored h4 {font-size:20px; color:#000; font-weight:700 }
h5 {font-size:18px; color:#000; font-weight:700; padding:0 }
/* End Headings
--------------------------------------------------------------------------------------------------------*/


/* =Main Content
--------------------------------------------------------------------------------------------------------*/
#wrapper { width:100%; position:relative; z-index:29; margin:0 auto; }
#header-wrap {height:auto; background:#ffd63c; position:relative; margin-bottom:30px; padding:10px 0; }
.container { padding:0px; width:960px; position:relative; margin:0 auto;}
.col1-1 { width:940px; height:auto; float:left; margin:10px; }
.col1-3 { width:300px; height:200px; float:left; margin:10px;}
.col2-3 { width:620px; height:420px; float:left; margin:10px; }
.col1-3.double { width:300px; height:420px; }
.col2-3.half { width:620px; height:200px; }
.auto-height {height:auto !important; }
.white-text {padding:32px 20px 44px 20px; }
.white-text.element {width:918px; }
#about {width:290px; margin:7px 0px 20px 30px; border-left:2px solid #e5be2b; padding:0 0 16px 30px; }

.logo {width:123px; height:105px; margin:0 13px; text-align:center; float:left }
.logo1 {background:url(../images/logos/logo1.png) no-repeat center; }
.logo2 {background:url(../images/logos/logo2.png) no-repeat center; }
.logo3 {background:url(../images/logos/logo3.png) no-repeat center; }
.logo4 {background:url(../images/logos/logo4.png) no-repeat center; }
.logo5 {background:url(../images/logos/logo5.png) no-repeat center; }
.logo6 {background:url(../images/logos/logo6.png) no-repeat center; }

.break { height:30px; position:relative; }
.small-break { height:12px; position:relative; }
.borderline {height:1px; background:#333; display:block; margin:0px 10px; position:relative }
.images { display:block; position:relative; }
.overflow {overflow:hidden; }
.element {border-radius:3px; float:left; overflow:hidden }
img {border-radius:3px; }
.colored { background:#ffd63c; }
.hidden {display:none; height:0; }
.buttons a {border:1px solid #fff; border-radius:3px; font-size:12px; color:#959595; padding:8px 0px 9px 11px; margin:0 0px 10px 10px; display:inline-block; width:auto; }
.buttons {float:left; }
pre {padding-left:25px }
/* =End Main Content
--------------------------------------------------------------------------------------------------------*/


/* =Main Nav
--------------------------------------------------------------------------------------------------------*/
nav { width:auto; height:100px; z-index:300;}
ul#nav { margin: 0; list-style: none; display:inline-block; padding-top:37px; float:right; margin-right:10px; padding-bottom:32px; }
ul#nav li { float:left; }
ul#nav li a { color:#000; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size:13px; font-weight:700; text-decoration:none; text-transform:uppercase; display:inline-block; margin:0px 0px 5px 12px; z-index:15; text-align:center; letter-spacing:1px; padding:8px 13px 9px 13px; border:2px solid #e5be2b; border-radius:3px }
ul#nav li.active a { color:#000; border:2px solid #000; border-radius:3px }
ul#nav li a:hover, ul#nav li a.active, ul#nav li a.stays-active {  border:2px solid #000; border-radius:3px }
ul#nav li a.cursor {cursor:default; }
/* End Main Nav
--------------------------------------------------------------------------------------------------------*/


/* =Googlemaps
--------------------------------------------------------------------------------------------------------*/
#map {width:620px; height:420px; margin:0; border:0; border-radius:3px}
#map:before, #map:after {background: none; content: ''; left: 0; position: absolute; top: 0; width: 100%; }
#map:after {bottom: 0; top: auto; }
/* End Googlemaps
--------------------------------------------------------------------------------------------------------*/


/* =Image Hover
--------------------------------------------------------------------------------------------------------*/
.images img { display: block; max-width: 100% !important; width:100%; z-index:9 }
.images .hover-bg { width:100%; height:100%; background:url(../images/bg-overlay.png) repeat rgba(0, 0, 0, 0.7); position:absolute; top:0; left:0; opacity:0; filter:alpha(opacity:0); z-index:10; display:block}
.images .info-text { position:absolute; top:0; left:0; z-index:11; width:100%; height:100%; cursor:pointer }
.vertical-align-wrapper { margin-top:-30px; top:50%; position:relative; }
.vertical-align { text-align:center; padding-top:50px; opacity:0; filter:alpha(opacity:0); }
.vertical-align-bg {background:#ffd63c; width:auto; display:inline-block; border-radius:3px; padding:13px 16px 10px 15px; }
.vertical-align-bg:before {content:''; height:0; width:0; border-width:8px 8px 8px 8px; border-style:solid; border-color:rgba(255, 214, 60,1) rgba(255, 214, 60,0) rgba(255, 214, 60,0) rgba(255, 214, 60,0); position:absolute; bottom:-16px; left:50%; margin-left:-8px;}
.images a { display:inline-block; width:100%; height:100%; position:absolute; z-index:12; margin-left: 0; margin-top: 0; }

.close {background:url(../images/bg-close.png) center no-repeat; margin:10px; position:relative; border:2px solid #fff; border-radius:3px; padding:15px; width:18px; height:18px; background-size:18px 18px; }
.col1-1 .close {background:url(../images/bg-close.png) center no-repeat; position:relative; border:2px solid #fff; border-radius:3px; padding:15px; width:18px; height:18px; background-size:18px 18px; display:inline-block; margin:0px; margin-top:34px; }
.col1-1 .next {background:url(../images/bg-next.png) 18px 13px no-repeat; position:relative; border:2px solid #fff; border-radius:3px; width:48px; height:48px; background-size:15px 22px; margin-top:34px; margin-left:7px; display:inline-block }
.col1-1 .prev {background:url(../images/bg-prev.png) 15px 13px no-repeat; position:relative; border:2px solid #fff; border-radius:3px; width:48px; height:48px; background-size:15px 22px; margin-top:34px; margin-right:7px; display:inline-block }
/* End Image Hover
--------------------------------------------------------------------------------------------------------*/


/* =Blog
--------------------------------------------------------------------------------------------------------*/
.col1-3.blog {height:auto; cursor:pointer }
.teaser:before {content:''; height:0; width:0; border-width:8px 8px 8px 8px; border-style:solid; border-color:rgba(255, 214, 60,0) rgba(255, 214, 60,0) rgba(255, 214, 60,1) rgba(255, 214, 60,0); position:absolute; top:-16px; margin-left:10px; }
.teaser {background:#ffd63c; position:relative; border-radius:0px 0px 3px 3px; margin-top:-3px; padding:10px; height:165px; }
.when {border-top:1px solid #e5be2b; color:#000 !important; padding:10px; font-size:12px; margin-top:11px; position:absolute; bottom:2px; display:block; width:260px; }
.col2-3 .when { padding:12px 15px 13px 15px; width:570px; margin:0 10px; }
.blog-post:before {content:''; height:0; width:0; border-width:8px 8px 8px 8px; border-style:solid; border-color:rgba(255, 214, 60,0) rgba(255, 214, 60,0) rgba(255, 214, 60,1) rgba(255, 214, 60,0); position:absolute; top:-16px; margin-left:25px; }
.blog-post {padding-bottom:60px; position:relative; border-radius:0px 0px 3px 3px; margin-top:-3px; }
/* End Blog
--------------------------------------------------------------------------------------------------------*/


/* =Lists
--------------------------------------------------------------------------------------------------------*/
ul.list, ol { position:relative; padding:6px 25px 5px 26px; }
ul.list li, ol li { line-height:17px; width:auto; padding-left:21px; background:url(../images/bg-bullet.png) no-repeat 1px 6px; background-size:6px 6px; color:#959595; }
.colored ul.list li, .colored ol li {color:#000}
ul.check li { background:url(../images/bg-check.png) no-repeat 1px 3px; background-size:13px 11px; }
ul.list li.address {background:url(../images/bg-address.png) no-repeat 2px 3px; background-size:9px 12px; padding-bottom:5px }
ul.list li.envelope {background:url(../images/bg-envelope.png) no-repeat 0px 4px; background-size:12px 10px; padding-bottom:5px }
ul.list li.phone {background:url(../images/bg-phone.png) no-repeat 0px 3px; background-size:12px 12px; }
/* =End Lists
--------------------------------------------------------------------------------------------------------*/


/* =Footer
--------------------------------------------------------------------------------------------------------*/
footer { height:100px; padding:0px 0 0 0px; margin-top:20px; position:relative;  }
footer p {font-size:12px; color:#959595; padding:0; padding-top:21px; margin:0 10px; }
/* End Footer
--------------------------------------------------------------------------------------------------------*/


/* =Social
--------------------------------------------------------------------------------------------------------*/
ul.social { padding-top:18px; margin-bottom:6px; letter-spacing:0; margin-left:10px; }
.social li { display:inline-block; margin:0px; margin-right:-1px; }
.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;}
.team .social {position:relative; z-index:111; width:auto; margin-right:1px; margin-left:0px; }
.team .social li {opacity:1 !important; }

.email {background:url(../images/bg-email.png) no-repeat; background-size:24px 24px; }
.xing {background:url(../images/bg-xing.png) no-repeat; background-size:24px 24px; }
.google {background:url(../images/bg-google_plus.png) no-repeat; background-size:24px 24px; }
.twitter {background:url(../images/bg-twitter.png) center 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; }
.dribbble {background:url(../images/bg-dribbble.png) no-repeat; background-size:24px 24px; }
.behance {background:url(../images/bg-behance.png) no-repeat; background-size:24px 24px; }
.linkedin {background:url(../images/bg-linked_in.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; }

#filters li a:hover, #filters li a.selected { color:#fff;}
#filters li  {display:inline-block; color:#959595; float:left; padding-right:3px;}
/* 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 46% no-repeat #ffd63c; 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); border-radius:3px;}
#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
--------------------------------------------------------------------------------------------------------*/


/* =Update 1.1
--------------------------------------------------------------------------------------------------------*/
.alignleft2-3 {width:640px; float:left}
.video { width:620px; height:420px; frameborder:0; }
#stayOnTop { width:300px; }
#stayOnTop.fixed {position: fixed;top: 0px;}
/* End Update 1.1
--------------------------------------------------------------------------------------------------------*/