@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) {

#status { /*display:none; */width:200px; height:200px; position:absolute; left:50%; top:50%; background-size:200px 200px !important; background-image:url(../images/logo-intro@2x.png); background-repeat:no-repeat; background-position:center; margin:-100px 0 0 -100px; }

.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-googleplus@2x.png) no-repeat; background-size:24px 24px; }
.tweat {background:url(../images/bg-tweat@2x.png) no-repeat; background-size:24px 24px; } 
.twitter {background:url(../images/bg-twitter@2x.png) center no-repeat #fff; background-size:32px 32px; } 
.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; }
.dribble {background:url(../images/bg-dribble@2x.png) no-repeat; background-size:24px 24px; }
.link {background:url(../images/bg-link@2x.png) center no-repeat; background-size:24px 24px; }
.video {background:url(../images/bg-video@2x.png) center no-repeat; background-size:24px 24px; }
.bubble {background:url(../images/bg-bubble@2x.png) center no-repeat; background-size:24px 24px; }
.quote {background:url(../images/bg-heart@2x.png) center no-repeat; background-size:24px 24px; }
.slideshow {background:url(../images/bg-slideshow@2x.png) center no-repeat; background-size:28px 15px; }
.aside {background:url(../images/bg-aside@2x.png) center no-repeat; background-size:23px 23px; }
.close {background:url(../images/bg-close@2x.png) center no-repeat; background-size:18px 18px;}
.design {background:url(../images/bg-design@2x.png) center no-repeat; background-size:25px 22px; }
.magic {background:url(../images/bg-magic@2x.png) center no-repeat; background-size:24px 24px; }
.coding {background:url(../images/bg-coding@2x.png) center no-repeat; background-size:24px 24px; }

span.bullet {background:url(../images/bg-bullet@2x.png) no-repeat 0px 5px; background-size:6px 6px; }

ul.list li { background:url(../images/bg-bullet@2x.png) no-repeat 3px 5px; background-size:6px 6px; }
ul.check li { background:url(../images/bg-check@2x.png) no-repeat 3px 5px; background-size:13px 11px; }

.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 #fff; 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;}

.jcarousel-skin-tango2 .jcarousel-next-horizontal { background:url(../images/bg-next@2x.png) center no-repeat; background-size:15px 22px; }
.jcarousel-skin-tango2 .jcarousel-prev-horizontal { background:url(../images/bg-prev@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: 1440px) {
/*.container { padding:0px; width:1280px; position:relative; margin:0 auto; }*/
	h2 {font-size: 8rem;}
	.toggle{height: 102px; line-height: 98px !important; }
}

/* Standard 960 or larger (browsers) */
@media only screen and (min-width: 1025px) and (max-width: 1439px) {
	h2 {font-size: 7rem;}
	.toggle{height: 92px; line-height: 88px; }
}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 1024px) {
	h2 {font-size: 5rem;}
	.toggle{height: 72px; line-height: 68px; }
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	h2 {font-size: 4rem;}
	.toggle{height: 62px; line-height: 58px; }
/* Styles */
}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
/*.container, .jcarousel-skin-tango2 .jcarousel-container-horizontal { width:640px; }
.name.company {width:431px; }
.name.portfolio {width:350px }
.name.services {width:292px }
.name.team {width:379px }
.name.blog {width:307px }
.name.contact {width:437px }
.barrier, .col1-1, .col1-2, .col1-2.paddingright-20, .col1-2.paddingleft-20 {width:620px; }
.col1-2.paddingleft-20, .col1-2.paddingright-20 {padding:0}
.logo {height:76px; padding-top:20px; }
.break {height:23px; }
#contactform {padding-bottom:6px }
.flexslider {width:620px }
.col1-2 .images {width:430px; }
.project-detail {width:620px; margin-left:0px; margin-top:25px; }
.flex-direction-nav a {top:205px }
.col1-3.blog {display:none; }*/
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	h1#logo img { width: 100px; height: 100px; }
	h2 { font-weight: normal; font-size: 1.5rem;}
	.toggle { line-height: 0; height: 25px; }
	.name {line-height: 25px; height: 0;}
	h3 { font-size: 1.1rem;}
	img {
		max-width: 100%;
		height: auto;
	}

	iframe {
		max-width: 100%;
		height: auto;
	}

	.col1-1,.col1-2,.col2-3 {width: 100%!important;}
	.space {display: none !important;}
	p {font-size: 0.8rem;}

	span.line.orange { display:inline-block; position:absolute; left:0; top:50%; width:0; margin-top: -2px; border-top:4px solid #F37021; -webkit-transition: width 0.2s ease-in; }
	span.line.lime { display:inline-block; position:absolute; left:0; top:50%; width:0; margin-top: -2px; border-top:4px solid #9ACA3F; -webkit-transition: width 0.2s ease-in; }
	span.line.babyblue { display:inline-block; position:absolute; left:0; top:50%; width:0; margin-top: -2px; border-top:4px solid #44C8F5; -webkit-transition: width 0.2s ease-in; }
	span.line.pink { display:inline-block; position:absolute; left:0; top:50%; width:0; margin-top: -2px; border-top:4px solid #F3859B; -webkit-transition: width 0.2s ease-in; }
	span.line.purple { display:inline-block; position:absolute; left:0; top:50%; width:0; margin-top: -2px; border-top:4px solid #BF8AD6; -webkit-transition: width 0.2s ease-in; }
	span.line.yellow { display:inline-block; position:absolute; left:0; top:50%; width:0; margin-top: -2px; border-top:4px solid #D7DF23; -webkit-transition: width 0.2s ease-in; }
}

/* 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 (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
	h2 { font-weight: normal; font-size: 2.5rem;}
	.toggle { line-height: 0; height: 35px; }
	.name {line-height: 35px; height: 0;}
	h3 { font-size: 2.1rem;}
}