@charset "UTF-8";

html, body {width: 100%; height: 100%; margin: 0px; padding: 0px; background-color: #c43131; font-family: "HelveticaNeueLTStd-ThCn", "Arial", sans-serif; font-size: 18px;}
ul {list-style-type: none; margin: 0px; padding: 0px;}
a {color: #fff; text-decoration: none; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s;}
a:hover {color: #ff1111;}
h1 {font-size: 3.7em; line-height: 1.05em;}
h1, h2, h3, h4, h5, h6 {margin: 0px; padding: 0px; color: #f99; margin: 0px auto; margin-bottom: 30px; font-family: "HelveticaNeueLTStd-BdCn", "Arial", sans-serif;}
textarea {overflow: auto;}
input:focus, textarea:focus {outline: none; border: none;}
p {margin: 0px auto; margin-bottom: 20px; color: #fff; font-size: 1.5em; max-width: 1140px;}
strong {font-family: "HelveticaNeueLTStd-BdCn", "Arial", sans-serif;}

::-webkit-input-placeholder {color: #d03a3a;}
:-moz-placeholder {color: #d03a3a;}
::-moz-placeholder {color: #d03a3a;}
:-ms-input-placeholder {color: #d03a3a;}

html.device-ios body.menu-active {background-color: #000; overflow: hidden;}
html.device-ios body.menu-active .valign {top: 25%; -webkit-transform: none; -ms-transform: none; transform: none;}

#menu-holder.active .lightbox-bkg {display: block; opacity: 1; z-index: 999;}
#menu-holder.active .navToggle {background-color: #323232; background-position: -52px 0px;}
#menu-holder.active #menu {height: auto;}

#menu {z-index: 999; left: 0; right: 0; margin: 0 auto; position: fixed; width: 200px; height: 0px; overflow: hidden; text-align: center; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s;}
#menu a {font-family: "HelveticaNeueLTStd-BdCn"; font-size: .8em;}
#menu ul a {font-family: "HelveticaNeueLTStd-ThCn";}
#menu #menu-links {margin-bottom: 50px;}
#menu #menu-links li {margin-bottom: 30px;}
#menu #menu-links li a {font-size: 1.7em; text-transform: uppercase;}

#menu-social {margin-top: 20px;}
#menu-social li, #footer-social li {display: inline-block;}
#menu-social li a, #footer-social li a {display: block; height: 25px; width: 25px; overflow: hidden; text-indent: -9999px; margin: 0px 5px; background-image: url("../images/social-icons.png"); background-repeat: no-repeat; -webkit-transition: none; -moz-transition: none; transition: none;}
#menu-social li a#menu-social-fb, #footer-social li a#footer-social-fb {background-position: 0px 0px;}
#menu-social li a#menu-social-fb:hover, #footer-social li a#footer-social-fb:hover {background-position: 0px -25px;}
#menu-social li a#menu-social-tw, #footer-social li a#footer-social-tw {background-position: -25px 0px;}
#menu-social li a#menu-social-tw:hover, #footer-social li a#footer-social-tw:hover {background-position: -25px -25px;}
#menu-social li a#menu-social-ln, #footer-social li a#footer-social-ln {background-position: -50px 0px;}
#menu-social li a#menu-social-ln:hover, #footer-social li a#footer-social-ln:hover {background-position: -50px -25px;}

#home {margin: 0px auto; padding: 0px; height: 100%; height: 100vh;}
#home .left {padding-left: 185px; padding-right: 55px; position: relative;}
#home .left img {width: 100%; max-width: 330px;}
#home .right {float: left; padding-left: 450px; padding-right: 185px; position: relative; text-align: left;}
#home p {margin: 0px; color: #fff; width: 90%; max-width: 435px; font-size: 1em;}

#home-background {background-image: url("../images/home-bkg.jpg"); background-repeat: no-repeat; background-position: bottom center; background-size: cover; width: 100%; height: 100%; position: fixed; z-index: 0;}

#home-solutions {margin-bottom: 50px;}
#home-solutions li {margin-bottom: 20px;}
#home-solutions li a {color: #ff9999; font-size: 2em; text-transform: lowercase;}
#home-solutions li a:hover {color: #fff;}

#our-work {display: none; position: absolute; right: 0px; z-index: 100; width: 135px; height: 153px; padding-top: 118px; background-image: url('../images/see-our-work.png'); background-repeat: no-repeat;}
#our-work a {display: block; text-indent: -9999px; height: 43px;}

#container {background-image: url("../images/red-bkg.gif"); background-repeat: repeat-x; background-position: bottom;}

#page_about {text-align: center; padding-top: 300px; padding-bottom: 150px;}
#page_about h1 {max-width: 1000px; padding: 0px 50px;}
#page_about p {padding: 0px 50px;}

#page_solutions {text-align: center; padding-top: 300px; padding-bottom: 150px;}
#page_solutions h1 {max-width: 1000px; padding: 0px 50px;}
#page_solutions #solutions-icons {margin-top: 50px;}
#page_solutions #solutions-icons li {width: 20%; margin: 0px 25px; margin-bottom: 25px; display: inline-block; position: relative; height: 300px;}
#page_solutions #solutions-icons li h5 {font-size: 1.2em; margin: 15px 0px; white-space: nowrap;}
#page_solutions #solutions-icons li p {height: 100px; font-size: .96em; display: block; position: absolute; width: 100%;}

#page_contact {padding-top: 150px; padding-bottom: 150px;}
#page_contact label {display: block; position: absolute; font-size: 1em; color: #fff; font-family: 'HelveticaNeueLTStd-BdCn', "Arial", sans-serif; text-align: right; width: 100px; margin-top: 12px; margin-left: -115px;}
#page_contact h1 {padding-left: 150px; margin-bottom: 50px;}

#page_contact #contact-form {width: 100%; max-width: 500px; margin: 0px; padding-left: 150px; float: left;}
#page_contact #contact-form input, #page_contact #contact-form textarea {font-family: "HelveticaNeueLTStd-LtCn", "Arial", sans-serif; height: 25px; padding: 10px; display: inline-block; width: 100%; background-color: #d03a3a; border: 1px solid #e45c5c; margin: 0px; color: #fff; font-size: 1em; margin-bottom: 20px; resize: none;}
#page_contact #contact-form input:focus, #page_contact #contact-form textarea:focus {border: 1px solid #f99;}
#page_contact #contact-form textarea {height: 200px; margin-bottom: 10px;}
#page_contact #contact-form input[type=submit] {font-family: 'HelveticaNeueLTStd-BdCn', "Arial", sans-serif; position: relative; left: 24px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; border: none; background: none; height: auto; text-transform: uppercase; padding: 0px; text-align: right; width: auto; float: right; cursor: pointer; font-size: 24px; color: #f99;}
#page_contact #contact-form input[type=submit]:hover {color: #fff;}
#page_contact #contact-form input[type=submit]:disabled {color: #d03a3a; cursor: default;}
#page_contact #contact-form #form_phone, #page_contact #contact-form #form_city {display: none;}
#page_contact #contact-form #message-status {position: absolute; margin: 0px; padding: 0px; padding-top: 5px; color: #fff;}

#page_contact #contact-text {line-height: 26px; color: #fff; margin-bottom: 40px; position: absolute; left: 720px;}
#page_contact #contact-text h3 {margin-bottom: 10px;}
#page_contact #contact-text a:hover {color: #fff; text-decoration: underline;}

#page_ourwork {position: relative; background-color: #fff; background-image: url("../images/white-bkg.gif"); background-repeat: repeat-x; background-position: bottom center; min-height: 300px; text-align: center; padding-top: 100px; padding-bottom: 100px;}
#page_ourwork h1 {color: #ff1111;}
#page_ourwork .back-to-top a {background-position: 0px -100px;}
#page_ourwork .back-to-top a:hover {background-position: 0px 0px;}

#work-thumbnails {width: 100%;}
#work-thumbnails li {width: 335px; height: 261px; display: inline-block; margin: 0px 15px; background-image: url("../images/work-tn-shadow.png"); background-repeat: no-repeat; background-position: bottom center;}
#work-thumbnails li .work-tn-holder {border: 1px solid #c8c8c8; width: 333px; height: 227px; margin: 0px; background-color: #fff; position: relative;}
#work-thumbnails li .work-tn-holder .work-tn-item {border: 1px solid #c8c8c8; width: 315px; height: 209px; margin: 8px auto;}
#work-thumbnails li .work-tn-holder .work-tn-item img {width: 315px; height: 209px;}
#work-thumbnails li .work-tn-holder .work-tn-item-overlay {cursor: default; background-color: transparent; width: 315px; height: 209px; position: absolute; top: 9px; left: 9px; filter:alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
#work-thumbnails li .work-tn-holder .work-tn-item-overlay:hover {background-color: rgba(255,17,17,0.96); filter:alpha(opacity=100); opacity: 1; -moz-opacity: 1; -khtml-opacity: 1;}
#work-thumbnails li .work-tn-holder .work-tn-item-overlay .work-tn-item-overlay-content {display: table-cell; vertical-align: bottom; width: 315px; height: 209px;}
#work-thumbnails li .work-tn-holder .work-tn-item-overlay .work-tn-item-overlay-content h3 {color: #fff; font-size: .96em; width: 80%; margin: 0px auto;}
#work-thumbnails li .work-tn-holder .work-tn-item-overlay .work-tn-item-overlay-content p {color: #fff; font-size: .92em; width: 80%; margin: 0px auto;}
#work-thumbnails li .work-tn-holder .work-tn-item-overlay .work-tn-item-overlay-content img.work-tn-icon {display: block; margin: 15px auto 20px auto;}
#work-thumbnails li .work-tn-holder .work-tn-item-overlay .work-tn-item-overlay-content a {width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; text-align: left; text-indent: -9999px;}

#footer {position: relative; background-color: #1f1f1f; color: #868686; font-size: .8em; font-family: "HelveticaNeueLTStd-LtCn", "Arial", sans-serif; padding: 40px 50px; line-height: 1.25em; padding-bottom: 35px;}
#footer .left {font-family: "HelveticaNeueLTStd-BdCn", "Arial", sans-serif;}

#footer-social {display: inline-block; margin-left: 20px; position: relative; top: 5px;}
#footer-social li a {margin: 0px; margin-right: 2px;}

.navToggle {z-index: 8000; position: fixed; width: 52px; height: 45px; right: 40px; margin: 0 auto; top: 40px; cursor: pointer; background-color: #fff; background-image: url("../images/navToggle-bkg.png"); background-repeat: no-repeat; background-position: 0px 0px;}
.lightbox-bkg {display: none; background: rgba(0,0,0,0.95); text-align: center; width: 100%; height: 150%; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; opacity: 0;}
.valign {position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.clear {clear: both;}
.page-holder {width: 90%; max-width: 1540px; margin: 0px auto; position: relative;}
.right {text-align: right; float: right;}
.left {float: left;}

.back-to-top {margin: 0px auto; height: 50px; width: 50px; position: absolute; bottom: 20px; left: 50%; margin-left: -25px;}
.back-to-top a {-webkit-transition: none; -moz-transition: none; transition: none; display: block; width: 100%; height: 100%; text-align: center; text-indent: -9999px; background-image: url('../images/backtotop.png'); background-repeat: no-repeat; background-position: 0px 0px;}
.back-to-top a:hover {background-position: 0px -50px;}

@media (max-width: 1660px) {
	#home .right {padding-left: 200px;}
}

@media (max-width: 1420px) {
	#home .left {padding-left: 60px;}
	#home .right {padding-left: 100px;}
}

@media (max-width: 1200px) {
	#home .left img {max-width: 245px;}
	#home-solutions li a {font-size: 1.75em;}
	#home .right {padding-left: 0px;}
	#page_contact h1 {padding: 0px 60px;}
	#page_solutions #solutions-icons li {width: 35%;}
	body #page_solutions {width: 100%; max-width: none;}
}

@media (max-width: 1000px) {
	h1 {line-height: 1em; font-size: 3.2em;}
	#home .left {float: none; margin-top: 0px !important; text-align: center; padding: 0px; padding-top: 60px; margin-bottom: 40px;}
	#home .right {float: none; margin-top: 0px !important; padding: 0px; text-align: center; padding-bottom: 40px;}
	.navToggle {top: 20px; right: 20px;}
	#home p {margin: 0px auto;}
	#page_contact h1 {text-align: center;}
	#page_contact #contact-text {position: static; text-align: center;}
	#page_contact label {text-align: left; position: static; margin-left: 0px;}
	#page_contact #contact-form {padding-left: 0px; float: none; margin: 0px auto; width: 90%; padding-right: 20px;}
}

@media (max-width: 800px) {
	#footer .right, #footer .left {float: none; text-align: center;}
	#footer .right {margin-top: 20px;}
	#footer-social {display: block; margin-left: 0px;}
}

@media (max-width: 750px) {
	body #page_solutions {width: 90%;}
	#page_solutions #solutions-icons li {width: 100%; display: block; margin: 0px; margin-bottom: 35px; height: auto;}
	#page_solutions #solutions-icons li p {height: auto; position: static; width: auto; margin: 0px auto; max-width: 350px;}
}

@media (max-width: 600px) {
	h1 {line-height: 1em; font-size: 2.5em;}
	#page_contact h1 {padding: 0px;}
	.navToggle {top: 0px; right: 0px; position: absolute; width: 100%;}
	.menu-active .navToggle {position: fixed;}
	#home .left {padding-top: 90px;}
	#our-work {display: none !important;}
	#home-solutions li {margin-bottom: 10px;}
	#home-solutions li a {font-size: 1.5em;}
	.valign {top: 80px; -webkit-transform: none; -ms-transform: none; transform: none;}
	#home {height: auto;}
}

@media (max-width: 385px) {
	#work-thumbnails {width: 275px; margin: 0px auto;}
	#work-thumbnails li {width: 100%; height: auto; padding-bottom: 32px; display: block; margin: 0px; background: none;}
	#work-thumbnails li .work-tn-holder {width: 100%; height: auto; margin: 0px;}
	#work-thumbnails li .work-tn-holder .work-tn-item {width: auto; height: auto; margin: 8px;}
	#work-thumbnails li .work-tn-holder .work-tn-item img {width: 257px; height: 171px; display: block;}
	#work-thumbnails li .work-tn-holder .work-tn-item-overlay {width: 257px; height: 171px;}
	#work-thumbnails li .work-tn-holder .work-tn-item-overlay .work-tn-item-overlay-content {width: 257px; height: 171px;}
	#work-thumbnails li .work-tn-holder .work-tn-item-overlay .work-tn-item-overlay-content h3 {font-size: .9em; width: 95%;}
	#work-thumbnails li .work-tn-holder .work-tn-item-overlay .work-tn-item-overlay-content img.work-tn-icon {width: 35px; margin: 10px auto 15px auto;}
	html body div.bx-controls {display: none;}
}

@media (max-height: 550px) {
	#menu {margin-bottom: 50px;}
	#menu #menu-links {margin-bottom: 20px;}
	#menu #menu-links li {margin-bottom: 15px;}
	#menu #menu-links li a {font-size: 1.2em;}
	#menu.valign {top: 80px; -webkit-transform: none; -ms-transform: none; transform: none; position: absolute;}
	.menu-active #home, .menu-active #container, .menu-active #page_ourwork, .menu-active #footer {display: none;}
	.menu-active .navToggle {position: absolute;}
	body.menu-active {background-color: #000;}
}

@font-face {
  font-family: 'HelveticaNeueLTStd-LtCn';
  src: url('/fonts/HelveticaNeueLTStd-LtCn.eot?#iefix') format('embedded-opentype'),
	   url('/fonts/HelveticaNeueLTStd-LtCn.otf') format('opentype'),
	   url('/fonts/HelveticaNeueLTStd-LtCn.woff') format('woff'),
	   url('/fonts/HelveticaNeueLTStd-LtCn.ttf') format('truetype'),
	   url('/fonts/HelveticaNeueLTStd-LtCn.svg#HelveticaNeueLTStd-LtCn') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'HelveticaNeueLTStd-BdCn';
  src: url('/fonts/HelveticaNeueLTStd-BdCn.eot?#iefix') format('embedded-opentype'),
	   url('/fonts/HelveticaNeueLTStd-BdCn.otf') format('opentype'),
	   url('/fonts/HelveticaNeueLTStd-BdCn.woff') format('woff'),
	   url('/fonts/HelveticaNeueLTStd-BdCn.ttf') format('truetype'),
	   url('/fonts/HelveticaNeueLTStd-BdCn.svg#HelveticaNeueLTStd-BdCn') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'HelveticaNeueLTStd-ThCn';
  src: url('/fonts/HelveticaNeueLTStd-ThCn.eot?#iefix') format('embedded-opentype'),
	   url('/fonts/HelveticaNeueLTStd-ThCn.otf') format('opentype'),
	   url('/fonts/HelveticaNeueLTStd-ThCn.woff') format('woff'),
	   url('/fonts/HelveticaNeueLTStd-ThCn.ttf') format('truetype'),
	   url('/fonts/HelveticaNeueLTStd-ThCn.svg#HelveticaNeueLTStd-ThCn') format('svg');
  font-weight: normal;
  font-style: normal;
}