#contact .contact-intro{max-width:820px; margin:0px auto; text-align:center;}
#contact .contact-top-banner{width:100%; height:152px; background-color:#4d80be; position:relative; background-image:url('//cdn.quintiq.com/images/contact-us-top-banner.jpg'); background-position:center;}
#contact .contact-banner-title{position:relative; max-width:980px; margin:0px auto; top:40px;}
#contact .contact-tab-row{position:absolute; bottom:0px; width:100%;}
#contact .contact-tab-container{position:relative; max-width:980px; margin:0px auto;}
#contact .contact-tabs{font-size:1em; float:left; padding:3px 12px 2px 12px; cursor:pointer; margin-right:5px;}
#contact .destop-tabs-active{color:#4d80be; background-color:#eff1f3;background-color:rgba(239,241,243,1);}
#contact .destop-tabs-inactive{color:#fff; background-color:#eff1f3;background-color:rgba(255,255,255,0.2);}
.demo-solution-interest {margin:10px 0 30px 0;;}

@media handheld, only screen and (max-device-width : 768px), only screen and (max-width: 768px) {
	#contact h1{font-size:2.5em;margin-left:10px;}
}

@media handheld, only screen and (max-device-width : 481px), only screen and (max-width: 480px) {

	#contact h1{font-size:2em;margin-left:10px;}
	#contact .legal-top-banner{height:100px;}
	#contact .legal-banner-title{top:40px;}
}


.contact-us-intro {float:left;margin:70px 0 0 150px;}
.contact-option {margin:0 0 0 10px;}
.contact-option li {float:left; margin:0 90px 20px 0; color:#4d80be; font-size:14px; font-weight:600;text-indent:30px;height:25px;cursor:pointer;}
.contact-option li.icons-office{text-indent:23px;}

#contact #contact-us-content{background-color:#eff1f3; border-bottom:1px solid #fff;}
#contact .thank-you-message{font-size:14px; margin:40px auto; text-align:center; width:90%;}

#contact-form .form-title {font-size:14px;}
#contact-form .form-left,#contact-form .form-right {float:left;width:50%;margin:30px 0 0 0;}
#contact-form li {margin-bottom:20px;}
#type-email li input[type="text"],#type-call li input[type="text"]{border:0px; color:#333; outline:none;width:60%; background-color:#dbe5f2;padding:5px;border-radius:12px; text-indent:10px;}
#type-email textarea,#type-call textarea{font-family:'Open Sans', sans-serif; font-weight:400;width:90%;background-color:#dbe5f2;border:0px; resize:none;height:165px;border-radius:12px;outline:none;padding:5%;color:#333;}
#type-call textarea {height:120px; margin:10px 0 0 0;}
#type-office {font-size:13px;}
#type-office .office-label { margin:0 0 10px 0;font-weight:400; font-size:18px; color:#24265e;}
#type-office .form-left{width:30%;margin:0 3% 0 0;}
#type-office .form-right{width:65%;margin:0;}
#type-office .form-left ul {margin:0;}
#type-office ul.left-col{margin-right:50px;}
#type-office .office-location {width:140px;}
#type-office li {border-bottom:1px solid #d4dadf;margin-bottom:10px;}
#type-office ul, #type-office .office-location,#type-office .office-contact {float:left;}
.privacy-text {font-size:11px; margin:10px 0 0 0;}
#form-submit{margin-left:40%;margin-top:10px;}
.submit-btn {background-color:#ffa300;float:right; border:0px; border-radius:15px; padding:5px 30px;cursor:pointer;}
.icons-email {background: url(/images/icons-email.png) 0 4px no-repeat;}
.icons-call {background: url(/images/icons-call.png) 0 0 no-repeat;}
.icons-office {background: url(/images/icons-office.png) 0 0 no-repeat;}
#contact-us-arrow {width:37px; height:18px; background: url(/images/icons-contact-us-arrow.png) no-repeat;position:absolute;}
.arrow-email {top:-13px; left:5px;}
.arrow-call {top:-13px; left:190px;}
.arrow-office {top:-13px; left:475px;}
.view-locations {background: url(/images/icons-view-locations.png) no-repeat; float:right;text-indent:30px; height:25px; margin:20px 0 0 0;}
.view-locations a{color:#333;}

#footer-contact-us {display:none; border-bottom:1px solid #fff;}
#footer-contact-us .inner-content {padding:20px 0;}
#footer-contact-us #footer-contact-us-title {font-size:28px; color:#4d80be; margin:10px 0 30px 0;float:left;}
#footer-contact-us #footer-contact-us-close {width:36px; height:36px; background: url(/images/icons-close-map.png); float:right;cursor:pointer;}
#footer-contact-us .icons-email {background: url(/images/icons-email.png) 0 4px no-repeat;}
#footer-contact-us .icons-call {background: url(/images/icons-call.png) 0 0 no-repeat;}
#footer-contact-us .icons-office {background: url(/images/icons-office.png) 0 0 no-repeat;}
#footer-contact-us #contact-form {background-color:#f7f8f9;}
#footer-contact-us #type-email li input[type="text"],#footer-contact-us #type-call li input[type="text"]{background-color:#f7f8f9;}
#footer-contact-us #type-email textarea,#footer-contact-us #type-call textarea{font-weight:400;background-color:#e4ecf5;}



	@media handheld, only screen and (min-device-width: 481px ) and (max-device-width : 800px) and (orientation:portrait), only screen and (max-width: 800px) {
		.contact-option li {margin:10px 30px 30px 0;}
		.arrow-email {top:-18px; left:5px;}
.arrow-call {top:-18px; left:130px;}
.arrow-office {top:-18px; left:355px;}
		
	}
	
	@media handheld, only screen and (max-device-width : 480px), only screen and (max-width: 480px) {
		h1{width:100%;}
		.contact-us-intro {width:100%;margin:30px 0 0 0;}
		#contact-us-arrow{display:none;}
		.contact-option li {font-size:13px;width:100%;margin:0 0 20px 0;}
		#contact-form .form-left, #contact-form .form-right{width:100%;}
		#contact-form .form-right{margin:0;}
		#type-email li input[type="text"], #type-call li input[type="text"] {width:100%;}
		
		#type-office .office-label{margin:0 0 20px 0; }
		#type-office li {margin-bottom:20px;}
		#type-office ul, #type-office .office-location, #type-office .office-contact {float:none;}
		#footer-contact-us .office-location{margin-bottom:10px;}
		#footer-contact-us .privacy-text {line-height:18px;}
		
	}	

	#contact-us h1 {color:#333;}
		
	#contact-us .contact-type img {width:auto;margin:auto;}
	#contact-us .contact-type li{float:left;text-align:center;margin:0 0 0 40px;color:#24265e;position:relative;}
	#contact-us .contact-type li img.current {display:none;}
	#contact-us .contact-type li.current img {display:none;}
	#contact-us .contact-type li.current img.current{display:block;}
	#contact-us .contact-type li.current {font-weight:700;}
	#contact-us .contact-type li.current .arrow {display:block;}
	#contact-us .contact-type li .arrow{display:none;width:19px;height:12px;background: url('//cdn.quintiq.com/images/contact-us-arrow.png') no-repeat; position:absolute;bottom:-30px;left:50%;margin-left:-9px;}
	#contact-us .contact-type li#type-demo .arrow,#contact-us .contact-type li#type-call-me-back .arrow,#contact-us .contact-type li#type-enquiries .arrow {bottom:-50px;}
	#contact-us .contact-type .text{margin:10px 0 0 0;}
	#contact-us .contact-form {padding:0 0 40px 0;min-height:600px;}
	#contact-us .contact-form li {margin:0 0 20px 0;}
	#contact-us .region-selection {margin:5px 0 0 0;}
	#contact-us .sbHolder{margin:5px 0 0 0;}
	#contact-us .region-selection li {float:left;width:160px;margin:0 0 5px 0;}
	#contact-us .col-50 {width:50%;}
	#contact-us .col-50 input[type="text"] {width:320px;}
	#contact-us .col-50 textarea{width:90%;height:150px;}
	#contact-us .opt-in {margin:10px 0 0 0;}
	#contact-us .career-related,#contact-us .privacy-text {font-size:11px;}
	#contact-us #submit-btn{margin:20px 0 0 0;}
	#contact-us h3 {font-size:26px;color:#24265e;font-weight:300;}
	#contact-us h4 {font-size:16px;font-weight:400;}
	#contact-us .col-50.right {padding-top:40px;}
	#contact-us .opt-in,#contact-us .career-related {display:none;}
	
	@media (max-width:768px) {
		#contact-us .col-50 {width:100%;}
		#contact-us .col-50 textarea{width:80%;}
		#contact-us .col-50.right{padding-top:20px;}
		#contact-us .contact-type li{width:50%;margin:0 0 20px 0;}
	}