/* CSS Document */

html, body { border:0; margin:0; padding:0; }
div, p, h1, h2, h3, h4, h5, h6 { line-height:1.2; }
html, img, em, span, ul, li, h1, h2, h3, h4, h5, h6, form, input.form-submit, table { background:none; border:0; margin:0; padding:0; font-weight:normal !important; font-style:normal; font-variant:normal; font-size-adjust:none; }
body { color:#141619;background-color:#f6f6f6; font-family:PROX, sans-serif; font-size:14px; }
a { color:inherit; text-decoration:none; }

img { max-width:100%; height:auto; width:auto;}
iframe, object, embed { max-width:100%; height:auto; width:auto; /* ie 8 */ }

.black { background-color:#141619; color:#f6f6f6; }
#contAbout .col { color:#d4d4d4; }

h1{ padding:50px 70px; text-align:center; font-family:PROX_L; font-size:44px; text-transform:uppercase; }
h2{ padding:140px 0 20px; text-align:center; font-family:PROX_XB,sans-serif; font-size:76px; letter-spacing:5px; text-transform:uppercase; }
h3 { font-family:PROX_BLACK,sans-serif; font-size:15px; line-height:33px; letter-spacing:2px; margin-bottom:20px; text-transform:uppercase; }
.black h3 { color:#f6f6f6; }
	#contContent h2 { padding-bottom:0; }
	#contContent h3 { text-align:center; font-size:24px; margin-bottom:50px; }

.sublines { background-color:#141619; color:#f6f6f6; text-align:center; }
.sublines span { color:#f6f6f6; font-family:PROX_B; }

#headerWrap { position:relative; }

#footer { padding:0 10px 30px; margin-top:150px; }
#footerLogo { width:150px; height:150px; margin:0 auto; padding-top:50px; }
#footerLogo img { width:150px; height:150px; }
.footer.cont { padding:20px 0; color:#b1b1b1; text-align:center; text-transform:uppercase; }
.footer.cont div { font-family:PROX,sans-serif; font-size:12px; letter-spacing:1px; line-height:20px; }
.footer.cont span { color:#f6f6f6; }

.menuIcon { position:absolute; top:20px; left:20px; width:45px; height:50px; background:url(../images/menu_icon_smart.png) center 0 no-repeat; cursor:pointer; display:none; }
.menuIcon:hover { background-position:center -65px; }
	.black .menuIcon { margin:0; padding-top:30px; background-position:center 30px; }
	.black .menuIcon:hover { background-position:center -52px; }

#mainMenu { position:absolute; bottom:10px; width:100%; text-align:center; color:#fff; font-size:13px; }
#mainMenu.collapsed { display:none; }
#mainMenu .item { display:inline-block; margin:5px 20px; }
#mainMenu .item:hover { color:#9e0000; }

#collapsableMenu #mainMenu { display:none; position:fixed; top:20%; bottom:auto; width:100%; font-size:30px; color:#b1b1b1; }
#collapsableMenu #mainMenu .item { display:block; margin:10px; padding:5px 0; background-color:#363a40; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; }

@media screen and (max-height:350px) {
	#collapsableMenu #mainMenu { top:5px; }
}

input, textarea { width:93%; height:30px; margin-bottom:20px; border:1px solid #ccc; padding:0 3%; font-family:PROX, sans-serif; font-size:14px; }
textarea { height:200px; resize:vertical; padding:7px 3%; }
input[type='button'] { font-family:PROX_XB, sans-serif; font-size:12px; letter-spacing:2px; height:auto; width:100%; color:#f6f6f6; padding:10px; background-color:#141619; text-transform:uppercase; cursor:pointer; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; }
input[type='button']:hover { color:#9e0000 }
input.error, textarea.error { border-color:#9e0000; }
#response { color #d4d4d4; color:#9e0000; font-family:PROX_B; font-size:18px; line-height:33px; margin-bottom:50px; display:none; padding-bottom:150px; }

/********************************** DESKTOP ***************************************/
#logoWrap { position:absolute; top:15%; width:100%; }
#headerLogo { width:24%; height:24%; margin:0 auto; }

.h2Logo { position:absolute; width:90px; height:50px; margin:12px 0 0 0; }

.cont { width:930px; margin:0 auto; }
img.wide { padding-top:150px; }

.col { width:33.333%; float:left; }
.col>div { padding:0 16px 20px; }
.col.first>div { padding:0 32px 20px 0; }
.col.last>div { padding:0 0 20px 32px; }

#contAbout .sublines { padding:50px 70px; font-family:SPINO_I; font-size:26px; line-height:36px; color:#d4d4d4; }
#contAbout .sublines span { font-size:24px; font-family:PROX_B,sans-serif; text-transform:uppercase; }
#contAbout img { padding-bottom:40px; }

#contactWrap { width:71.5%; }
#contactWrap .col>div { padding:0; line-height:23px; }
	#contContact .col { width:40%; float:left; }
	#contContact .col.first { width:60%; float:right; }
	#contContact .col.first>div { margin:0 27px 10px; }
	
.text { line-height:20px; }
.horPics { display:none; }
	#contWork .col img { display:none; }
	.horPics { clear:both; display:block; }
	.horPics>div { width:33.333%; float:left; }
	.horPics>div div { padding:0 16px; margin:30px 0 0; }
	.desktop .horPics>div.first div { padding:0 32px 0 0; }
	.desktop .horPics>div.last div { padding:0 0 0 32px; }

/********************************** TABLET ***************************************/
	.tablet #logoWrap { top:25%; }
	.tablet #headerLogo { width:30%; height:30%; }
	
	.tablet .cont { width:100%; }
	.tablet h1 { font-size:26px; padding:20px 25px; }
	.tablet h2 { font-size:58px; }
	.tablet .h2Logo { width:70px; height:40px; margin:8px 0 0 17px; }

	.tablet #contContent h3 { font-size:20px; }
	
	.tablet .col>div { padding:0 18px 20px !important; }
	
	.tablet .horPics>div div { padding:0 18px !important; margin:30px 0 0; }
	
.tablet #contactWrap { width:100%; }
.tablet #contactWrap .col>div { padding:0px 15px 20px; }
.tablet #contactWrap .col.first>div { padding-bottom:0 !important; }

/********************************** SMART ***************************************/
	.smart #logoWrap { top:25%; }
	.smart #headerLogo { width:30%; height:30%; }
	
	.smart .cont { width:100%; }
	.smart img.wide { padding-top:0; }

	.smart h1 { font-size:18px; padding:20px 25px; }
	.smart h2 { font-size:40px; }
	.smart .h2Logo { position:relative; margin-bottom:20px; width:70px; height:50px; width:100%; }
	.smart .h2Logo img { width:100%; height:100%; }
	.smart h2 { padding:20px 0 0; }
	.smart h3 { line-height:normal; }
	.smart #contContent h3 { font-size:14px; margin-bottom:30px; }
	
	.smart .col { width:100%; float:none; }
	.smart .col>div { text-align:center; padding:0 18px 20px !important; }
	.smart #contAbout .text { max-width:284px; margin:0 auto; }

	.smart #contWork img { margin-top:10px; }
	.smart #contWork .col img { display:block; margin:0 auto; padding-top:20px; }
	.smart .horPics { clear:both; display:none; }
	
	.smart #contAbout { font-size:14px; }
	.smart #contAbout .sublines { font-family:SPINO_I; font-size:100%; line-height:18px; padding:20px 25px; }
	.smart #contAbout .sublines span { font-family:PROX_B,sans-serif; font-size:93%; }
	.smart #contAbout img { padding-bottom:20px; }
	
.smart #contactWrap { width:100%; }
.smart #contContact .col { float:none; width:100%; }
.smart #contactWrap .col>div { padding:0px 15px 20px; margin:0; line-height:normal; }
.smart #contactWrap .col.first>div { padding-bottom:0 !important; }
.smart #response { padding-bottom:0px; font-size:16px; line-height:normal; }

.smart .footer.cont div { font-size:65%; letter-spacing:0px; line-height:16px; }
.smart #footer { margin:0; }

@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {  
   /* IE10+ specific styles go here */  
	#headerLogo { width:auto; height:auto; margin:0 auto; }
	#headerLogo img { width:24%; height:24%; margin:0 38%; }
	.tablet #headerLogo img, 
	.smart #headerLogo img { width:100%; height:auto; margin:0 auto; }
}