/******************************************************************************************************************/
/******************************************************************************************************************/
/***********************************************  CSS RESET  ******************************************************/
/******************************************************************************************************************/
/******************************************************************************************************************/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video
{margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;}

blockquote, q{quotes: none;}
blockquote:before, blockquote:after, q:before, q:after{content: ""; content: none;}
ins{background-color: #ff9; color: #000; text-decoration: none;}
mark{background-color: #ff9; color: #000; font-style: italic; font-weight: bold;}
del{text-decoration: line-through;}
abbr[title], dfn[title]{border-bottom: 1px dotted; cursor: help;}
table{border-collapse: collapse; border-spacing: 0;}
hr{display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
input, select{vertical-align: middle;}

select, input, textarea, button{font:99% sans-serif;}
pre, code, kbd, samp{font-family: monospace, sans-serif;}

html {overflow-y: scroll;}

a:hover, a:active{outline: none;}
ul, ol{margin-left: 0em;}
ol{list-style-type: decimal;}
nav ul, nav li{margin: 0; list-style:none; list-style-image: none;}
small{font-size: 85%;}
strong, th{font-weight: bold;}
td{vertical-align: top;}
sub, sup{font-size: 75%; line-height: 0; position: relative;}
sup{top: -0.5em;}
sub{bottom: -0.25em;}


pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }
textarea { overflow: auto; } 
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }

::-moz-selection{background: #328EFE; color:#fff; text-shadow: none;}
::selection {background:#328EFE; color:#fff; text-shadow: none;}
a:link {-webkit-tap-highlight-color: #328EFE;}
button {width: auto; overflow: visible;}

body, select, input, textarea{color: #3D3D3D;}
a, a:active{text-decoration:none;color:#117CDC;}
a:hover{color: #D7134F;}

.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix{display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
*html .clearfix {height:1px;}
.clearer{clear: both; height: 1px; line-height: 1px;}
.clear{clear: both;}


/******************************************************************************************************************/
/******************************************************************************************************************/
/*************************************************  LAYOUT  *******************************************************/
/******************************************************************************************************************/
/******************************************************************************************************************/
body, html{height:100%;}
body{background-color: #FFF;}
header{position: fixed; background: transparent; width:100%; height: 100px; z-index: 999;}
.header_bg{background: transparent url('images/header_bg.png') repeat 0 0;}
#body {padding-top: 100px;}
.no_padding{padding-top: 0px !important;}
#wrapper{margin: 0 auto -520px; width: 100%; background-color: white; min-height: 100%; height: auto !important; height: 100%;}
#push, footer{height:520px;}
footer{width:100%;}
p{font-family: 'Montserrat', sans-serif; color: #7b8493;}
@media(max-width:767px){
	header{height: 70px;}
	#body {padding-top: 70px;}
}

/******************* Menu *******************/
.nav > li.normalContact{display: none;}
.nav > li.slideContact{display: block;}
@media(max-width:767px){
	.nav > li.normalContact{display: block;}
	.nav > li.slideContact{display: none;}
}

/******************* Misc *******************/
div.clear{clear:both;}
.button{background-color: #FF630C; cursor: pointer; color: #fff; border: none; font-size: 16px; font-weight: bold; padding: 0px 17px 0; line-height: 34px; height: 33px;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;}
input:focus{outline: none;}
table.form{border-spacing:15px; border-collapse: separate; font-size:16px; width: 600px;}
table.form label{line-height:36px; font-size:15px; float:right; margin-right:15px; display:block;}
table.form input[type="text"], table.form input[type="password"]{background-color: #E7ECF2; color: #3F3F3F; border:none; font-size:16px; height:25px; width:350px; padding: 7px 0 5px 7px; font-size:15px;}
.rounded-corners{ -moz-border-radius: 3px; /* Firefox */ -webkit-border-radius: 3px; /* Safari, Chrome */ border-radius: 3px; /* CSS3 */  }
.quote_button{float: right; display: block; margin: 10px 50px 0 0 ; padding: 20px 35px; max-width: 300px; background: #FF5F0E; font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: bold; line-height: 18px; color: #ffffff; text-align: center;}
.quote_button:hover{color: #ffffff; background-color: #FF9008; text-decoration: none;}
.more_button{display: block; margin: 20px 0px; padding: 15px 10px; width: 130px; background: #3a69a4; font-family: 'Montserrat', sans-serif; font-size: 13px; font-weight: bold; line-height: 18px; color: #ffffff; text-shadow: none; text-align: center;}
.more_button:hover{background-color: #5d90bc; color: #ffffff;}
.last_p{padding-right: 0px !important;}
.last_m{margin-right: 0px !important;}

/******************* Fonts ********************/
body{font-family: 'Montserrat', sans-serif; font-size: 15px; line-height: 1.3em; }
h1{font-family: 'Ropa Sans', sans-serif; text-transform: uppercase; font-size: 100px; line-height: 100px;}
h2{font-family: 'Ropa Sans', sans-serif; text-transform: uppercase; font-size: 85px; line-height: 85px;}
h3{font-family: 'Ropa Sans', sans-serif; text-transform: uppercase; font-size: 50px; line-height: 50px;}
h4{font-family: 'Ropa Sans', sans-serif; text-transform: uppercase; font-size: 40px; line-height: 40px;}
.inner_subheading{margin: 0 0 20px 0; color: #FF5F0E; font-family: 'Montserrat', sans-serif; font-size: 18px; text-align: center; line-height: 1.3em;}
input, select, textarea{font-family: 'Montserrat', sans-serif; font-size: 13px;}
.button{font-family: 'Montserrat', sans-serif;}

/******************* Footer *******************/
footer .footer_menu{width: 100%; background-color: #2D3037;}
footer .footer_menu ul.fmenu{display: block; float: left; padding: 110px 0px 100px 0px; margin-left:0; list-style-type: none; width: 450px;}
footer .footer_menu ul.fmenu li{float:left; list-style:none; width: 225px; min-height: 165px;}
footer .footer_menu ul.fmenu li a{display: block; font-family: 'Montserrat', sans-serif; font-size: 13px; color:#7b87a4; font-weight: bold; line-height: 24px; letter-spacing: 0.1px; }
footer .footer_menu ul.fmenu li a:hover{color: #FF5F0E; text-decoration: none;}
footer .footer_menu ul.fmenu li p.first_element{margin-bottom: 15px; font-family: 'Montserrat', sans-serif; font-weight: bold; text-transform: uppercase; font-size: 14px; color: #ffffff; text-shadow: none;}
footer .footer_menu ul.fmenu li.selected a{color: black !important; font-weight:bold;}
footer .footer_menu ul.location{display: block; float: right; padding: 110px 0px 100px 0px; margin-left:0; list-style-type: none; width: 50%;}
footer .footer_menu ul.location li{float: left; list-style:none; width: 225px; min-height: 165px;}
footer .footer_menu ul.location li p{margin: 0px; font-family: 'Montserrat', sans-serif; color: #FFFFFF; text-shadow: none; line-height: 24px;}
footer .footer_menu ul.location p.first_element{margin-bottom: 15px; font-family: 'Montserrat', sans-serif; font-weight: bold; text-transform: uppercase; font-size: 14px; color: #ffffff; text-shadow: none;}
footer .footer_menu ul.location li a{display: block; font-family: 'Montserrat', sans-serif; font-size: 13px; color:#7b87a4; font-weight: bold; line-height: 24px; letter-spacing: 0.1px; }
footer .footer_menu ul.location li a:hover{color: #FF5F0E; text-decoration: none;}
footer .footer_menu ul.location li.footer_right{width: 280px;}
footer .footer_menu ul.location li.footer_right p.interesting{margin-top: 15px; color: #FF5F0F; font-family: 'Montserrat', sans-serif; font-size: 16px; text-shadow: none;}
footer .footer_menu ul.location li.footer_right .quote_button{margin-right: 0px; color: #ffffff; display: block; padding: 15px 25px; font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: bold; float: none;}
footer .footer_menu ul.location li.footer_right .quote_button:hover{color: #ffffff;}
footer .footer_menu ul.location li.footer_right a.linkedin { dispaly: block; margin-top: 10px; height: 32px; width: 32px; line-height: 32px; background: url('images/linkedin_icon-20.png') no-repeat 0 0; content: ""; text-decoration: none; }
footer .footer_terms{width: 100%; padding: 30px 0px 20px 0px; background-color: #14161B;}
footer .footer_terms ul{display: block; float: left;}
footer .footer_terms ul li{display: block; float: left;  margin-right: 10px;}
footer .footer_terms ul li a{display: block; color: #707070; font-size: 13px;}
footer .footer_terms p.copy{display: block; float: right; color: #707070; font-size: 13px; text-shadow: none;}
@media(min-width:1904px){
	footer .footer_menu ul.fmenu{width: 50%;}
}
@media(min-width:1200px){
	footer .footer_menu .container, footer .footer_terms .container{max-width: 100% !important; padding-left: 2%; padding-right: 2%;}
}
@media(max-width:991px){
	footer .footer_menu ul.fmenu{width: 360px; padding: 50px 0px;}
	footer .footer_menu ul.fmenu li{width: 180px;}
	footer .footer_menu ul.location{width: 360px; padding: 50px 0px;}
	footer .footer_menu ul.location li{width: 180px;}
}
@media(max-width:767px){
	footer .footer_menu ul.fmenu{display: none;}
	footer .footer_menu ul.fmenu, footer .footer_menu ul.location, footer .footer_terms ul{width: 100%;}
	footer .footer_menu ul.fmenu li{width: 50%;}
	footer .footer_menu ul.location{float: left;}
	footer .footer_terms p.copy{float: left; margin-top: 5px;}
}

/******************* Message *******************/
.message_info{background-color: #DDFFEE; border: 1px solid #00CC00; vertical-align: middle; text-align: left; font-weight: bold; font-size: 13px; font-size: 13px; padding: 5px 5px 5px 20px;}
.message_error{background-color: #FFC4C4; border: 1px solid #CC0000; vertical-align: middle; text-align: left; font-weight: bold; font-size: 13px; padding: 5px 5px 5px 20px;}
.message_warning{background-color: #FFFFB0; border: 1px solid #F19F56; vertical-align: middle; text-align: left; font-weight: bold; font-size: 13px; padding: 5px 5px 5px 20px;}
.message_hide{display: none;}
.message_error_hide{display: none !important;}


/***************************************** Home page **************************************************/
/******************* Intro ********************/
.home_intro{position: relative; background: url("images/home_intro_bg.png") no-repeat top center;}
.home_intro_rocket{position: absolute; bottom: 0px; background: url("images/cloud_rocket.png") no-repeat top center; height: 80%; width: 100%;}
.home_intro_content{position: absolute; bottom: 0px; margin: 0px auto; width: 100%; text-align: center;}
.home_intro_content img{display: block; margin: 0px auto; padding-bottom: 40px;}
.home_intro_content a.quote_button{margin: 0px auto; float: none; margin-bottom: 40px;}
.home_intro_content span{display: block; margin: 0px auto; margin-bottom: 20px; background: url("images/home_arrow.png") no-repeat 0px 0px; width: 19px; height: 10px; cursor: pointer;}
@media(max-width:801px){
	.home_intro{position: relative; background: url("images/home_intro_bg.png") no-repeat top center;}
	.home_intro_rocket{position: absolute; bottom: 0px; background: url("images/cloud_rocket_s.png") no-repeat top center; height: 80%; width: 100%;}
	.home_intro_content img{width: 70%;}
}
@media(max-width:600px){
	.home_intro_content img{display: block; margin: 0px auto; padding-bottom: 20px;}
	.home_intro_content a.quote_button{margin: 0px auto; float: none; margin-bottom: 20px; padding: 15px 20px; font-size: 14px;}
}

.home_area1{position: relative; background-color: #2A3954; padding-top: 50px; height: 850px;}
.home_area1 img{position: absolute; bottom: -1px; display: block; width: 22%; height: auto; margin-left: 10%;}
.home_area1 .text{position: absolute; bottom: 0px; right: 0px; width: 35%; text-align: left; padding-top: 50px; padding-bottom: 5%;  padding-right: 15px; margin-right: 10%;}
.home_area1 .text h2{color: #5884d4; letter-spacing: 8px; line-height: 85px;}
.home_area1 .text h2 span{display: block; font-family: 'Montserrat', sans-serif; margin-top: 0px; font-size: 30%; color: #FFFFFF; letter-spacing: 4px; line-height: 35px; text-transform: uppercase;}
.home_area1 .text p{color: #8299C1; width: 70%; padding-top: 20px;}
.home_area1 .text a.more_button{background-color: #FF5F0E;}

@media(max-width:1499px){
	.home_area1{height: 650px;}
}
@media(max-width:1199px){
	.home_area1{height: 550px;}
	.home_area1 img{width: 23%; margin-left: 5%;}
	.home_area1 .text{left: 50%; padding-bottom: 0px; margin-right: 0px; width: 55%;}
	.home_area1 .text h2{font-size: 75px;}
}
@media(max-width:991px){
	.home_area1{height: 450px;}
	.home_area1 img{width: 22%;}
	.home_area1 .text{left: 50%; padding-bottom: 0px; margin-right: 0px; width: 55%;}
	.home_area1 .text h2{margin: 0px auto; font-size: 55px; line-height: 40px; letter-spacing: 4px;}
}
@media(max-width:767px){
	.home_area1 img{width: 21%;}
	.home_area1 .text{left: 15px; padding-bottom: 0px; margin-right: 15px; width: 98.5%;}
	.home_area1 .text h2{display: block; text-align: center; font-size: 440%; padding-bottom: 30px;}
	.home_area1 .text h2 span{display: block;}
	.home_area1 .text p{padding-left: 45%; width: 90%;}
}
@media(max-width: 599px){
	.home_area1{height: 600px;}
	.home_area1 img{left: 37%; margin-left: 15px;}
	.home_area1 .text{text-align: center;}
	.home_area1 .text p{padding-left: 0px; padding-bottom: 36%; width:100%;}
	.home_area1 .text a.more_button{margin: 0px auto; margin-top: 10px; margin-bottom: 30px;}
}
@media(max-width: 480px){
	.home_area1{height: 550px;}
	.home_area1 .text h2{font-size: 300%; padding-bottom: 10px;}
	
}

.home_area2{position: relative; background-color: #E8B526; padding-top: 50px; height: 750px;}
.home_area2 img{position: absolute; bottom: -1px; right: 0px; display: block; width: 31%; height: auto; margin-right: 10%;}
.home_area2 .text{position: absolute; bottom: 0px; left: 0px; width: 35%; text-align: left; padding-top: 50px; padding-bottom: 5%;  padding-left: 15px; margin-left: 10%;}
.home_area2 .text h2{color: #ff5f0e; letter-spacing: 8px; line-height: 85px;}
.home_area2 .text h2 span{display: block; font-family: 'Montserrat', sans-serif; margin-top: 0px; font-size: 30%; color: #FFFFFF; letter-spacing: 4px; line-height: 35px; text-transform: uppercase;}
.home_area2 .text p{color: #7b4d15; width: 70%; padding-top: 20px;}
.home_area2 .text a.more_button{background-color: #3e5277;}

@media(max-width:1499px){
	.home_area2{height: 600px;}
	.home_area2 .text{padding-bottom: 1%;}
}
@media(max-width:1199px){
	.home_area2{height: 500px;}
	.home_area2 img{width: 33%; margin-right: 5%;}
	.home_area2 .text{right: 40%; padding-bottom: 0px; margin-left: 5%; width: 55%;}
	.home_area2 .text h2{font-size: 75px;}
}
@media(max-width:991px){
	.home_area2{height: 450px;}
	.home_area2 img{width: 33%;}
	.home_area2 .text{right: 40%; padding-bottom: 0px; margin-left: 5%; width: 55%;}
	.home_area2 .text h2{margin: 0px auto; font-size: 55px; line-height: 40px; letter-spacing: 4px;}
}
@media(max-width:767px){
	.home_area2{height: 500px;}
	.home_area2 img{width: 31%;}
	.home_area2 .text{right: 15px; padding-bottom: 0px; margin-right: 0px; margin-left: 3%;  width: 98.5%;}
	.home_area2 .text h2{display: block; text-align: center; font-size: 440%; padding-bottom: 30px;}
	.home_area2 .text h2 span{display: block;}
	.home_area2 .text p{padding-right: 45%;  width: 90%;}
}
@media(max-width: 599px){
	.home_area2{height: 600px;}
	.home_area2 img{left: 36%; margin-right: 15px;}
	.home_area2 .text{text-align: center; margin-left: 0px;}
	.home_area2 .text p{padding-right: 0px; padding-bottom: 33%; width:100%;}
	.home_area2 .text a.more_button{margin: 0px auto; margin-top: 10px; margin-bottom: 30px;}
}
@media(max-width: 480px){
	.home_area2{height: 600px;}
	.home_area2 .text h2{font-size: 300%; padding-bottom: 10px;}
}

.home_area3{position: relative; background-color: #F18B0F; padding-top: 50px; height: 750px;}
.home_area3 img{position: absolute; bottom: -1px; display: block; width: 31%; height: auto; margin-left: 10%;}
.home_area3 .text{position: absolute; bottom: 0px; right: 0px; width: 35%; text-align: left; padding-top: 50px; padding-bottom: 5%;  padding-right: 15px; margin-right: 10%;}
.home_area3 .text h2{color: #e83417; letter-spacing: 8px; line-height: 85px;}
.home_area3 .text h2 span{display: block; font-family: 'Montserrat', sans-serif; margin-top: 0px; font-size: 30%; color: #FFFFFF; letter-spacing: 4px; line-height: 35px; text-transform: uppercase;}
.home_area3 .text p{color: #5d3b11; width: 70%; padding-top: 20px;}
.home_area3 .text a.more_button{background-color: #2d3f5b;}

@media(max-width:1499px){
	.home_area3{height: 600px;}
	.home_area3 .text{left: 48%;}
}
@media(max-width:1199px){
	.home_area3{height: 500px;}
	.home_area3 img{width: 33%; margin-left: 5%;}
	.home_area3 .text{left: 50%; padding-bottom: 0px; margin-right: 0px; width: 55%;}
	.home_area3 .text h2{font-size: 75px;}
}
@media(max-width:991px){
	.home_area3{height: 450px;}
	.home_area3 img{width: 33%;}
	.home_area3 .text{left: 50%; padding-bottom: 0px; margin-right: 0px; width: 55%;}
	.home_area3 .text h2{margin: 0px auto; font-size: 55px; line-height: 40px; letter-spacing: 4px;}
}
@media(max-width:767px){
	.home_area3 img{width: 31%;}
	.home_area3 .text{left: 15px; padding-bottom: 0px; margin-right: 0px; width: 98.5%;}
	.home_area3 .text h2{display: block; text-align: center; font-size: 440%; padding-bottom: 30px;}
	.home_area3 .text h2 span{display: block;}
	.home_area3 .text p{padding-left: 45%; width: 90%;}
}
@media(max-width: 599px){
	.home_area3{height: 600px;}
	.home_area3 img{left: 33%; margin-left: 15px;}
	.home_area3 .text{text-align: center;}
	.home_area3 .text p{padding-left: 0px; padding-bottom: 33%; width:100%;}
	.home_area3 .text a.more_button{margin: 0px auto; margin-top: 10px; margin-bottom: 30px;}
}
@media(max-width: 480px){
	.home_area3{height: 550px;}
	.home_area3 .text h2{font-size: 300%; padding-bottom: 10px;}
	
}

.home_area4{position: relative; background-color: #F55B0D; padding-top: 50px; height: 750px;}
.home_area4 img{position: absolute; bottom: -1px; right: 0px; display: block; width: 31%; height: auto; margin-right: 10%;}
.home_area4 .text{position: absolute; bottom: 0px; left: 0px; width: 35%; text-align: left; padding-top: 50px; padding-bottom: 5%;  padding-left: 15px; margin-left: 10%;}
.home_area4 .text h2{color: #edba2a; letter-spacing: 8px; line-height: 85px;}
.home_area4 .text h2 span{display: block; font-family: 'Montserrat', sans-serif; margin-top: 0px; font-size: 30%; color: #FFFFFF; letter-spacing: 4px; line-height: 35px; text-transform: uppercase;}
.home_area4 .text p.subheading{color: #2A3954; font-size: 17px; line-height: 22px; padding: 40px 0px 10px 0px;}
.home_area4 .text p{color: #562f1b; width: 70%; padding-top: 20px;}
.home_area4 .text a.more_button{background-color: #2d3037;}

@media(max-width:1499px){
	.home_area4{height: 600px;}
	.home_area4 .text{padding-bottom: 1%;}
}
@media(max-width:1199px){
	.home_area4{height: 500px;}
	.home_area4 img{width: 33%; margin-right: 5%;}
	.home_area4 .text{right: 40%; padding-bottom: 0px; margin-left: 5%; width: 55%;}
	.home_area4 .text h2{font-size: 75px;}
}
@media(max-width:991px){
	.home_area4{height: 450px;}
	.home_area4 img{width: 33%;}
	.home_area4 .text{right: 40%; padding-bottom: 0px; margin-left: 5%; width: 55%;}
	.home_area4 .text h2{margin: 0px auto; font-size: 55px; line-height: 40px; letter-spacing: 4px;}
}
@media(max-width:767px){
	.home_area4{height: 500px;}
	.home_area4 img{width: 31%;}
	.home_area4 .text{right: 15px; padding-bottom: 0px; margin-right: 0px; margin-left: 3%;  width: 98.5%;}
	.home_area4 .text h2{display: block; text-align: center; font-size: 440%; padding-bottom: 30px;}
	.home_area4 .text h2 span{display: block;}
	.home_area4 .text p{padding-right: 45%;  width: 90%;}
}
@media(max-width: 599px){
	.home_area4{height: 600px;}
	.home_area4 img{left: 36%; margin-right: 15px;}
	.home_area4 .text{text-align: center; margin-left: 0px;}
	.home_area4 .text p{padding-right: 0px; padding-bottom: 33%; width:100%;}
	.home_area4 .text a.more_button{margin: 0px auto; margin-top: 10px; margin-bottom: 30px;}
}
@media(max-width: 480px){
	.home_area4{height: 600px;}
	.home_area4 .text h2{font-size: 300%; padding-bottom: 10px;}
}


/***************************************** Contact pages *************************************************/
.contact_area{background: #2A2E3B; position: absolute; width: 100%; z-index: 10; padding-top: 100px;}
#yourProjectArea.contact_area, #contactUsArea.contact_area{padding-top: 0px;}
.contact_area h1{padding: 60px 0 20px 0; margin: 0px; text-align: center; color: #ffbb00; font-size: 72px; line-height: 1em;}
.contact_area p{text-align: center;color: #8B92A2; font: normal 26px "Sanchez", sans-serif; text-shadow: none;}
.contact_area p a{color: #FF5E0D;}
.contact_area form{padding-bottom: 40px; text-align: center;}
.contact_area ul{padding: 40px 0px; margin: 0px 0px 30px 0px !important; text-align: left; border-bottom: 1px solid #444750;}
.contact_area ul li{display: block; float: left; width: 48%;}
.contact_area ul li:first-child{margin-right: 4%;}
.contact_area ul li label{display: block; margin: 15px 0px 3px 0px; color: #949494;}
.contact_area ul li input{display: block; padding: 10px; width: 100%; border: 0px;}
.contact_area ul li textarea{display: block; padding: 10px; width: 100%; height: 115px;  border: 0px;}
.contact_area ul li textarea.s_message{height: 187px;}
.contact_area ul li textarea#descriptionP{height: 187px;}
.contact_area ul li select{display: block; padding: 9px 10px 9px 10px; width: 100%;}
.contact_area input.quote_button{border: none !important; margin: 0px auto; float: none;}
.contact_slide_up{cursor: pointer; color: #FFBB00; display: block; margin-top: 15px;}
#contactUsArea{position: relative;}
#contactUsArea .secutity {position: relative; width: 100%;}
#contactUsArea .secutity .operation {float: left; width: 170px; }
#contactUsArea .secutity .operation p { float:left; text-align: center; color: #8E8E94; margin: 0px; font-size: 20px; line-height: 40px; }
#contactUsArea .secutity .operation p span { color: #8E8E94; line-height: 40px;}
#contactUsArea .secutity input{float:left; margin-top: 1px; width: 377px;}
#yourProjectArea{position: relative; z-index: 9;}
@media(max-width:1199px){
	#contactUsArea .secutity input{ width: 281px;}
}
@media(max-width:991px){
	#contactUsArea .secutity input{ width: 175px; }
}
@media(max-width:767px){
	.contact_area h1{padding: 30px 0 10px 0; font-size: 350%;}
	.contact_area p{font-size: 160%;}
	.contact_area ul{padding: 20px 0px;}
	.contact_area ul li{width: 100%; margin-right: 0px;}
	
	#contactUsArea .secutity input{ width: 100px; }
}
@media(max-width:480px){
	.contact_area h1{padding: 30px 0 10px 0; font-size: 300%;}
	.contact_area p{font-size: 140%;}
	.contact_area ul li{width: 100%; margin-right: 0px;}
}

#contactArea .secutity {position: relative; width: 100%;}
#contactArea .secutity .operation {float: left; width: 170px; }
#contactArea .secutity .operation p { float:left; text-align: center; color: #8E8E94; margin: 0px; font-size: 20px; line-height: 40px; }
#contactArea .secutity .operation p span { color: #8E8E94; line-height: 40px;}
#contactArea .secutity input{float:left; margin-top: 1px; width: 377px;}
@media(max-width:1199px){
	#contactArea .secutity input{ width: 281px; }
}
@media(max-width:991px){
	#contactArea .secutity input{ width: 175px; }
}
@media(max-width:767px){
	#contactArea .secutity input{ width: 100px; }
}
/*********** Recapcha ***********/
.contact_area #contactF li #recaptcha_area{width: 450px !important;}
.contact_area #contactF li #recaptcha_area .recaptchatable #recaptcha_response_field{bottom: 0 !important; margin: 4px 0 0 !important;}


/***************************************** Behind The Site **************************************************/
.behind{padding: 50px 0px; background: #EEEFF1 url('images/dot_pattern.png') repeat 0 0;}
.behind h1{text-align: center;}
.behind h4{padding: 20px 0px 10px 0px;}
.behind p.inner_subheading{margin-bottom: 30px;}
.behind b{font-weight: bold;}
.behind img{display: block; float: left; padding: 10px 20px 10px 0px; width: auto; height: auto;}
@media(max-width:767px){
	.behind h1{padding-top: 20px; font-size: 340%;}
	.behind h4{font-size: 180%;}
	.behind img{width: 50%;}
}
@media(max-width:480px){
	.behind h1{font-size: 240%;}
}


/***************************************** Privacy Polices **************************************************/
.privacy{padding: 50px 0px; background: #EEEFF1 url('images/dot_pattern.png') repeat 0 0;}
.privacy h1{text-align: center;}
.privacy h4{padding: 20px 0px 10px 0px;}
.privacy p.inner_subheading{margin-bottom: 30px;}
@media(max-width:767px){
	.privacy h1{padding-top: 20px; font-size: 340%;}
	.privacy h4{font-size: 180%;}
}
@media(max-width:480px){
	.privacy h1{font-size: 240%;}
}


/***************************************** Terms **************************************************/
.terms{padding: 50px 0px; background: #EEEFF1 url('images/dot_pattern.png') repeat 0 0;}
.terms p.inner_subheading{margin-bottom: 30px;}
.terms h1{text-align: center;}
.terms h4{padding: 20px 0px 10px 0px;}
@media(max-width:767px){
	.terms h1{padding-top: 20px; font-size: 340%;}
	.terms h4{font-size: 180%;}
}
@media(max-width:480px){
	.terms h1{font-size: 240%;}
}


/***************************************** Work page **************************************************/
.work_intro{background: url("images/home_intro_bg.png") no-repeat top center; height: 400px; text-align: center;}
.work_intro h1{color: #ACBDDD; padding-top: 150px;}
.work_intro p{margin: 0px auto; color: #FF5F0E; font-size: 18px; line-height: 26px; max-width: 650px;}
@media(min-width:1200px){
	.work_intro .container{max-width: 80% !important; padding-left: 2%; padding-right: 2%;}
}
@media(max-width:991px){
	.work_intro h1{font-size: 60px; line-height: 70px;}
}
@media(max-width:767px){
	.work_intro h1{font-size: 380%; line-height: 60px;}
}
@media(max-width:600px){
	.work_intro h1{padding-top: 100px;}
}
@media(max-width:480px){
	.work_intro h1{font-size: 320%; line-height: 50px; padding-top: 120px;}
}

.case_studie1{position: relative; background-color: #14486f; padding: 100px 0px;}
.case_studie2{background-color: #3A332D; padding: 100px 0px;}
.case_studie1 .work_project_container{width: 50%; float: left;}
.case_studie2 .work_project_container{width: 50%; float: right;}
.work_project_container h3{padding: 20px 0 10px 0; color: #ffffff; text-shadow: none;}
.work_project_container p.subtitle{padding: 0px 0 10px 0; font-family: 'Montserrat', sans-serif; font-size: 20px; text-shadow: none;}
.work_project_container p.description{color: #ffffff; text-shadow: none;}
.work_project_container a{display: block; margin: 10px 0 10px;}
.case_studie1 img{display: block; float: right; padding-top: 90px;}
.case_studie2 img{display: block; float: left; padding-top: 70px;}
.case_studie1 .work_project_container p.subtitle{color: #ffbc00; line-height: 26px;}
.case_studie2 .work_project_container p.subtitle{color: #ffbc00; line-height: 26px;}
.case_studie1 .work_project_container a.more_button{width: 220px; background-color: #FFBC00;}
.case_studie1 .work_project_container a.more_button:hover{background-color: #FF9008; text-decoration: none;}
.case_studie2 .work_project_container a.more_button{width: 220px; background-color: #FF9008;}
.case_studie2 .work_project_container a.more_button:hover{background-color: #FF5F0E; text-decoration: none;}
@media(min-width:1200px){
	.case_studie1 .container, .case_studie2 .container{max-width: 80% !important; padding-left: 2%; padding-right: 2%;}
}
@media(max-width:1199px){
	.case_studie1 img{padding-top: 125px;}
	.case_studie2 img{padding-top: 90px;}
}
@media(max-width:991px){
	.case_studie1, .case_studie2{text-align: center; padding: 50px 0px;}
	.case_studie1 .work_project_container, .case_studie2 .work_project_container{width: 100%; float: none;}
	.case_studie1 img, .case_studie2 img{float: none; margin: 0px auto; padding-top: 30px;}
	.case_studie1 .work_project_container a, .case_studie2 .work_project_container a{margin: 0px auto;}
}
@media(max-width:601px){
	.case_studie1 img, .case_studie2 img{width: 80%;}
	.work_project_container h3{font-size: 240%; line-height: 35px;}
}


/*********** Offervault Page ***********/
.offervault_intro{background: url("images/home_intro_bg.png") no-repeat top center; height: 400px; text-align: center;}
.offervault_intro h1{color: #ACBDDD; padding-top: 150px;}
.offervault_intro p{color: #FF5F0E; font-size: 18px; line-height: 26px;}
@media(min-width:1200px){
	.offervault_intro .container{max-width: 80% !important; padding-left: 2%; padding-right: 2%;}
}
@media(max-width:991px){
	.offervault_intro h1{font-size: 60px; line-height: 70px;}
}
@media(max-width:767px){
	.offervault_intro h1{font-size: 380%; line-height: 60px;}
}
@media(max-width:600px){
	.offervault_intro h1{padding-top: 100px;}
}
@media(max-width:480px){
	.offervault_intro h1{font-size: 320%; line-height: 50px; padding-top: 120px;}
}

.offervault_page{background-color: #FFFFFF;}
.offervault_page h1{text-align: center; line-height: 100px; padding-top: 50px;}
.project_intro{padding: 50px 50px; background-color: #14486f;}
.project_intro img{display: block; float: left; padding-top: 40px;}
.project_intro p{float: right; width: 380px; color: #73A7CE; font-family: 'Georgia'; font-size: 14px; font-style: italic; text-shadow: none;}
.project_intro p.project_owner{margin-top: 15px; width: 800px; text-align: right; color: #427BA6;}
@media(max-width:991px){
	.offervault_page h1{font-size: 80px;}
	.project_intro{padding: 20px 25px; text-align: center;}
	.project_intro img{padding: 0px; margin: 0px auto; float: none;}
	.project_intro p{float: none; width: auto; padding-top: 10px;}
	.project_intro p.project_owner{width: auto; text-align: right; color: #427BA6; padding-top: 0px;}
}
@media(max-width:767px){
	.offervault_page h1{font-size: 320%; line-height: auto; padding-top: 20px;}
}
@media(max-width:600px){
.project_intro img{width: 80%; height: auto;}
}

.project_background{position: relative; padding-top: 50px; height: 450px; border-bottom: 1px solid #FFBC01;}
.project_background_content{float: left; width: 50%;}
.project_background_content p{margin-top: 20px; line-height: 22px;}
.project_background_content p.back_first{font-weight: bold;}
.project_background img{display: block; position: absolute; bottom: 0px; right: 0px; z-index: 1; width: 43%; height: auto;}
@media(max-width:1199px){
	.project_background{height: 500px;}
	.project_background_content{width: 100%;}
	.project_background_content p{padding-right: 50%;}
}
@media(max-width:991px){
	.project_background{height: 550px;}
	.project_background_content p.back_first{padding-right: 0px;}
}
@media(max-width:767px){
	.project_background{height: 650px; text-align: center;}
	.project_background h3{font-size: 280%;}
	.project_background_content{padding-bottom: 200px;}
	.project_background_content p{padding: 0px;}
	.project_background img{display: block; position: absolute; bottom: 0px; right: 33%; z-index: 1; width: 35%; height: auto;}
}
@media(max-width:600px){
	.project_background_content{padding-bottom: 150px;}
}
@media(max-width:480px){
	.project_background{height: 750px;}
	.project_background img{display: block; position: absolute; bottom: 0px; right: 26%; z-index: 1; width: 50%; height: auto;}
}
@media(max-width:320px){
	.project_background{height: 850px;}
}

.project_challenge{margin-top: 40px; padding-bottom: 20px; border-bottom: 1px solid #FFBC01;}
.project_challenge h3{display: block; float: left; width: 25%; padding-bottom: 20px;}
.project_challenge_content{float: right; width: 65%;}
.project_challenge_content p{margin-bottom: 20px; line-height: 22px;}
@media(max-width:991px){
	.project_challenge h3{display: block; float: left; width: 30%;}
	.project_challenge_content{float: right; width: 60%;}
}
@media(max-width:767px){
	.project_challenge{text-align: center;}
	.project_challenge h3{display: block; float: none; width: auto; font-size: 280%;}
	.project_challenge_content{float: none; width: auto;}
}

.project_process{margin-top: 40px; padding-bottom: 20px; border-bottom: 1px solid #FFBC01;}
.project_process h3{display: block; float: left; width: 25%; padding-bottom: 20px;}
.project_process_content{float: right; width: 65%;}
.project_process_content p{margin-bottom: 20px; line-height: 22px;}
.project_process_content ul{margin: 0px !important;}
.project_process_content ul li{display: block; float: left; width: 52%; margin-right: 4%;}
.project_process_content ul li.last_m{width: 44%;}
.project_process_content ul li.last_m p{padding: 30px 0px; border-top: 1px solid #D3D3D3; border-bottom: 1px solid #D3D3D3; color: #888886;} 
@media(max-width:991px){
	.project_process h3{display: block; float: left; width: 30%;}
	.project_process_content{float: right; width: 60%;}
}
@media(max-width:767px){
	.project_process{text-align: center;}
	.project_process h3{display: block; float: none; width: auto; font-size: 280%;}
	.project_process_content{float: none; width: auto;}
}
@media(max-width:600px){
	.project_process_content ul li{display: block; float: left; width: 100%; margin-right: 0px;}
	.project_process_content ul li.last_m{width: 100%;}
}

.project_conclusions{margin-top: 40px; padding-bottom: 20px;}
.project_conclusions h3{display: block; float: left; width: 25%; padding-bottom: 20px;}
.project_conclusions_content{float: right; width: 65%;}
.project_conclusions_content p{margin-bottom: 20px; line-height: 22px;}
.project_conclusions_content img{display: block; width: 100%; height: auto;}
.project_conclusions_content a{display: block;}
.project_conclusions_content a.visit{float: left; margin-top: 20px; width: 200px; color: #888886 !important;}
.project_conclusions_content a.view{float: right; margin-top: 20px;}

@media(max-width:991px){
	.project_conclusions h3{display: block; float: left; width: 30%; line-height: 35px;}
	.project_conclusions_content{float: right; width: 60%;}
}
@media(max-width:767px){
	.project_conclusions{text-align: center;}
	.project_conclusions h3{display: block; float: none; width: auto; font-size: 280%;}
	.project_conclusions_content{float: none; width: auto;}
	.project_conclusions_content a.visit{width: auto;}
}


/*********** Xpress Boxes Page ***********/
.xpress_boxes_intro{background: url("images/home_intro_bg.png") no-repeat top center; height: 400px; text-align: center;}
.xpress_boxes_intro h1{color: #ACBDDD; padding-top: 150px;}
.xpress_boxes_intro p{color: #FF5F0E; font-size: 18px; line-height: 26px;}
@media(min-width:1200px){
	.xpress_boxes_intro .container{max-width: 80% !important; padding-left: 2%; padding-right: 2%;}
}
@media(max-width:991px){
	.xpress_boxes_intro h1{font-size: 60px; line-height: 70px;}
}
@media(max-width:767px){
	.xpress_boxes_intro h1{font-size: 380%; line-height: 60px;}
}
@media(max-width:480px){
	.xpress_boxes_intro h1{font-size: 320%; line-height: 50px;}
}
@media(max-width:600px){
	.xpress_boxes_intro h1{padding-top: 100px;}
}
@media(max-width:480px){
	.xpress_boxes_intro h1{font-size: 320%; line-height: 50px; padding-top: 120px;}
}

.xpress_boxes_page{background-color: #FFFFFF;}
.xpress_boxes_page h1{text-align: center; line-height: 100px; padding-top: 50px;}
.xpress_boxes_page .project_intro{padding: 50px 50px; background-color: #37302A;}
.xpress_boxes_page .project_intro img{display: block; float: left; padding-top: 0px;}
.xpress_boxes_page .project_intro p{float: right; width: 380px; color: #C3A581; font-family: 'Georgia'; font-size: 14px; font-style: italic;}
.xpress_boxes_page .project_intro p.project_owner{margin-top: 15px; width: 800px; text-align: right; color: #F2E8DC;}
@media(max-width:991px){
	.xpress_boxes_page h1{font-size: 80px;}
	.xpress_boxes_page .project_intro{padding: 20px 25px; text-align: center;}
	.xpress_boxes_page .project_intro img{padding: 0px; margin: 0px auto; float: none;}
	.xpress_boxes_page .project_intro p{float: none; width: auto; padding-top: 10px;}
	.xpress_boxes_page .project_intro p.project_owner{width: auto; text-align: right; color: #427BA6; padding-top: 0px;}
}
@media(max-width:767px){
	.xpress_boxes_page h1{font-size: 320%; line-height: auto; padding-top: 20px;}
}
@media(max-width:600px){
	.xpress_boxes_page .project_intro img{width: 80%; height: auto;}
}


/***************************************** Ecosystem page **************************************************/
.ecosystem_intro{background: url("images/home_intro_bg.png") no-repeat top center; height: 400px; text-align: center;}
.ecosystem_intro h1{color: #ACBDDD; padding-top: 150px;}
.ecosystem_intro p{margin: 0px auto; color: #FF5F0E; font-size: 18px; line-height: 26px; line-height: 26px; max-width: 650px;}
@media(min-width:1200px){
	.ecosystem_intro .container{max-width: 80% !important; padding-left: 2%; padding-right: 2%;}
}
@media(max-width:991px){
	.ecosystem_intro h1{font-size: 60px; line-height: 70px;}
}
@media(max-width:767px){
	.ecosystem_intro h1{font-size: 380%; line-height: 60px;}
}
@media(max-width:600px){
	.ecosystem_intro h1{padding-top: 100px;}
}
@media(max-width:480px){
	.ecosystem_intro h1{font-size: 320%; line-height: 50px; padding-top: 120px;}
}

.ecosystem_submenu{background-color: #27354E; text-align: center; border-bottom: 1px solid #F0F0F0;}
.ecosystem_submenu ul{margin: 0px auto; width: 710px; list-style-type: none !important;}
.ecosystem_submenu ul li{float: left;}
.ecosystem_submenu ul li a{display: block; padding: 30px 40px; color: #FFFFFF; font-size: 14px;}
.ecosystem_submenu ul li a:hover{background-color: #161E2F; color: #858585; text-decoration: none;}
@media(max-width:767px){
	.ecosystem_submenu{display: none;}
}

.dotkernel{padding: 100px 0px; background-color: #E9E9E9;}
.dotkernel h2{text-align: center; line-height: 100px;}
.dotkernel_desc{padding: 10px 0px;}
.dotkernel_desc img{display: block; float: left;}
.dotkernel_desc ul{display: block; width: 70%; float: right; padding-top: 60px;}
.dotkernel_desc ul li{display: block; float: left; width: 52%; margin-right: 4%;}
.dotkernel_desc ul li p{font-size 14px; line-height: 20px;}
.dotkernel_desc ul li.last_m{display: block; float: left; width: 44%;}
.dotkernel_desc ul li.last_m p{border-bottom: 1px solid #D3D3D3; border-top: 1px solid #D3D3D3; color: #888886; padding: 20px 0; font-size: 18px; line-height: 26px;}
@media(min-width:1200px){
	.dotkernel .container{max-width: 80% !important; padding-left: 2%; padding-right: 2%;}
}
@media(max-width:1199px){
	.dotkernel_desc ul{width: 65%; padding-top: 50px;}
}
@media(max-width:991px){
	.dotkernel h2{font-size: 70px; line-height: 70px;}
	.dotkernel_desc ul{padding-top: 10px;}
	.dotkernel_desc ul{width: 55%;}
}
@media(max-width:767px){
	.dotkernel h2{font-size: 340%;}
	.dotkernel_desc{text-align: center;}
	.dotkernel_desc img{display: block; float: none; margin:0px auto; width: 40%;}
	.dotkernel_desc ul{float: none; width: 100%; }
	.dotkernel_desc ul li, .dotkernel_desc ul li.last_m{margin: 0px; width: 100%;}
}

.php_ecosystem{padding: 100px 0px; background-color: #F7F4E7;}
.php_ecosystem h2{text-align: center; line-height: 100px;}
.php_ecosystem p{padding: 10px 0;}
.php_ecosystem_desc{text-align: center;}
.php_ecosystem_desc img{display: block; margin: 0px auto;}
@media(max-width:991px){
	.php_ecosystem h2{font-size: 70px; line-height: 70px;}
}
@media(max-width:767px){
	.php_ecosystem h2{font-size: 340%; line-height: 50px;}
	.php_ecosystem_desc img{width: 80%;}
}

.php_architecture{padding: 100px 0px; background-color: #FFFFFF;}
.php_architecture h2{text-align: center; line-height: 100px;}
.php_architecture p{padding: 10px 0;}
.php_architecture_desc{text-align: center;}
.php_architecture_desc img{display: block; margin: 0px auto;}
@media(max-width:991px){
	.php_architecture h2{font-size: 70px; line-height: 70px;}
}
@media(max-width:767px){
	.php_architecture h2{font-size: 340%; line-height: 50px;}
	.php_architecture_desc img{width: 80%;}
}


/***************************************** Sharing page **************************************************/
.sharing_intro{background: url("images/home_intro_bg.png") no-repeat top center; height: 400px; text-align: center;}
.sharing_intro h1{color: #ACBDDD; padding-top: 150px;}
.sharing_intro p{margin: 0px auto; color: #FF5F0E; font-size: 18px; line-height: 26px; line-height: 26px; max-width: 650px;}
@media(min-width:1200px){
	.sharing_intro .container{max-width: 80% !important; padding-left: 2%; padding-right: 2%;}
}
@media(max-width:991px){
	.sharing_intro h1{font-size: 60px; line-height: 70px;}
}
@media(max-width:767px){
	.sharing_intro h1{font-size: 380%; line-height: 60px;}
}
@media(max-width:600px){
	.sharing_intro h1{padding-top: 100px;}
}
@media(max-width:480px){
	.sharing_intro h1{font-size: 320%; line-height: 50px; padding-top: 120px;}
}

.sharing_submenu{background-color: #27354E; text-align: center;}
.sharing_submenu ul{margin: 0px auto; width: 640px; list-style-type: none !important;}
.sharing_submenu ul li{float: left;}
.sharing_submenu ul li a{display: block; padding: 30px 40px; font-size: 14px; color: #ffffff;}
.sharing_submenu ul li a:hover{background-color: #161E2F; color: #858585; text-decoration: none;}
@media(max-width:767px){
	.sharing_submenu{display: none;}
}

.why_php{padding: 100px 0px; background-color: #f7f4e7;}
.why_php h2{text-align: center;}
.why_php p{padding: 10px 0;}
.why_php_desc img{float: left;}
.why_php_desc_text{float: right; padding-top: 20px; width: 55%; line-height: 22px;}
.why_php ul{display: block; padding-top: 50px; line-height: 22px;}
.why_php ul li{display: block; float: left; width: 32%; margin-right: 2%;}
.why_php ul li h3{line-height: 50px;}
@media(min-width:1200px){
	.why_php .container{max-width: 80% !important; padding-left: 2%; padding-right: 2%;}
}
@media(max-width:1199px){
	.why_php_desc_text{width: 50%; padding-top: 0px;}
}
@media(max-width:991px){
	.why_php h2{font-size: 70px; line-height: 70px;}
	.why_php_desc{text-align: center;}
	.why_php_desc img{float: none; margin: 0px auto;}
	.why_php_desc_text{width: 100%; float: none;}
	.why_php ul li h3{font-size: 40px; line-height: 40px;}
}
@media(max-width:767px){
	.why_php h2{font-size: 340%; line-height: 50px;}
	.why_php_desc img{width: 80%;}
	.why_php ul li{float: none; margin-right: 0px; width: 100%; margin-top: 15px;}
	.why_php ul li h3{font-size: 230%;}
}

.why_framework{padding: 100px 0px; background-color: #EEEFF1;}
.why_framework h2{text-align: center;}
.why_framework_desc img{float: left; padding-top: 50px;}
.why_framework_desc_text{float: right; padding-top: 20px; width: 55%; line-height: 22px;}
.why_framework_desc_text p.frame_first{margin-top: 10px; font-weight: bold;}
.why_framework_text{width: 100%; padding-top: 20px;}
.why_framework_text .frame_kernel p{padding: 0px !important;}
.why_framework_text .frame_kernel p.kernel_first{margin-top: 10px; font-weight: bold;}
@media(min-width:1200px){
	.why_framework .container{max-width: 80% !important; padding-left: 2%; padding-right: 2%;}
}
@media(max-width:1199px){
	.why_framework_desc_text{width: 50%; padding-top: 0px;}
}
@media(max-width:991px){
	.why_framework h2{font-size: 70px; line-height: 70px;}
	.why_framework_desc{text-align: center;}
	.why_framework_desc img{float: none; margin: 0px auto;}
	.why_framework_desc_text{width: 100%; float: none;}
}
@media(max-width:767px){
	.why_framework h2{font-size: 340%; line-height: 50px;}
	.why_framework_desc img{width: 80%;}
}

.why_development{padding: 100px 0px; background-color: #F9F9FB;}
.why_development h2{text-align: center;}
.why_development_desc img{float: left; padding-top: 50px; width: 50%;}
.why_development_desc_text{float: right; padding-top: 100px; width: 45%; line-height: 22px;}
.why_development ul{display: block; padding-top: 50px;}
.why_development ul li{display: block; float: left; width: 32%; margin-right: 2%;}
.why_development ul li h4{line-height: 40px;}
.why_development ul li p{padding: 10px 0; line-height: 22px;}
@media(min-width:1200px){
	.why_development .container{max-width: 80% !important; padding-left: 2%; padding-right: 2%;}
}
@media(max-width:1399px){
	.why_development_desc_text{padding-top: 0px;}
}
@media(max-width:1199px){
	.why_development h2{line-height: 70px; line-height: 90px;}
	.why_development_desc{text-align: center;}
	.why_development_desc img{float: none; margin: 0px auto;}
	.why_development_desc_text{float: none; width: 100%; padding-top: 0px;}
}
@media(max-width:991px){
	.why_development h2{font-size: 70px; line-height: 70px;}
	.why_development_desc img{float: none; margin: 0px auto;}
	.why_development_desc_text{width: 100%; float: none; padding-top: 20px;}
	.why_development ul li h4{font-size: 250%; line-height: 35px;}
}
@media(max-width:767px){
	.why_development h2{font-size: 340%; line-height: 50px;}
	.why_development_desc img{width: 80%;}
	.why_development ul li{float: none; margin-right: 0px; width: 100%; margin-top: 15px;}
	.why_development ul li h4{font-size: 230%; line-height: 30px;}
}


/***************************************** Services page **************************************************/
.services_intro{background: url("images/home_intro_bg.png") no-repeat top center; height: 400px; text-align: center;}
.services_intro h1{color: #ACBDDD; padding-top: 150px;}
.services_intro p{margin: 0px auto; color: #FF5F0E; font-size: 18px; line-height: 26px; max-width: 650px;}
@media(min-width:1200px){
	.services_intro .container{max-width: 80% !important; padding-left: 2%; padding-right: 2%;}
}
@media(max-width:991px){
	.services_intro h1{font-size: 60px; line-height: 70px;}
}
@media(max-width:767px){
	.services_intro h1{font-size: 380%; line-height: 60px;}
}
@media(max-width:600px){
	.services_intro h1{padding-top: 100px;}
}
@media(max-width:480px){
	.services_intro h1{font-size: 320%; line-height: 50px; padding-top: 120px;}
}

.services_submenu{background-color: #27354E; text-align: center;}
.services_submenu ul{margin: 0px auto; width: 1000px; list-style-type: none !important;}
.services_submenu ul li{float: left;}
.services_submenu ul li a{display: block; padding: 30px 28px; font-size: 14px; color: #ffffff;}
.services_submenu ul li a:hover{background-color: #161E2F; color: #858585; text-decoration: none;}
@media(max-width:1199px){
	.services_submenu ul{ width: 920px;}
	.services_submenu ul li a{display: block; padding: 25px 26px; color: #ffffff; font-size: 13px;}
}
@media(max-width:991px){
	.services_submenu ul{ width: 700px;}
	.services_submenu ul li a{display: block; padding: 21px 10px; color: #ffffff; font-size: 12px;}
}
@media(max-width:767px){
	.services_submenu{display: none;}
}

.our_services_scalable_systems{position: relative; background-color: #fff7d0; padding-top: 50px; height: 540px;}
.our_services_scalable_systems img{position: absolute; bottom: 0px; left: 0px; float: left; margin-left: 10%; width: 36%;}
.our_services_scalable_systems .text_left{float: right; width: 40%; padding-top: 50px;}
.our_services_scalable_systems .text_left h2{color: #2A3954; letter-spacing: 8px; line-height: 65px; padding-bottom: 20px;}
.our_services_scalable_systems .text_left h2 span{display: block; font-family: 'Montserrat', sans-serif; margin-top: 0px; font-size: 30%; color: #FF5F0E; letter-spacing: 4px; text-transform: uppercase;}
@media(min-width:1200px){
	.our_services_scalable_systems .container{max-width: 80% !important; padding-left: 2%; padding-right: 2%;}
}
@media(max-width:1199px){
	.our_services_scalable_systems{height: 475px;}
	.our_services_scalable_systems img{width: 40%; margin-left: -40px; }
	.our_services_scalable_systems .text_left{float: right; width: 45%; padding-top: 0px;}
}
@media(max-width:991px){
	.our_services_scalable_systems{height: 450px;}
	.our_services_scalable_systems img{margin-left: -50px; width: 45%;}
	.our_services_scalable_systems .text_left{float: right; width: 55%;}
	.our_services_scalable_systems .text_left h2{margin: 0px auto; font-size: 55px; line-height: 40px; letter-spacing: 4px;}
}
@media(max-width:767px){
	.our_services_scalable_systems{height: 525px; text-align: center;}
	.our_services_scalable_systems img{float: none; margin-left: 33%; width: 35%;}
	.our_services_scalable_systems .text_left{float: none; width: 55%;  width: 100%; padding-top:0px;}
	.our_services_scalable_systems .text_left h2{display: block; text-align: center; font-size: 440%; padding-bottom: 30px;}
	.our_services_scalable_systems .text_left h2 span{display: block;}
}
@media(max-width: 480px){
	.our_services_scalable_systems{height: 575px;}
	.our_services_scalable_systems .text_left h2{font-size: 300%; padding-bottom: 10px;}
	.our_services_scalable_systems .text_left p{font-size: 90%;}
}

.our_services_cloud_systems{position: relative; background-color: #d4f6ff; padding-top: 50px; height: 540px;}
.our_services_cloud_systems img{position: absolute; bottom: 0px; right: 0px; margin-right: 5%; width: 40%;}
.our_services_cloud_systems .text_right{float: left; width: 50%; padding-top: 50px;}
.our_services_cloud_systems .text_right h2{color: #2A3954; letter-spacing: 8px; line-height: 65px; padding-bottom: 20px;}
.our_services_cloud_systems .text_right h2 span{display: block; font-family: 'Montserrat', sans-serif; margin-top: 0px; font-size: 30%; color: #FF5F0E; letter-spacing: 4px; text-transform: uppercase;}
@media(min-width:1200px){
	.our_services_cloud_systems .container{max-width: 80% !important; padding-left: 2%; padding-right: 2%;}
}
@media(max-width:1199px){
	.our_services_cloud_systems{height: 550px;}
	.our_services_cloud_systems img{width: 55%; margin-right: -60px; }
	.our_services_cloud_systems .text_right{width: 43%; padding-top: 0px;}
}
@media(max-width:991px){
	.our_services_cloud_systems{height: 500px;}
	.our_services_cloud_systems img{margin-right: -50px;}
	.our_services_cloud_systems .text_right{width: 50%;}
	.our_services_cloud_systems .text_right h2{margin: 0px auto; font-size: 55px; line-height: 40px; letter-spacing: 4px;}
}
@media(max-width:767px){
	.our_services_cloud_systems{height: 600px; text-align: center;}
	.our_services_cloud_systems img{float: none; margin-right: 23%; width: 50%;}
	.our_services_cloud_systems .text_right{float: none; width: 55%;  width: 100%; padding-top:0px;}
	.our_services_cloud_systems .text_right h2{display: block; text-align: center; font-size: 440%; padding-bottom: 30px;}
	.our_services_cloud_systems .text_right h2 span{display: block;}
}
@media(max-width: 480px){
	.our_services_cloud_systems{height: 700px; text-align: center;}
	.our_services_cloud_systems .text_right h2{font-size: 300%; padding-bottom: 10px;}
	.our_services_cloud_systems .text_left p{font-size: 90%;}
}
@media(max-width: 320px){
	.our_services_cloud_systems{height: 775px;}
}

.our_services_big_data{position: relative; background-color: #fceada; padding-top: 50px; height: 540px;}
.our_services_big_data img{position: absolute; bottom: 0px; left: 0px; float: left; margin-left: 10%; width: 38%;}
.our_services_big_data .text_left{float: right; width: 45%; padding-top: 50px;}
.our_services_big_data .text_left h2{color: #2A3954; letter-spacing: 8px; line-height: 65px; padding-bottom: 20px;}
.our_services_big_data .text_left h2 span{display: block; font-family: 'Montserrat', sans-serif; margin-top: 0px; font-size: 30%; color: #FF5F0E; letter-spacing: 4px; text-transform: uppercase;}
@media(min-width:1200px){
	.our_services_big_data .container{max-width: 80% !important; padding-left: 2%; padding-right: 2%;}
}
@media(max-width:1199px){
	.our_services_big_data{height: 500px;}
	.our_services_big_data img{width: 55%; margin-left: -50px; }
	.our_services_big_data .text_left{float: right; width: 40%; padding-top: 0px;}
}
@media(max-width:991px){
	.our_services_big_data{height: 500px;}
	.our_services_big_data img{margin-left: -50px; width: 48%;}
	.our_services_big_data .text_left{float: right; width: 55%;}
	.our_services_big_data .text_left h2{margin: 0px auto; font-size: 55px; line-height: 40px; letter-spacing: 4px;}
}
@media(max-width:767px){
	.our_services_big_data{height: 600px; text-align: center;}
	.our_services_big_data img{float: none; margin-left: 27%; }
	.our_services_big_data .text_left{float: none; width: 55%;  width: 100%; padding-top:0px;}
	.our_services_big_data .text_left h2{display: block; text-align: center; font-size: 440%; padding-bottom: 30px;}
	.our_services_big_data .text_left h2 span{display: block;}
}
@media(max-width: 480px){
	.our_services_big_data{height: 625px;}
	.our_services_big_data .text_left h2{font-size: 300%; padding-bottom: 10px;}
}
@media(max-width: 320px){
	.our_services_big_data{height: 725px;}
}

.our_services_data_mining{position: relative; background-color: #d6f3e2; padding-top: 50px; height: 540px;}
.our_services_data_mining img{position: absolute; bottom: 0px; right: 0px; margin-right: 10%; width: 30%;}
.our_services_data_mining .text_right{float: left; width: 45%; padding-top: 50px;}
.our_services_data_mining .text_right h2{color: #2A3954; letter-spacing: 8px; line-height: 65px; padding-bottom: 20px;}
.our_services_data_mining .text_right h2 span{display: block; font-family: 'Montserrat', sans-serif; margin-top: 0px; font-size: 30%; color: #FF5F0E; letter-spacing: 4px; text-transform: uppercase;}
@media(min-width:1200px){
	.our_services_data_mining .container{max-width: 80% !important; padding-left: 2%; padding-right: 2%;}
}
@media(max-width:1199px){
	.our_services_data_mining{height: 550px;}
	.our_services_data_mining img{width: 43%; margin-right: -50px; }
	.our_services_data_mining .text_right{width: 45%; padding-top: 0px;}
}
@media(max-width:991px){
	.our_services_data_mining{height: 500px;}
	.our_services_data_mining img{margin-right: -50px; width: 45%;}
	.our_services_data_mining .text_right{width: 50%;}
	.our_services_data_mining .text_right h2{margin: 0px auto; font-size: 55px; line-height: 40px; letter-spacing: 4px;}
}
@media(max-width:767px){
	.our_services_data_mining{height: 650px; text-align: center;}
	.our_services_data_mining img{float: none; margin-right: 28%; width: 40%;}
	.our_services_data_mining .text_right{float: none; width: 55%;  width: 100%; padding-top:0px;}
	.our_services_data_mining .text_right h2{display: block; text-align: center; font-size: 440%; padding-bottom: 30px;}
	.our_services_data_mining .text_right h2 span{display: block;}
}
@media(max-width: 480px){
	.our_services_data_mining{height: 700px;}
	.our_services_data_mining .text_right h2{font-size: 300%; padding-bottom: 10px;}
}
@media(max-width: 320px){
	.our_services_data_mining{height: 750px;}
}

.our_services_mobile_applications{position: relative; background-color: #fffed2; padding-top: 50px; height: 540px;}
.our_services_mobile_applications img{position: absolute; bottom: 0px; left: 0px; float: left; margin-left: 10%; width: 21%;}
.our_services_mobile_applications .text_left{float: right; width: 60%; padding-top: 50px;}
.our_services_mobile_applications .text_left h2{color: #2A3954; letter-spacing: 8px; line-height: 65px; padding-bottom: 20px;}
.our_services_mobile_applications .text_left h2 span{display: block; font-family: 'Montserrat', sans-serif; margin-top: 0px; font-size: 30%; color: #FF5F0E; letter-spacing: 4px; text-transform: uppercase;}
@media(min-width:1200px){
	.our_services_mobile_applications .container{max-width: 80% !important; padding-left: 2%; padding-right: 2%;}
}
@media(max-width:1199px){
	.our_services_mobile_applications{height: 500px;}
	.our_services_mobile_applications img{width: 28%; margin-left: -50px; }
	.our_services_mobile_applications .text_left{float: right; width: 63%; padding-top: 0px;}
}
@media(max-width:991px){
	.our_services_mobile_applications{height: 550px;}
	.our_services_mobile_applications img{width: 37%; margin-left: -50px;}
	.our_services_mobile_applications .text_left{float: right; width: 55%;}
	.our_services_mobile_applications .text_left h2{margin: 0px auto; font-size: 55px; line-height: 40px; letter-spacing: 4px;}
}
@media(max-width:767px){
	.our_services_mobile_applications{height: 625px; text-align: center;}
	.our_services_mobile_applications img{float: none; margin-left: 36%; width: 28%;}
	.our_services_mobile_applications .text_left{float: none; width: 55%;  width: 100%; padding-top:0px;}
	.our_services_mobile_applications .text_left h2{display: block; text-align: center; font-size: 440%; padding-bottom: 30px;}
	.our_services_mobile_applications .text_left h2 span{display: block;}
}
@media(max-width: 480px){
	.our_services_mobile_applications{height: 675px;}
	.our_services_mobile_applications .text_left h2{font-size: 300%; padding-bottom: 10px;}
}
@media(max-width: 320px){
	.our_services_mobile_applications{height: 750px;}
}

.our_services_global_commerce{position: relative; background-color: #edeffa; padding-top: 50px; height: 540px;}
.our_services_global_commerce img{position: absolute; bottom: 0px; right: 0px; margin-right: 10%; width: 30%;}
.our_services_global_commerce .text_right{float: left; width: 40%; padding-top: 50px;}
.our_services_global_commerce .text_right h2{color: #2A3954; letter-spacing: 8px; line-height: 65px; padding-bottom: 20px;}
.our_services_global_commerce .text_right h2 span{display: block; font-family: 'Montserrat', sans-serif; margin-top: 0px; font-size: 30%; color: #FF5F0E; letter-spacing: 4px; text-transform: uppercase;}
@media(min-width:1200px){
	.our_services_global_commerce .container{max-width: 80% !important; padding-left: 2%; padding-right: 2%;}
}
@media(max-width:1199px){
	.our_services_global_commerce{height: 550px;}
	.our_services_global_commerce img{width: 43%; margin-right: -50px; }
	.our_services_global_commerce .text_right{width: 40%; padding-top: 0px;}
}
@media(max-width:991px){
	.our_services_global_commerce{height: 500px;}
	.our_services_global_commerce img{width: 47%; margin-right: -50px;}
	.our_services_global_commerce .text_right{width: 50%;}
	.our_services_global_commerce .text_right h2{margin: 0px auto; font-size: 55px; line-height: 40px; letter-spacing: 4px;}
}
@media(max-width:767px){
	.our_services_global_commerce{height: 575px; text-align: center;}
	.our_services_global_commerce img{float: none; margin-right: 28%; width: 43%;}
	.our_services_global_commerce .text_right{float: none; width: 55%;  width: 100%; padding-top:0px;}
	.our_services_global_commerce .text_right h2{display: block; text-align: center; font-size: 440%; padding-bottom: 30px;}
	.our_services_global_commerce .text_right h2 span{display: block;}
}
@media(max-width: 480px){
	.our_services_global_commerce{height: 600px;}
	.our_services_global_commerce .text_right h2{font-size: 300%; padding-bottom: 10px;}
}
@media(max-width: 320px){
	.our_services_global_commerce{height: 700px;}
}


.what_we_dont_do{background-color: #ffffff; padding: 50px 0px;}
.what_we_dont_do p{padding: 10px 0;}
.what_we_dont_do h2{color: #2A3954; letter-spacing: 8px; line-height: 65px; padding-bottom: 20px; text-align: center;}
.what_we_dont_do h2 span{display: block; font-family: 'Montserrat', sans-serif; margin-top: 0px; font-size: 30%; color: #FF5F0E; letter-spacing: 4px; text-transform: uppercase;}
.what_we_dont_do ul{display: block;}
.what_we_dont_do ul li{display: block; float: left; width: 46%; margin-right: 8%;}
.what_we_dont_do ul li h3{line-height: 50px; font-size: 45px;}
@media(min-width:1200px){
	.what_we_dont_do .container{max-width: 80% !important; padding-left: 2%; padding-right: 2%;}
}
@media(max-width:1199px){
	.what_we_dont_do h2{line-height: 70px;}
	.what_we_dont_do ul li h3{font-size: 280%; line-height: 45px;}
}
@media(max-width:991px){
	.what_we_dont_do h2{font-size: 70px; line-height: 70px;}
}
@media(max-width:767px){
	.what_we_dont_do h2{font-size: 340%; line-height: 50px;}
	.what_we_dont_do ul li{float: none; margin-right: 0px; width: 100%; margin-top: 15px; text-align: center;}
	.what_we_dont_do ul li h3{font-size: 230%; line-height: 35px;}
}


/***************************************** About page **************************************************/
.about_intro{background: url("images/home_intro_bg.png") no-repeat top center; height: 680px; text-align: left;}
.about_intro .container { width: 1200px; }
.about_intro .about_topleft { float: left; }
.about_intro .about_topleft h1{color: #ACBDDD; padding-top: 190px;}
.about_intro .about_topleft p{margin: 0px auto; padding-bottom: 20px; max-width: 710px;}
.about_intro .about_topleft p.first_heading{color: #FF5F0E; font-size: 18px; line-height: 26px;}
.about_intro .aboutZendEmploy { float: left; padding-top: 150px; margin: 0px 80px 0px 0px ; }
.about_intro .aboutZendEmploy img { width: 350px; height: auto; }

@media(max-width:1199px){
	.about_intro .about_topleft p {max-width: 510px;}
}
@media(max-width:991px){
	.about_intro .container { width: auto; }
	.about_intro .about_topleft h1 { padding-top: 170px; font-size: 60px; line-height: 70px;}
	.about_intro .about_topleft p {max-width: 340px;}
	.about_intro .aboutZendEmploy {margin: 0px 30px 0px 0px; padding-top: 180px; }
}
@media(max-width:767px){
	.about_intro{height: 780px;}
	.about_intro .about_topleft h1 {font-size: 380%; line-height: 60px; padding-top: 30px; }
	.about_intro .about_topleft { float: none; widht: auto; text-align: center; }
	.about_intro .aboutZendEmploy { margin-right: 0px; float: none; padding-top: 100px; text-align: center; }
	.about_intro .aboutZendEmploy a { display: block; margin: 0px auto; width: auto;}
	.about_intro .aboutZendEmploy img { width: 250px; height: auto; }
	.about_intro .about_topleft p {max-width: 100%;}
}
@media(max-width:600px){
	.about_intro{height: 800px;}
	.about_intro h1{padding-top: 100px}
}
@media(max-width:480px){
	.about_intro{height: 880px;}
	.about_intro h1{font-size: 320%; line-height: 50px; padding-top: 120px;}
}
@media(max-width:320px){
	.about_intro{height: 900px;}
}

.about_submenu{background-color: #27354E; text-align: center;}
.about_submenu img{width: 300px; height: auto; margin-top: 0px;}
.about_submenu p{margin: 0px auto; max-width: 550px; color: #FFFFFF; line-height: 24px; padding: 10px 0px 40px 0px;}

.why_us{background-color: #ffffff; padding: 50px 0px;}
.why_us p{padding: 10px 0; line-height: 24px; }
.why_us h2{color: #2A3954; letter-spacing: 8px; line-height: 65px; padding-bottom: 20px; text-align: center;}
.why_us h2 span{display: block; font-family: 'Montserrat', sans-serif; margin-top: 0px; font-size: 30%; color: #FF5F0E; letter-spacing: 4px; text-transform: uppercase;}
.why_us p.inner_subheading{ color: #7294D0; font-size: 22px; line-height: 26px; }
/*.why_us .aboutZendEmploy { max-width: 850px; margin: 0px auto; padding: 30px 0px 30px 0px ; border-top: 1px solid #EAF1FF; border-bottom: 1px solid #EAF1FF; }
.why_us .aboutZendEmploy a { margin: 0px auto; display: block; float: left; width: auto;}
.why_us .aboutZendEmploy a img {width: auto; height: auto;}
.why_us .aboutZendEmploy p.inner_subheading{ padding: 100px 0px 0px 430px; text-align: left; color: #7294D0; font-size: 32px; line-height: 38px; }*/
.why_us ul{display: block; padding-top: 20px;}
.why_us ul li{display: block; float: left; width: 46%; margin-right: 8%; text-align: center; padding-top: 30px;}
.why_us ul li h4{line-height: 50px; padding-top: 20px; letter-spacing: 4px;}
.why_us ul li p.color{color: #FF5F0E; font-size: 18px; line-height: 24px;}
@media(min-width:1200px){
	.why_us .container{max-width: 80% !important; padding-left: 2%; padding-right: 2%;}
}
@media(max-width:1199px){
	.why_us h2{line-height: 70px;}
	.why_us ul li h3{font-size: 280%; line-height: 45px;}
}
@media(max-width:991px){
	.why_us h2{font-size: 70px; line-height: 70px;}
	.why_us ul li{float: none; margin-right: 0px; width: 100%; margin-top: 15px;}
}
@media(max-width:767px){
	.why_us h2{font-size: 340%; line-height: 50px;}
	.why_us ul li h4{font-size: 230%; line-height: 40px;}
	.why_us .aboutZendEmploy { padding: 30px 0px 30px 10px; text-align: center; }
	.why_us .aboutZendEmploy a { margin: 0px auto; float: none; }
	.why_us .aboutZendEmploy a img { width: auto; }
	.why_us .aboutZendEmploy p.inner_subheading{ padding: 30px 0px 0px 0px; text-align: center; font-size: 26px; line-height: 32px; }
}
@media(max-width:480px){
	.why_us h2{font-size: 300%; line-height: 45px;}
	.why_us .aboutZendEmploy a img { width: 80%; }
	.why_us ul li img{widht: 70%;}
}

/*.zend_employ { padding: 40px 15px 0px 15px; text-align: center; }
.zend_employ img { margin: 0px auto; display: block; width: auto; height: auto; }
@media(max-width:480px)
{
	.zend_employ { padding: 20px 15px; }
	.zend_employ img { width: 80%; }
}
*/

/***************************************** Media page **************************************************/
.media_intro{background: url("images/home_intro_bg.png") no-repeat top center; height: 400px; text-align: center;}
.media_intro h1{color: #ACBDDD; padding-top: 150px;}
.media_intro p{margin: 0px auto; color: #FF5F0E; font-size: 18px; line-height: 26px; line-height: 26px; max-width: 650px;}
@media(min-width:1200px){
	.media_intro .container{max-width: 80% !important; padding-left: 2%; padding-right: 2%;}
}
@media(max-width:991px){
	.media_intro h1{font-size: 60px; line-height: 70px;}
}
@media(max-width:767px){
	.media_intro h1{font-size: 380%; line-height: 60px;}
}
@media(max-width:600px){
	.media_intro h1{padding-top: 100px;}
}
@media(max-width:480px){
	.media_intro h1{font-size: 320%; line-height: 50px; padding-top: 120px;}
}

ul.split_in_half{display: block; width: 100%; margin: 0px;}
ul.split_in_half li{display: block; float: left; width: 50%; background-color: #FFFFFF; text-align: center; padding-top: 100px;}
ul.split_in_half li.black{background-color: #000000;}
ul.split_in_half li img{display: block; margin: 0px auto; width: auto; height: auto;}
ul.split_in_half li p{padding: 70px 15px 30px 15px;}
ul.split_in_half li p a{text-decoration: none;}
@media(max-width:1199px){
	ul.split_in_half li img{width: 60%;}
}
@media(max-width:991px){
	ul.split_in_half li img{width: 80%;}
	ul.split_in_half li{padding-top: 50px;}
	ul.split_in_half li p{padding: 20px 0px;}
}

.media_intro_s{background: url("images/home_intro_bg.png") no-repeat top center; text-align: center;}
.media_intro_s p{margin: 0px auto; padding: 30px 0px; max-width: 650px;}

.wallpapers img{width: 100%; height: auto;}

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

a.zendCertifiedA { position: absolute; top: 0px; right: 0px; }
.zendCertified{width: 86px; height: auto;}
@media(max-width:767px)
{
	a.zendCertifiedA {top: 0px; right: 0px; }
	.zendCertified{width: 60px; height: auto;}
}