@charset "utf-8";
/* CSS Document */


body {font-family: 'Montserrat', sans-serif; margin: 0;}
#container {width:100%; padding:20px 0 0}
#content {max-width:1360px; padding:0; margin:0 auto;}
.headline { float: right; padding-right: 25px; }
.headline2 {display:none}
.list {color:#1D345D; font-size: 16px; text-align:left; font-weight:500; line-height:21px; cursor: default; max-width: 380px; float: right; padding-right: 43px;}
.list-item, .list-item5 {text-indent: 30px; background:url("img/check-mark.png") no-repeat left 0 transparent; margin: 7px 0;}
.list-item5 {font-weight:700; font-size: 17px;}
.arrow {float: right; padding-right: 25px;}
.get-started {color:#FFF; font-size: 25px; text-align:center; padding-top: 10px;}
.cta-top {color:#FFF; font-size: 16px; text-align:center;}
#contact-form {margin-top:15px}
.control-group {margin:0 28px 10px;}
.control-group label {color:#FFF; font-size:11px; text-align:left;}
.control-group input[type="text"] { width: 280px; height: 28px; border: 1px solid #e5e5e5; outline: none; padding: 0; font-size: 12px;}
.control-group select {width: 280px; height: 28px; border: 1px solid #e5e5e5; outline: none; padding: 0; font-size: 12px;}
.control-group input[type="image"]  {width:300px; height:52px; border: 0 none; margin: 15px -10px 0; text-indent:-2000px; display: block;}
.no-margin {margin: 0px; }

label.error, div#errors {margin-bottom: 0; 	background: #dc1c2e !important; padding: 0 5px; color: #ffffff; font-size: 8px;	text-align:center;}
div#errors{display:none;}
#msg_submitting{display:none;}
#msg_submitted{display:none;}
#msg_submitting, #msg_submitted{font-weight: 700; font-size: 20px; color: #a3d7f4; text-align: center; padding-top:10px;}
#privacy {padding:5px 0 0 30px; background:url("img/privacy.png") transparent 10px 3px no-repeat; height:25px; font-size:9px; color: #ffffff;}


.arrow img {width:220px}
.content-left {float:left; max-width: 618px; width: 100%;}
.content-right {float:right; max-width:720px}
.logo {padding-left: 20px;}
.logo a { text-decoration:none}
.hero-img {/*display: flex;*/ background-image:url('img/photo01.jpg'); 
    background-repeat: no-repeat;
    background-size: contain; 
	background-position:left bottom;
	max-width: 618px;
    height: 441px;
    width: 100%;}
/*.hero-img img {width: 100%; height:auto;}*/
.form {float:right; width:340px; background-color:#1D345D; border:2px solid #AED7FF; padding-bottom:10px}
#footer {background-color:#DD1D2F; height:40px; width:100%; color:#FFF; text-align:center; font-size:12px; line-height:38px; float:left; }
#footer a {text-decoration:none; color:#FFF;}
#footer a:hover {text-decoration:underline}
.divider {height:6px; width:100%; background-color:#FFF; float:left;}
.bottom {height:100px; background-color:#1D345D; width:100%; float:left;}
.specialist {font-size:14px; color:#FFF; text-align:right; float:left; padding:40px 0 0 170px}
.name {text-align:center;font-size:25px; color:#FFF;  float:left; padding:15px 0 0 20px; font-weight:700}
.phonenum {font-size:34px; color:#FFF; padding:0; line-height: 30px;font-weight:700}
.num-one {float:right; width:340px; text-align:center; padding-top: 25px}
.baloon {position: relative; top: -175px; width: 130px; height: 129px; left: 740px;}

#content-layout, #header {max-width: 1400px; width: 100%; margin: 0 auto;padding:24px 20px 0;}
#content-layout {padding-bottom:100px}
.blue {height: 60px; background-color: #1D345D; width: 100%; float: left;}
.baloon2 { bottom: 100px; position: relative; text-align: center;}

@media (min-width: 1200px) and (max-width: 1359px) {
		.content-left {float: left; max-width: 40%; width: 100%; min-width: 400px;}
		.content-right {float:right; max-width:60%}
		.headline, .list { float: left;padding-right:0}
		.baloon {left:600px}
		.specialist {padding: 40px 0 0 50px;}
}
@media (min-width: 768px) and (max-width: 1199px) {
		.content-left {float: left; max-width: 35%; width: 100%; min-width: 400px;}
		.list, .arrow, .baloon {display:none}
		.headline { float: left;padding-right:0; position:absolute; top: 130px; left: 30px;}
		.content-right {float:right; max-width:60%}
		.logo {padding-left: 0; text-align:center;}
		.specialist {padding: 40px 0 0 0;}
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px)  {
		.logo {padding-left: 0; text-align:center;}
		.headline {display:none;}
		.headline2 { margin: 0 auto; display:block; padding:20px 0;}	
		.content-left {float: none; max-width: 30%; width: 100%; min-width: 350px; margin: 0 auto;}
		.content-right, .form {float:none; margin: 0 auto;}
		.content-right {max-width: max-content;}
		.logo {padding-left: 0; text-align:center;}
		.list, .arrow, .baloon, .num-one {display:none;}
		.specialist {padding: 10px 0; text-align:center; float:none;}
		.name {float:none; padding: 0 0 10px;}
		.bottom {height: auto; margin-top:10px;}
		.hero-img {height: 250px;}
}
@media (min-width: 320px) and (max-width: 767px)  {
		.logo {padding-left: 0; text-align:center;}
		.headline {display:none;}
		.headline2 { margin: 0 auto; display:block; padding:20px 0;}	
		.content-left {float: none; max-width: 30%; width: 100%; min-width: 350px; margin: 0 auto;}
		.content-right, .form {float:none; margin: 0 auto;}
		.content-right {max-width: max-content;}
		.logo {padding-left: 0; text-align:center;}
		.list, .arrow, .baloon, .num-one {display:none;}
		.specialist {padding: 10px 0; text-align:center; float:none;}
		.name {float:none; padding: 0 0 10px;}
		.bottom {height: auto; margin-top:10px;}
		.hero-img {height: 250px;}
}