@charset "utf-8";
/* CSS Document */
html{height:100%;}
body{margin:0;height:100%;font-family:Verdana,Tahoma,Arial,Sans-Serif;color:#000;font-size:12px;width:10380px;overflow-y:hidden;}
/* -- Preloader */
#preloader {width:100%;height:100%;margin:0 auto;}
/*#loadingbar { width: 245px; height: 245px; text-align: center; color: #fff; background:url(../images/preload_bg.gif) no-repeat 0 245px;}*/
#loadingtext {font-family:'FjordOne', Arial, sans-serif; font-size:16px;color:#000;padding:300px 50px 0 600px;margin:0 auto;}
/*________________*/
.wrapper{min-height:100%;height:100%;margin:0 auto;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
/*SIDEBAR*/
.sidebar {float:left;width:20%;height:100%;position:fixed;
background:url(../imagenes/column1440.png) repeat 100%;z-index:3000;overflow:hidden;}
.sidecontent{float:left;width:100%;height:100%;overflow:hidden;}
/*MENU*/
.demi{margin:10% auto 20%;background:url(../imagenes/sprite_sidebar.png)no-repeat;width:202px;height:88px;position:relative;-webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%;}
.navigation{height:100%;}
.navigation ul{list-style:none;margin:0 0 0 8px;width:81%;}
.navigation ul li a{text-decoration:none;color:#FFF;}
#item1 a.menubtn,
#item2 a.menubtn,
#item3 a.menubtn,
#item4 a.menubtn,
#item5 a.menubtn,
#item6 a.menubtn,
#item7 a.menubtn {display: block;width:100%;font-family:'bebas_neueregular';font-size:1.7em;color:#FFF;line-height:1.13em;
border-bottom:1px dashed #CCC;text-align:left;padding:5px 0 5px 30px;font-weight:lighter;}
#item1 a.menubtn {border-top:1px dashed #999;}
#item1 .menubtn:hover, #item2 a.menubtn:hover, #item3 a.menubtn:hover, #item4 a.menubtn:hover, #item5 a.menubtn:hover, #item6 a.menubtn:hover, #item7 a.menubtn:hover {
background:url(../imagenes/backbtns.png)repeat-x 5px;}
#item8 a.menubtn, 
#item9 a.menubtn,
#item10 a.menubtn,
#item11 a.menubtn{display:block;width:27px;height:27px;float:left;margin:10px 0 0 30px;background:url(../imagenes/sprite_btns.png);}
#item8 a.menubtn{background-position:0 0;}
#item8 a.menubtn:hover{background-position:0 -27px;}
#item9 a.menubtn{background-position:-27px 0;margin-left:6px;}
#item9 a.menubtn:hover{background-position:-27px -27px;}
#item10 a.menubtn{background-position:-54px 0;margin-left:6px;}
#item10 a.menubtn:hover{background-position:-54px -27px;}
#item11 a.menubtn{background-position:-81px 0;margin-left:6px;}
#item11 a.menubtn:hover{background-position:-81px -27px;}
.handmade{background:url(../imagenes/sprite_sidebar.png)0 -88px no-repeat;width:202px;height:101px;position:relative;margin:60% auto 5%;}
/*END MENU----------------------------------------------------------------------------------------------*/

/*CONTENIDO PRINCIPAL*/	
.maincont {height:100%;margin:auto;}
.step {float:left;margin:0;position:relative;height:100%;width:1280px;padding:0;overflow:hidden;}
.step, .content {position: inherit !important;}
.content { width:100%;margin:0;height:100%;}
.empsection{width:400px;height:100%;float:left;margin:0;padding:0;position:relative;}

/*HOME*/
#content1 {float:left;}
.sp-slideshow { position:relative;margin:6% 0 0 24%;width:70%;height:500px;max-width: 1000px;min-width:260px;border:4px solid rgba(255,255,255,0.9);box-shadow: 0 2px 6px rgba(0,0,0,0.2);background-color:#000;}
.topfive {display:block;width:155px;height:102px;margin:10px 0 0 20px;position:absolute;color:#FF0;z-index:1000;font-family:"NeutraText Book";font-size:6em;text-shadow:#333 2px 2px 2px;}
.sp-slideshow input {position:absolute;bottom:15px;left:50%;width:9px;height:9px;z-index:1001;cursor:pointer;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity:0;}
.sp-slideshow input + label {position:absolute;bottom:15px;left:50%;width:6px;height:6px;display:block;z-index:1000;border:3px solid rgba(255,255,255,0.0);-webkit-border-radius:50%;-moz-border-radius: 50%;border-radius:50%;
-webkit-transition: background-color linear .1s;-moz-transition: background-color linear .1s;-o-transition: background-color linear .1s;-ms-transition: background-color linear .1s;transition: background-color linear .1s;}
.sp-slideshow input:checked + label{background-color:rgba(255,255,255,0.0);}
.sp-arrow {position:absolute;top:45%;width:28px;height:38px;margin-top:-19px;display:none;opacity:1;cursor:pointer;z-index: 1000;background:transparent url("http://www.kinabuti.com/imagenes/arrowsy.png") no-repeat;
-webkit-transition: opacity linear .3s;-moz-transition: opacity linear .3s;-o-transition: opacity linear .3s;-ms-transition: opacity linear .3s;transition: opacity linear .3s;}
.sp-arrow:hover{opacity:1;}
.sp-arrow:active{margin-top:-18px;}
.sp-selector-1:checked ~ .sp-arrow.sp-a2,
.sp-selector-2:checked ~ .sp-arrow.sp-a3,
.sp-selector-3:checked ~ .sp-arrow.sp-a4,
.sp-selector-4:checked ~ .sp-arrow.sp-a5 {right:15px;display:block;background-position:top right;}
.sp-selector-2:checked ~ .sp-arrow.sp-a1,
.sp-selector-3:checked ~ .sp-arrow.sp-a2,
.sp-selector-4:checked ~ .sp-arrow.sp-a3,
.sp-selector-5:checked ~ .sp-arrow.sp-a4 {left: 15px;display: block;background-position: top left;}
.sp-slideshow input:checked ~ .sp-content {-webkit-transition: background-position linear .6s, background-color linear .8s;-moz-transition: background-position linear .6s, background-color linear .8s;
-o-transition: background-position linear .6s, background-color linear .8s;-ms-transition: background-position linear .6s, background-color linear .8s;transition: background-position linear .6s, background-color linear .8s;}
input.sp-selector-1:checked ~ .sp-content .sp-slider {left:0;}
input.sp-selector-2:checked ~ .sp-content .sp-slider {left:-100%;}
input.sp-selector-3:checked ~ .sp-content .sp-slider {left: -200%;}
input.sp-selector-4:checked ~ .sp-content .sp-slider {left: -300%;}
input.sp-selector-5:checked ~ .sp-content .sp-slider {left: -400%;}
input.sp-selector-1:checked ~ .sp-content .sp-slider > li:first-child, 
input.sp-selector-2:checked ~ .sp-content .sp-slider > li:nth-child(2),
input.sp-selector-3:checked ~ .sp-content .sp-slider > li:nth-child(3),
input.sp-selector-4:checked ~ .sp-content .sp-slider > li:nth-child(4),
input.sp-selector-5:checked ~ .sp-content .sp-slider > li:nth-child(5) {opacity: 1;}
.sp-content {position:relative;width:100%;height:100%;overflow:hidden;}
.sp-slider {position:relative;left:0;width:500%;height:100%;list-style:none;margin:0;padding:0;-webkit-transition: left ease-in .8s;-moz-transition: left ease-in .8s;-o-transition: left ease-in .8s;-ms-transition: left ease-in .8s;transition: left ease-in .8s;}
.sp-slider > li {color:#fff; width:20%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;height:100%;padding:0;float:left;text-align:center;opacity: .4;-webkit-transition: opacity ease-in .4s .8s;-moz-transition: opacity ease-in .4s .8s;-o-transition: opacity ease-in .4s .8s;-ms-transition: opacity ease-in .4s .8s;transition: opacity ease-in .4s .8s;}
.sp-slider li{background:url(../imagenes/topfive.jpg)no-repeat;}
.sp-slider li:nth-child(1) {background-position:0 0;}
.sp-slider li:nth-child(2) {background-position:-896px 0;}
.sp-slider li:nth-child(3) {background-position:-1792px 0;}
.sp-slider li:nth-child(4) {background-position:-2688px 0;}
.sp-slider li:nth-child(5) {background-position:-3584px 0;}
.sp-slider li p{display: block;margin: 460px 0 0 20px;padding:0;max-height:100%;max-width:100%;position:absolute;font-family:'FjordOne';font-size:2em;color:#FFF;text-shadow:#000 -2px 2px;}
.sp-slider li p strong{font-family:'NeutraText Book';font-size:1em;color:#FF0;font-weight:lighter;}
/*WHO WE ARE*/
.whatwedo {font-family:'bebas_neueregular';font-size:7em;line-height:0.875em;font-weight:normal;color:#FFF;float:right;margin-top:3%;margin-right:4%;text-align:right;}
.whatwedo p:nth-child(1){color:#FFF;}
.whatwedo p:nth-child(2){color:#09C;}
.whatwedo p:nth-child(3){color:#FC0;}
#content2 .cbox{background-color:black;float:right;width:25%;clear:both;padding:10px;padding-right:4%;margin-top:1%; }
#content2 .lbox{color:#FFF;font-family:'FjordOne';font-size:1.4em;text-align:right;width:100%;height:auto;line-height:1.5em;margin-right:4%;}
/*COLLECTIONS*/
#content3 .cbox{position:relative;margin:0 5% 0 0;padding-top:20px;float:none;clear:none;}
.lb-album {list-style-type:none;text-align:left;margin-left:21%;overflow:hidden;width:100%;position:absolute;height:100%;}
.lb-album li{border:4px solid #FFF;float:left;width:295px;height:295px;position:relative;margin:1%;-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);box-shadow:1px 1px 2px rgba(0,0,0,0.2);background: #000 url(../imagenes/collections.jpg)0 0 no-repeat;}
.lb-album #carnival { background-position:0 0;}
.lb-album #jenzw{ background-position:-295px 0;}
.lb-album #jenzm{ background-position:-590px 0;}
.lb-album #bicycle{ background-position:-885px 0;}
.lb-album #lady{ background-position:-1180px 0;}
.lb-album li#kbutim22 {width:307px;height:295px;}

.lb-album li > a,
.lb-album li > a img{display: block;}
.lb-album li > a{width: 295px;height: 295px;position: relative;padding:0px;color: rgba(27,54,81,0.8);opacity: 1;}
.lb-album li > a span {position:absolute;width:295px;height:295px;top:0px;left:0px;color: rgba(27,54,81,0.8);opacity:0;
	filter: alpha(opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)";background:#000;background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(241,210,194,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(241,210,194,1) 100%);
	background: radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(241,210,194,1) 100%);
	-webkit-transition: opacity 0.3s linear;-o-transition: opacity 0.3s linear;-ms-transition: opacity 0.3s linear;transition: opacity 0.3s linear;}
.lb-album li > a:hover span{opacity:.7;filter: alpha(opacity=99);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)";}
.lb-prev, .lb-next{text-indent: -9000px;position: absolute;top: -32px;width: 24px;height: 25px;left: 50%;opacity: .8;
	filter: alpha(opacity=80);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=80)"; /*IE8*/
}
.lb-prev:hover, .lb-next:hover{opacity: 1;filter: alpha(opacity=99); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)";}
.lb-prev, .lb-next{background: transparent url(../imagenes/arrows.png) no-repeat;}
.lb-prev{margin-left:-30px;background-position:top left;}
.lb-next{margin-left:6px;background-position:top right;}
.lb-overlay:target {
	width:100%;
	height: auto;
	bottom: 0;
	right: 0;
	padding: 0;
	
}
.lb-overlay:target img,
.lb-overlay:target a.lb-close{
	opacity: 1;
	filter: alpha(opacity=99); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /*IE8*/
}
/* 
	100% Height for Opera as the max-height seems to be ignored, not optimal for large screens 
	http://bricss.net/post/11230266445/css-hack-to-target-opera 
*/
x:-o-prefocus, .lb-overlay img {
    height: 100%;
}

/*SHOPPING*/
.leftporto{
	float:left; 
	padding-left:250px;
	height:100%;
	border-left:1px solid #000;
	}
.portofolio {
	margin-left:67%;
	text-align:left;
	text-shadow:#333333 2px 2px;
	width:400px;
	position:relative
	}
.portofolio p:nth-child(1){
	padding-top:25px;
	font-family:'Archer Medium';
	font-size:4.075em; 
	color:#66CCCC;
	font-weight:100;
	border-bottom:1px dashed #FFFFFF;
	}
.portofolio p:nth-child(2){
	margin-top:5px;
	font-family:'bebas_neueregular';
	font-size:7em; 
	color:#FFF;
	font-weight:normal;
	}

/*KINABUTI FASHION INITIATIVE*/
#content5 {background:url(../imagenes/pattern4.png) repeat top left;}
.ca-container{ 
	position:relative;
	margin-left:24%;
	width:72%;
	height:100%;
	}
	
.ca-wrapper{
	width:100%;
	height:100%;
	position:relative;
}

.ca-item{
	position:absolute;
	float:left;
	width:306px;
	height:100%;
	text-align:center;
}

.ca-item-main{
	padding:0;
	position:absolute;
	top:0;
	left:5px;
	right:5px;
	bottom:0;
	background:#fff;
	overflow:hidden;
	-moz-box-shadow:0 0 5px rgba(0,0,0,0.4);
	-webkit-box-shadow:0 0 5px rgba(0,0,0,0.4);
	box-shadow:0 0 5px rgba(0,0,0,0.4);}

.ca-close{
	position:absolute;
	top:10px;
	right:10px;
	background:url(../imagenes/cross.png)  no-repeat center center;
	width:27px;
	height:27px;
	text-indent:-9000px;
	outline:none;
	opacity:.9;
	z-index:280;
	
}
.ca-close:hover{
	opacity:1.0;
}

.ca-icon {
	width:306;
	height:45%;
	margin:0 auto;
	background:transparent url(../imagenes/kfis.jpg) no-repeat;
	}
.ca-item-1 .ca-icon{background-position:0 0;}
.ca-item-2 .ca-icon{background-position:-296px 0;}
.ca-item-3 .ca-icon {background-position:-592px 0;}
.ca-item-4 .ca-icon{background-position:-888px 0;}
.ca-item .textito{
	background-color:#000;
	border-top:4px solid #FFF;
	border-bottom:4px solid #FFF;
	height:12%;
	position:relative;
	width:100%;
	}
.ca-item .textito h3{
	font-family: 'bebas_neueregular', sans-serif;
	font-size:2em;
	color:#FFF;
	text-align:center;
	font-weight:normal;
	padding:10px;
	border-bottom:1px dashed #CCCCCC;
	}

.ca-item .textito h4 a{
	font-family:"NeutraText Book";
	font-size:1.4em;
	text-align:center;
	line-height:2em;
	padding:8px;
	position:relative;
	font-weight:normal;
	color:#3CC;
	}

.ca-item .videokfi{
	width:100%; 
	height:45%;
	position:relative;
	top:0;
	background-size:cover;
	}
.ca-item-3 .videokfi{
	width:100%; 
	height:45%;
	position:relative;
	top:0;
	background-size:cover;
	background-color:#000;
	}
.ca-more{
    margin:0 auto;
	color:#666;
}
.ca-item .silk{
	background:transparent url(../imagenes/kfis.jpg)-1184px 0 no-repeat;
	width:306px; 
	height:300px;
	position:absolute;
	margin:0 auto;
	background-size:cover;
	bottom:0;
	}
.ca-item .sanitation{background:transparent url(../imagenes/kfis.jpg)-1480px 0 no-repeat;width:306px;height:300px;position:absolute;margin:0 auto;background-size:cover;bottom:0;}
.ca-item h4 span{display:block;}
.ca-item h4  span.ca-quote{color:#f4eee3;font-size:100px;position:absolute;top:20px;left:0;text-indent:0;}
.ca-content-wrapper{
	background:#FFF;position:absolute;width:0;height:100%;text-align:left;overflow:hidden;background-color:#000;}
.ca-content {width:612px;overflow:hidden;height:450px;margin-top:12%;}
.ca-content-text{width:612px;font-family: "Georgia","Times New Roman",serif;
	padding:0;line-height:24px;height:450px;}
.ca-content-text p{padding-bottom:5px;}
.ca-content h6{margin:25px 20px 0 35px;font-size:32px;padding-bottom:5px;color:#000;font-family: 'Coustard', sans-serif;color:#60817a;border-bottom:2px solid #99bcb4;text-shadow: 1px 1px 1px #99BCB4;}
.ca-nav span{
	width:25px;
	height:38px;
	background:transparent url(../imagenes/arrows.png) no-repeat top left;
	position:absolute;
	top:50%;
	margin-top:-19px;
	left:-40px;
	text-indent:-9000px;
	opacity:0.7;
	cursor:pointer;
	z-index:100;
}
.ca-nav span.ca-nav-next{
	background-position:top right;
	left:auto;
	right:-40px;
}
.ca-nav span:hover{
	opacity:1.0;
}
.cr-container{
	width: 612px;
	height: 450px;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
	padding:20px;
	text-align:center;
}

.cr-container input{
	display: none;
}
.cr-container label{
	width: 18px;
	height: 18px;
	cursor: pointer;
	float:left;
	position: relative;
	z-index: 1000;
	padding-left:10px;
	margin:390px auto;
}
.cr-container label:before{
	content:'';
	width:18px;
	height:18px;
	background:rgba(3,185,11,0.9);
	position:absolute;
	margin-top:10px;
	left:0;
	border-radius:50%;
	box-shadow:0 0 0 2px rgba(255,255,255,.3);
	z-index:-1;
}

.cr-bgimg, .cr-bgimgb, .cr-bgimgc {
	width:612px;
	height:450px;
	position:absolute;
	left:0;
	top:0;
	z-index:100;
	background-repeat:no-repeat;
	
}

.cr-bgimg div, .cr-bgimgb div, .cr-bgimgc div {width:61.2px;height:100%;position:relative;float:left;overflow:hidden;background-repeat:no-repeat;border-top:1px solid #FFFFFF;border-bottom:1px solid #FFFFFF;}
.cr-bgimg div span, .cr-bgimgb div span, .cr-bgimgc div span {position:absolute;width:100%;height:100%;top:0;left:-61.2px;z-index:2;text-indent:-9000px;}

.cr-container input.cr-selector-img-1:checked ~ label.cr-label-img-1,
.cr-container input.cr-selector-imgb-1:checked ~ label.cr-labelb-img-1,
.cr-container input.cr-selector-imgc-1:checked ~ label.cr-labelc-img-1,
.cr-container input.cr-selector-img-2:checked ~ label.cr-label-img-2,
.cr-container input.cr-selector-imgb-2:checked ~ label.cr-labelb-img-2,
.cr-container input.cr-selector-imgc-2:checked ~ label.cr-labelc-img-2,
.cr-container input.cr-selector-img-3:checked ~ label.cr-label-img-3,
.cr-container input.cr-selector-imgb-3:checked ~ label.cr-labelb-img-3,
.cr-container input.cr-selector-imgc-3:checked ~ label.cr-labelc-img-3,
.cr-container input.cr-selector-img-4:checked ~ label.cr-label-img-4,
.cr-container input.cr-selector-imgb-4:checked ~ label.cr-labelb-img-4,
.cr-container input.cr-selector-imgc-4:checked ~ label.cr-labelc-img-4,
.cr-container input.cr-selector-img-5:checked ~ label.cr-label-img-5,
.cr-container input.cr-selector-imgb-5:checked ~ label.cr-labelb-img-5,
.cr-container input.cr-selector-imgc-5:checked ~ label.cr-labelc-img-5,
.cr-container input.cr-selector-img-6:checked ~ label.cr-label-img-6,
.cr-container input.cr-selector-imgb-6:checked ~ label.cr-labelb-img-6,
.cr-container input.cr-selector-imgc-6:checked ~ label.cr-labelc-img-6,
.cr-container input.cr-selector-img-7:checked ~ label.cr-label-img-7,
.cr-container input.cr-selector-imgb-7:checked ~ label.cr-labelb-img-7,
.cr-container input.cr-selector-imgc-7:checked ~ label.cr-labelc-img-7,
.cr-container input.cr-selector-img-8:checked ~ label.cr-label-img-8,
.cr-container input.cr-selector-imgb-8:checked ~ label.cr-labelb-img-8,
.cr-container input.cr-selector-imgc-8:checked ~ label.cr-labelc-img-8,
.cr-container input.cr-selector-img-9:checked ~ label.cr-label-img-9,
.cr-container input.cr-selector-imgb-9:checked ~ label.cr-labelb-img-9,
.cr-container input.cr-selector-imgc-9:checked ~ label.cr-labelc-img-9,
.cr-container input.cr-selector-img-10:checked ~ label.cr-label-img-10,
.cr-container input.cr-selector-imgb-10:checked ~ label.cr-labelb-img-10,
.cr-container input.cr-selector-imgc-10:checked ~ label.cr-labelc-img-10 {
	color:#FFF;
}

.cr-container input.cr-selector-img-1:checked ~ label.cr-label-img-1:before,
.cr-container input.cr-selectorb-img-1:checked ~ label.cr-labelb-img-1:before,
.cr-container input.cr-selectorc-img-1:checked ~ label.cr-labelc-img-1:before,
.cr-container input.cr-selector-img-2:checked ~ label.cr-label-img-2:before,
.cr-container input.cr-selectorb-img-2:checked ~ label.cr-labelb-img-2:before,
.cr-container input.cr-selectorc-img-2:checked ~ label.cr-labelc-img-2:before,
.cr-container input.cr-selector-img-3:checked ~ label.cr-label-img-3:before,
.cr-container input.cr-selectorb-img-3:checked ~ label.cr-labelb-img-3:before,
.cr-container input.cr-selectorc-img-3:checked ~ label.cr-labelc-img-3:before,
.cr-container input.cr-selector-img-4:checked ~ label.cr-label-img-4:before,
.cr-container input.cr-selectorb-img-4:checked ~ label.cr-label-imgb-4:before,
.cr-container input.cr-selectorc-img-4:checked ~ label.cr-labelc-img-4:before,
.cr-container input.cr-selector-img-5:checked ~ label.cr-label-img-5:before,
.cr-container input.cr-selectorb-img-5:checked ~ label.cr-label-imgb-5:before,
.cr-container input.cr-selectorc-img-5:checked ~ label.cr-labelc-img-5:before,
.cr-container input.cr-selector-img-6:checked ~ label.cr-label-img-6:before,
.cr-container input.cr-selectorb-img-6:checked ~ label.cr-label-imgb-6:before,
.cr-container input.cr-selectorc-img-6:checked ~ label.cr-labelc-img-6:before,
.cr-container input.cr-selector-img-7:checked ~ label.cr-label-img-7:before,
.cr-container input.cr-selectorb-img-7:checked ~ label.cr-label-imgb-7:before,
.cr-container input.cr-selectorc-img-7:checked ~ label.cr-labelc-img-7:before,
.cr-container input.cr-selector-img-8:checked ~ label.cr-label-img-8:before,
.cr-container input.cr-selectorb-img-8:checked ~ label.cr-label-imgb-8:before,
.cr-container input.cr-selectorc-img-8:checked ~ label.cr-labelc-img-8:before,
.cr-container input.cr-selector-img-9:checked ~ label.cr-label-img-9:before,
.cr-container input.cr-selectorb-img-9:checked ~ label.cr-label-imgb-9:before,
.cr-container input.cr-selectorc-img-9:checked ~ label.cr-labelc-img-9:before,
.cr-container input.cr-selector-img10:checked ~ label.cr-label-img-10:before,
.cr-container input.cr-selectorb-img10:checked ~ label.cr-label-imgb-10:before,
.cr-container input.cr-selectorc-img10:checked ~ label.cr-labelc-img-10:before  {
	background: #FFF;
	box-shadow: 0 0 0 2px rgba(3,185,11,0.9);
}
/*SILKSCREEN WORKSHOP*/
.cr-container input.cr-selector-img-1:checked ~ .cr-bgimg, .cr-bgimg .s1,
.cr-container input.cr-selector-img-2:checked ~ .cr-bgimg, .cr-bgimg .s2,
.cr-container input.cr-selector-img-3:checked ~ .cr-bgimg, .cr-bgimg .s3,
.cr-container input.cr-selector-img-4:checked ~ .cr-bgimg, .cr-bgimg .s4,
.cr-container input.cr-selector-img-5:checked ~ .cr-bgimg, .cr-bgimg .s5,
.cr-container input.cr-selector-img-6:checked ~ .cr-bgimg, .cr-bgimg .s6,
.cr-container input.cr-selector-img-7:checked ~ .cr-bgimg, .cr-bgimg .s7,
.cr-container input.cr-selector-img-9:checked ~ .cr-bgimg, .cr-bgimg .s8,
.cr-container input.cr-selector-img-8:checked ~ .cr-bgimg, .cr-bgimg .s9,
.cr-container input.cr-selector-img-10:checked ~ .cr-bgimg, .cr-bgimg .s10 {
	background-image:url(../imagenes/silkscreen.jpg); }
.cr-bgimg div:after {
	position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
	background:url(../imagenes/pattern.png)repeat top left; }
	
.cr-container input.cr-selectorb-img-1:checked ~ .cr-bgimgb, .cr-bgimgb .s1,
.cr-container input.cr-selectorb-img-2:checked ~ .cr-bgimgb, .cr-bgimgb .s2,
.cr-container input.cr-selectorb-img-3:checked ~ .cr-bgimgb, .cr-bgimgb .s3,
.cr-container input.cr-selectorb-img-4:checked ~ .cr-bgimgb, .cr-bgimgb .s4,
.cr-container input.cr-selectorb-img-5:checked ~ .cr-bgimgb, .cr-bgimgb .s5,
.cr-container input.cr-selectorb-img-6:checked ~ .cr-bgimgb, .cr-bgimgb .s6,
.cr-container input.cr-selectorb-img-7:checked ~ .cr-bgimgb, .cr-bgimgb .s7,
.cr-container input.cr-selectorb-img-9:checked ~ .cr-bgimgb, .cr-bgimgb .s8,
.cr-container input.cr-selectorb-img-8:checked ~ .cr-bgimgb, .cr-bgimgb .s9,
.cr-container input.cr-selectorb-img-10:checked ~ .cr-bgimgb, .cr-bgimgb .s10{
	background-image:url(../imagenes/sanitation.jpg); }


.cr-container input.cr-selectorc-img-1:checked ~ .cr-bgimgc, .cr-bgimgc div span:nth-child(1){
	background-image:url("http://farm9.staticflickr.com/8381/8628270023_39c6e36d6a_o.jpg"); }

.cr-container input.cr-selectorc-img-2:checked ~ .cr-bgimgc, .cr-bgimgc div span:nth-child(2){
	background-image:url("http://farm9.staticflickr.com/8524/8628270033_64991eccf4_o.jpg");}

.cr-container input.cr-selectorc-img-3:checked ~ .cr-bgimgc, .cr-bgimgc div span:nth-child(3){
	background-image:url(http://farm9.staticflickr.com/8106/8629377118_1f4bc47e1e_o.jpg); }

.cr-container input.cr-selectorc-img-4:checked ~ .cr-bgimgc, .cr-bgimgc div span:nth-child(4){
	background-image:url(http://farm9.staticflickr.com/8385/8629378434_fab7ec72fd_o.jpg);}

.cr-container input.cr-selectorc-img-5:checked ~ .cr-bgimgc, .cr-bgimgc div span:nth-child(5){
	background-image:url(http://farm9.staticflickr.com/8249/8629377526_39722f168d_o.jpg);}

.cr-container input.cr-selectorc-img-6:checked ~ .cr-bgimgc, .cr-bgimgc div span:nth-child(6){
	background-image:url(http://farm9.staticflickr.com/8394/8629379094_9400955f76_o.jpg);}

.cr-container input.cr-selectorc-img-7:checked ~ .cr-bgimgc, .cr-bgimgc div span:nth-child(7){
	background-image:url(http://farm9.staticflickr.com/8530/8629377350_1b850fac62_o.jpg);}

.cr-container input.cr-selectorc-img-8:checked ~ .cr-bgimgc, .cr-bgimgc div span:nth-child(8){
	background-image:url(http://farm9.staticflickr.com/8402/8629377298_ba87e23719_o.jpg);}

.cr-container input.cr-selectorc-img-9:checked ~ .cr-bgimgc, .cr-bgimgc div span:nth-child(9){
	background-image:url(http://farm9.staticflickr.com/8533/8629377446_0015d8a42b_o.jpg);}

.cr-container input.cr-selectorc-img-10:checked ~ .cr-bgimgc, .cr-bgimgc div span:nth-child(10){
	background-image:url(http://farm9.staticflickr.com/8097/8489780964_90a75602a2_o.jpg);}


.cr-bgimg div:nth-child(1) .s1, .cr-bgimgb div:nth-child(1) .s1 { background-position:0 0;}
.cr-bgimg div:nth-child(1) .s2, .cr-bgimgb div:nth-child(1) .s2 { background-position:0 -450px;}
.cr-bgimg div:nth-child(1) .s3, .cr-bgimgb div:nth-child(1) .s3 { background-position:0 -900px;}
.cr-bgimg div:nth-child(1) .s4, .cr-bgimgb div:nth-child(1) .s4 { background-position:0 -1350px;}
.cr-bgimg div:nth-child(1) .s5, .cr-bgimgb div:nth-child(1) .s5 { background-position:0 -1800px;}
.cr-bgimg div:nth-child(1) .s6, .cr-bgimgb div:nth-child(1) .s6 { background-position:0 -2250px;}
.cr-bgimg div:nth-child(1) .s7, .cr-bgimgb div:nth-child(1) .s7 { background-position:0 -2700px;}
.cr-bgimg div:nth-child(1) .s8, .cr-bgimgb div:nth-child(1) .s8 { background-position:0 -3150px;}
.cr-bgimg div:nth-child(1) .s9, .cr-bgimgb div:nth-child(1) .s9 { background-position:0 -3600px;}
.cr-bgimg div:nth-child(1) .s10, .cr-bgimgb div:nth-child(1) .s10 { background-position:0 -4050px;}

.cr-bgimg div:nth-child(2) .s1, .cr-bgimgb div:nth-child(2) .s1 { background-position:-61.2px 0;}
.cr-bgimg div:nth-child(2) .s2, .cr-bgimgb div:nth-child(2) .s2 { background-position:-61.2px -450px;}
.cr-bgimg div:nth-child(2) .s3, .cr-bgimgb div:nth-child(2) .s3 { background-position:-61.2px -900px;}
.cr-bgimg div:nth-child(2) .s4, .cr-bgimgb div:nth-child(2) .s4 { background-position:-61.2px -1350px;}
.cr-bgimg div:nth-child(2) .s5, .cr-bgimgb div:nth-child(2) .s5 { background-position:-61.2px -1800px;}
.cr-bgimg div:nth-child(2) .s6, .cr-bgimgb div:nth-child(2) .s6 { background-position:-61.2px -2250px;}
.cr-bgimg div:nth-child(2) .s7, .cr-bgimgb div:nth-child(2) .s7 { background-position:-61.2px -2700px;}
.cr-bgimg div:nth-child(2) .s8, .cr-bgimgb div:nth-child(2) .s8 { background-position:-61.2px -3150px;}
.cr-bgimg div:nth-child(2) .s9, .cr-bgimgb div:nth-child(2) .s9 { background-position:-61.2px -3600px;}
.cr-bgimg div:nth-child(2) .s10, .cr-bgimgb div:nth-child(2) .s10 { background-position:-61.2px -4050px;}

.cr-bgimg div:nth-child(3) .s1 { background-position:-122.4px 0;}
.cr-bgimg div:nth-child(3) .s2 { background-position:-122.4px -450px;}
.cr-bgimg div:nth-child(3) .s3 { background-position:-122.4px -900px;}
.cr-bgimg div:nth-child(3) .s4 { background-position:-122.4px -1350px;}
.cr-bgimg div:nth-child(3) .s5 { background-position:-122.4px -1800px;}
.cr-bgimg div:nth-child(3) .s6 { background-position:-122.4px -2250px;}
.cr-bgimg div:nth-child(3) .s7 { background-position:-122.4px -2700px;}
.cr-bgimg div:nth-child(3) .s8 { background-position:-122.4px -3150px;}
.cr-bgimg div:nth-child(3) .s9 { background-position:-122.4px -3600px;}
.cr-bgimg div:nth-child(3) .s10 { background-position:-122.4px -4050px;}

.cr-bgimg div:nth-child(4) .s1 { background-position:-183.6px 0;}
.cr-bgimg div:nth-child(4) .s2 { background-position:-183.6px -450px;}
.cr-bgimg div:nth-child(4) .s3 { background-position:-183.6px -900px;}
.cr-bgimg div:nth-child(4) .s4 { background-position:-183.6px -1350px;}
.cr-bgimg div:nth-child(4) .s5 { background-position:-183.6px -1800px;}
.cr-bgimg div:nth-child(4) .s6 { background-position:-183.6px -2250px;}
.cr-bgimg div:nth-child(4) .s7 { background-position:-183.6px -2700px;}
.cr-bgimg div:nth-child(4) .s8 { background-position:-183.6px -3150px;}
.cr-bgimg div:nth-child(4) .s9 { background-position:-183.6px -3600px;}
.cr-bgimg div:nth-child(4) .s10 { background-position:-183.6px -4050px;}

.cr-bgimg div:nth-child(5) .s1 { background-position:-244.8px 0;}
.cr-bgimg div:nth-child(5) .s2 { background-position:-244.8px -450px;}
.cr-bgimg div:nth-child(5) .s3 { background-position:-244.8px -900px;}
.cr-bgimg div:nth-child(5) .s4 { background-position:-244.8px -1350px;}
.cr-bgimg div:nth-child(5) .s5 { background-position:-244.8px -1800px;}
.cr-bgimg div:nth-child(5) .s6 { background-position:-244.8px -2250px;}
.cr-bgimg div:nth-child(5) .s7 { background-position:-244.8px -2700px;}
.cr-bgimg div:nth-child(5) .s8 { background-position:-244.8px -3150px;}
.cr-bgimg div:nth-child(5) .s9 { background-position:-244.8px -3600px;}
.cr-bgimg div:nth-child(5) .s10 { background-position:-244.8px -4050px;}

.cr-container input:checked ~ .cr-bgimg div span, .cr-container input:checked ~ .cr-bgimgb div span, .cr-container input:checked ~ .cr-bgimgc div span{
	-webkit-animation: slideOut .6s ease-in-out;
	-moz-animation: slideOut .6s ease-in-out;
	-o-animation: slideOut .6s ease-in-out;
	-ms-animation: slideOut .6s ease-in-out;
	animation: slideOut .6s ease-in-out;
}

@-webkit-keyframes slideOut{
	0%{ left: 0px; }
	100%{ left: 61.2px; }
}
@-moz-keyframes slideOut{
	0%{ left: 0px; }
	100%{ left: 61.2px; }
}
@-o-keyframes slideOut{
	0%{ left: 0px; }
	100%{ left: 61.2px; }
}
@-ms-keyframes slideOut{
	0%{ left: 0px; }
	100%{ left: 61.2px; }
}
@keyframes slideOut{
	0%{ left: 0px; }
	100%{ left: 61.2px; }
}

.cr-container input.cr-selector-img-1:checked ~ .cr-bgimg div span:nth-child(1),
.cr-container input.cr-selectorb-img-1:checked ~ .cr-bgimgb div span:nth-child(1),
.cr-container input.cr-selectorc-img-1:checked ~ .cr-bgimgc div span:nth-child(1),
.cr-container input.cr-selector-img-2:checked ~ .cr-bgimg div span:nth-child(2),
.cr-container input.cr-selectorb-img-2:checked ~ .cr-bgimgb div span:nth-child(2),
.cr-container input.cr-selectorc-img-2:checked ~ .cr-bgimgc div span:nth-child(2),
.cr-container input.cr-selector-img-3:checked ~ .cr-bgimg div span:nth-child(3),
.cr-container input.cr-selectorb-img-3:checked ~ .cr-bgimgb div span:nth-child(3),
.cr-container input.cr-selectorc-img-3:checked ~ .cr-bgimgc div span:nth-child(3),
.cr-container input.cr-selector-img-4:checked ~ .cr-bgimg div span:nth-child(4),
.cr-container input.cr-selectorb-img-4:checked ~ .cr-bgimgb div span:nth-child(4),
.cr-container input.cr-selectorc-img-4:checked ~ .cr-bgimgc div span:nth-child(4),
.cr-container input.cr-selector-img-5:checked ~ .cr-bgimg div span:nth-child(5),
.cr-container input.cr-selectorb-img-5:checked ~ .cr-bgimgb div span:nth-child(5),
.cr-container input.cr-selectorc-img-5:checked ~ .cr-bgimgc div span:nth-child(5),
.cr-container input.cr-selector-img-6:checked ~ .cr-bgimg div span:nth-child(6),
.cr-container input.cr-selectorb-img-6:checked ~ .cr-bgimgb div span:nth-child(6),
.cr-container input.cr-selectorc-img-6:checked ~ .cr-bgimgc div span:nth-child(6),
.cr-container input.cr-selector-img-7:checked ~ .cr-bgimg div span:nth-child(7),
.cr-container input.cr-selectorb-img-7:checked ~ .cr-bgimgb div span:nth-child(7),
.cr-container input.cr-selectorc-img-7:checked ~ .cr-bgimgc div span:nth-child(7),
.cr-container input.cr-selector-img-8:checked ~ .cr-bgimg div span:nth-child(8),
.cr-container input.cr-selectorb-img-8:checked ~ .cr-bgimgb div span:nth-child(8),
.cr-container input.cr-selectorc-img-8:checked ~ .cr-bgimgc div span:nth-child(8),
.cr-container input.cr-selector-img-9:checked ~ .cr-bgimg div span:nth-child(9),
.cr-container input.cr-selectorb-img-9:checked ~ .cr-bgimgb div span:nth-child(9),
.cr-container input.cr-selectorc-img-9:checked ~ .cr-bgimgc div span:nth-child(9),
.cr-container input.cr-selector-img-10:checked ~ .cr-bgimg div span:nth-child(10),
.cr-container input.cr-selectorb-img-10:checked ~ .cr-bgimgb div span:nth-child(10),
.cr-container input.cr-selectorc-img-10:checked ~ .cr-bgimgc div span:nth-child(10)
{
	-webkit-transition: left .5s ease-in-out;
	-moz-transition: left .5s ease-in-out;
	-o-transition: left .5s ease-in-out;
	-ms-transition: left .5s ease-in-out;
	transition: left .5s ease-in-out;
	-webkit-animation: none;
	-moz-animation: none;
	-o-animation: none;
	-ms-animation: none;
	animation: none;
	left: 0;
	z-index: 10;
}

/*PRESS*/
#content6 {background-color:#000;padding-right:0;height:100%;width:100%;overflow:hidden;}
.lb-albumpress{list-style-type:none;width:100%;height:100%;margin-left:4px;}
.lb-albumpress li {float:left;display:block;left:0;top:0;width:340px;height:32.7%;margin:0 5px 5px 0;text-align:center;position:relative;border:1px solid #FFF;}
	
.lb-albumpress li > a, .lb-albumpress li > a img {display: block;}

.lb-albumpress li a {width:340px;height:100%;position:relative;padding:0;color:rgba(27,54,81,0.8);opacity: 1;}
.lb-albumpress li > a div {position:absolute;width:340px;height:100%;top:0px;left:0px;color: rgba(224,224,224,0.8); opacity: 0;
filter: alpha(opacity=0); /* internet explorer */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/
background:#000;
background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(241,210,194,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(241,210,194,1) 100%);
background: radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(241,210,194,1) 100%);
-webkit-transition: opacity 0.3s linear;-o-transition: opacity 0.3s linear;-ms-transition: opacity 0.3s linear;transition: opacity 0.3s linear;}
.lb-albumpress li > a:hover div {opacity:0.7;filter:alpha(opacity=99); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /*IE8*/}
.logopress{width:340px;height:150px;text-indent:-9999px;top:1%;}
.textpress{width:340px;font-family:"NeutraText Book";font-size:1.3em;padding:120px 10px 0 10px;line-height:normal;}
.lb-overlay{ width:0;height:0;position: fixed;overflow:hidden;left:0;top:0;padding:0;z-index: 99;text-align:center;background:#000;
	background: -moz-radial-gradient(center, ellipse cover, rgba(51,51,51,0.56) 0%, rgba(15,15,15,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(51,51,51,0.56)), color-stop(100%,rgba(15,15,15,1)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(51,51,51,0.56) 0%,rgba(15,15,15,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(51,51,51,0.56) 0%,rgba(15,15,15,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(51,51,51,0.56) 0%,rgba(15,15,15,1) 100%);
	background: radial-gradient(center, ellipse cover, rgba(51,51,51,0.56) 0%,rgba(15,15,15,1) 100%);}
.lb-overlay:target {width:90%;height: auto;bottom: 0;left:12%;
	padding:50px 80px 80px 50px;margin:0 auto;}

.lb-overlay:target img {
	-webkit-animation: fadeInScale 1.2s ease-in-out;
	-moz-animation: fadeInScale 1.2s ease-in-out;
	-o-animation: fadeInScale 1.2s ease-in-out;
	-ms-animation: fadeInScale 1.2s ease-in-out;
	animation: fadeInScale 1.2s ease-in-out;
}
.lb-overlay:target a.lb-close,
.lb-overlay:target > div{
	opacity: 1;filter: alpha(opacity=99); /* internet explorer */-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /*IE8*/}
.lb-overlay a.lb-close{z-index:1001;color:#FFF;position:absolute;top:20px;left:45%;font-size:15px;line-height:26px;text-align:center;
width:90px;height: 23px;overflow: hidden;padding:0;opacity:0;filter:alpha(opacity=0); /* internet explorer */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/
-webkit-transition: opacity .3s linear 1.2s;
-moz-transition: opacity .3s linear 1.2s;
-o-transition: opacity .3s linear 1.2s;
-ms-transition: opacity .3s linear 1.2s;
transition: opacity .3s linear 1.2s;}
.lb-overlay > div{position: relative;opacity: 0;
	filter: alpha(opacity=0); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/
	width:90%;margin: 10px auto 0 auto;
	-webkit-transition: opacity .3s linear 1.3s;
	-moz-transition: opacity .3s linear 1.3s;
	-o-transition: opacity .3s linear 1.3s;
	-ms-transition: opacity .3s linear 1.3s;
	transition: opacity .3s linear 1.3s;
}
.lb-overlay div h1{display:block;width:100%;height:470px;}
.lb-overlay div h3, .lb-overlay div p,
{padding:0;width:100%;height:100%;}
.lb-overlay div h3{color:#FFF;font-family:"NeutraText Book";font-size:1.85em;font-weight:100;text-align:center;margin:10px auto;}
.lb-overlay div p{color:#FFF;font-family:"NeutraText Book";font-size:1.3em;text-align:center;}

#pa, #pb, #pc, #p1, #p2, #p3, #p4, #p5, #p6, #p7, #p8, #p9, #p10, #p11, #p12, #p13, #p14, #p15 {background:url(http://farm8.staticflickr.com/7301/9033336386_a19fc299c4_o.jpg)0 0 no-repeat;}
#pa{background-position:0 0;}
#pb{background-position:-340px 0;}
#pc{background-position:-680px 0;}
#p1 {background-position:-1020px 0;}
#p2{background-position:-1360px 0;}
#p3{background-position:0 -270px;}
#p4{background-position:-340px -270px;}
#p5{background-position:-680px -270px;}
#p6{background-position:-1020px -270px;}
#p7{background-position:-1360px -270px;}
#p8{background-position:0 -540px;}
#p9{background-position:-340px -540px;}
#p10{background-position:-680px -540px;}
#p11{background-position:-1020px -540px;}
#p12{background-position:-1360px -540px;}
#p13{background-position:0 -810px;}
#p14{background-position:-340px -810px;}
#p15{background-position:-680px -810px;}

#la {background:url(../imagenes/logosp.png)0 0 no-repeat;}
#lb {background:url(../imagenes/logosp.png)-340px 0 no-repeat;}
#lc {background:url(../imagenes/logosp.png)-680px 0 no-repeat;}
#l1 {background:url(../imagenes/logosp.png)-1020px 0 no-repeat;}
#l2 {background:url(../img/press/logo2.png)0 0 no-repeat;}
#l3 {background:url(../img/press/logo3.png)0 0 no-repeat;}
#l4 {background:url(../img/press/logo5.png)0 0 no-repeat;}
#l6 {background:url(../img/press/logo8.png)0 0 no-repeat;}
#l7 {background:url(../img/press/logo6.png)0 0 no-repeat;}
#l8 {background:url(../img/press/logo6.png)0 0 no-repeat;}
#l10 {background:url(../img/press/logo12.png)0 0 no-repeat;}
#l11 {background:url(../img/press/logo13.png)0 0 no-repeat;}
#l12 {background:url(../img/press/logo14.png)0 0 no-repeat;}
#l13 {background:url(../img/press/logo13.png)0 0 no-repeat;}
#l14 {background:url(../img/press/logo16.png)0 0 no-repeat;}
#l15 {background:url(../img/press/logo17.png)0 0 no-repeat;}

#ia{background:url(../img/press/aa.jpg)no-repeat;background-position:center;}
#i2{background:url(../img/press/2b.jpg)no-repeat;background-position:center;}
#i3{background:url(../img/press/3b.jpg)no-repeat;background-position:center;}
#i5{background:url(../img/press/5b.jpg)no-repeat;background-position:center;}
#i6{background:url(../img/press/7b.jpg)no-repeat;background-position:center;}
#i14{background:url(../img/press/16b.jpg)no-repeat;background-position:center;}
#i15{background:url(../img/press/17b.jpg)no-repeat;background-position:center;}

/*contact*/
#content7 {	background:url(http://farm9.staticflickr.com/8247/8577057213_7ef5440458_o.jpg)0 0 no-repeat;}
#content7 .cbox{ margin:0; margin-right:0%; padding-top:0px; float:none; clear:both; }


.cbox{ margin:0; margin-right:5%; padding-top:20px; float:right; clear:both; }

#jobs_container { position:absolute; margin:10px 0 0 75%; width:250px;background-color:#000;padding:10px;}
.jobs_trigger { height:14px; line-height:14px; border-top:1px dashed #FFF;padding:10px 0 0 0;}
.jobs_trigger strong {font-family:'bebas_neueregular';font-size:1.5em;line-height:auto;text-align:left;color:#FFF;font-weight:normal;}
.jobs_item p { font-family:'FjordOne';font-size:1.2em;color:#CCC;line-height:1.4em;text-align:left;letter-spacing:0.015em;padding:10px;}
.jobs_item a { color:#FFF;}
.jobs_item a:hover { color:#F00;}
.jobs_item em { font-family: Times, serif; font-size: 13px;}
.jobs_item em, .jobs_item i { font-family: Times, serif; font-size: 13px;}
.jobs_item ul { margin: 0 0 11px 0; }
.jobs_item ul li:before { content: "- "; }

.no-multiplebgs .habout {}
.no-multiplebgs .hwhatwedo {}
.no-multiplebgs .htheory {}
.no-multiplebgs .hportfolio {}
.no-multiplebgs .hclients {}
.no-multiplebgs .hcontacts {}
.multiplebgs .hcontacts {width:2700px;}
.no-multiplebgs .hwhere {}

.submenu {position:relative;top:0;left:0;z-index:100;width:400px;padding:0;height:400px;}

@media screen and (max-width: 1024px){

.sidebar {
	width:20%;
	}
.demi{
	margin:10% auto 20%;
	width:180px;
	height:78px;}
.navigation ul{
	margin:0 0 0 5px;
	width:81%;/*margin-left:25px;*/
	}
#item1 a.menubtn,
#item2 a.menubtn,
#item3 a.menubtn,
#item4 a.menubtn,
#item5 a.menubtn,
#item6 a.menubtn,
#item7 a.menubtn  {
	font-size:1.5em;
	padding:5px 0 5px 20px;
	}
#item8 a.menubtn {margin:10px 0 0 10px;} 
#item9 a.menubtn,
#item10 a.menubtn,
#item11 a.menubtn {
	margin:10px 0 0 5px;
	}
}

@media screen and (max-width: 840px){
	.sp-slideshow { height: 345px; }
}
@media screen and (max-width: 680px){
	.sp-slideshow { height: 285px; }
}
@media screen and (max-width: 560px){
	.sp-slideshow { height: 235px; }
}
@media screen and (max-width: 320px){
	.sp-slideshow { height: 158px; }
}
@media screen and (max-width: 768px) {
	.cr-container input{
		display: inline;
		width: 24%;
		margin-top: 350px;
		z-index: 1000;
		position: relative;
	}
	.cr-container label{
		display: none;
	}
}



/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 10px;
	height: 100%;
	background: #fff;

}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 10px;
	background: #fff;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #fff;
	position: relative;
}

.jspDrag
{
	background: #000;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 10px;
}

.jspHorizontalBar .jspArrow
{
	width: 10px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}
/* SPAN elements with the classes below are added by prettyprint. */
.pln { color: #000 }  /* plain text */

@media screen {
	.str { color: #080 }  /* string content */
	.kwd { color: #008 }  /* a keyword */
	.com { color: #800 }  /* a comment */
	.typ { color: #606 }  /* a type name */
	.lit { color: #066 }  /* a literal value */
	/* punctuation, lisp open bracket, lisp close bracket */
	.pun, .opn, .clo { color: #660 }
	.tag { color: #008 }  /* a markup tag name */
	.atn { color: #606 }  /* a markup attribute name */
	.atv { color: #080 }  /* a markup attribute value */
	.dec, .var { color: #606 }  /* a declaration; a variable name */
	.fun { color: red }  /* a function name */
}

/* Use higher contrast and text-weight for printable form. */
@media print, projection {
	.str { color: #060 }
	.kwd { color: #006; font-weight: bold }
	.com { color: #600; font-style: italic }
	.typ { color: #404; font-weight: bold }
	.lit { color: #044 }
	.pun, .opn, .clo { color: #440 }
	.tag { color: #006; font-weight: bold }
	.atn { color: #404 }
	.atv { color: #060 }
}

pre.prettyprint, code.prettyprint {
	background-color: #eee;
	border:  1px solid #ccc;
}

pre.prettyprint {
	padding: 0;
	margin:10px 0 10px 10px;
}

code.prettyprint {
	padding: 0 4px;
	margin: 0 2px;
}

ol.linenums{margin-top:0;margin-bottom:0}

ol.linenums li{padding:0 0 0 5px}

li.L0,li.L1,li.L2,li.L3,li.L4,li.L5,li.L6,li.L7,li.L8,li.L9{list-style-type:none}
li.L1,li.L3,li.L5,li.L7,li.L9{background:#e8e8e8}

div.jp-video .jp-volume-bar {
	left:0;width:80px;border-right:1px solid #999;padding-right:1px;margin-top:10px;}

.jp-volume-bar {background: url(../../img/jplayer.pink.flag.jpg) 0px -300px repeat-x;
	position: absolute;height:6px;padding:0px;overflow: hidden;}
.jp-volume-bar-value {background:url(../../img/jplayer.pink.flag.jpg) 0px -320px repeat-x;height:5px;}
div.jp-audio .jp-interface .jp-volume-bar,
div.jp-audio-stream .jp-interface .jp-volume-bar {
	top:10px;left: 0;}

div.jp-audio-stream .jp-interface .jp-volume-bar {
	width:80px;}







div.jp-audio,
div.jp-audio-stream,
div.jp-video {font-size:1.25em;font-family:Verdana, Arial, sans-serif;
	line-height:1.6;color: #fff;background-color:#000;}
div.jp-audio {
	width:201px;
	padding:0px;
}

div.jp-audio-stream {
	width:101px;
	padding:20px 20px 10px 20px;
}

div.jp-video-270p {
	width:306px;
	position:absolute;
}
div.jp-video-360p {
	width:640px;
}
div.jp-video-full {
	/* Rules for IE6 (full-screen) */
	width:480px;
	height:270px;
	/* Rules for IE7 (full-screen) - Otherwise the relative container causes other page items that are not position:static (default) to appear over the video/gui. */
	position:static !important; position:relative;
}

/* The z-index rule is defined in this manner to enable Popcorn plugins that add overlays to video area. EG. Subtitles. */
div.jp-video-full div div {
	z-index:1000;
}

div.jp-video-full div.jp-jplayer {
	top: 0;
	left: 0;
	position: fixed !important; position: relative; /* Rules for IE6 (full-screen) */
	overflow: hidden;
}

div.jp-video-full div.jp-gui {
	position: fixed !important; position: static; /* Rules for IE6 (full-screen) */
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	z-index:1001; /* 1 layer above the others. */
}
div.jp-video-full div.jp-interface {
	position: absolute !important; position: relative; /* Rules for IE6 (full-screen) */
	bottom: 0;
	left: 0;
}

div.jp-interface {
	position:relative;width:100%;background-color:#000; /* Required for the full screen */
}
.jp-current-time, .jp-duration {width:30px;font-size:.5em;color:#FFF}
.jp-current-time {float:left;}
.jp-duration {float:right;text-align:right;}
.jp-video .jp-current-time {padding-left:10px;}
.jp-video .jp-duration {padding-right:10px;}

div.jp-controls-holder {
	clear:both;width:100%;margin:5px auto 2px;
	position:relative;overflow:hidden;
	background-color:red;height:55px;}
	


div.jp-audio .jp-interface {
	height:90px;
	padding-top:0px;
}

div.jp-audio-stream .jp-interface {
	height:50px;
	padding-top:20px;
}

/* @group CONTROLS */



div.jp-interface ul.jp-controls {
	list-style-type:none;
	padding:20px 0 10px 10px;
	overflow:hidden;
	width:201px;
	height:54px;
}

div.jp-audio ul.jp-controls,
div.jp-audio-stream ul.jp-controls {
	margin:0 auto;
}

div.jp-audio-stream ul.jp-controls {
	width: 100px;
}

div.jp-video ul.jp-controls {
	margin:0px 0 0 0px;
	float:left;
	border:none;
	-webkit-padding-start: 0px;
	display:inline;
	background-color:#000;
}

div.jp-interface ul.jp-controls li {
	display:inline;
	float:left;
	border:none;
	/*-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 0px rgba(0,0,0,0.2);
background-color:#666;*/
}
ul.jp-controls li {height:34px;background-color:#00CC66;width:45px;}
div.jp-interface ul.jp-controls a {
	overflow:hidden;
	text-indent:-9999px;
	height: 34px;
	margin: 0 0px 2px 0;
	padding: 0;
}


/* @group single player controls */

div.jp-type-single  .jp-controls li a{
	border:none;
	width:99px;
}

div.jp-type-single  .jp-play {
	background:url(../../img/jplayer.pink.flag.jpg) 0px -40px no-repeat;
}

div.jp-type-single  .jp-play:hover {
	background:url(../../img/jplayer.pink.flag.jpg) -100px -40px no-repeat;
}

div.jp-type-single  .jp-pause {
	background:url(../../img/jplayer.pink.flag.jpg) 0px -120px no-repeat;
}

div.jp-type-single  .jp-pause:hover {
	background:url(../../img/jplayer.pink.flag.jpg)  -100px -120px no-repeat;
}

/* The right border is normally in the ul background image. */
div.jp-audio-stream .jp-play,
div.jp-audio-stream .jp-pause {
	border-right:1px solid #180920;
}

div.jp-type-single  .jp-stop {
	background: url(../../img/jplayer.pink.flag.jpg) 0px -80px no-repeat;
}

div.jp-type-single  .jp-stop:hover {
	background: url(../../img/jplayer.pink.flag.jpg) -100px -80px no-repeat;
}

/* @end */




/* @group TOGGLES */

ul.jp-toggles {
	list-style-type:none;
	padding:0;
	margin:0 auto;
	overflow:hidden;
}

div.jp-audio ul.jp-toggles {
	width:30px;
}

div.jp-audio .jp-type-single ul.jp-toggles {
	width:30px;
}

div.jp-video ul.jp-toggles {
	width:30px;
	margin-top: 10px;
}

ul.jp-toggles li{
	display:block;
	float:left;
	height:20px;
	border:none;
	margin:0;
	width:60px;
}

ul.jp-toggles li a{
	display:block;
	width:50px;
	height:18px;
	text-indent:-9999px;
	line-height:100%; /* need this for IE6 */
}

.jp-full-screen {
	background: url(../../img/jplayer.pink.flag.jpg) 0 -420px no-repeat;
	margin-left:0px;
}

.jp-full-screen:hover {
	background: url(../../img/jplayer.pink.flag.jpg) -30px -420px no-repeat;
}

.jp-restore-screen {
	background: url(../../img/jplayer.pink.flag.jpg) -60px -420px no-repeat;
	margin-left: 0px;
}

.jp-restore-screen:hover {
	background: url(../../img/jplayer.pink.flag.jpg) -90px -420px no-repeat;
}

.jp-repeat {
	background: url(../../img/jplayer.pink.flag.jpg) 0 -440px no-repeat;
}

.jp-repeat:hover {
	background: url(../../img/jplayer.pink.flag.jpg) -30px -440px no-repeat;
}

.jp-repeat-off {
	background: url(../../img/jplayer.pink.flag.jpg) -60px -440px no-repeat;
}

.jp-repeat-off:hover {
	background: url(../../img/jplayer.pink.flag.jpg) -90px -440px no-repeat;
}

.jp-shuffle {
	background: url(../../img/jplayer.pink.flag.jpg) 0 -460px no-repeat;
	margin-left: 0px;
}

.jp-shuffle:hover {
	background: url(../../img/jplayer.pink.flag.jpg) -30px -460px no-repeat;
}

.jp-shuffle-off {
	background: url(../../img/jplayer.pink.flag.jpg) -60px -460px no-repeat;
	margin-left: 0px;
}

.jp-shuffle-off:hover {
	background: url(../../img/jplayer.pink.flag.jpg) -90px -460px no-repeat;
}


/* @end */

/* @group progress bar */

/* The seeking class is added/removed inside jPlayer */
div.jp-seeking-bg {
	background: url("jplayer.pink.flag.seeking.gif");
}

.jp-progress {
	background: url(../../img/jplayer.pink.flag.jpg) 0px -240px no-repeat;
	width: 197px;
	height:10px;
	padding: 0 2px 2px 2px;
	margin-bottom:2px;
	overflow:hidden;
}

div.jp-video .jp-progress {
	border-top:1px solid #180a1f;
	border-bottom: 1px solid #999;
	width:100%;
	background-image: none;
	padding: 0;
}

.jp-seek-bar {
	background: url(../../img/jplayer.pink.flag.jpg) 0px -260px repeat-x;
	width:0px;
	height: 100%;
	overflow:hidden;
	cursor:pointer;
}

.jp-play-bar {
	background: url(../../img/jplayer.pink.flag.jpg) 0px -280px repeat-x;
	width:0px;
	height: 100%;
	overflow:hidden;
}


/* @end */

/* @group volume controls */

div.jp-interface ul.jp-controls a.jp-volume-max {
	background: url(../../img/jplayer.pink.flag.jpg) 0px -350px no-repeat;
}

div.jp-interface ul.jp-controls a.jp-volume-max:hover {
	background: url(../../img/jplayer.pink.flag.jpg) -25px -350px no-repeat;
}



.jp-volume-bar:hover {
	cursor:  pointer;
}






.jp-title ul,
.jp-playlist ul {
	list-style-type:none;	
	font-size:.7em;
	margin: 0;
	padding: 0;
}

.jp-video .jp-title ul {
	margin:0px;
	-webkit-padding-start:0px;
}

.jp-video .jp-playlist ul {
	margin:0;
}

.jp-title li,
.jp-playlist li {
	position:relative;
	padding:0;
	overflow: hidden;
	background-color:#000;
	box-shadow:none;
}

.jp-title li{
	text-align:center;
	width:150px;
	border:none;
	float:none;
	height:15px;
	margin:0 auto;
	
}

/* Note that the first-child (IE6) and last-child (IE6/7/8) selectors do not work on IE */

div.jp-type-playlist div.jp-playlist li:first-child {
	border-top:none;
	padding-top:3px;
}

div.jp-type-playlist div.jp-playlist li:last-child {
	border-bottom:none;
	padding-bottom:3px;
}

div.jp-type-playlist div.jp-playlist a {
	color: #fff;
	text-decoration:none;
}

div.jp-type-playlist div.jp-playlist a:hover {
	color:#666;
}

div.jp-type-playlist div.jp-playlist li.jp-playlist-current {
	background-color:#666;
	margin: 0 0px;
	padding: 2px 0px;
	border-top: 1px solid #26102e;
	border-bottom: 1px solid #26102e;
}

div.jp-type-playlist div.jp-playlist li.jp-playlist-current a{
	color:#666;
}

div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove {
	float:right;
	display:inline;
	text-align:right;
	margin-left:0px;
	font-weight:bold;
	color:#666;
}
div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove:hover {
	color:#666;
}

div.jp-type-playlist div.jp-playlist span.jp-free-media {
	float: right;
	display:inline;
	text-align:right;
	color:#666;
}

div.jp-type-playlist div.jp-playlist span.jp-free-media a{
	color:#666;
}

div.jp-type-playlist div.jp-playlist span.jp-free-media a:hover{
	color:#666;
}
span.jp-artist {
	font-size:.8em;
	color:#8C7A99;
}

/* @end */


div.jp-video div.jp-video-play {
	width:100%;
	overflow:hidden; /* Important for nested negative margins to work in modern browsers */
	cursor:pointer;
}
div.jp-video-270p div.jp-video-play {
	margin-top:0px;
	height:170px;
}
div.jp-video-360p div.jp-video-play {
	margin-top:-360px;
	height:360px;
}
div.jp-video-full div.jp-video-play {
	height:100%;
}
a.jp-video-play-icon {
	position:relative;
	display:block;
	width: 112px;
	height: 100px;
	margin-left:-56px;
	margin-top:-50px;
	left:50%;
	top:50%;
	background:url("../../img/jplayer.pink.flag.video.play.png") 0 0 no-repeat;
	text-indent:-9999px;
}
div.jp-video-play:hover a.jp-video-play-icon {
	background: url("../../img/jplayer.pink.flag.video.play.png") 0 -100px no-repeat;
}


div.jp-jplayer audio,
div.jp-jplayer {
	width:0px;
	height:0px;
}

div.jp-jplayer {
	background-color: #000000;
}

/* @group NO SOLUTION error feedback */

.jp-no-solution {
	padding:5px;
	font-size:.8em;
	background-color:#3a2a45;
	border-top:2px solid #554461;
	border-left:2px solid #554461;
	border-right:2px solid #180a1f;
	border-bottom:2px solid #180a1f;
	color:#FFF;
	display:none;
}

.jp-no-solution a {
	color:#FFF;
}

.jp-no-solution span {
	font-size:1em;
	display:block;
	text-align:center;
	font-weight:bold;
}