@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
/* End CSS Reset
--------------------------------------------------------------------------------------------------*/
/* remember to define focus styles! */
:focus { outline: 0; }
/* =Toolkit
--------------------------------------------------------------------------------------------------*/
/* Micro Clearfix Hack by Nicholas Gallagher (http://nicolasgallagher.com/micro-clearfix-hack/) */
/* For modern browsers */
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
/* For IE 6/7 (trigger hasLayout) */
.cf { zoom: 1; }
.clear { clear: both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* ----- clear fix for floats ----- */
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
/* hides clearfix from IE-mac */
.clearfix { display: block; }
/* end hide from IE-mac */
/* general purpose classes */
.nodisplay { display: none; }
.nodisplay_strict { display: none !important; }
.alignleft { float: left; }
.alignnone { clear: both; font-size: 0; line-height: 0; margin: 0; padding: 0; border: 0; height: 0; width: 0; }
.alignright { float: right; }
/* End Toolkit
--------------------------------------------------------------------------------------------------*/
/* =Normalization - mostly derived from normalize.css (https://github.com/necolas/normalize.css/) but without comments and compressed to keep the file small
--------------------------------------------------------------------------------------------------*/
hr { display: block; height: 1px; border: 0; margin: 1em 0; padding: 0; border-top: 1px solid #cccccc;/* change border colour to suit your needs */
}
audio, canvas, video { display: inline-block;  *display: inline;
 *zoom: 1;
}
audio:not([controls]) { display: none; }

[hidden] {
 display: none;
}
html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body, button, input, select, textarea { font-family: sans-serif; }
a:hover, a:active { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
abbr[title] { border-bottom: 1px dotted; cursor: help; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
mark { background: #ff0; color: #000; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
small { font-size: 75%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: top; }
svg:not(:root) { overflow: hidden; }
fieldset { border: 1px solid #c0c0c0; margin: 0; padding: 0; }
legend { border: 0;  *margin-left: -7px;}
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline;  *vertical-align: middle;}
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button;  *overflow: visible;}
input, select { vertical-align: middle; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0;}
textarea { overflow: auto; vertical-align: top; }

::-moz-focus-inner {
 border: 0;
 outline: 0;
}
html { -webkit-text-size-adjust: none; }
input { -webkit-appearance: none; }
/* End Normalization
--------------------------------------------------------------------------------------------------*/
/* =Typography
--------------------------------------------------------------------------------------------------*/
@font-face { font-family: 'FuturaStd-Medium'; src: url("../fonts/futurastdmedium.eot"); src: url("../fonts/futurastdmedium.eot?#iefix") format("embedded-opentype"), url("../fonts/futurastdmedium.woff") format("woff"), url("../fonts/futurastdmedium.ttf") format("truetype"), url("../fonts/futurastdmedium.svg#futurastdmedium") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'montserratbold'; src: url("../fonts/montserrat-bold.eot"); src: url("../fonts/montserrat-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat-bold.woff") format("woff"), url("../fonts/montserrat-bold.ttf") format("truetype"), url("../fonts/montserrat-bold.svg#montserratbold") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'montserratregular'; src: url("../fonts/montserrat-regular.eot"); src: url("../fonts/montserrat-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat-regular.woff") format("woff"), url("../fonts/montserrat-regular.ttf") format("truetype"), url("../fonts/montserrat-regular.svg#montserratregular") format("svg"); font-weight: normal; font-style: normal; }
/* Setting up the fonts */

body { font-family: "FuturaStd-Medium"; color: #a9a8a8; background: #fff; font-size: 14px; line-height: 18px; padding: 109px 3.9%; }
/* End Typography
--------------------------------------------------------------------------------------------------*/

/* Headings
--------------------------------------------------------------------------------------------------*/
h1 { font-size: 25px; line-height: 30px; margin: 0 0 15px; text-decoration:underline;}
h2 { font-size: 20px; line-height: 24px; margin: 0 0 15px; }
h3 { font-size: 18px; line-height: 22px; margin: 0 0 15px;}
h4 { font-size: 16px; line-height: 20px; margin: 0 0 15px;}
h5 { font-size: 14px; line-height: 18px; margin: 0 0 15px;}
h6 { font-size: 12px; line-height: 14px; margin: 0 0 15px;}
h1, h2, h3, h4, h5, h6 { color: #323133;}
h1, h3, h4, h5, h6 { font-family: 'montserratbold'; font-weight:bold; }
h2 { font-family: 'montserratregular'; font-weight:normal; }

/* Links
--------------------------------------------------------------------------------------------------*/
a { text-decoration: none; color: #323133; cursor: pointer !important; font-size: 14px; line-height: 18px; font-family: 'montserratregular'; }
a:hover { text-decoration: none; color:#97999C}

/* Branding
--------------------------------------------------------------------------------------------------*/
p { padding: 0 0 25px 0; margin: 0; font-size: 14px; line-height: 18px; color: #97999c; font-family: 'montserratregular';}
p a{ color:#323133;}
ul li { background: url("../images/list-icon.png") no-repeat 0 10px; margin: 0; padding: 0 0 0 19px; font-size: 14px; line-height: 18px; color: #323133; font-family: 'montserratbold'; font-weight: normal; }
ul li a { font-size: 14px; line-height: 18px; color: #323133; }
ul li a:hover { text-decoration: none; color: #97999c; }
ul li strong { font-weight: 700; }
ul li em { font-style: italic; }
ul li ul { margin: 0 0 0 15px; }

/* Pleaceholder color */
::-webkit-input-placeholder { /* WebKit browsers */
    color:#323133; opacity:1;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#323133; opacity:1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#323133; opacity:1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:#323133; opacity:1;
}

/* Header */
header{ margin:0 0 109px;}
header #header_left { float: left; width: 17.8%; margin:0 1.5% 0 0; }
header #header_left .logo{ display:block; margin:0 0 20px; background: url(..//images/logo-desktop.png) no-repeat; width:82px; height:72px;}
header #header_left span { font-size: 14px; line-height: 18px; color: #97999c; font-weight: bold; display: block; font-family: 'montserratbold'; display:block;}
header #header_right { float: left; width: 70.9%; }
header .menu_icon_mobile{ display:none;}
header .navigation{ float:left; width:34.4%;}
header #header_right p{ width:51%; float:left; font-family: 'FuturaStd-Medium';}

/* Contain */
#contain{}
#contain #contain_left{ float:left; width: 17.8%; margin:0 1.5% 0 0; height:1px;}
#contain #contain_right{ float:left; width: 70.9%;}
#contain #contain_right .project_list{ padding:0 0 40px;}
#contain #contain_right .project_list li{ float:left; width:32.1%; margin:0 1.85% 20px 0; padding:0; background:none; position:relative; overflow:hidden;}
#contain #contain_right .project_list li.last{ margin-right:0;}
#contain #contain_right .project_list li img{ width:100%; -webkit-transition: all 0.4s ease-in-out 0.5s; -moz-transition: all 0.4s ease-in-out 0.5s; -o-transition: all 0.4s ease-in-out 0.5s;   -ms-transition: all 0.4s ease-in-out 0.5s; transition: all 0.4s ease-in-out 0.5s;}
#contain #contain_right .project_list li .mask{ position:absolute; left:0; top:0; height:100%; width:100%; background:url(../images/product-hover.png) repeat; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.3s ease-in 0.4s; -moz-transition: all 0.3s ease-in 0.4s; -o-transition: all 0.3s ease-in 0.4s; -ms-transition: all 0.3s ease-in 0.4s; transition: all 0.3s ease-in 0.4s; }
#contain #contain_right .project_list li .mask strong { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; background: transparent; margin: 80px 40px 0px 40px; -webkit-transform: scale(10); -moz-transform: scale(10); -o-transform: scale(10); -ms-transform: scale(10); transform: scale(10);   -webkit-transition: all 0.3s ease-in-out 0.1s; -moz-transition: all 0.3s ease-in-out 0.1s; -o-transition: all 0.3s ease-in-out 0.1s; -ms-transition: all 0.3s ease-in-out 0.1s; transition: all 0.3s ease-in-out 0.1s; font-size:39px; line-height:39px; display:block; text-align:center; font-family: 'montserratbold'; color:#323133; }
#contain #contain_right .project_list li .mask em{ background:#323133; height:2px; width:88px; display:block; margin:35px auto; -webkit-transform: scale(2); -moz-transform: scale(2); -o-transform: scale(2); -ms-transform: scale(2); transform: scale(2); -webkit-transition: all 0.1s ease-in-out 0.1s; -moz-transition: all 0.1s ease-in-out 0.1s; -o-transition: all 0.1s ease-in-out 0.1s; -ms-transition: all 0.1s ease-in-out 0.1s; transition: all 0.1s ease-in-out 0.1s;}
#contain #contain_right .project_list li .mask span { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(10); -moz-transform: scale(10); -o-transform: scale(10); -ms-transform: scale(10); transform: scale(10); -webkit-transition: all 0.3s ease-in-out 0.2s; -moz-transition: all 0.3s ease-in-out 0.2s;   -o-transition: all 0.3s ease-in-out 0.2s; -ms-transition: all 0.3s ease-in-out 0.2s; transition: all 0.3s ease-in-out 0.2s; font-size:19px; line-height:20px; color:#323133; font-weight:normal; font-family: 'montserratregular'; text-transform:uppercase; text-align:center; display:block;}
#contain #contain_right .project_list li:hover .mask { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition-delay: 0s;   -moz-transition-delay: 0s; -o-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s;}
#contain #contain_right .project_list li:hover img { -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s;}
#contain #contain_right .project_list li:hover strong { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transform: scale(1);   -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s;   -ms-transition-delay: 0.1s; transition-delay: 0.1s;}
#contain #contain_right .project_list li:hover em { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transform: scale(1);   -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s;   -ms-transition-delay: 0.1s; transition-delay: 0.1s;}
#contain #contain_right .project_list li:hover span { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transform: scale(1);  -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s;  -ms-transition-delay: 0.2s;  transition-delay: 0.2s;}

#contain #contain_right .loader{ background:url(..//images/loader.png) no-repeat; display:block; margin:0 auto; width:36px; height:106px; text-indent:-9999px;}
#contain #contain_right .loader_info{ display:none;}
.product_loader{ background:url(..//images/detail-loader.png) no-repeat; display:block; margin:0 auto; width:94px; height:80px;}

/* Project Detail */
#project_detail{ margin:0 0 30px;}
#project_detail .product_detail_image{ margin:0 1.6% 10px 0; width:66.3%; float:left;}
#project_detail .product_detail_image img{ width:100%;}
#project_detail .product_detail_image h2{ margin: 0 0 25px;}
#project_detail .project_title{ padding:0 0 70px; width:32.1%; float:right;}
#project_detail .description{ margin:0; width:32.1%; float:right;}
#project_detail .description p{ padding:30px 0 0 0;}
#project_detail .description p:first-child{ padding:0;}


#product_relative_detail #product_relative_detail_left{ float:left; width:66.3%;}
#product_relative_detail #product_relative_detail_right{ float:right; width:32.1%;}
#product_relative_detail #product_relative_detail_left ul{}
#product_relative_detail #product_relative_detail_left ul li{ background:none; padding:0; width:48%; float:left; margin-bottom:38px;}
#product_relative_detail #product_relative_detail_left ul li a{ display:block;}
#product_relative_detail #product_relative_detail_left ul li img{ width:100%;}
#product_relative_detail #product_relative_detail_left ul li.right{ float:right;}

#product_relative_detail .award_links{}
#product_relative_detail .award_links span{ font-size:14px; line-height:18px; color:#323133; display:block; font-family: 'montserratbold';}
#product_relative_detail .award_links ul{ margin:0; padding:0;}
#product_relative_detail .award_links ul li{ padding:0; background:none; font-family: 'montserratregular';}
#product_relative_detail .award_links ul li a{ font-size:18px; line-height:22px; color:#323133; font-family: 'montserratregular';}
#product_relative_detail .award_links ul li a:hover{ color:#97999C;}

/* Get In Touch */
#get_in_touch{ display:none; border-top:3px solid #414042; padding:15px 0 0 0; margin: 0 3.4%; width: 93.2%;}
#get_in_touch ul{ padding:0; margin:0;}
#get_in_touch ul li{ background:none; padding:0; margin:0; font-size:14px; line-height:18px; text-transform:uppercase; font-family: 'montserratbold';}
#get_in_touch ul li a{ font-size:14px; line-height:18px; text-transform:uppercase; font-family: 'montserratbold';}

/* Contact */
#contact{}
#contact p{ color:#323133;}
#contact p a{ color:#323133; font-size:20px; line-height:28px; text-decoration:underline;}
#contact p a:hover{ color:#97999C;}
#contact form{ width:535px; margin:40px 0 0 0;}
#contact form input[type="text"], #contact form input[type="email"]{ border:none; background:url(..//images/form-border.png) repeat; font-size:20px; line-height:48px; color:#323133; width:535px; font-family: 'montserratregular'; margin:0; height:48px; padding-left:0; padding-right:0;}
#contact form textarea{ resize:none; border:none; background:url(..//images/form-border.png) repeat; font-size:20px; line-height:50px; color:#323133; width:535px; height:296px; font-family: 'montserratregular'; margin:0 0 30px; padding-left:0; padding-right:0; height:299px\9;}
@-moz-document url-prefix() { 
  #contact form textarea{
     height:300px;
  }
}
#contact form input[type="submit"]{ font-size:20px; line-height:28px; color:#323133; background:none; border:none; font-family: 'montserratregular'; float:right; margin:0; padding:0;}
#contact form input[type="submit"]:hover{ color:#A9A8A8;}
#contact form .input_block{ position: relative;}
#contact form div.error-inner{ position: absolute;right: 0;top: 15px; color:red;}

@media only screen and (min-width: 1024px) and (max-width: 1400px) {
	h1 { font-size: 25px; line-height: 26px; margin: 0 0 10px;}
	h2 { font-size: 20px; line-height: 24px;}
	
	p { font-size: 14px; line-height: 18px; padding:0 0 15px;}
	
	/* Header */
	header{ margin:0 0 59px;}
	header #header_left span{ font-size:16px; line-height:20px;}
	
	/* Contain */
	#contain #contain_right { width: 70.9%;}
	#contain #contain_right .project_list li .mask strong{ font-size:20px; line-height:30px; margin:50px 40px 0;}
	#contain #contain_right .project_list li .mask span{ font-size:14px; line-height:30px; }
	#contain #contain_right .project_list li .mask em{ margin:10px auto;}
	
	/* Project Detail */
	#project_detail { margin: 0 0 30px;}
	#project_detail #project_detail_left { width: 56.3%;}
	#project_detail #project_detail_right { width: 40.1%;}
	
}
@media only screen and (min-width: 1024px) and (max-width: 1700px) {
	#project_detail .description { float:none; margin: 0; width:auto;}	
}
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
	body{ padding:49px 3.9%;}
	
	#project_detail .project_title{ padding:0 0 40px;}
	#project_detail .description{ float:none; width:auto;}
	
}
@media only screen and (width: 1024px) {
	#contain #contain_right .project_list li .mask strong{margin:40px 40px 0;}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	body{ padding:49px 3.9%;}
	p { font-size: 14px; line-height: 18px; padding:0 0 15px;}
	
	ul li a{ font-size:14px; line-height:18px;}
	
	/* Header */
	header{ margin:0 0 59px;}
	header #header_left span{ font-size:14px; line-height:18px;}
	header #header_right p { width: 65%;}
	
	/* Contain */
	#contain #contain_right { width: 79.9%;}
	#project_detail #project_detail_left{ width:56.3%;}
	#project_detail #project_detail_right{ width:42.1%;}
	#contain #contain_right .project_list li .mask strong{ font-size:18px; line-height:30px; margin:20px 0 0;}
	#contain #contain_right .project_list li .mask span{ font-size:14px; line-height:30px; }
	#contain #contain_right .project_list li .mask em{ margin:5px auto;}
	
	#project_detail .description{ float:left; width:100%;}
	#product_relative_detail{ margin:0 0 30px;}
	#product_relative_detail #product_relative_detail_left{ width:100%;}
	#product_relative_detail #product_relative_detail_right{ width:100%;}
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
	body{ background:#ebebec; padding:0 0 40px; max-width:767px; width:100%;}
	p{ font-size: 14px;}
	
	/* Header */
	header { margin: 0 0 50px;}
	header #header_left{ width:93.2%; border-bottom:3px solid #414042; margin:40px 3.4% 24px;}
	header #header_left .logo{ display:block; margin:0 auto 20px; background: url(..//images/logo_mobile.png) no-repeat; width:96px; height:87px;}
	header #header_left span{ display:none;}
	header #header_right{ width:100%; position:relative;}
	header .menu_icon_mobile{ display:block; background:#fff; padding:17px 3.4%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
	.menu_icon_mobile span{ display:block; background:#fff url(..//images/menu-icon.png) no-repeat right center; font-size:22px; line-height:28px; color:#393839; font-family: 'montserratbold'; text-transform:uppercase; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
	.menu_icon_mobile.active span{ background:#fff url(..//images/menu-icon-active.png) no-repeat right center; }
	.menu_icon_mobile:hover span, .menu_icon_mobile:hover{ text-decoration:none;}
	header #header_right p{ display:none;}
	header .navigation { float: left; width:93.2%;}
	.navigation{ background:#fff; padding:0 3.4%; /*position:absolute;*/ left:0; top:62px; z-index:9; width:93.2%; display:none;}
	.navigation li{ background:none; padding:11px 0;}
	.navigation li a{ font-size:22px; line-height:28px; font-family: 'montserratbold';}
	
	/* Contain */
	#contain{ width:93.2%; margin:0 3.4% 20px;}
	#contain #contain_left{ display:none;}
	#contain #contain_right{ width:100%;}
	#contain #contain_right .project_list li{ width:100%; margin-right:0;}
	#contain #contain_right .loader{ background:url(..//images/load-more.png) no-repeat center bottom; display:block; margin:0 auto; width:140px; height:60px; }
	#contain #contain_right .loader_info{ font-size:22px; line-height:24px; color:#393839; font-family: 'montserratbold'; text-indent:0; text-align:center; display:block;}
	#contain #contain_right .project_list li .mask strong{ font-size:24px; line-height:30px; margin:50px 0 0;}
	#contain #contain_right .project_list li .mask span{ font-size:20px; line-height:30px; }
	#contain #contain_right .project_list li .mask em{ margin:15px auto;}
	
	/* Project Detail */
	#project_detail .project_title{ width:100%; margin:0; padding:0 0 10px;}
	#project_detail .product_detail_image{ width:100%; margin:0;}
	#project_detail .product_detail_image img{ margin:0 0 35px;}
	#project_detail .description{ width:100%; margin:0;}
	
	#product_relative_detail{ margin:0 0 20px;}
	#product_relative_detail #product_relative_detail_left{ width:100%;}
	#product_relative_detail #product_relative_detail_left ul { margin: 0 0 20px;}
	#product_relative_detail #product_relative_detail_left ul li{ width:100%; margin:0 0 20px;}
	#product_relative_detail #product_relative_detail_right{ width:100%; display:block;}
	.product_loader{ background:url(..//images/detail-loader-mobile.png) no-repeat; display:block; margin:0 auto 44px; width:42px; height:36px;}
	#project_detail #project_detail_right{ width:100%; display:none;}
	
	/* Get In Touch */
	#get_in_touch{ display:block;}
	
	/* Contact */
	#contact p a{ font-size:20px;}
	#contact p{ font-size:20px;}
	#contact form{ width:100%; }
	#contact form input[type="text"], #contact form input[type="email"]{ width:100% !important;}
	#contact form textarea{ width:100%;}
}
@media only screen and (min-width: 480px) and (max-width: 568px) {
	#contain #contain_right .project_list li .mask strong{ font-size:28px; line-height:34px; margin:100px 0 0;}
	#contain #contain_right .project_list li .mask span{ font-size:24px; line-height:34px; }
	#contain #contain_right .project_list li .mask em{ margin:20px auto;}	
}
@media only screen and (min-width: 0px) and (max-width: 320px) {
	body{ max-width:320px; width:100%;}	
	#contact form{ width:295px; overflow:hidden;}
	#contact form input[type="text"], #contact form input[type="email"]{ width:100% !important; }
}
@media only screen and (-Webkit-min-device-pixel-ratio: 2),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
	header #header_left .logo{ background:url(..//images/logo_mobile@2x.png) no-repeat 0 0; background-size:cover; width:96px; height:87px;}	
	#contain #contain_right .loader{ background:url(..//images/load-more@2x.png) no-repeat center bottom; background-size:15px 46px; width:140px; height:60px; }
}