/* layout-12 */

.layout-12 h2{ text-align: left;  }

.layout-12 h4 { font-weight: 700; font-size: 32px; margin: 35px 0 40px; }

.layout-12 h5 { font-weight: 700; margin: 40px 0 30px; }

.layout-12 ul li strong {position: absolute; top: 0; left: 0; background-color: #018daf; border:2px solid #018daf; width: 50px; height: 50px; border-radius: 50px; display: inline-block; text-align: center; color: #fff; font-size: 20px; padding-top: 11px; }

.layout-12 ul li { font-size: 18px; position: relative; padding-left: 70px;  margin-bottom: 60px; max-width: 350px; cursor: pointer;}

.layout-12 ul li:hover strong { background-color: #fff; color: #000; }

.layout-12 ul li:after { z-index: -1; content: ''; width: 3px; height: 100px; background-color: #018daf; position: absolute; top: 20px; left: 25px; }

.layout-12 ul li:last-child:after { content: none; }

.layout-12 ul li:last-child{ margin-bottom: 0; }

.layout-12 .btn { background-color: #018daf; margin-right: 20px; padding-top: 9px; font-size: 14px; text-transform: none;     font-weight: 400; border-radius: 4px; border:2px solid #018daf;}
.layout-12 .btn:hover { background-color: #fff; } 

.layout-12 .btn i {  position: relative;  top: 2px;  font-size: 20px;  margin-right: 6px; }

.layout-12 .form-wrap { background-color: #f5f5f5; padding: 35px 20px 0px; text-align: center; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); border-radius: 4px; }

.layout-12 .form-wrap h3 { font-size: 30px; max-width: 570px; text-align: center; font-weight: 700; margin: 0 auto 30px; line-height: 36px; }

.layout-12 .form-wrap .form-group { margin-bottom: 25px; }

.layout-12 .form-wrap .form-group p { margin-bottom: 0px; }

.layout-12 .form-wrap .form-control { border: none; box-shadow: none; min-height: 40px; padding-left: 30px; }

.layout-12 .form-wrap textarea { height: 160px; }

.layout-12 .form-wrap .btn {  background-color: #f89824;  color: #fff;  border: none;  padding: 16px 60px;  font-weight: 500;  font-size: 20px;  margin-right: -50px;  z-index: 111;  position: relative; }

.layout-12 .form-wrap .col-sm-6:before { content: '\f007'; font-family: "fontawesome"; font-size: 16px; position: absolute; margin-right: 8px; top: 9px; 

left: 20px; z-index: 111;  color: #018daf; }

.layout-12 .form-wrap .col-sm-6.phone:before { content: '\f095'; }

.layout-12 .form-wrap .col-sm-6.mail:before { content: '\f0e0'; }

.layout-12 .form-wrap .col-sm-6.globe:before { content: '\f0ac'; }

.layout-12 .wpcf7-not-valid-tip { font-size: 12px;  position: absolute;  bottom: -22px; }

.layout-12 .form-wrap .phone, .layout-12 .form-wrap .globe ,.layout-12 .form-wrap .user ,.layout-12 .form-wrap .mail { position: relative; }

.layout-12 .form-wrap .form-control { font-size: 16px; }




.layout-12 .form-wrap iframe { width: 100%; height: 620px; }
.layout-12 a.btn img { filter: brightness(1) invert(1); }
.layout-12 a.btn:hover img { filter: brightness(0) invert(0); }

 








/* Responsive */



@media (max-width: 1299px){ 

.layout-12 h2 { font-size: 50px; line-height: 56px; }







}

/* 1299 END */





@media (max-width: 1199px){ 

.layout-12 h2 { font-size: 44px; line-height: 50px; }

.layout-12 .form-wrap h3 { font-size: 26px;  line-height: 34px;  }

.layout-12 h4 { font-size: 30px;  }





}

/* 1199 END */ 



@media (max-width: 991px){ 

.layout-12 .form-wrap{ margin-top: 30px; }

.layout-12 .form-wrap .btn { padding: 12px 50px; font-size: 18px; }











}

/* 991 END */









@media (max-width: 767px){ 

.layout-12 h2 { font-size: 38px; line-height: 44px; }

.layout-12 h4 { font-size: 28px; }

.layout-12 .form-wrap .mail, .layout-12 .form-wrap .user, .layout-12 .form-wrap .form-group  { margin-bottom: 20px; }





}

/* 767 END */



@media (max-width: 599px){ 

.layout-12 h2 { font-size: 32px;   line-height: 40px; }

.layout-12 h4 { font-size: 26px; }

.layout-12 .form-wrap h3 { font-size: 24px; line-height: 32px; }

.layout-12 .form-wrap { padding: 35px 10px; }

.layout-12 ul li { font-size: 16px;}

.layout-12 ul li:after { height: 120px; }

.layout-12 .form-wrap h3 { font-size: 20px; line-height: 28px; }

#acrm2 .head h4 {    font-size: 20px;    line-height: 28px; }

.layout-12 .form-wrap iframe {    height: 710px; }




} 

/* 599 END */





@media (max-width: 479px){ 

.layout-12 .btn { margin-bottom: 10px; width: 180px; }

.layout-12 .form-wrap .btn{ width: auto; }

.layout-12 .form-wrap h3 { font-size: 22px; line-height: 28px; }

.layout-12 h2 {    font-size: 28px;    line-height: 34px; }

.layout-12 .form-wrap iframe { width: 100%; height: 790px; }







} 

/* 479 END */