@font-face {
	font-family: 'Conv_BMWTypeRegular-Bold', Arial, sans-serif;
	src: url('fonts/BMWTypeRegular-Bold.eot');
	src: local('☺'), url('fonts/BMWTypeRegular-Bold.woff') format('woff'), url('fonts/BMWTypeRegular-Bold.ttf') format('truetype'), url('fonts/BMWTypeRegular-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_BMWTypeRegular', Arial, sans-serif;
	src: url('fonts/BMWTypeRegular.eot');
	src: local('☺'), url('fonts/BMWTypeRegular.woff') format('woff'), url('fonts/BMWTypeRegular.ttf') format('truetype'), url('fonts/BMWTypeRegular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_BMWTypeLight', Arial, sans-serif;
	src: url('fonts/BMWTypeLight.eot');
	src: local('☺'), url('fonts/BMWTypeLight.woff') format('woff'), url('fonts/BMWTypeLight.ttf') format('truetype'), url('fonts/BMWTypeLight.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'playballregular';
	src: url('fonts/playball-webfont.eot');
	src: local('☺'), url('fonts/playball-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/playball-webfont.woff2') format('woff2'),
		 url('fonts/playball-webfont.woff') format('woff'),
		 url('fonts/playball-webfont.ttf') format('truetype'),
		 url('fonts/playball-webfont.svg#playballregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

*, html, body{
	border: none medium;
	margin: 0;
	padding: 0;
	outline: none medium;
}

html, body{
	width: 100%;
	height: 100%;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

body{
	background: url(../images/pat.png) repeat scroll 0 0 #000;
	color: #4b4b4b;
	font-family: 'Conv_BMWTypeRegular', Arial, sans-serif;
	font-size: 15px;
}
body.nopat{
	background: none repeat scroll 0 0 #1a1a17;
}

ul, li{
	margin:0;
	padding:0;
	list-style-type: none;
}
h1, h2, h3, h4, h5, h6{
	color: #4b4b4b;
	font-family: 'Conv_BMWTypeRegular', Arial, sans-serif;
	font-weight: normal;
	padding:0;
	margin:0;
	line-height:normal;
	text-shadow: none;
}
p, a, a:hover, a:active{
	color: #4b4b4b;
	font-family: 'Conv_BMWTypeRegular', Arial, sans-serif;
	font-weight: normal;
	padding:0;
	margin:0;
	line-height:normal;
	text-shadow: none;
	text-decoration: none;
	outline: none medium;
}

.pull-left{
	float: left !important;
}
.pull-right{
	float: right !important;
}
.clearfix:after { 
   content: " ";
   display: block; 
   height: 0; 
   clear: both;
}
.clb{
	clear: both !important;
}
.hide{
	display: none;
}
body .has-error{
	color: red !important;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 4px red;
}

#wp{
	background: none 0 0 scroll no-repeat transparent;
	width: 100%;
	min-height: 100%;
	overflow: hidden;
	position: relative;
}

#logo{
	position: absolute;
	margin: auto;
	width: 306px;
	z-index: 1;
	-webkit-transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
}
#moblogo{
	display: none;
	width: 200px;
	right: 0;
	bottom: 20px;
	position: absolute;
	z-index: 1;
}

#twp div.twp-row{
	display: -webkit-inline-flex;
	display: -moz-inline-flex;
	display: -ms-inline-flex;
	display: inline-flex;
}
#twp div.twp-row:not(:first-child){
	margin-top: -3px;
}
#twp div.twp-col{
	background: none 0 0 scroll no-repeat transparent;
	width: 102px;
	height: 102px;
	position: relative;
}
#twp div.twp-col img{
	width: 102px;
	height: 102px;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transition: opacity 0.7s ease-in-out;
	-moz-transition: opacity 0.7s ease-in-out;
	-o-transition: opacity 0.7s ease-in-out;
	transition: opacity 0.7s ease-in-out;	
}
#twp div.twp-col img.light-icon:hover{
	opacity: 0;
	-webkit-transition: opacity 0s ease-in-out;
	-moz-transition: opacity 0s ease-in-out;
	-o-transition: opacity 0s ease-in-out;
	transition: opacity 0s ease-in-out;
}

.cnt{
	position: absolute;
	z-index: 2;
	top: 0;
}

#owp{
	position: absolute;
	z-index: 2;
}
#owp .owp-opt{
	cursor: pointer;
	width: 102px;
	height: 102px;
	overflow: hidden;
	position: absolute;
}
#owp .owp-opt a {
	width: 102px;
	height: 102px;
	display: block;
}
#owp .owp-opt p{
	color: #fff;
	font-size: 17px;
	position: absolute;
	bottom: 10px;
	left: 10px;
}

#works{
	background: url(../images/pink.png) 0 0 scroll no-repeat transparent;
}
#about{
	background: url(../images/green.png) 0 0 scroll no-repeat transparent;
}
#clients{
	background: url(../images/yellow.png) 0 0 scroll no-repeat transparent;
}
#contact{
	background: url(../images/purple.png) 0 0 scroll no-repeat transparent;
}

#conwp{
	height: 510px;		
}
#conwp > div{
	height: 510px;		
}
#abtwp{
	height: 408px;		
}
#abtwp > div{
	height: 408px;
}

#wrkwp{
	height: 510px;
}
#wrkwp > div{
	height: 510px;
}

#clntwp{
	height: 510px;
}
#clntwp > div{
	height: 510px;
}

.plodewp{
	width: 306px;
	position: absolute;
	left: 102px;
	z-index: 3;
}
.plodewp > div{
    background: url(../images/white_tile.png) 0 0 scroll repeat #eee;
	position: absolute;
    width: 100%;
    left: 0;
    top: auto;
    z-index: 99999;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.68, -0.55, 0.265, 1.55), left 0.6s ease-in;
    -moz-transition: -moz-transform 1s cubic-bezier(0.68, -0.55, 0.265, 1.55), left 0.6s ease-in;
	transition: transform 1s cubic-bezier(0.68, -0.55, 0.265, 1.55), left 0.6s ease-in;
}
.plodewp-wrks{
	width: 408px;
}
.plodewp-wrks > div{
	background: none 0 0 scroll repeat transparent;
}

.wrkwp-cnt{
	width: 102px;
	height: 102px;
}
.wrkwp-cnt {
	width: 102px;
	height: 102px;
}
.wrkwp-cnt a{
	background: url(../images/grey.png) 0 0 scroll repeat transparent;
	display: block;
	width: 102px;
	height: 102px;
	position: relative;
}
.wrkwp-cnt a p{
	color: #4b4b4b;
	position: absolute;
	bottom: 10px;
	left: 10px;
	font-size: 15px;
}

.wrkwp-cnt .cls-ico{
	background: url(../images/pink.png) 0 0 scroll no-repeat transparent;
	position: relative;
	cursor: pointer;
}
.wrkwp-cnt .cls-ico.cls-clnt{
	background: url(../images/yellow.png) 0 0 scroll no-repeat transparent;
}
.wrkwp-cnt .cls-ico .cls-txt{
	background: url(../images/cls_ico.png) 0 0 scroll repeat transparent;
	display: block;
	width: 102px;
	height: 102px;
}
.wrkwp-cnt .cls-ico .cls-txt p{
	color: #fff;
	position: absolute;
	bottom: 10px;
	left: 10px;
	font-size: 17px;
}
.wrkwp-cnt .cls-ico .cls-txt:hover{
	background: url(../images/cls_ico_big.png) 0 0 scroll repeat transparent;
}
.wrkwp-cnt .cls-ico .cls-txt:hover p{
	display: none;
}

#conwp.plodewp{
	width: 408px;
}
.conwp-top{
	background: none 0 0 scroll repeat transparent;
	width: 408px;
	height: 102px;
}
.conwp-top .conwp-top-cls{
	background: url(../images/purple.png) 0 0 scroll repeat transparent;
	width: 102px;
	height: 102px;
}
.conwp-top .conwp-top-cls.abt-cls-ico{
	background: url(../images/green.png) 0 0 scroll repeat transparent;
}
.conwp-top .conwp-top-cls.clnt-cls-ico{
	background: url(../images/yellow.png) 0 0 scroll repeat transparent;
}
.conwp-top .conwp-top-cls .cls-ico{
	background: url(../images/cls_ico.png) 0 0 scroll repeat transparent;
	cursor: pointer;
	width: 102px;
	height: 102px;
	position: relative;
}
.conwp-top .conwp-top-cls .cls-ico a{
	display: block;
	width: 102px;
	height: 102px;
}
.conwp-top .conwp-top-cls .cls-txt{
	color: #fff;
	font-family: 'Conv_BMWTypeRegular', Arial, sans-serif;
	font-size: 17px;
	position: absolute;
	bottom: 5px;
	left: 15px;
}
.conwp-top .conwp-top-cls .cls-ico:hover{
	background: url(../images/cls_ico_big.png) 0 0 scroll repeat transparent;
}
.conwp-top .conwp-top-cls .cls-ico:hover .cls-txt{
	opacity: 0;
}

.conwp-top .conwp-top-snd{
	background: url(../images/purple.png) 0 0 scroll repeat transparent;
	width: 102px;
	height: 102px;
}
.conwp-top .conwp-top-snd .snd-ico{
	width: 102px;
	height: 102px;
	position: relative;
}
.conwp-top .conwp-top-snd .snd-ico.ico{
	background: url(../images/snd_ico.png) 0 0 scroll no-repeat transparent;
	cursor: pointer;
}
.conwp-top .conwp-top-snd .snd-ico.ico #sndg{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	margin: auto;
	width: 32px;
	height: 32px;
}
.conwp-top .conwp-top-snd .snd-ico .snd-txt{
	color: #fff;
	font-family: 'Conv_BMWTypeRegular', Arial, sans-serif;
	font-size: 17px;
	position: absolute;
	bottom: 5px;
	left: 10px;
	right: 5px;
}
.conwp-top .conwp-top-snd .snd-ico.ico:hover{
	background: url(../images/snd_ico_big.png) 0 0 scroll no-repeat transparent;
}
.conwp-top .conwp-top-snd .snd-ico.ico:hover p{
	opacity: 0;
}

.conwp-cnt{
	padding: 15px;
}
.conwp-cnt h4{
	color: #3a3939;
	font-family: 'Conv_BMWTypeLight', Arial, sans-serif;
	font-size: 18px;
	margin-bottom: 10px;
}
.conwp-cnt h4.abtwp-hd{
	font-family: 'Conv_BMWTypeRegular-Bold', Arial, sans-serif;
	color: #04a373;
}
.conwp-cnt h2{
	color: #931fa5;
	font-family: 'Conv_BMWTypeRegular-Bold', Arial, sans-serif;
	font-size: 18px;
	margin-bottom: 10px;	
}
.conwp-cnt p{
	color: #3a3939;
	font-family: 'Conv_BMWTypeRegular', Arial, sans-serif;
	font-size: 14px;
	margin-bottom: 10px;
}
#clntwp .conwp-cnt h4{
	font-family: 'playballregular';
	font-size: 20px;
	margin-bottom: 5px;
}
#clntwp .conwp-cnt p{
	font-size: 13px;
}
.conwp-cnt ul li{
	font-family: 'Conv_BMWTypeLight', Arial, sans-serif;
	font-size: 13px;
	padding-left: 20px;
	margin-bottom: 5px;
}
.conwp-cnt ul li.adr{
	background: url(../images/addr.png) 0 bottom scroll no-repeat transparent;
}
.conwp-cnt ul li.phn{
	background: url(../images/call.png) 0 bottom scroll no-repeat transparent;
}
.conwp-cnt ul li.email{
	background: url(../images/mail.png) 0 bottom scroll no-repeat transparent;
}

.conwp-cnt .form-control{
	font-family: 'Conv_BMWTypeLight', Arial, sans-serif;
}

#sbox{
	width: 276px;
	height: 204px;
	overflow: hidden;
}
#slider{
	width: 612px;
	height: 204px;
	overflow: hidden;
}
#slider li{
	width: 276px;
	height: 204px;
	padding: 0;
	margin: 0;
	float: left;
}
#slider li img{
	float: left;
	width: 138px;
}


.form-control{
	background: url(../images/txt.png) 0 0 scroll repeat transparent;
	color: #3a3939;
	width: 100%;
	margin-bottom: 15px;
	padding: 6px 12px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	resize: none;
	box-sizing: border-box;
}
input[type=text].form-control,
input[type=email].form-control{
	height: 36px;
}
textarea.form-control{
	height: 60px;
}

.is-opt-out{
	opacity: 0;
	-webkit-transition: opacity .7s,-webkit-transform .7s;
	-moz-transition: opacity .7s,-moz-transform .7s;
	transition: opacity .7s,transform .7s;
	-ms-transition: opacity .7s,-ms-transform .7s;
	-webkit-transform: translate(0, -300px);
	-moz-transform: translate(0, -300px);
	-ms-transform: translate(0, -300px);
	transform: translate(0, -300px);
}
.is-opt-in{
	opacity: 1;
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}
.is-opt-far{
	opacity: 0;
	-webkit-transform: scale(0, -1000px);
	-moz-transform: translate(0, -1000px);
	-ms-transform: translate(0, -1000px);
	transform: translate(0, -1000px);
}


.is-boom{
	opacity: 0;
	-webkit-transition: opacity .7s,-webkit-transform .7s;
	-moz-transition: opacity .7s,-moz-transform .7s;
	transition: opacity .7s,transform .7s;
	-ms-transition: opacity .7s,-ms-transform .7s;
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-ms-transform: scale(0,0);
	transform: scale(0,0);
}
.is-boomed{
	opacity: 1;
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
}

.is-preraise{
	opacity: 0;
	-webkit-transition: opacity 1s,-webkit-transform 1s;
	-moz-transition: opacity 1s,-moz-transform 1s;
	transition: opacity 1s,transform 1s;
	-ms-transition: opacity 1s,-ms-transform 1s;
	-webkit-transform: translate(0, 50px);
	-moz-transform: translate(0, 50px);
	-ms-transform: translate(0, 50px);
	transform: translate(0, 50px);
}
.is-raised{
	opacity: 1;
	-webkit-transform: translate(0,0);
	-moz-transform: translate(0,0);
	-ms-transform: translate(0,0);
	transform: translate(0,0);
}

.is-preload{
	opacity:0;
	-webkit-transition:opacity .7s,-webkit-transform .7s;
	-moz-transition:opacity .7s,-moz-transform .7s;
	transition:opacity .7s,transform .7s;
	-ms-transition:opacity .7s,-ms-transform .7s;
	-webkit-transform:translate(0,-20px);
	-moz-transform:translate(0,-20px);
	-ms-transform:translate(0,-20px);
	transform:translate(0,-20px);
}
.is-loaded{
	opacity:1;
	-webkit-transform:translate(0,0);
	-moz-transform:translate(0,0);
	-ms-transform:translate(0,0);
	transform:translate(0,0);
}

/** Works Page **/
#wrp{
	background: none 0 0 scroll no-repeat transparent;
	width: 100%;
	min-height: 100%;
	overflow: hidden;
	position: relative;
}

#header{
	background: none no-repeat scroll left center #000;
	display: none;
	height: 100px;
	text-align: center;
}
#bamboo{
	background: url("../images/menu.png") left center no-repeat scroll transparent;
	cursor: pointer;
	width: 80px;
	height: 100px;
}
#bamboo.mv{
	background: url("../images/menu_hover.png") -50% center no-repeat scroll transparent;
}
#header a{
	margin-left: -80px;
}
#header img{
	width: 132px;
}

#main{
	-moz-transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);
	-webkit-transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);
}

#asd{
	width: 204px;
	overflow: hidden;
}
.asd-logo{
	height: 150px;
	text-align: center;
}
#asd-cat li a{
	background: none 0 0 scroll repeat #2f2f2c;
	font-family: 'Conv_BMWTypeRegular', Arial, sans-serif;
	font-size: 14px;
	color: #afafaf;
	display: block;
	margin-top: 1px;
	padding: 20px 0 20px 30px;
	text-align: left;
	-moz-border-top-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	border-top-right-radius: 10px;
	-moz-border-bottom-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-bottom-right-radius: 10px;
}
#asd-cat li.active a{
	background: none 0 0 scroll repeat #ed0a8c;
	color: #fff;
}
#asd-cat li a:hover{
	color: #fff;
}

#mc-container{
	background: none 0 0 no-repeat scroll transparent;
	margin-left: 204px;
	overflow: hidden;
}

#wrk-cnt{
	width: 674px;
}
#wrk-cnt ul li{
	background: url(../images/spinner.GIF) center center scroll no-repeat transparent;
	min-height: 100px;
}
#wrk-cnt img{
	vertical-align: top;
	width: 100%;
}

#wrk-det{
	background: none 0 0 no-repeat scroll #2f2f2c;
	margin-left: 674px;
	width: 221px;
	overflow: hidden;
}
#wrk-det .wd-lg img{
	vertical-align: top;
	width: 221px;
}

#wrk-det .wrk-bd{
	border-bottom: 1px solid #1a1a17;
	padding: 20px;
}
#wrk-det .wrk-txt{
	font-family: 'Conv_BMWTypeRegular', Arial, sans-serif;
	font-size: 13px;
	color: #afafaf;
}
#wrk-det .wd-cnt .wd-cnt-hd{
	font-weight: bold;
}
#wrk-det .wd-cnt .wd-cnt-ct{
	overflow: hidden;
	word-wrap: break-word;
	margin-top: 3px;
}
#wrk-det .wd-cnt .wd-cnt-ct a:hover{
	text-decoration: underline;
}

#wrk-det .wd-vw #vw-ct{
	color: #fff;
}

#wrk-det .wd-vw #apt-ct{
	color: #ed0a8c;
}

#wrk-det .wd-tg ul{
	margin-left: -3px;
}
#wrk-det .wd-tg ul li{
	float: left;
	margin-left: 3px;
	margin-top: 3px;
}
#wrk-det .wd-tg ul li a{
	background: none 0 0 scroll repeat #afafaf;
	color: #1a1a17;
	display: block;
	padding: 4px 10px;
}

#wrk-det .btn{
	font-size: 20px;
	width: 100%;
	padding: 10px 0;
	margin-bottom: 30px;
}
#wrk-det .apt-btn{
	background: none 0 0 scroll repeat #ed0a8c;
	color: #fff;
	cursor: pointer;
}
#wrk-det .tnk-btn{
	background: none 0 0 scroll repeat #1a1a17;
	color: #afafaf;
}

/** Message page **/
.message-body{
	padding: 50px 0 0 50px;
}
.message-body .message-response{
	color: #7e8283;
	font-family: 'Conv_BMWTypeRegular', Arial, sans-serif;
	font-size: 40px;
}
.message-body .message-content{
	color: #7e8283;
	font-family: 'Conv_BMWTypeRegular', Arial, sans-serif;
	font-size: 16px;
	margin-top: 2px;
}
.message-body .message-redirect{
	color: #7e8283;
	font-family: 'Conv_BMWTypeRegular', Arial, sans-serif;
	font-size: 13px;
	margin-top: 15px;
}
.message-body .message-redirect a{
	background: none repeat scroll 0 0 #ed0a8c;
	font-family: 'Conv_BMWTypeRegular', Arial, sans-serif;
	padding: 5px 12px;
	color: #fff;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.mt3{
	margin-top: 3px !important;
}
.mt15{
	margin-top: 15px !important;
}

.mv-bamboo{
	-webkit-transform: translate(204px,0);
	-moz-transform: translate(204px,0);
	-ms-transform: translate(204px,0);
	transform: translate(204px,0);
}

@media(max-width:768px) {
	#logo{
		width: 280px;
	}
	.plodewp{
		left: 0;
		width: 306px;
	}
	#wrkwp, #wrkwp > div{
		height: 612px;
	}
	#clntwp, #clntwp > div{
		height: 510px;
	}
	
	#header{
		display: block;
	}
	#main{
		margin-left: -204px;
	}
	#wrk-cnt{
		width: 100%;
	}
	#wrk-det{
		display: none;
	}
}

@media(max-width:640px) {
	#logo{
		display: none;
	}
	#moblogo{
		display: block;		
	}
}

@media(max-width:480px) {
	
}