@charset "utf-8";
/* project_01 css */

.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li:not(:first-child){display:none; -webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides > li:nth-child(2),.flexslider .slides > li:nth-child(3), .flexslider .slides > li:nth-child(4), .flexslider .slides > li:nth-child(5), .flexslider .slides > li:nth-child(6), .flexslider .slides > li:nth-child(7){display:none\9; -webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides > li:first-child {
	opacity:0;
	filter: alpha(opacity=0);
}
.img2, .img3, .img5, #swap, .img6, .img7{ display:none; -webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

.flexslider .slides {zoom: 1;}

#slideBox .flex-direction-nav li a.flex-prev {
	background:url(../images/work_project_arrow_left.png) center left no-repeat;
	position:absolute;
	left:4.45%;
	top:-80px;
	z-index:10;
}
#slideBox .flex-direction-nav li a.flex-next {
	background: url(../images/work_project_arrow_right.png) center right no-repeat;
	top:-80px;
	position:absolute;
	right:0;
	z-index:10;
	right:4.45%;
}
#slideBox .flex-direction-nav li a.flex-prev.flex-disabled {
	display: none !important;
}
#slideBox .flex-direction-nav li a.flex-next.flex-disabled {
	display: none !important;
}
/* content1 first
-------------------------------- */
#slideBox div.first {
	display:block;
	float:left;
	width:86.6%;
}
#slideBox div.first h1.first {
	font-size:26px;
	line-height:36px;
	color:#2a2c32;
	margin:0 0 0 13.4%;
	padding:0;
}

#slideBox div.first p.first {
	font-size:18px;
	color:#2a2c32;
	line-height:36px;
	margin:0 0 0 13.4%;
	padding-top:71px;
}
#slideBox div.content1 p.bmw_top {
	margin:21px 0 0 25.2%;
}
#slideBox div.content1 p.bmv_cliente {
	margin:19px 0 0 25.2%;
	font-size:12px;
}
#slideBox ul li figure img#swap {
	cursor:pointer;
}

/* @media handheld, only screen and (min-width: 1025px) and (max-width: 1280px)
------------------------------------------------------------------ */
@media handheld, only screen and (min-width: 1025px) and (max-width: 1280px) {
body{
	width:100% !important;
	overflow-y: scroll; /* has to be scroll, not auto */
  	-webkit-overflow-scrolling: touch;
	overflow-x:hidden !important;	
}
/* content1
----------------------------------*/
.flexslider .slides {zoom: 1;}
#slideBox .flex-direction-nav{
	width:100%;
}
#slideBox .flex-direction-nav li a.flex-prev {
	position:absolute;
	left: 3%;
	top: -50px;
}
#slideBox .flex-direction-nav li a.flex-next {
	position:absolute;
	top: -50px;
	right:3%;
}

#slideBox div.content1 {
	display:block;
	float:left;
	width:44.8%;
}
#slideBox div.first {
	width:88.6%;
}
#slideBox div.first h1.first, #slideBox div.first p.first {
	margin-left:9.2%;
}
#slideBox div.content1 h1 {
	margin: 0 0 0 18%;
	/*white-space:nowrap;*/
}
#slideBox div.content1 p{
	margin: 0 0 0 18%; 
}
#slideBox div.content1 p.bmw_top {
	margin-left:18%;
}
#slideBox div.content1 p.bmv_cliente {
	margin-left:18%;
}
#slideBox div.content1 img {
	margin: 28px 0 0 18%;
}
}

/* @media handheld, only screen and (min-width:1007px) and (max-width: 1024px)
------------------------------------------------------------------ */
@media handheld, only screen and (min-width:1007px) and (max-width: 1024px){
body{
	width:100% !important;
	overflow-y: scroll; /* has to be scroll, not auto */
  	-webkit-overflow-scrolling: touch;
	overflow-x:hidden !important;	
}
/* content1
----------------------------------*/
.flexslider .slides {zoom: 1;}
#slideBox .flex-direction-nav{
	width:100%;
}
#slideBox .flex-direction-nav li a.flex-prev {
	position:absolute;
	left: 3%;
	top: -55px;
}
#slideBox .flex-direction-nav li a.flex-next {
	position:absolute;
	top: -55px;
	right:3%;
}

#slideBox div.content1 {
	display:block;
	float:left;
	width:44.8%;
}
#slideBox div.first {
	width:88.6%;
}
#slideBox div.first h1.first, #slideBox div.first p.first {
	margin-left:9.2%;
}
#slideBox div.content1 h1 {
	margin: 0 0 0 18%;
	/*white-space:nowrap;*/
}
#slideBox div.content1 p {
	margin: 0 0 0 18%; 
}
#slideBox div.content1 p.bmw_top {
	margin-left:18%;
}
#slideBox div.content1 p.bmv_cliente {
	margin-left:18%;
}
#slideBox div.content1 img {
	margin: 28px 0 0 18%;
}
}

/* @media handheld, only screen and (min-width:940px) and (max-width: 1006px)
------------------------------------------------------------------ */
@media handheld, only screen and (min-width:940px) and (max-width: 1006px){
body{
	width:100% !important;
	overflow-y: scroll; /* has to be scroll, not auto */
  	-webkit-overflow-scrolling: touch;
	overflow-x:hidden !important;	
}
/* content1
----------------------------------*/
.flexslider .slides {zoom: 1;}
#slideBox .flex-direction-nav{
	width:100%;
}
#slideBox .flex-direction-nav li a.flex-prev {
	position:absolute;
	left: 3%;
	top: -55px;
}
#slideBox .flex-direction-nav li a.flex-next {
	position:absolute;
	top: -55px;
	right:3%;
}

#slideBox div.content1 {
	display:block;
	float:left;
	width:40.8%;
}
#slideBox div.first {
	width:88.6%;
}
#slideBox div.first h1.first, #slideBox div.first p.first {
	margin-left:9.2%;
}
#slideBox div.content1 h1 {
	margin: 0 0 0 18%;
	/*white-space:nowrap;*/
}
#slideBox div.content1 p {
	margin: 0 0 0 18%; 
}
#slideBox div.content1 p.bmw_top {
	margin-left:18%;
}
#slideBox div.content1 p.bmv_cliente {
	margin-left:18%;
}
#slideBox div.content1 img {
	margin: 28px 0 0 18%;
}
}

/* @media handheld, only screen and (min-width:769px) and (max-width: 939px)
------------------------------------------------------------------ */
@media handheld, only screen and (min-width:769px) and (max-width: 939px){
body{
	width:100% !important;
	overflow-y: scroll; /* has to be scroll, not auto */
  	-webkit-overflow-scrolling: touch;
	overflow-x:hidden !important;	
}
/* content1
----------------------------------*/
.flexslider .slides {zoom: 1;}
#slideBox .flex-direction-nav{
	width:100%;
}
#slideBox .flex-direction-nav li a.flex-next {
	top: -290px;
	right: 2%;
}
#slideBox .flex-direction-nav li a.flex-prev {
	top: -290px;
	left: 2%;
}
#slideBox div.content1 {
	width: 88.3%;
	margin-bottom:0;
}
#slideBox div.first {
	width:86%;
}
#slideBox div.first h1.first, #slideBox div.first p.first {
	margin-left:13.8%;
}
#slideBox div.content1 h1 {
	margin: 0 0 0 12.5%;
}
#slideBox div.content1 p {
	margin: 0 0 0 12.5%;
}
#slideBox div.content1 p.bmw_top {
	margin:0 0 0 12.5%;
}
#slideBox div.content1 p.bmv_cliente {
	margin:0 0 0 12.5%;
}
#slideBox div.content1 img {
	margin: 30px 0 0 12.5%;
}
#slideBox ul li figure {
	width:100%;
}
#slideBox ul li figure img{
	width:45%;
	height:auto;
	margin:0 auto;
}
.flex-viewport {
	height: 785px !important;
}
}
/* @media handheld, only screen and (min-width:641px) and (max-width: 768px)
------------------------------------------------------------------ */	
@media handheld, only screen and (min-width:641px) and (max-width: 768px) {
body{
	width:100% !important;
	overflow-y: scroll; /* has to be scroll, not auto */
  	-webkit-overflow-scrolling: touch;
	overflow-x:hidden !important;	
}	
/* content 1
-------------------------------------*/
.flexslider .slides {zoom: 1;}
#slideBox .flex-direction-nav{
	width:100%;
}
#slideBox .flex-direction-nav li a.flex-next {
	top: -340px;
	right: 2%;
}
#slideBox .flex-direction-nav li a.flex-prev {
	top: -340px;
	left: 2%;
}
#slideBox div.content1 {
	width: 88.3%;
	margin-bottom:0;
}
#slideBox div.first {
	width:80%;
}
#slideBox div.first h1.first, #slideBox div.first p.first {
	margin-left:13.8%;
}
#slideBox div.content1 h1 {
	margin: 0 0 0 12.5%;
}
#slideBox div.content1 p {
	margin: 0 0 0 12.5%;
}
#slideBox div.content1 p.bmw_top {
	margin:0 0 0 12.5%;
}
#slideBox div.content1 p.bmv_cliente {
	margin:0 0 0 12.5%;
}
#slideBox div.content1 img {
	margin: 30px 0 0 12.5%;
}
#slideBox ul li figure {
	width:100%;
}
#slideBox ul li figure img{
	width:45%;
	height:auto;
	margin:0 auto;
}
.flex-viewport {
	height: 720px !important;
}
}

/* @media handheld, only screen and (min-width : 481px) and (max-width : 640px)
------------------------------------------------------------------ */
@media handheld, only screen and (min-width : 481px) and (max-width : 640px){
body{
	width:100% !important;
	overflow-y: scroll; /* has to be scroll, not auto */
  	-webkit-overflow-scrolling: touch;
	overflow-x:hidden !important;	
}	
/* content 1
-------------------------------------*/
.flexslider .slides {zoom: 1;}
#slideBox .flex-direction-nav{
	width:100%;
}
#slideBox .flex-direction-nav li a.flex-next {
	top: -250px;
	right: 2%;
}
#slideBox .flex-direction-nav li a.flex-prev {
	top: -250px;
	left: 2%;
}
#slideBox div.content1 {
	width: 88.3%;
	margin-bottom:0;
	margin-top:39px;
}
#slideBox div.first {
	width:88.3%;
	margin-top:45px;
}
#slideBox div.first h1.first, #slideBox div.first p.first {
	margin-left:11.7%;
}
#slideBox div.first h1.first {
	font-size:22px;
	line-height:24px;
}
#slideBox div.first p.first {
	padding-top:26px;
	font-size:14px;
	line-height:22px;
}
#slideBox div.content1 h1 {
	margin: 0 0 0 11.7%;
	font-size:22px;
}
#slideBox div.content1 p {
	margin: 0 0 0 11.7%;
}
#slideBox div.content1 p.bmw_top {
	margin:0 0 0 11.7%;
}
#slideBox div.content1 p.bmv_cliente {
	margin:0 0 0 11.7%;
}
#slideBox div.content1 img {
	margin: 30px 0 0 11.7%;
}
#slideBox ul li figure {
	width:100%;
	margin:0;
}
#slideBox ul li figure img{
	width:45%;
	height:auto;
	margin:0 auto;
}
.flex-viewport {
	height: 600px !important;
}
}

/* @media handheld, only screen and (min-width:385px) and (max-width: 480px)
------------------------------------------------------------------ */	
@media handheld, only screen and (min-width:385px) and (max-width: 480px) {
body{
	width:100% !important;
	overflow-y: scroll; /* has to be scroll, not auto */
  	-webkit-overflow-scrolling: touch;
	overflow-x:hidden !important;	
	-webkit-text-size-adjust:none;
}

/* content1
---------------------------------------------------- */
.flexslider .slides {zoom: 1;}
#slideBox .flex-direction-nav{
	width:100%;
}
#slideBox .flex-direction-nav li a.flex-prev {
	left: 1.5%;
	margin-top:-220px;
}
#slideBox .flex-direction-nav li a.flex-next {
	right:1.5%;
	margin-top:-220px;
}

#slideBox div.content1 {
	width: 88.3%;
	margin-top:33px;
}
#slideBox div.content1 h1 {
	font-size:22px;
	margin: 0 0 0 15%;
}
#slideBox div.content1 p {
	margin: 0 0 0 15%;
}
#slideBox div.content1 p.bmw_top {
	margin:0 0 0 15%;
}
#slideBox div.content1 p.bmv_cliente {
	margin:0 0 0 15%;
}
#slideBox div.content1 img {
	margin: 28px 0 0 15%;
}
#slideBox div.first {
	width:83.4%;
}
#slideBox div.first h1.first{ 
	white-space:pre-line;
	margin-left:16.6%;
	font-size:22px;
	line-height:24px;
	padding-top:4px;
}
#slideBox div.first p.first {
	margin-left:16.6%;
	font-size:14px;
	line-height:22px;
	padding-top:32px;
}

/* figure
----------------------------------------- */
#slideBox ul li figure {
	width:100%;
	clear:both;
	float: left;
	margin:0;
	display:block;
}

#slideBox ul li figure img {
	margin:0 auto;
	width:46.6%;
	height:auto;
}

#slideBox ul li figure img#swap {
	margin-top:-7px;
}
/* footer
------------------------------------*/
footer.project{
	margin-top:37px;
}
.flex-viewport {
	height: 580px !important;
}
}


/* @media handheld, only screen and (min-width:361px) and (max-width: 384px)
------------------------------------------------------------------ */	
@media handheld, only screen and (min-width:361px) and (max-width: 384px) {
body{
	width:100% !important;
	overflow-y: scroll; /* has to be scroll, not auto */
  	-webkit-overflow-scrolling: touch;
	overflow-x:hidden !important;	
	-webkit-text-size-adjust:none;
}

/* content1
---------------------------------------------------- */
.flexslider .slides {zoom: 1;}
#slideBox .flex-direction-nav{
	width:100%;
}
#slideBox .flex-direction-nav li a.flex-prev {
	left: 1.5%;
	margin-top:-230px;
}
#slideBox .flex-direction-nav li a.flex-next {
	right:1.5%;
	margin-top:-230px;
}

#slideBox div.content1 {
	width: 90.3%;
	margin-top:33px;
}
#slideBox div.content1 h1 {
	font-size:22px;
	margin: 0 0 0 15%;
}
#slideBox div.content1 p {
	margin: 0 0 0 15%;
}
#slideBox div.content1 p.bmw_top {
	margin:0 0 0 15%;
}
#slideBox div.content1 p.bmv_cliente {
	margin:0 0 0 15%;
}
#slideBox div.content1 img {
	margin: 28px 0 0 15%;
}
#slideBox div.first {
	width:86.4%;
}
#slideBox div.first h1.first{ 
	white-space:pre-line;
	margin-left:16.6%;
	font-size:22px;
	line-height:24px;
	padding-top:4px;
}
#slideBox div.first p.first {
	margin-left:16.6%;
	font-size:14px;
	line-height:22px;
	padding-top:32px;
}

/* figure
----------------------------------------- */
#slideBox ul li figure {
	width:100%;
	clear:both;
	float: left;
	margin-left: 0;
	display:block;
}

#slideBox ul li figure img {
	margin:0 auto;
	width:47%;
	height:auto;
}

#slideBox ul li figure img#swap {
	margin-top:0;
}
/* footer
------------------------------------*/
footer.project{
	margin-top:37px;
}
.flex-viewport {
	height: 580px !important;
}
}


/* @media handheld, only screen and (min-width:321px) and (max-width: 360px)
------------------------------------------------------------------ */	
@media handheld, only screen and (min-width:321px) and (max-width: 360px) {
body{
	width:100% !important;
	overflow-y: scroll; /* has to be scroll, not auto */
  	-webkit-overflow-scrolling: touch;
	overflow-x:hidden !important;	
	-webkit-text-size-adjust:none;
}

/* content1
---------------------------------------------------- */
.flexslider .slides {zoom: 1;}
#slideBox .flex-direction-nav{
	width:100%;
}
.flex-viewport {
	height:580px !important;
}
#slideBox .flex-direction-nav li a.flex-prev {
	left: 1.5%;
	margin-top:-230px;
}
#slideBox .flex-direction-nav li a.flex-next {
	right:1.5%;
	margin-top:-230px;
}

#slideBox div.content1 {
	width: 88.3%;
	margin-top:33px;
}
#slideBox div.content1 h1 {
	font-size:22px;
	margin: 0 0 0 15%;
}
#slideBox div.content1 p {
	margin: 0 0 0 15%;
}
#slideBox div.content1 p.bmw_top {
	margin:0 0 0 15%;
}
#slideBox div.content1 p.bmv_cliente {
	margin:0 0 0 15%;
}
#slideBox div.content1 img {
	margin: 28px 0 0 15%;
}
#slideBox div.first {
	width:86.4%;
}
#slideBox div.first h1.first{ 
	white-space:pre-line;
	margin-left:16.6%;
	font-size:22px;
	line-height:24px;
	padding-top:4px;
}
#slideBox div.first p.first {
	margin-left:16.6%;
	font-size:14px;
	line-height:22px;
	padding-top:32px;
}

/* figure
----------------------------------------- */
#slideBox ul li figure {
	width:100%;
	clear:both;
	float: left;
	margin-left: 0;
	display:block;
}

#slideBox ul li figure img {
	margin:0 auto;
	width:60%;
	height:auto;
}
/* footer
------------------------------------*/
footer.project{
	margin-top:37px;
}
.flex-viewport {
	height: 620px !important;
}
}

/* @media handheld, only screen and (max-width: 339px)
------------------------------------------------------------------ */
@media handheld, only screen and (max-width: 339px) {
#slideBox .flex-direction-nav li a.flex-prev {
	left: 1.5%;
	margin-top:-230px;
}
#slideBox .flex-direction-nav li a.flex-next {
	right:1.5%;
	margin-top:-230px;
}
}

/* @media handheld, only screen and (max-width: 320px)
------------------------------------------------------------------ */
@media handheld, only screen and (max-width: 320px) {
body{
	width:100% !important;
	overflow-y: scroll; /* has to be scroll, not auto */
  	-webkit-overflow-scrolling: touch;
	overflow-x:hidden !important;	
}

/*content 1
---------------------------------*/
.flexslider .slides {zoom: 1;}
#slideBox .flex-direction-nav{
	width:100%;
}
#slideBox .flex-direction-nav li a.flex-prev {
	left: 1.5%;
	margin-top:-210px;
}
#slideBox .flex-direction-nav li a.flex-next {
	right:1.5%;
	margin-top:-210px;
}

#slideBox div.content1 {
	width: 88.3%;
	margin-top:33px;
}
#slideBox div.content1 h1 {
	margin: 0 0 0 13%;
	font-size:22px;
	white-space:pre-line;
	line-height:24px;
}
#slideBox div.content1 p {
	margin: 0 0 0 13%;
}
#slideBox div.first {
	width:87%;
}
#slideBox div.first h1.first{ 
	margin-left:13%;
	font-size:22px;
	white-space:pre-line;
	line-height:24px;
}
#slideBox div.first p.first {
	margin-left:13%;
	font-size:14px;
	line-height:22px;
	padding-top:26px;
}
#slideBox div.content1 p.bmw_top {
	margin-left:13%;
	margin-top:0;
	font-size:14px;
}
#slideBox div.content1 p.bmv_cliente {
	margin-left:13%;
	font-size:12px;
	margin-top:0;
}

#slideBox div.content1 img {
	margin: 28px 0 0 13%;
}
#slideBox div.content1 a{
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;
	word-break:break-all;
	display:block; 
}
#slideBox div.fourth a{
	white-space:normal;
	word-wrap:normal;
	word-break:normal;
}
/* figure
------------------------------------------------------ */
#slideBox ul li figure {
	float: left;
	width:100%;
	margin:0 auto;
}
#slideBox ul li figure img {
	width:60%;
	height:auto;
	margin:0 auto;
}
.flex-viewport {
	height: 630px !important;
}
}

/* @media handheld, only screen and (max-width: 285px)
------------------------------------------------------------------ */
@media handheld, only screen and (max-width: 285px) {
.flex-viewport {
	height: 760px !important;
}	
}

/* @media handheld, only screen and (max-width: 240px)
------------------------------------------------------------------ */
@media handheld, only screen and (max-width: 240px) {
body{
	width:100% !important;
	overflow-y: scroll; /* has to be scroll, not auto */
  	-webkit-overflow-scrolling: touch;
	overflow-x:hidden !important;	
}

/*content 1
---------------------------------*/
.flexslider .slides {zoom: 1;}
#slideBox .flex-direction-nav{
	width:100%;
}
#slideBox .flex-direction-nav li a.flex-prev {
	left: 1.5%;
	margin-top:-270px;
}
#slideBox .flex-direction-nav li a.flex-next {
	right:1.5%;
	margin-top:-270px;
}

#slideBox div.content1 {
	width: 88.3%;
	margin-top:33px;
}
#slideBox div.content1 h1 {
	margin: 0 0 0 13%;
	font-size:22px;
	white-space:pre-line;
	line-height:24px;
}
#slideBox div.content1 p {
	margin: 0 0 0 13%;
}
#slideBox div.first {
	width:87%;
}
#slideBox div.first h1.first{ 
	margin-left:13%;
	font-size:22px;
	white-space:pre-line;
	line-height:24px;
}
#slideBox div.first p.first {
	margin-left:13%;
	font-size:14px;
	line-height:22px;
	padding-top:26px;
}
#slideBox div.content1 p.bmw_top {
	margin-left:13%;
	margin-top:0;
	font-size:14px;
}
#slideBox div.content1 p.bmv_cliente {
	margin-left:13%;
	font-size:12px;
	margin-top:0;
}

#slideBox div.content1 img {
	margin: 28px 0 0 13%;
}
#slideBox div.content1 a{
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;
	word-break:break-all;
	display:block; 
}
#slideBox div.fourth a{
	white-space:normal;
	word-wrap:normal;
	word-break:normal;
}
/* figure
------------------------------------------------------ */
#slideBox ul li figure {
	float: left;
	width:100%;
	margin:0 auto;
}
#slideBox ul li figure img {
	width:60%;
	height:auto;
	margin:0 auto;
}
}