@CHARSET "UTF-8";


body {font-family: 'Assistant', sans-serif; font-size: 16px; color: #000;}

.img-responsive {display: inline-block;} 

.main {background: url(/images/landing_2016/image_computer.jpg); height: 734px; text-align: center;}

.u {display: inline-block; padding-bottom: 2px; text-decoration: none; border-bottom: 1px solid #000;}

 .main .title {margin: 5px auto 10px auto;}
 	.main .title .a {color: #000; font-size: 45px; font-weight: bold;}
 	.main .title .b {color: #ff772f; font-size: 45px; font-weight: bold;}


 .form_container {margin: 0 auto 0 auto; background: #ff772f; border: 1px solid #000;
                            min-height: 200px; width: 265px; text-align: center; padding: 15px 0px;
                            color: #fff;
                          }
                          
  .form_container .txt1 {font-size: 22px;}
  .form_container .txt2 {font-weight: 700; font-size: 50px; line-height: 50px; margin-bottom: 10px;}
  .form_container .txt3 {font-size: 20px; margin-top: 6px;}
  .form_container .txt4 {font-weight: 700; font-size: 30px;}

 .frm_large .lbl {  font-weight: normal; color: white; font-size: 20px;}

 .frm_large p { margin-bottom: 2px; text-align: right;}


.frm_large {padding: 10px 20px; border-top: 1px solid #e36a3d; border-bottom: 1px solid #e36a3d;
                  margin: 0 auto; width: 95%;
                }
.btn_snd {color: #fff; background: #221b19; margin: 15px 0 0 0; font-size: 28px; border-radius: 7px;}
 .btn_snd:hover,  .btn_snd:active,  .btn_snd:focus {color: #fff; opacity: 0.8;}


.the_logo {position: absolute; top: 0; right: 40px;}

.bottom_title {font-size: 40px; font-weight: 700; padding-top: 45px; line-height: 50px;}

.ribbon {padding-top: 20px;}


/******** Mobile ****************/

.xs_logo {margin-top: 3px;}

.xs_header {background: #FF772F; color: #fff; font-size: 23px; font-weight: 700; line-height: 28px; padding: 5px 0 6px 0;}

.xs_title {color: #000; font-size: 18px; line-height: 20px; text-align: center; font-weight: 700; padding: 6px 0 9px 0;}

.xs_image {border-bottom: 3px solid #FF772F;}

.triangle {background: url(/images/landing_2016/triangular_mobile.png) center top no-repeat; height: 5px; }

.frm_small {margin-top: 25px;}
.frm_small .lbl { color: #000; font-size: 20px; margin: 0;}

.frm_small .form-control {border: 1px solid #000;}

.frm_small .frm_first_row {margin-bottom: 15px;}

.frm_small .btn_snd {color: #fff; background: #FF772F; border: 1px solid #000;}

.frm_small .btn_call {color: #FF772F !important; background: #FFF !important; border: 1px solid #000;}

.buttons_container {margin-top: 10px;}



@media screen and (max-width: 1200px) {
 	.main .title .a {font-size: 40px;}
 	.main .title .b {font-size: 40px;}

	.bottom_title {font-size: 30px; line-height: 40px;}
}


@media screen and (max-width: 990px) {
 	.main .title .a {font-size: 30px;}
 	.main .title .b {font-size: 30px;}
}


@media screen and (max-width: 320px) {
	.xs_title {font-size: 16px; }	
}