@charset "utf-8";
/* Retina Ready Images */

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
h1#logo a { background:url(../images/bg-logo@2x.png) no-repeat; background-size:168px 52px; }

span.user {background:url(../images/bg-user@2x.png) no-repeat 0px 3px; background-size:12px 12px; }
span.calendar {background:url(../images/bg-calendar@2x.png) no-repeat 0px 2px; background-size:11px 12px; }
span.comments {background:url(../images/bg-comments@2x.png) no-repeat 0px 3px; background-size:12px 11px;}
span.zoom {background:url(../images/bg-zoom@2x.png) no-repeat 0px 2px; background-size:13px 13px; }
span.file {background:url(../images/bg-file@2x.png) no-repeat 0px 2px; background-size:9px 12px; }
span.link {background:url(../images/bg-link@2x.png) no-repeat 0px 1px; background-size:12px 14px; }

.close, .col1-1 .close {background:url(../images/bg-close@2x.png) center no-repeat; background-size:18px 18px; }
.col1-1 .next {background:url(../images/bg-next@2x.png) 18px 13px no-repeat; background-size:15px 22px; }
.col1-1 .prev {background:url(../images/bg-prev@2x.png) 15px 13px no-repeat; background-size:15px 22px; }

.email {background:url(../images/bg-email@2x.png) no-repeat; background-size:24px 24px; }
.xing {background:url(../images/bg-xing@2x.png) no-repeat; background-size:24px 24px; }
.google {background:url(../images/bg-google_plus@2x.png) no-repeat; background-size:24px 24px; }
.twitter {background:url(../images/bg-twitter@2x.png) center no-repeat; background-size:24px 24px; } 
.facebook {background:url(../images/bg-facebook@2x.png) no-repeat; background-size:24px 24px; }
.pinterest {background:url(../images/bg-pinterest@2x.png) no-repeat; background-size:24px 24px; }
.instagram {background:url(../images/bg-instagram@2x.png) no-repeat; background-size:24px 24px; }
.vimeo {background:url(../images/bg-vimeo@2x.png) no-repeat; background-size:24px 24px; }
.skype {background:url(../images/bg-skype@2x.png) no-repeat; background-size:24px 24px; }
.dribbble {background:url(../images/bg-dribbble@2x.png) no-repeat; background-size:24px 24px; }
.behance {background:url(../images/bg-behance@2x.png) no-repeat; background-size:24px 24px; }
.linkedin {background:url(../images/bg-linked_in@2x.png) no-repeat; background-size:24px 24px; }

ul.list li { background:url(../images/bg-bullet@2x.png) no-repeat 1px 6px; background-size:6px 6px; }
ul.check li { background:url(../images/bg-check@2x.png) no-repeat 1px 3px; background-size:13px 11px; }
ul.list li.address {background:url(../images/bg-address@2x.png) no-repeat 2px 3px; background-size:9px 12px; }
ul.list li.envelope {background:url(../images/bg-envelope@2x.png) no-repeat 0px 4px; background-size:12px 10px; }
ul.list li.phone {background:url(../images/bg-phone@2x.png) no-repeat 0px 3px; background-size:12px 12px; }

#backtotop ul li a { background:url(../images/bg-up@2x.png) center 48% no-repeat #ffd63c; background-size:22px 15px; }

.flex-direction-nav .flex-next {background:url(../images/bg-next@2x.png) center no-repeat; background-size:15px 22px; }
.flex-direction-nav .flex-prev {background:url(../images/bg-prev@2x.png) center no-repeat; background-size:15px 22px; }

.fancybox-close {background: url(../images/bg-close@2x.png) center no-repeat; background-size:18px 18px;}
.fancybox-prev span {background: url(../images/bg-prev@2x.png) center no-repeat; background-size:15px 22px;}
.fancybox-next span {background: url(../images/bg-next@2x.png) center no-repeat; background-size:15px 22px;}
}


@media only screen and (min-width: 1600px) {
/*.container { padding:0px; width:1600px; position:relative; margin:0 auto; }*/
}

@media only screen and (min-width: 1280px) {
/*.container { padding:0px; width:1280px; position:relative; margin:0 auto; }*/
}

/* Standard 960 or larger (browsers) */
@media only screen and (min-width: 960px) {

}

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

}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.container { padding:0px; width:640px; position:relative; }
.col1-1 { width:638px; }
nav {width:150px; float:right; height:auto; float:right; }
ul#nav { padding-bottom:0; padding-top:7px }
ul#nav li {float:right }
#about {width:230px; }
#stayOnTop.fixed {position:relative }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 767px) {
.container { padding:0px; width:320px; position:relative; }
#about {display:none }
.col2-3, .col1-1, #map { width:300px; }
.col2-3, #map { height:200px; border:3px; }
.col2-3.auto-height {height:auto !important; }
.col2-3.half { width:300px; height:auto; }
.white-text h4 {padding:17px 0 10px }
p.button a {display:block; }
.when i, footer p.alignleft {display:none }
.when { font-size:12px !important }

#header-wrap {padding:0 0 10px 0 }
#nav-button {display:block; float:right; padding:44px 20px 35px 20px; width:26px; margin:0 auto; cursor:pointer; }
.nav-bar {background-color:#000; border-radius:1px; display:block; width:25px; height:3px; margin:3px auto; }
nav { display:none; }
ul#nav { margin:0 10px; padding-top:0; padding-bottom:20px;}
ul#nav li { float:none; }
ul#nav li a { width:276px; margin-top:7px; padding:19px 10px 20px 10px; }

.flexslider {height:200px; width:300px; }
.fancybox-close {right:35px; top:35px;}

.video { width:300px; height:200px; }
.alignleft2-3 {width:320px; float:left}
#stayOnTop.fixed {position:relative }
}