/*    font-family: 'Roboto', sans-serif;
    font-family: 'Roboto Condensed', sans-serif; */



*, html { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
body {
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  font-weight:400;
  line-height: 1.62857143;
  color: #727272;
  background: url(../images/body-bg.jpg) repeat-x; background-size:cover; height:100%;
}

ul, ul li { list-style:none; padding:0; margin:0 }
.fl { float:left}
.fr { float:right}
.clear { clear:both}


a { color:#12ab00}
a:hover { color:#666}
a, a:hover, .btn { cursor:pointer; text-decoration:none; transition:all linear 0.3s; -moz-transition:all linear 0.3s; -webkit-transition:all linear 0.3s}
a:focus, :focus, :active, textarea:focus, input:focus { outline:none !important; text-decoration:none !important}

.container { width:90%; margin:0 auto; }
.logo { margin:3% 0 0 0}

.intro-text { text-align:center; margin:10% 0 6% 0; color:#fff; font-size:34px; font-weight:700; line-height:42px; text-transform:uppercase; font-family: 'Roboto Condensed', sans-serif;text-shadow: 0 2px 2px rgba(0, 0, 0, 0.4); }
.bottom-text { text-align:center; margin:6% 0 3% 0; color:#fff; font-size:24px; font-weight:400; line-height:30px; letter-spacing:0.01em; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);} 
.bottom-text span { font-weight:700}

.info-btns { width:100%; height:95px; background:url(../images/ecg-heart.png) no-repeat center top; display:block}
.info-btns .btn-left, .info-btns .btn-right { width:50%; float:left; margin-top:2px}
.info-btns .btn-left {text-align:right; padding-right:150px;}
.info-btns .btn-right { text-align:left;  padding-left:150px;}
.info-btns .btn-left a.btn-lg, .info-btns .btn-right a.btn-lg { color:#fff; width:330px; height:80px; border:3px solid #111; display:inline-block; border-radius:5px; text-align:center;text-shadow: 0 2px 2px rgba(0, 0, 0, 0.4); text-transform:uppercase;

-webkit-box-shadow: 0px 1px 2px 0px rgba(158,224,255,0.7);
-moz-box-shadow: 0px 1px 2px 0px rgba(158,224,255,0.7);
box-shadow: 0px 1px 2px 0px rgba(158,224,255,0.7);

background: rgba(71,136,168,1);
background: -moz-linear-gradient(top, rgba(71,136,168,1) 0%, rgba(94,45,143,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(71,136,168,1)), color-stop(100%, rgba(94,45,143,1)));
background: -webkit-linear-gradient(top, rgba(71,136,168,1) 0%, rgba(94,45,143,1) 100%);
background: -o-linear-gradient(top, rgba(71,136,168,1) 0%, rgba(94,45,143,1) 100%);
background: -ms-linear-gradient(top, rgba(71,136,168,1) 0%, rgba(94,45,143,1) 100%);
background: linear-gradient(to bottom, rgba(71,136,168,1) 0%, rgba(94,45,143,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4788a8', endColorstr='#5e2d8f', GradientType=0 ); }

/*hover comming soon page btn.*/
.info-btns .btn-left a.btn-lg:hover, .info-btns .btn-right a.btn-lg:hover { color:#fff; width:330px; height:80px; border:3px solid #111; display:inline-block; border-radius:5px; text-align:center;text-shadow: 0 2px 2px rgba(0, 0, 0, 0.4); text-transform:uppercase;

-webkit-box-shadow: 0px 1px 2px 0px rgba(158,224,255,0.7);
-moz-box-shadow: 0px 1px 2px 0px rgba(158,224,255,0.7);
box-shadow: 0px 1px 2px 0px rgba(158,224,255,0.7);

background: rgba(71,136,168,1);
background: -moz-linear-gradient(top, rgba(71,136,168,1) 0%, rgba(41, 43, 44, 1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(71,136,168,1)), color-stop(100%, rgba(41, 43, 44, 1)));
background: -webkit-linear-gradient(top, rgba(71,136,168,1) 0%, rgba(41, 43, 44, 1) 100%);
background: -o-linear-gradient(top, rgba(71,136,168,1) 0%, rgba(41, 43, 44, 1) 100%);
background: -ms-linear-gradient(top, rgba(71,136,168,1) 0%, rgba(41, 43, 44, 1) 100%);
background: linear-gradient(to bottom, rgba(71,136,168,1) 0%, rgba(41, 43, 44, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4788a8', endColorstr='#5e2d8f', GradientType=0 ); }
/* end */

.info-btns .btn-left a.btn-lg { font-size:22px; font-weight:700;  line-height:27px; letter-spacing:1px;  padding:8px 20px;}
.info-btns .btn-right a.btn-lg { font-size:20px; font-weight:400;  line-height:25px; letter-spacing:1px;  padding:8px 10px;}
.info-btns .btn-right a.btn-lg span { font-weight:700}


.lity-box {overflow:auto;background:#fff;padding:20px;width:820px;max-width:100%;border-radius:0}

.form-head { text-align:center; margin:20px 0 40px 0}
.form-head .head-title { background:#fff; width:100%; color:#444; font-size:36px; line-height:36px; font-weight:400; text-transform:uppercase; text-align:center; position:relative; margin:15px 0 20px 0; } 
.form-head .head-title:after { content:''; position:absolute; display:block; width:35%; height:1px; background:#e5e5e5; left:0; top:20px; }
.form-head .head-title:before { content:''; position:absolute; display:block; width:35%; height:1px; background:#e5e5e5; right:0; top:20px;}
.form-head .head-text { color:#666; font-size:22px; font-weight:400; padding:0 50px; line-height:28px;}

.contact-form li { float:left; width:48%; margin-bottom:20px; position:relative}
.contact-form li:nth-child(2n) { float:right; }
.contact-form li:last-child { width:100%} 
.contact-form li input[type="text"] { width:100%; height:50px; padding:0 15px 0 45px; background-color:#fff; border:1px solid #e5e5e5; border-radius:3px; font-size:18px; color:#444; font-family: 'Roboto', sans-serif; position:relative; box-shadow:none;  -webkit-appearance:none }
.contact-form li input:focus, .contact-form li input:active { box-shadow:none; -webkit-box-shadow:none;}

.contact-form li input.name { background-image:url(../images/user-icon.png); background-position: 15px 15px; background-repeat:no-repeat }
.contact-form li input.email { background-image:url(../images/email-icon.png); background-position: 15px 16px; background-repeat:no-repeat }
.contact-form li input.phone { background-image:url(../images/phone-icon.png); background-position: 15px 16px; background-repeat:no-repeat }
.contact-form li input.license { background-image:url(../images/licencetype-icon.png); background-position: 15px 17px; background-repeat:no-repeat }
.contact-form li input.occupation { background-image:url(../images/occupation-icon.png); background-position: 15px 17px; background-repeat:no-repeat }
.contact-form li input[type="submit"],input[type="button"] { width:100%; background:#663399; height:50px; text-align:center; color:#fff; font-size:18px; text-transform:uppercase; font-family: 'Roboto', sans-serif; font-weight:400; border:0; cursor:pointer; outline:none }

.form-text { color:#666; font-size:18px; font-weight:400; line-height:22px; text-align:center}


@media (max-width:1099px) {
.intro-text	 {font-size: 32px;}
.info-btns {background-size: 270px auto;}
.info-btns .btn-left {padding-right: 134px;}
.info-btns .btn-right {padding-left: 134px;}
.info-btns .btn-left a.btn-lg, .info-btns .btn-right a.btn-lg { width:310px;}
.info-btns .btn-left a.btn-lg {font-size: 20px;}
.info-btns .btn-right a.btn-lg {font-size: 18px;}
}


@media (max-width:992px) {
.logo img { width:220px; height:auto}
.intro-text	 {font-size: 28px; line-height:34px;}
.info-btns {background-size: 190px auto;}
.info-btns .btn-left {padding-right: 94px;}
.info-btns .btn-right {padding-left: 94px;}
.info-btns .btn-left a.btn-lg, .info-btns .btn-right a.btn-lg { width:250px; height:60px;}
.info-btns .btn-left a.btn-lg {font-size: 16px; line-height: 20px; padding-top: 7px;}
.info-btns .btn-right a.btn-lg {font-size: 14px; line-height: 18px; paddin: 7px 0 0;}
.bottom-text {font-size: 22px;line-height: 26px;}
}


@media (max-width:767px) {
body {background-size:auto; height:100% } 
.logo { text-align:center; margin-top:8%}
.intro-text {font-size: 22px; line-height: 28px; margin: 8% 0 8% 0;} 
.bottom-text {font-size: 18px;line-height: 22px; margin-bottom:7%}
.info-btns { background: none; height:auto} 
.info-btns .btn-left, .info-btns .btn-right { width:100%; text-align:center}
.info-btns .btn-left {padding-right: 0; margin-bottom:40px}
.info-btns .btn-right {padding-left: 0;}

.lity-container {max-width: 80%;}
.form-head .head-title {font-size: 32px; line-height: 30px;}
.form-head .head-title:after, .form-head .head-title:before { top: 15px}
.form-head .head-text {line-height: 24px;font-size: 20px;}
.contact-form li { width:100%} 

}

@media (max-width:639px) {
.intro-text {font-size:20px; line-height: 26px; margin: 12% 0 12% 0;}
.bottom-text {font-size: 16px;line-height: 20px; margin-bottom:7%; margin-top:10%}
.info-btns .btn-left { margin-bottom:30px}

.form-head .head-title {font-size:28px; line-height: 28px;}
.form-head .head-title:after, .form-head .head-title:before { top: 15px; width:25%}
.form-head .head-text { padding:0}
.form-head .head-text {line-height: 22px;font-size:18px;}
.form-text { font-size:14px; line-height:18px; padding-bottom:20px}
	
}