/* 
@media all and (max-width: 1000px) {}
*/
/** CSS Reset Begin **/

html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, em, img, strong, sub, sup, b, u, i,
dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;	
	font: inherit;
	vertical-align: baseline;
	outline: none;
	background: transparent;
}
html, body {
	line-height: 1;
	font: normal 16px/21px 'Intro-Light';
	color: #3a3636;
}
input, select, button, textarea {
	margin: 0; 	
	border: 0;		
	font-size: 100%; 	
	resize: none;
	outline: none;
	font: normal 16px/21px 'Intro-Light';	
	color: #3a3636;
}
b, strong {
	font-weight: bold;
}
i, em { 
	font-style: italic;
}
a, a:visited {
	cursor: pointer;
	outline: none;
	text-decoration: none;
	color: #3a3636;
}
a:hover {
	text-decoration: none;	
}
ol, ul {
	list-style: none;
}
table {
	border: 1px solid #000;
	border-collapse: collapse;
	border-spacing: 0;	
}

/** CSS Reset End **/
/******************************************************************************/

.clearfix {
	clear:  both;
	font-size: 0;
	line-height: 0;
	border: none;
	width: 100%;
	height: 0;
	overflow: hidden;
}

/******************************************************************************/

html {
	height: 100%;
	min-width: 320px;	
}

body {
	width: 100%;	
	min-height: 100%;
	min-width: 320px;		
	height: auto !important;
	height: 100%;
	text-align: center;	
	background: #f5f5f5;
	overflow-x: hidden;
}
.menu-open body {
	overflow-y: hidden;
}
.menu-open.desktop body {
	overflow-y: visible;
}



/******************************************************************************/


form .field {
	display: inline-block;
	width: 100%;
	margin: 0 0 20px 0;
	text-align: left;
	vertical-align: bottom;
	line-height: normal;
	letter-spacing: normal;
}
form .field .error-text {
	font: normal 13px/25px 'Intro-Light';
	color: #f05b48;
	overflow: hidden;
	height: 0;
	opacity: 0;
	-webkit-transition: all 0.3s ease 0s;
	   -moz-transition: all 0.3s ease 0s;
	    -ms-transition: all 0.3s ease 0s;
	     -o-transition: all 0.3s ease 0s;
	        transition: all 0.3s ease 0s;
}
form .field.error .error-text {
	height: 25px;
	opacity: 1;	
}

form .field .input-wrap {
	display: block;
	position: relative;
	height: 53px;
	background: #ffffff;
	border: 1px solid #ececec;
	-webkit-transition: border-color 0.3s ease 0s;
	   -moz-transition: border-color 0.3s ease 0s;
	    -ms-transition: border-color 0.3s ease 0s;
	     -o-transition: border-color 0.3s ease 0s;
	        transition: border-color 0.3s ease 0s;
}
form .field .input-wrap:hover {
	border-color: #ff6e5b;
}
form .field .input-wrap.focus {
	border-color: #d55241;
}

form .field .input-wrap .placeholder {	        
	display: inline-block;
	white-space: nowrap;
	background: none;
	font: normal 17px/24px 'Intro-Light';
	color: #3a3636;		
	position: absolute;
	z-index: 1;
	top: 15px;
	left: 0;
	width: 0;
	padding: 0 10px 0 30px;
	white-space: nowrap;
	text-align: right;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
	-webkit-transition: all 0.4s ease 0s;
	   -moz-transition: all 0.4s ease 0s;
	    -ms-transition: all 0.4s ease 0s;
	     -o-transition: all 0.4s ease 0s;
	        transition: all 0.4s ease 0s;
}
form .field .input-wrap .placeholder b {
	font: normal 17px/24px 'Intro-Bold-Caps';
	color: #f05b48;
	-webkit-transition: all 0.3s ease 0s;
	   -moz-transition: all 0.3s ease 0s;
	    -ms-transition: all 0.3s ease 0s;
	     -o-transition: all 0.3s ease 0s;
	        transition: all 0.3s ease 0s;
}
form .field .input-wrap .placeholder.small {
	font: normal 12px/24px 'Intro-Light' !important;
	color: #969696 !important;
	top: 0 !important;
	width: 100%;
}
form .field .input-wrap .placeholder.small b {
	font: normal 12px/24px 'Intro-Light' !important;
	color: #969696 !important;	
}
form .field .input-wrap input {
	display: block;
	width: 100%;
	position: absolute;
	z-index: 2;
	background: none;
	left: 0;
	height: 30px;	
	font: normal 17px/30px 'Intro-Light';
	color: #3a3636;
	top: 50%;
	margin-top: -15px;	
	padding: 0 30px;
	-webkit-box-shadow: none !important;
	   -moz-box-shadow: none !important;
		    box-shadow: none !important;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}




form .field .textarea-wrap {
	display: block;
	padding: 15px 0;
	position: relative;
	background: #ffffff;
	border: 1px solid #ececec;
	-webkit-transition: border-color 0.3s ease 0s;
	   -moz-transition: border-color 0.3s ease 0s;
	    -ms-transition: border-color 0.3s ease 0s;
	     -o-transition: border-color 0.3s ease 0s;
	        transition: border-color 0.3s ease 0s;
}
form .field .textarea-wrap:hover {
	border-color: #ff6e5b;
}
form .field .textarea-wrap.focus {
	border-color: #d55241;
}

form .field .textarea-wrap .placeholder {	        
	display: inline-block;
	white-space: nowrap;
	background: none;
	font: normal 17px/24px 'Intro-Light';
	color: #3a3636;		
	position: absolute;
	z-index: 1;
	top: 15px;
	left: 0;
	width: 0;
	padding: 0 10px 0 30px;
	text-align: right;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
	-webkit-transition: all 0.4s ease 0s;
	   -moz-transition: all 0.4s ease 0s;
	    -ms-transition: all 0.4s ease 0s;
	     -o-transition: all 0.4s ease 0s;
	        transition: all 0.4s ease 0s;
}
form .field .textarea-wrap .placeholder b {
	font: normal 17px/24px 'Intro-Bold-Caps';
	color: #f05b48;
	-webkit-transition: all 0.3s ease 0s;
	   -moz-transition: all 0.3s ease 0s;
	    -ms-transition: all 0.3s ease 0s;
	     -o-transition: all 0.3s ease 0s;
	        transition: all 0.3s ease 0s;
}
form .field .textarea-wrap .placeholder.small {
	font: normal 12px/24px 'Intro-Light' !important;
	color: #969696 !important;
	top: 0 !important;
	width: 100%;
}
form .field .textarea-wrap .placeholder.small b {
	font: normal 12px/24px 'Intro-Light' !important;
	color: #969696 !important;	
}
form .field .textarea-wrap textarea {
	display: block;
	width: 100%;
	position: relative;
	z-index: 2;
	background: none;
	left: 0;
	height: 200px;	
	font: normal 17px/30px 'Intro-Light';
	color: #3a3636;	
	padding: 0 30px;
	-webkit-box-shadow: none !important;
	   -moz-box-shadow: none !important;
		    box-shadow: none !important;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}




.select-wrap {
	display: block;
	position: relative;
	height: 55px;
	background: #ffffff;	
}
.select-wrap .noos-select {
	border: 1px solid #ececec;
	-webkit-transition: border-color 0.3s ease 0s;
	   -moz-transition: border-color 0.3s ease 0s;
	    -ms-transition: border-color 0.3s ease 0s;
	     -o-transition: border-color 0.3s ease 0s;
	        transition: border-color 0.3s ease 0s;
}
.select-wrap .noos-select:hover {
	border-color: #ff6e5b;	
}
.select-wrap .noos-select.focus {
	border-color: #d55241;	
}
.select-wrap .noos-select .v {
	height: 53px;
	padding-left: 30px;
	margin-right: 30px;	
	font: normal 17px/53px 'Intro-Light';
	color: #3a3636;	
}
.select-wrap .noos-select > .a {
	width: 30px;
	height: 6px;
	top: 24px;
	right: 6px;
	background: url(../img/spr-btn.png) -860px -22px no-repeat;
}
.select-wrap .noos-select .l {
	left: 0;
	right: 0;
	margin-top: 1px;
	background: white;
	opacity: 0;
	border: 1px solid #ececec;
}
.select-wrap .noos-select.show .l {
	opacity: 1;
	-webkit-box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.2);
	   -moz-box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.2);
		    box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.2);	
}
.select-wrap .noos-select .l > .a {
	display: none;
}


.noos-select .l ul li {
	padding: 0 10px 0 20px !important;
	font: normal 17px/53px 'Intro-Light';
	color: #3a3636;
	border-top: 1px solid #ececec;
}
.noos-select .l ul li:first-child {
	border: none;
}
.noos-select .l ul li:hover {
	background: #f05b48;
	color: #fff;
}




form .field.file p.file-name {
	font: normal 17px/55px 'Intro-Light';
	color: #3a3636;
	margin-bottom: 10px;
}




form .bottom {
	letter-spacing: normal;
	line-height: normal;	
}



/******************************************************************************/

.btn {
	display: inline-block;
	position: relative;
	width: 330px;
	height: 55px;	
	font: normal 14px/19px 'Intro-Bold-Caps';
	color: #fff !important;
	text-align: left;	
	padding: 0 22px;
	background: #f05b48;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
	-webkit-transition: all 0.3s ease 0s;
	   -moz-transition: all 0.3s ease 0s;
	    -ms-transition: all 0.3s ease 0s;
	     -o-transition: all 0.3s ease 0s;
	        transition: all 0.3s ease 0s;
}
.btn span {
	display: table-cell;
	width: 100%;
	height: 55px;
	vertical-align: middle;
}
.btn.i-right {
	padding-right: 50px;
}
.btn.i-right:after {
	display: block;
	position: absolute;
	content: '';
	width: 50px;
	height: 50px;
	top: 50%;
	margin-top: -26px;
	right: 0;
	background: url(../img/spr-btn.png) 1000px 1000px no-repeat;	
}

.btn:hover { background: #ff6e5b; }
.btn:active { background: #d55241; }

.btn.bgr-e41c39 { background: #e41c39; }
.btn.bgr-e41c39:hover { background: #ff425f; }
.btn.bgr-e41c39:active { background: #c21831; }

.prj-color-e41c39 .btn { background: #e41c39; }
.prj-color-e41c39 .btn:hover { background: #ff425f; }
.prj-color-e41c39 .btn:active { background: #c21831; }


.btn.bgr-b20941 { background: #b20941; }
.btn.bgr-b20941:hover { background: #d82f67; }
.btn.bgr-b20941:active { background: #970837; }

.prj-color-b20941 .btn { background: #b20941; }
.prj-color-b20941 .btn:hover { background: #d82f67; }
.prj-color-b20941 .btn:active { background: #970837; }


.btn.bgr-96bd0c { background: #96bd0c; }
.btn.bgr-96bd0c:hover { background: #b0d726; }
.btn.bgr-96bd0c:active { background: #80a10a; }

.prj-color-96bd0c .btn { background: #96bd0c; }
.prj-color-96bd0c .btn:hover { background: #b0d726; }
.prj-color-96bd0c .btn:active { background: #80a10a; }


.btn.bgr-8aad35 { background: #8aad35; }
.btn.bgr-8aad35:hover { background: #b3d75d; }
.btn.bgr-8aad35:active { background: #75932d; }

.prj-color-8aad35 .btn { background: #8aad35; }
.prj-color-8aad35 .btn:hover { background: #b3d75d; }
.prj-color-8aad35 .btn:active { background: #75932d; }


.btn.bgr-1e518c { background: #1e518c; }
.btn.bgr-1e518c:hover { background: #4477b2; }
.btn.bgr-1e518c:active { background: #1a4577; }

.prj-color-1e518c .btn { background: #1e518c; }
.prj-color-1e518c .btn:hover { background: #4477b2; }
.prj-color-1e518c .btn:active { background: #1a4577; }


.btn.bgr-1848a8 { background: #1848a8; }
.btn.bgr-1848a8:hover { background: #3e6ece; }
.btn.bgr-1848a8:active { background: #143d8f; }

.prj-color-1848a8 .btn { background: #1848a8; }
.prj-color-1848a8 .btn:hover { background: #3e6ece; }
.prj-color-1848a8 .btn:active { background: #143d8f; }


.btn.bgr-3f7ecc { background: #3f7ecc; }
.btn.bgr-3f7ecc:hover { background: #65a4f2; }
.btn.bgr-3f7ecc:active { background: #366bae; }

.prj-color-3f7ecc .btn { background: #3f7ecc; }
.prj-color-3f7ecc .btn:hover { background: #65a4f2; }
.prj-color-3f7ecc .btn:active { background: #366bae; }


.btn.order.i-right:after { background-position: -150px 0; }


.btn.btn-file {
	width: auto;
	overflow: hidden;
	padding-left: 0;
	color: #3a3636 !important;	
	background: transparent; 
	-webkit-box-shadow: 0 0 0 1px #dbdbdb inset;
	   -moz-box-shadow: 0 0 0 1px #dbdbdb inset;
		    box-shadow: 0 0 0 1px #dbdbdb inset;
}
.btn.btn-file span i {
	display: inline-block;
	position: relative;
	width: 50px;
	height: 50px;
	vertical-align: middle;
	background: url(../img/spr-btn.png) -750px 0 no-repeat ;
	margin: 0 3px;
}
.btn.btn-file span i:after {
	display: block;
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 50px;
	height: 50px;
	opacity: 0;
	background: url(../img/spr-btn.png) -750px -50px no-repeat ;
	-webkit-transition: all 0.3s ease 0s;
	   -moz-transition: all 0.3s ease 0s;
	    -ms-transition: all 0.3s ease 0s;
	     -o-transition: all 0.3s ease 0s;
	        transition: all 0.3s ease 0s;
}
.btn.btn-file input {
    cursor: pointer;
    font-size: 999px;
    height: 55px;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}
.btn.btn-file:hover {
	color: #fff !important;	
	background: #ff6e5b; 
	-webkit-box-shadow: none;	
	   -moz-box-shadow: none;	
		    box-shadow: none;	
}
.btn.btn-file:active {
	color: #fff !important;	
	background: #d55241; 
	-webkit-box-shadow: none;	
	   -moz-box-shadow: none;	
		    box-shadow: none;	
}
.btn.btn-file:hover span i:after,
.btn.btn-file:active span i:after {
	opacity: 1;
}


.btn.btn-del {
	width: 55px;
	padding: 0;
	vertical-align: middle;
	margin: 0 0 0 15px;	
	background: transparent;
}
.btn.btn-del span {
	display: block;
	width: 50px;
	height: 50px;	
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -25px 0 0 -25px;
	background: url(../img/spr-btn.png) -800px 0 no-repeat;
}
.btn.btn-del span:after {
	display: block;
	position: absolute;
	content: '';
	width: 50px;
	height: 50px;
	left: 0;
	top: 0;
	opacity: 0;
	background: url(../img/spr-btn.png) -800px -50px no-repeat;
	-webkit-transition: all 0.3s ease 0s;
	   -moz-transition: all 0.3s ease 0s;
	    -ms-transition: all 0.3s ease 0s;
	     -o-transition: all 0.3s ease 0s;
	        transition: all 0.3s ease 0s;
}
.btn.btn-del:hover {
	background: #ff6e5b;
}
.btn.btn-del:active {
	background: #d55241;
}
.btn.btn-del:hover span:after,
.btn.btn-del:active span:after {
	opacity: 1;	
}



.btn-big {
	display: inline-block;
	position: relative;
	width: 315px;
	height: 76px;
	font: normal 18px/76px 'Intro-Bold-Caps';
	color: #fff !important;
	text-align: left;
	padding: 0 50px;
	background: #f05b48;
	cursor: pointer;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
	-webkit-transition: all 0.3s ease 0s;
	   -moz-transition: all 0.3s ease 0s;
	    -ms-transition: all 0.3s ease 0s;
	     -o-transition: all 0.3s ease 0s;
	        transition: all 0.3s ease 0s;
}
.btn-big.i-right {
	padding-right: 75px;
}
.btn-big.i-right:after {
	display: block;
	position: absolute;
	content: '';
	width: 50px;
	height: 50px;
	top: 12px;
	right: 20px;
	background: url(../img/spr-btn.png) -150px 0 no-repeat;	
}
.btn-big:hover { background: #ff6e5b; }
.btn-big:active { background: #d55241; }

.btn-big.order-project.i-right:after {
	right: 25px;
	background-position: -100px 0; 
}

@media all and (max-width: 400px) {
	.btn-big {
		width: 280px;
		padding: 0 33px;
	}
	.btn-big.i-right {
		padding-right: 60px;
	}
	.btn-big.order-project.i-right:after {
		right: 15px;
	}
}




/******************************************************************************/

.body-shadow {
	display: block;
	position: fixed;
	z-index: 8;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	overflow-y: scroll;
	background: rgba(0, 0, 0, 0);
	-webkit-transition: background 0.3s ease 0s;
	   -moz-transition: background 0.3s ease 0s;
	    -ms-transition: background 0.3s ease 0s;
	     -o-transition: background 0.3s ease 0s;
	        transition: background 0.3s ease 0s;
}
.body-shadow.dark {
	background: rgba(0, 0, 0, 0.75);
}

/******************************************************************************/

.main-menu {
	width: 222px;
	position: absolute;	
	margin-left: -222px;
	z-index: 9;
	top: 0;
	bottom: 0;
	left: 0;
	min-height: none;
	background: #fff;
	text-align: left;
}


.desktop .main-menu {
	position: fixed;
}


.menu-open .main-menu {
	-webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
	   -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
		    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
}

.main-menu .top {
	position: fixed;
	z-index: 10;
	left: 0;
	top: 0;
	width: 222px;
	height: 74px;
	background: #f05b48;		
}
.main-menu .top > ul {
	display: block;
	height: 74px;
}
.main-menu .top > ul > li {
	display: block;
	float: left;
	height: 74px;
	margin-left: -1px;
	width: 33.3%;
	position: relative;
	z-index: 1;
	border-left: 1px solid #d55241;	
}
.main-menu .top > ul > li > a {
	display: block;
	position: relative;
	z-index: 2;
	height: 74px;
	background: #f05b48;
	text-align: center;
	font: normal 17px/74px 'Intro-Bold-Caps';
	color: #fff;
	-webkit-transition: all 0.3s ease 0s;
	   -moz-transition: all 0.3s ease 0s;
	    -ms-transition: all 0.3s ease 0s;
	     -o-transition: all 0.3s ease 0s;
	        transition: all 0.3s ease 0s;
}
.main-menu .top > ul > li > a:hover {
	background: #ff6e5b !important;
}
.main-menu .top > ul > li > a:active {
	background: #d55241 !important;
}
.main-menu .top > ul > li > a:after {
	display: block;
	position: absolute;
	content: '';
	width: 50px;
	height: 50px;
	top: 10px;
	left: 10px;
	background-image: url(../img/spr-btn.png);
	background-repeat: no-repeat;
}

.main-menu .top > ul > li.tria > a:after { background-position: 0 0; }
.main-menu .top > ul > li.menu > a:after { background-position: -50px 0; }
.main-menu .top > ul > li.lang > a:after { background: none; }

.main-menu .top > ul > li.menu > a:before {
	display: block;
	position: absolute;
	content: '';
	bottom: 0;
	left: 50%;
	margin-left: -11px;
	width: 0; 
	height: 0; 
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;  	
	border-top: 9px solid #f05b48;
	-webkit-transition: all 0.3s ease 0s;
	   -moz-transition: all 0.3s ease 0s;
	    -ms-transition: all 0.3s ease 0s;
	     -o-transition: all 0.3s ease 0s;
	        transition: all 0.3s ease 0s;
}
.main-menu .top > ul > li.menu > a:hover:before {
	border-top-color: #ff6e5b;
/*	bottom: -9px;	*/
}
.main-menu .top > ul > li.menu > a:active:before {
	border-top-color: #d55241;	
}



.menu-open .main-menu .top > ul > li.menu > a {
	background: #d55241;	
}
.menu-open .main-menu .top > ul > li.menu > a:before {
	bottom: -9px;
	border-top-color: #d55241;	
}
.menu-open .main-menu .top > ul > li.menu > a:hover:before {
	border-top-color: #ff6e5b;		
}
.menu-open .main-menu .top > ul > li.menu > a:active:before {
	border-top-color: #d55241;		
}


.main-menu .top > ul > li.lang ul {
	display: none;
	position: relative;
	z-index: 1;
	margin: 0 0 0 -1px;
	-webkit-box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.2);
	   -moz-box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.2);
		    box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.2);
}


.main-menu .top > ul > li.lang ul li {
	display: block;
	float: none;
	border: 1px solid #ececec;
	margin-bottom: -1px;
}
.main-menu .top > ul > li.lang ul li a {
	display: block;
	background: #fff;	
	text-align: center;
	font: normal 17px/52px 'Intro-Light';
	color: #3a3636;	
	-webkit-transition: all 0.3s ease 0s;
	   -moz-transition: all 0.3s ease 0s;
	    -ms-transition: all 0.3s ease 0s;
	     -o-transition: all 0.3s ease 0s;
	        transition: all 0.3s ease 0s;
}
.main-menu .top > ul > li.lang ul li.selected a {
	color: #f05b48;	
}
.main-menu .top > ul > li.lang ul li a:hover {
	color: #fff;
	background: #ff6e5b;
}
.main-menu .top > ul > li.lang ul li a:active {
	color: #fff;
	background: #d55241;
}



.main-menu .center {
	width: 222px;
	position: relative;
	top: 0;
	left: 0;
	background: #fff;
	padding: 105px 0 0 0;
	margin-left: -222px;
}

.desktop .main-menu .center {
	position: fixed;		
}

.menu-open .main-menu .center {
	margin-left: 0;
}

.main-menu .center .menu-big {
	margin-bottom: 30px;
}
.main-menu .center .menu-big li {
	display: block;	
}
.main-menu .center .menu-big li a {
	display: block;	
	height: 50px;
	padding: 0 0 0 35px;
	font: normal 16px/50px 'Intro-Bold-Caps';
	color: #3a3636;
	background: #fff;
	-webkit-transition: all 0.3s ease 0s;
	   -moz-transition: all 0.3s ease 0s;
	    -ms-transition: all 0.3s ease 0s;
	     -o-transition: all 0.3s ease 0s;
	        transition: all 0.3s ease 0s;
}
.main-menu .center .menu-big li.selected a {
	color: #f05b48;
}
.main-menu .center .menu-big li a:hover {
	color: #fff;
	background: #ff6e5b;	
}
.main-menu .center .menu-big li a:active {
	color: #fff;
	background: #d55241;	
}



.main-menu .center .menu-small {
}
.main-menu .center .menu-small li {
	display: block;
	position: relative;
	border-top: 1px solid #ececec;
	border-bottom: 1px solid #ececec;
	margin-bottom: -1px;	
}
.main-menu .center .menu-small li a {
	display: block;	
	position: relative;
	padding: 0 0 0 35px;
	font: normal 17px/55px 'Intro-Light';
	color: #3a3636;
	background: #fff;
	-webkit-transition: all 0.3s ease 0s;
	   -moz-transition: all 0.3s ease 0s;
	    -ms-transition: all 0.3s ease 0s;
	     -o-transition: all 0.3s ease 0s;
	        transition: all 0.3s ease 0s;
}
.main-menu .center .menu-small li.selected a {
	color: #f05b48;
}
.main-menu .center .menu-small li a:hover {
	color: #fff;
	background: #ff6e5b;	
}
.main-menu .center .menu-small li a:active {
	color: #fff;
	background: #d55241;	
}

.main-menu .center .menu-small li a > i.right {
	display: block;
	position: absolute;
	width: 50px;
	height: 50px;
	top: 50%;
	margin-top: -25px;
	right: 25px;
	background: url(../img/spr-btn.png) -200px -50px no-repeat;	
	-webkit-transition: all 0.3s ease 0s;
	   -moz-transition: all 0.3s ease 0s;
	    -ms-transition: all 0.3s ease 0s;
	     -o-transition: all 0.3s ease 0s;
	        transition: all 0.3s ease 0s;
}
.main-menu .center .menu-small li a > i.right:before,
.main-menu .center .menu-small li a > i.right:after {
	display: block;
	position: absolute;
	content: '';
	width: 50px;
	height: 50px;
	top: 0;
	left: 0;
	background: url(../img/spr-btn.png) -200px 0 no-repeat;	
	-webkit-transition: all 0.3s ease 0s;
	   -moz-transition: all 0.3s ease 0s;
	    -ms-transition: all 0.3s ease 0s;
	     -o-transition: all 0.3s ease 0s;
	        transition: all 0.3s ease 0s;
}
.main-menu .center .menu-small li a > i.right:before {
	opacity: 0;
	background-position: -200px -100px; 
}
.main-menu .center .menu-small li a > i.right:after {
	opacity: 1;
	background-position: -200px 0; 
}

.main-menu .center .menu-small li.selected a > i.right:before {
	opacity: 1;
}
.main-menu .center .menu-small li.selected a > i.right:after {
	opacity: 0;
}

.main-menu .center .menu-small li a:hover > i.right:before,
.main-menu .center .menu-small li a:hover > i.right:after,
.main-menu .center .menu-small li a:active > i.right:before,
.main-menu .center .menu-small li a:active > i.right:after {
	opacity: 0;
}


.main-menu .center .menu-small li .stock {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	background: #f05b48;
	z-index: 2;
	font: normal 10px/20px 'Intro-Bold-Caps';
	color: #fff;
	padding: 0 8px;
}


.main-menu .center .menu-social {
	display: block;
	overflow: hidden;
}
.main-menu .center .menu-social li {
	display: block;
	position: relative;
	float: left;
	width: 33.3%;
	border: 1px solid #ececec;
	border-right: none;
	margin-left: -1px;	
}
.main-menu .center .menu-social li a {
	display: block;	
	position: relative;
	height: 76px;
	background: #fff;
	-webkit-transition: all 0.3s ease 0s;
	   -moz-transition: all 0.3s ease 0s;
	    -ms-transition: all 0.3s ease 0s;
	     -o-transition: all 0.3s ease 0s;
	        transition: all 0.3s ease 0s;
}
.main-menu .center .menu-social li a:before,
.main-menu .center .menu-social li a:after {
	display: block;
	position: absolute;
	content: '';
	width: 50px;
	height: 50px;
	top: 50%;
	left: 50%;
	margin: -26px 0 0 -26px;
	background: url(../img/spr-cosial.png) 0 0 no-repeat;
}
.main-menu .center .menu-social li a:after {
	opacity: 0;
}
.main-menu .center .menu-social li a:hover {
	background: #ff6e5b;
}
.main-menu .center .menu-social li a:active {
	background: #d55241;
}
.main-menu .center .menu-social li a:hover:before,
.main-menu .center .menu-social li a:active:before {
	opacity: 0;
}
.main-menu .center .menu-social li a:hover:after,
.main-menu .center .menu-social li a:active:after {
	opacity: 1;
}

.main-menu .center .menu-social li.fb a:before { background-position: 0 0; }
.main-menu .center .menu-social li.fb a:after { background-position: 0 -50px; }

.main-menu .center .menu-social li.be a:before { background-position: -50px 0; }
.main-menu .center .menu-social li.be a:after { background-position: -50px -50px; }

.main-menu .center .menu-social li.gp a:before { background-position: -100px 0; }
.main-menu .center .menu-social li.gp a:after { background-position: -100px -50px; }


/* ************************************************************************** */

.content-wrap {
	overflow: hidden;
	height: auto;	
}

.menu-open.desktop .content-wrap {
	margin-left: 222px;	
}

/* ************************************************************************** */


.head-top {
	background: url(../img/bgr-001-00.png) center 0 repeat-x;
/*	background-attachment: fixed;	*/
}
.head-top .inner {
	position: relative;
	height: 500px;
	text-align: center;
	padding: 23px 0 0 0;
	background: url(../img/bgr-001-01.jpg) center 0 no-repeat;
/*	background-attachment: fixed;*/
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}
@media all and (max-width: 800px) {
	.head-top .inner {
		height: 540px;
		padding: 120px 0 0 0;
		background: url(../img/bgr-001-02.jpg) center 0 no-repeat;		
	}
}



.head-top .clients {
	margin-bottom: 85px;
}
@media all and (max-width: 800px) {
	.head-top .clients {
		margin-bottom: 40px;		
	}
}

.head-top .clients a {
	display: inline-block;
	position: relative;
	padding: 0 20px 0 0;	
	font: normal 16px/25px 'Intro-Bold-Caps';
	color: #fff;
	letter-spacing: 0.32em;	
	-webkit-transition: all 0.3s ease 0s;
	   -moz-transition: all 0.3s ease 0s;
	    -ms-transition: all 0.3s ease 0s;
	     -o-transition: all 0.3s ease 0s;
	        transition: all 0.3s ease 0s;
}

@media all and (max-width: 400px) {
	.head-top .clients a {
		letter-spacing: 0.17em;			
	}
}

.head-top .clients a:hover {
	color: #ff6e5b;	
}
.head-top .clients a:active {
	color: #d55241;
}
.head-top .clients a > i.right {
	display: block;
	position: absolute;
	width: 9px;
	height: 13px;
	top: 6px;
	right: 0;
	background: url(../img/spr-btn.png) -270px -18px no-repeat;	
	-webkit-transition: all 0.3s ease 0s;
	   -moz-transition: all 0.3s ease 0s;
	    -ms-transition: all 0.3s ease 0s;
	     -o-transition: all 0.3s ease 0s;
	        transition: all 0.3s ease 0s;
}
.head-top .clients a > i.right:before,
.head-top .clients a > i.right:after {
	display: block;
	position: absolute;
	content: '';
	width: 9px;
	height: 13px;
	top: 0;
	left: 0;
	opacity: 0;
	background: url(../img/spr-btn.png) -270px -18px no-repeat;	
	-webkit-transition: all 0.3s ease 0s;
	   -moz-transition: all 0.3s ease 0s;
	    -ms-transition: all 0.3s ease 0s;
	     -o-transition: all 0.3s ease 0s;
	        transition: all 0.3s ease 0s;
}
.head-top .clients a > i.right:before {	
	background-position: -270px -68px; 
}
.head-top .clients a > i.right:after {
	background-position: -270px -118px;
}
.head-top .clients a:hover > i.right:before { opacity: 1; }
.head-top .clients a:active > i.right:after { opacity: 1; }



.head-top h1 {
	font: normal 50px/50px 'Intro-Bold-Caps';
	color: #fff;
	margin-bottom: 14px;
	-webkit-transition: all 0.3s ease 0s;
	   -moz-transition: all 0.3s ease 0s;
	    -ms-transition: all 0.3s ease 0s;
	     -o-transition: all 0.3s ease 0s;
	        transition: all 0.3s ease 0s;
}
@media all and (max-width: 400px) {
	.head-top h1 {
		font-size: 40px;		
	}	
}

.head-top h2 {
	font: normal 24px/37px 'Intro-Light';
	color: #fff;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	padding: 0 10px;
	margin-bottom: 17px;
	-webkit-transition: all 0.3s ease 0s;
	   -moz-transition: all 0.3s ease 0s;
	    -ms-transition: all 0.3s ease 0s;
	     -o-transition: all 0.3s ease 0s;
	        transition: all 0.3s ease 0s;
}
.head-top h2 span {
	display: block;
	letter-spacing: 0.14em;
}

@media all and (max-width: 400px) {
	.head-top h2 {
		font: normal 22px/30px 'Intro-Light';
		letter-spacing: 0.05em;		
	}
	.head-top h2 span {
		letter-spacing: 0.05em;		
	}	
}


.head-top .mail {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 28px;
	font: normal 17px/24px 'Intro-Light';
	color: #fff;
	letter-spacing: 0.08em;
}
@media all and (max-width: 400px) {
	.head-top .mail {
		letter-spacing: normal;	
	}	
}
.head-top .mail a {
	font: normal 14px/24px 'Intro-Bold-Caps';
	color: #f05b48;
	-webkit-transition: all 0.3s ease 0s;
	   -moz-transition: all 0.3s ease 0s;
	    -ms-transition: all 0.3s ease 0s;
	     -o-transition: all 0.3s ease 0s;
	        transition: all 0.3s ease 0s;
}
.head-top .mail a:hover {
	color: #ff6e5b;
}
.head-top .mail a:active {
	color: #d55241;
}

/* ************************************************************************** */


.project-list {	
}
.project-list .item {
	position: relative;	
	z-index: 1;
}
.project-list .item:after {
	display: block;
	clear:  both;
	font-size: 0;
	line-height: 0;
	border: none;
	width: 100%;
	height: 0;
	content: '';
	overflow: hidden;	
}


.project-list .item:nth-child(2n+1) { background: #f5f5f5; }
.project-list .item:nth-child(2n) { background: #ffffff; }

.project-list .item:nth-child(2n+1) .description {
	float: right;
}

.project-list .item:nth-child(2n) .description {
	float: left;
}

.project-list .item .description {
	width: 40%;	
	padding: 0 1%;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}

.project-list .description .wrapper {
	width: 330px;
}
@media all and (max-width: 1100px) {
	.project-list .description .wrapper { width: 265px; }
}


.project-list .item:nth-child(2n+1) .description .wrapper {
	float: left;	
}
.project-list .item:nth-child(2n) .description .wrapper {
	float: right;	
}

.project-list .item .description .outer {
	display: table-cell;
	vertical-align: middle;	
	width: 100%;
}
.project-list .item .description .inner {
	text-align: center;
	padding: 50px 0;
}

@media all and (max-width: 1000px) {
	.project-list .item .description .inner {
		padding: 0;
	}
}


.project-list .item .description .logo {
	margin-bottom: 28px;
	overflow: hidden;	
}
.project-list .item .description .logo a {
	display: inline-block;
	float: left;
}
.project-list .item .description .logo img {
	display: block;
	float: left;
	-webkit-transition: all 0.3s ease 0s;
	   -moz-transition: all 0.3s ease 0s;
	    -ms-transition: all 0.3s ease 0s;
	     -o-transition: all 0.3s ease 0s;
	        transition: all 0.3s ease 0s;
}
.project-list .item .description .logo a:hover img {
	opacity: 0.8;
}
.project-list .item .description .title {
	clear: both;
	text-align: left;
	font: normal 22px/26px 'Intro-Light';
	color: #3a3636;
	text-transform: uppercase;
	margin-bottom: 25px;
}


.project-list .item .description .slider {
	position: relative;
	margin-bottom: 30px;
    height: 40px;
    padding: 0 40px;
    cursor: grab;
}
.project-list .item .description .slider:active {
    cursor: grabbing;	
}
.project-list .item .description .slider .slider-inner {
	position: relative;	
}
.project-list .item .description .slider ul {
	display: block;
	overflow: hidden;
}
.project-list .item .description .slider li {
	display: block;
	position: relative;
	float: left;
	padding-bottom: 10px;
}
.project-list .item .description .slider li:after {
	display: block;
	position: absolute;
	content: '';
	left: 0;
	right: 0;
	bottom: 0;
	height: 20px;
	opacity: 0;
	background: url(../img/bgr-002.png) center bottom no-repeat;
	-webkit-transition: all 0.3s ease 0s;
	   -moz-transition: all 0.3s ease 0s;
	    -ms-transition: all 0.3s ease 0s;
	     -o-transition: all 0.3s ease 0s;
	        transition: all 0.3s ease 0s;
}
.project-list .item .description .slider li.selected:after {
	opacity: 1;	
}
.project-list .item .description .slider li a {
	display: block;
	padding: 0 12px 15px 12px;
	font: normal 14px/24px 'Intro-Bold-Caps';
	color: #3a3636;
	white-space: nowrap;
	cursor: pointer;
	border-bottom: 1px solid #bababa;
	-webkit-transition: all 0.3s ease 0s;
	   -moz-transition: all 0.3s ease 0s;
	    -ms-transition: all 0.3s ease 0s;
	     -o-transition: all 0.3s ease 0s;
	        transition: all 0.3s ease 0s;
}
.project-list .item .description .slider li a:hover {
	color: #ff425f;	
}
.project-list .item .description .slider li a:active {
	color: #c21831;	
}
.project-list .item .description .slider li.selected a {
	color: #e41c39;
	border-color: transparent;	
}


.project-list .item.prj-color-e41c39 .description .slider li:after {	background: url(../img/bgr-002_e41c39.png) center bottom no-repeat; }
.project-list .item.prj-color-e41c39 .description .slider li a:hover { color: #ff425f; } 
.project-list .item.prj-color-e41c39 .description .slider li a:active { color: #c21831; }
.project-list .item.prj-color-e41c39 .description .slider li.selected a { color: #e41c39; } 

.project-list .item.prj-color-b20941 .description .slider li:after {	background: url(../img/bgr-002_b20941.png) center bottom no-repeat; }
.project-list .item.prj-color-b20941 .description .slider li a:hover { color: #d82f67; } 
.project-list .item.prj-color-b20941 .description .slider li a:active { color: #970837; }
.project-list .item.prj-color-b20941 .description .slider li.selected a { color: #b20941; } 

.project-list .item.prj-color-96bd0c .description .slider li:after {	background: url(../img/bgr-002_96bd0c.png) center bottom no-repeat; }
.project-list .item.prj-color-96bd0c .description .slider li a:hover { color: #b0d726; } 
.project-list .item.prj-color-96bd0c .description .slider li a:active { color: #80a10a; }
.project-list .item.prj-color-96bd0c .description .slider li.selected a { color: #96bd0c; } 

.project-list .item.prj-color-8aad35 .description .slider li:after {	background: url(../img/bgr-002_8aad35.png) center bottom no-repeat; }
.project-list .item.prj-color-8aad35 .description .slider li a:hover { color: #b3d75d; } 
.project-list .item.prj-color-8aad35 .description .slider li a:active { color: #75932d; }
.project-list .item.prj-color-8aad35 .description .slider li.selected a { color: #8aad35; } 

.project-list .item.prj-color-1e518c .description .slider li:after {	background: url(../img/bgr-002_1e518c.png) center bottom no-repeat; }
.project-list .item.prj-color-1e518c .description .slider li a:hover { color: #4477b2; } 
.project-list .item.prj-color-1e518c .description .slider li a:active { color: #1a4577; }
.project-list .item.prj-color-1e518c .description .slider li.selected a { color: #1e518c; } 

.project-list .item.prj-color-1848a8 .description .slider li:after {	background: url(../img/bgr-002_1848a8.png) center bottom no-repeat; }
.project-list .item.prj-color-1848a8 .description .slider li a:hover { color: #3e6ece; } 
.project-list .item.prj-color-1848a8 .description .slider li a:active { color: #143d8f; }
.project-list .item.prj-color-1848a8 .description .slider li.selected a { color: #1848a8; } 

.project-list .item.prj-color-3f7ecc .description .slider li:after {	background: url(../img/bgr-002_3f7ecc.png) center bottom no-repeat; }
.project-list .item.prj-color-3f7ecc .description .slider li a:hover { color: #65a4f2; } 
.project-list .item.prj-color-3f7ecc .description .slider li a:active { color: #366bae; }
.project-list .item.prj-color-3f7ecc .description .slider li.selected a { color: #3f7ecc; } 



.project-list .item .description .slider .btn-prev,
.project-list .item .description .slider .btn-next {
	display: block;
	position: absolute;
	z-index: 1;
	width: 40px;
	height: 40px;
	top: -5px;
	background-image: url(../img/spr-btn.png);
	background-repeat: no-repeat;	
}
.project-list .item .description .slider .btn-prev {
	left: -50px;
	background-position: -555px -5px;
}
.project-list .item .description .slider .btn-next {
	right: -50px;
	background-position: -605px -5px;
}
.project-list .item .description .slider .btn-prev:after,
.project-list .item .description .slider .btn-next:after,
.project-list .item .description .slider .btn-prev:before,
.project-list .item .description .slider .btn-next:before {
	display: block;
	position: absolute;
	content: '';
	width: 40px;
	height: 40px;
	top: 0;
	left: 0;
	background-image: url(../img/spr-btn.png);
	background-repeat: no-repeat;
	opacity: 0;
	-webkit-transition: all 0.3s ease 0s;
	   -moz-transition: all 0.3s ease 0s;
	    -ms-transition: all 0.3s ease 0s;
	     -o-transition: all 0.3s ease 0s;
	        transition: all 0.3s ease 0s;
}
.project-list .item .description .slider .btn-prev:before { background-position: -555px -55px; }
.project-list .item .description .slider .btn-prev:after { background-position: -555px -105px; }
.project-list .item .description .slider .btn-next:before { background-position: -605px -55px; }
.project-list .item .description .slider .btn-next:after { background-position: -605px -105px; }
.project-list .item .description .slider .btn-prev:hover:before,
.project-list .item .description .slider .btn-next:hover:before { 
	opacity: 1; 
} 
.project-list .item .description .slider .btn-prev:active:after,
.project-list .item .description .slider .btn-next:active:after { 
	opacity: 1; 
}


.project-list .item.prj-color-e41c39 .description .slider .btn-prev:before { background-position: -555px -55px; }
.project-list .item.prj-color-e41c39 .description .slider .btn-prev:after { background-position: -555px -105px; }
.project-list .item.prj-color-e41c39 .description .slider .btn-next:before { background-position: -605px -55px; }
.project-list .item.prj-color-e41c39 .description .slider .btn-next:after { background-position: -605px -105px; }

.project-list .item.prj-color-b20941 .description .slider .btn-prev:before { background-position: -905px -55px; }
.project-list .item.prj-color-b20941 .description .slider .btn-prev:after { background-position: -905px -105px; }
.project-list .item.prj-color-b20941 .description .slider .btn-next:before { background-position: -955px -55px; }
.project-list .item.prj-color-b20941 .description .slider .btn-next:after { background-position: -955px -105px; }

.project-list .item.prj-color-96bd0c .description .slider .btn-prev:before { background-position: -1005px -55px; }
.project-list .item.prj-color-96bd0c .description .slider .btn-prev:after { background-position: -1005px -105px; }
.project-list .item.prj-color-96bd0c .description .slider .btn-next:before { background-position: -1055px -55px; }
.project-list .item.prj-color-96bd0c .description .slider .btn-next:after { background-position: -1055px -105px; }

.project-list .item.prj-color-8aad35 .description .slider .btn-prev:before { background-position: -1105px -55px; }
.project-list .item.prj-color-8aad35 .description .slider .btn-prev:after { background-position: -1105px -105px; }
.project-list .item.prj-color-8aad35 .description .slider .btn-next:before { background-position: -1155px -55px; }
.project-list .item.prj-color-8aad35 .description .slider .btn-next:after { background-position: -1155px -105px; }

.project-list .item.prj-color-1e518c .description .slider .btn-prev:before { background-position: -1205px -55px; }
.project-list .item.prj-color-1e518c .description .slider .btn-prev:after { background-position: -1205px -105px; }
.project-list .item.prj-color-1e518c .description .slider .btn-next:before { background-position: -1255px -55px; }
.project-list .item.prj-color-1e518c .description .slider .btn-next:after { background-position: -1255px -105px; }

.project-list .item.prj-color-1848a8 .description .slider .btn-prev:before { background-position: -1305px -55px; }
.project-list .item.prj-color-1848a8 .description .slider .btn-prev:after { background-position: -1305px -105px; }
.project-list .item.prj-color-1848a8 .description .slider .btn-next:before { background-position: -1355px -55px; }
.project-list .item.prj-color-1848a8 .description .slider .btn-next:after { background-position: -1355px -105px; }

.project-list .item.prj-color-3f7ecc .description .slider .btn-prev:before { background-position: -1405px -55px; }
.project-list .item.prj-color-3f7ecc .description .slider .btn-prev:after { background-position: -1405px -105px; }
.project-list .item.prj-color-3f7ecc .description .slider .btn-next:before { background-position: -1455px -55px; }
.project-list .item.prj-color-3f7ecc .description .slider .btn-next:after { background-position: -1455px -105px; }






.project-list .item .description .info {
	margin-bottom: 17px;
	padding-right: 12px;
	text-align: left;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}
.project-list .item .description .info p {
	overflow: hidden;
	font: normal 15px/24px 'Intro-Light';
	color: #3a3636;
}
.project-list .item .description .info p b {
	display: block;
	float: left;
	width: 65px;
	font: normal 10px/24px 'Intro-Bold-Caps';
	color: #3a3636;
}
.project-list .item .description .info p span {
	display: block;
	overflow: hidden;
}

.project-list .item .description .links {
	margin-bottom: 28px;
	padding-left: 12px;
	text-align: left;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}
.project-list .item .description .links p {		
	margin-bottom: 12px;
}
.project-list .item .description .links p a {
	display: inline-block;
	position: relative;
	padding: 0 30px 0 50px;
	font: normal 14px/27px 'Intro-Bold-Caps';
	color: #3a3636;	
	white-space: nowrap;
	-webkit-transition: all 0.3s ease 0s;
	   -moz-transition: all 0.3s ease 0s;
	    -ms-transition: all 0.3s ease 0s;
	     -o-transition: all 0.3s ease 0s;
	        transition: all 0.3s ease 0s;
}
.project-list .item .description .links p a:hover { color: #ff425f; }
.project-list .item .description .links p a:active { color: #c21831; }

.project-list .item.prj-color-e41c39 .description .links p a:hover { color: #ff425f; }
.project-list .item.prj-color-e41c39 .description .links p a:active { color: #c21831; }

.project-list .item.prj-color-b20941 .description .links p a:hover { color: #d82f67; }
.project-list .item.prj-color-b20941 .description .links p a:active { color: #970837; }

.project-list .item.prj-color-96bd0c .description .links p a:hover { color: #b0d726; }
.project-list .item.prj-color-96bd0c .description .links p a:active { color: #80a10a; }

.project-list .item.prj-color-8aad35 .description .links p a:hover { color: #b3d75d; }
.project-list .item.prj-color-8aad35 .description .links p a:active { color: #75932d; }

.project-list .item.prj-color-1e518c .description .links p a:hover { color: #4477b2; }
.project-list .item.prj-color-1e518c .description .links p a:active { color: #1a4577; }

.project-list .item.prj-color-1848a8 .description .links p a:hover { color: #3e6ece; }
.project-list .item.prj-color-1848a8 .description .links p a:active { color: #143d8f; }

.project-list .item.prj-color-3f7ecc .description .links p a:hover { color: #65a4f2; }
.project-list .item.prj-color-3f7ecc .description .links p a:active { color: #366bae; }



.project-list .item .description .links p a:after {
	display: block;
	position: absolute;
	content: '';
	right: 0;
	top: 6px;
	width: 14px;
	height: 15px;
	background: url(../img/spr-btn.png) -318px -17px no-repeat;
}
.project-list .item .description .links p a:before {
	display: block;
	position: absolute;
	content: '';
	left: 0;
	top: 6px;
	width: 20px;
	height: 20px;
	background-image: url(../img/spr-btn.png);
	background-repeat: no-repeat;
}
.project-list .item .description .links p.detailed a:before { background-position: -366px -15px; }
.project-list .item .description .links p.behance a:before { background-position: -415px -15px; }
.project-list .item .description .links p.playmarket a:before { background-position: -464px -15px; }
.project-list .item .description .links p.internet a:before { background-position: -513px -15px; }

@media all and (max-width: 1100px) {
	.project-list .item .description .btn { width: 265px; }
}

@media all and (max-width: 1000px) {
	.project-list .item {
		height: auto;
	}
	.project-list .item .description {
		float: none !important;
		margin: 0 auto !important;
		width: auto !important;
	} 
	.project-list .description .wrapper {
		float: none !important;
		margin: 0 auto;
		width: auto;		
	}
	.project-list .item .description .outer {
		display: block;
		width: 90%;
		height: auto;
		margin: 0 auto;
		padding: 60px 0 0 0;
	}
	.project-list .item .description .logo a {
		float: none;		
	}
	.project-list .item .description .logo img {
		float: none;
		display: inline-block;
	}
	.project-list .item .description .title {
		text-align: center;
	}
	.project-list .item .description .info {
		display: inline-block;
		vertical-align: top;
		padding-right: 5px;
		margin-bottom: 25px;
		width: 49%;
	}
	.project-list .item .description .links {
		display: inline-block;
		vertical-align: top;
		padding-left: 5px;
		margin-bottom: 25px;
		width: 49%;
	}	
	.project-list .item .description .btn {
		position: absolute;
		z-index: 2;
		left: 50%;
		margin-left: -133px;
		bottom: 70px;
	}
}

@media all and (max-width: 550px) {
	.project-list .item .description .btn { bottom: 60px; }	
}

@media all and (max-width: 500px) {
	.project-list .item .description .info {
		display: block;
		width: 280px;
		margin: 0 auto 15px auto;		
	}
	.project-list .item .description .links {
		display: block;
		width: 280px;
		padding-left: 12px;
		margin: 0 auto 25px auto;	
	}	
	.project-list .item .description .btn { bottom: 45px; }
}



/* ************************************************************************** */



.project-list .item .photos {
	width: 59.5%;
	position: relative;
	z-index: 2;
	float: left;
	line-height: 0;
    text-align: center;
}
.project-list .item:nth-child(2n) .photos {
	float: right;
}

.project-list .item .photos:before {
	display: inline-block;
	height: 100%;
	vertical-align: bottom;
	width: 1px;
	background: none;
	content: '';
}
.project-list .item .photos .img-wrap {
	display: inline-block;
	max-width: 97%;
	vertical-align: bottom;
	
}


.project-list .item .photos .img-inner {
	max-width: 100%;
	position: relative;
}

.project-list .item .photos a {
	display: block;
}

.project-list .item .photos a img.big {
	display: block;	
	position: relative;
	bottom: -100px;
	max-height: 700px;
	max-width: 100%;
	opacity: 0;
	-webkit-transition: all 0.8s ease 0s;
	   -moz-transition: all 0.8s ease 0s;
	    -ms-transition: all 0.8s ease 0s;
	     -o-transition: all 0.8s ease 0s;
	        transition: all 0.8s ease 0s;
} 
.project-list .item .photos a img.big.view {
	opacity: 1;
	bottom: 0;	
}

.project-list .item .photos a:hover img.big {
	opacity: 0.7;	
}

.project-list .item .photos img.lens {
	display: block;
	border: 0 none;
	position: absolute;
	z-index: 2;
	-webkit-border-radius: 50%;
	 -khtml-border-radius: 50%;
	   -moz-border-radius: 50%;
	     -o-border-radius: 50%;
	        border-radius: 50%;
	-webkit-transform: scale(0);
	   -moz-transform: scale(0);
	    -ms-transform: scale(0);
	     -o-transform: scale(0);
	        transform: scale(0);	        
	-webkit-transition: -webkit-transform 0.6s cubic-bezier(.51, .09, .37, 1.37) 0s;
	   -moz-transition: -moz-transform 0.6s cubic-bezier(.51, .09, .37, 1.37) 0s;
	    -ms-transition: -ms-transform 0.6s cubic-bezier(.51, .09, .37, 1.37) 0s;
	     -o-transition: -o-transform 0.6s cubic-bezier(.51, .09, .37, 1.37) 0s;
	        transition: transform 0.6s cubic-bezier(.51, .09, .37, 1.37) 0s;
}
.project-list .item .photos img.lens.view {
	-webkit-transform: scale(1);
	   -moz-transform: scale(1);
	    -ms-transform: scale(1);
	     -o-transform: scale(1);
	        transform: scale(1);
}


.project-list .item .background {
	display: none;
	padding: 0 1%;
}
.project-list .item .background a {
	display: block;
}
.project-list .item .background a img {
	display: block;
	width: 100%;
	-webkit-transition: all 0.3s ease 0s;
	   -moz-transition: all 0.3s ease 0s;
	    -ms-transition: all 0.3s ease 0s;
	     -o-transition: all 0.3s ease 0s;
	        transition: all 0.3s ease 0s;
}
.project-list .item .background a:hover img {
	opacity: 0.7;
}


@media all and (max-width: 1000px) {
	.project-list .item .photos {
		display: none;
	}
	.project-list .item .background {
		display: block;
	}
}

/* ************************************************************************** */


.page-title {
	text-align: center;
	padding: 65px 0 0 0;
	margin-bottom: 65px; 
}
.page-title h1 {
	position: relative;	
	font: normal 40px/40px 'Intro-Bold-Caps';
	color: #3a3636;
	padding: 80px 0 25px 0;	
}
.page-title h1:before {
	display: block;
	position: absolute;
	content: '';
	width: 50px;
	height: 50px;
	top: 0;
	left: 50%;
	margin-left: -25px;	
	background: url(../img/spr-ico.png) 0 0 no-repeat;
}
.page-title p {
	font: normal 17px/24px 'Intro-Light';
	color: #3a3636;	
}


@media all and (max-width: 600px) {
	.page-title {
		padding: 110px 0 0 0;
		
	}
}


/* ************************************************************************** */

.page-bottom {
	padding-bottom: 100px;
}
.page-bottom .order-project {
	margin-bottom: 30px;
}

.page-bottom p.mail {
	font: normal 17px/24px 'Intro-Light';
	color: #3a3636;
	letter-spacing: 0.08em;
}
.page-bottom p.mail a {
	font: normal 14px/24px 'Intro-Bold-Caps';
	color: #f05b48;
	-webkit-transition: all 0.3s ease 0s;
	   -moz-transition: all 0.3s ease 0s;
	    -ms-transition: all 0.3s ease 0s;
	     -o-transition: all 0.3s ease 0s;
	        transition: all 0.3s ease 0s;
}
.page-bottom p.mail a:hover {
	color: #ff6e5b;
}
.page-bottom p.mail a:active {
	color: #d55241;
}
@media all and (max-width: 400px) {
	.page-bottom p.mail {
		letter-spacing: normal;	
	}
}



/* ************************************************************************** */


.services {	
}
.services .page-title h1:before {
	background-position: 0 0; 
} 

.services .list {
	text-align: center;
}
.services .list .item {
	display: inline-block;
	text-align: left;	
	vertical-align: top;
	width: 300px;
	padding-left: 70px;
	margin: 0 20px 55px 20px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}
.services .list .item h2 {
	font: normal 22px/26px 'Intro-Bold-Caps';
	color: #3a3636;	
	position: relative;
	margin-bottom: 30px;
}
.services .list .item h2:before {
	display: block;
	position: absolute;
	content: '';
	width: 50px;
	height: 50px;
	top: 0;
	left: 0;
	background-image: url(../img/spr-ico.png);
	background-repeat: no-repeat;
}
.services .list .item.web-design h2:before {
	top: -9px;
	left: -70px;
	background-position: 0 -50px;
}
.services .list .item.ui-design h2:before {
	top: -11px;
	left: -70px;
	background-position: -50px -50px;
}
.services .list .item.web-develop h2:before {
	top: -10px;
	left: -70px;
	background-position: -100px -50px;
}
.services .list .item.web-consult h2:before {
	top: -10px;
	left: -70px;
	background-position: -150px -50px;
}
.services .list .item p {
	font: normal 15px/24px 'Intro-Light';
	color: #3a3636;
	margin-bottom: 7px;	
}


@media all and (max-width: 400px) {
	.services .list .item {
		width: 280px;
	}
	.services .list .item h2 {
		font: normal 17px/24px 'Intro-Bold-Caps';
		margin-bottom: 20px;
	}	
}

/* ************************************************************************** */

.clients {
} 
.clients .page-title h1:before {
	background-position: -50px 0; 
}
.clients .list {
	display: table;
	clear: both;
	width: 100%;	
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 90px;
}
.clients .list .row {
	display: table-row;
}
.clients .item {
	display: table-cell;
	border: 1px solid #dbdbdb;
	height: auto;
	min-width: 310px;
}
.clients .item:first-child {
	border-left: none;
}

.clients .item .inner {
	position: relative;
	-webkit-transition: height 0.3s ease 0s;
	   -moz-transition: height 0.3s ease 0s;
	    -ms-transition: height 0.3s ease 0s;
	     -o-transition: height 0.3s ease 0s;
	        transition: height 0.3s ease 0s;
}
.clients .item .inner .logo {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	vertical-align: middle;
}
.clients .item .inner .logo img {
	display: inline-block;
	margin: 0 auto;	
	vertical-align: middle;
}
.clients .item .inner .logo:before {
	display: inline-block;
	width: 0;
	height: 100%;
	content: '';
	vertical-align: middle;
}
.clients .item .inner .info {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: left;
	vertical-align: middle;
	padding: 0 5% 0 10%;
	background-color: rgba(0, 0, 0, 0.75);
	overflow: hidden;
	opacity: 0;
	-webkit-transform: scale(0);
	   -moz-transform: scale(0);
	    -ms-transform: scale(0);
	     -o-transform: scale(0);
	        transform: scale(0);
	-webkit-transition: all 0.4s ease 0s;
	   -moz-transition: all 0.4s ease 0s;
	    -ms-transition: all 0.4s ease 0s;
	     -o-transition: all 0.4s ease 0s;
	        transition: all 0.4s ease 0s;
}
.clients .item .inner:hover .info {
	opacity: 1;
	-webkit-transform: scale(1);
	   -moz-transform: scale(1);
	    -ms-transform: scale(1);
	     -o-transform: scale(1);
	        transform: scale(1);	
}



.clients .item .inner .info .wrapper {
	display: table;
	height: 100%;
	width: 100%;
	
}
.clients .item .inner .info .outer {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
}
.clients .item .inner .info p {
	overflow: hidden;
	font: normal 15px/24px 'Intro-Light';
	color: #fff;
}
.clients .item .inner .info p b {
	display: block;
	float: left;
	width: 100px;
	font: normal 10px/24px 'Intro-Bold-Caps';
	color: #fff;
}
.clients .item .inner .info p span {
	display: block;
	overflow: hidden;
}



.clients .item .inner .info a.detailed {
	display: inline-block;
	position: relative;
	margin-top: 35px;
	padding: 0 25px 0 48px;
	font: normal 14px/27px 'Intro-Bold-Caps';
	color: #fff;	
	white-space: nowrap;
	-webkit-transition: all 0.3s ease 0s;
	   -moz-transition: all 0.3s ease 0s;
	    -ms-transition: all 0.3s ease 0s;
	     -o-transition: all 0.3s ease 0s;
	        transition: all 0.3s ease 0s;
}
.clients .item .inner .info a.detailed:hover { color: #ff6e5b; }
.clients .item .inner .info a.detailed:active { color: #d55241; }
.clients .item .inner .info a.detailed:after {
	display: block;
	position: absolute;
	content: '';
	right: 0;
	top: 6px;
	width: 14px;
	height: 15px;
	background: url(../img/spr-btn.png) -718px -17px no-repeat;
}
.clients .item .inner .info a.detailed:before {
	display: block;
	position: absolute;
	content: '';
	left: 0;
	top: 4px;
	width: 20px;
	height: 20px;
	background-image: url(../img/spr-btn.png);
	background-repeat: no-repeat;
	background-position: -666px -15px;
}

/* ************************************************************************** */

.new-project {	
}
.new-project .page-title h1:before {
	background-position: -100px 0;	
}
.new-project .form-wrap {
	text-align: center;	
	padding-bottom: 125px;
}
.new-project .form-wrap form {
	font-size: 0;
	line-height: 0;
	letter-spacing: -1px;		
	display: table;
	width: 760px;
	margin: 0 auto;
}

.new-project .form-wrap form .field.email {
	width: 370px;
	margin-right: 20px;	
}
.new-project .form-wrap form .field.phone {
	width: 370px;	
}

.new-project .form-wrap form .field.budget {
	width: 370px;
	margin-right: 20px;		
}

.new-project .form-wrap form .field.subject {
	width: 370px;	
}

.new-project .form-wrap form .field.file {
	margin-bottom: 70px;		
}


.new-project .form-wrap form .bottom .btn-big {
	width: 280px;
}



@media all and (max-width: 800px) {
	.new-project .form-wrap {
		margin-top: -20px;
	}
	.new-project .form-wrap form {
		display: block;
		width: auto;
		padding: 0 20px;
	}
	.new-project .form-wrap form .field.email,
	.new-project .form-wrap form .field.phone,
	.new-project .form-wrap form .field.budget,
	.new-project .form-wrap form .field.subject {
		width: 100%;
		margin-right: 0;		
	}
	.new-project .form-wrap form .field.file {
		margin-bottom: 40px;		
	}

}