body{ background:#000; word-wrap:break-word; font-family:'Nunito', sans-serif; font-size:16px; color:#fff; margin: 0;}
div{ display:block;}
label{ display:block;}
select{ font-weight:normal; appearance:none; -moz-appearance:none; -webkit-appearance:none;}
textarea{ resize:none;}
a, button,input,select,textarea{ transition:all 0.25s ease-in 0s; -webkit-transition:all 0.25s ease-in 0s; -moz-transition:all 0.25s ease-in 0s;-o-transition: all 0.25s ease-in 0s; outline:none;}
a:focus, button:focus{ border:0; outline:none;}
img { max-width:100%; vertical-align:middle; border:none}
*{ box-sizing: border-box;}

/*==========================Page=Css=Start====================================*/

.main_wraper{ background: url(../images/banner.jpg) center center no-repeat; min-height: 100vh; position: relative; z-index: 1; padding: 30px 0; text-align: center; background-size: cover;}
.main_wraper:before{ content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.8); z-index: -1;}
.container{ max-width: 1100px; margin: auto;}

.inner_wraper{ display: flex; flex-wrap: wrap; align-items: center; justify-content:space-between; flex-direction: column; min-height: calc(100vh - 60px);}

.uc_content{ padding-top: 50px; font-family:'Nunito', sans-serif;}
.uc_content h1{ font-size: 72px; text-transform: uppercase; margin: 0; font-weight: 800;}
.uc_content p{ font-size: 24px; margin: 30px 0 0; font-weight: 600;}
.contact_form{ padding-top: 50px; width: 100%;}
.contact_form form{ display: flex; flex-wrap: wrap; margin: 0 -20px;}
.contact_form .form_group{ width: 50%; padding: 0 20px; margin-bottom: 30px;}
.contact_form .form_group.textarea{ width: 100%;}
.contact_form .form_group .form_control{ background: none; border: 0; border-bottom: 2px solid #7f7f7f; width: 100%; color: #fff; font-size: 18px; font-family: 'Nunito', sans-serif; padding: 7px 0;}
.contact_form .form_group .form_control:focus{ border-color: #9acf16;}
.contact_form .form_group textarea.form_control{ height: 110px;}
.contact_form .form_group input[type="submit"]{ background: #668e04; color: #fff; border: 0; border-radius: 7px; display: inline-block; padding: 0 30px; line-height: 54px; font-size: 18px; font-weight: 800; font-family:'Nunito', sans-serif; letter-spacing: 0.5px; cursor: pointer;}
.contact_form .form_group input[type="submit"]:hover{ background: #9acf16;}

.backtohome{ background: #668e04; color: #fff; border: 0; border-radius: 7px; display: inline-block; padding: 0 30px; line-height: 54px; font-size: 18px; font-weight: 800; font-family:'Nunito', sans-serif; letter-spacing: 0.5px; cursor: pointer; text-decoration: none;}
.backtohome:hover{ background: #9acf16;}

.social_icon{ padding-top: 50px; display: flex; align-items: center; justify-content: space-between; width: 100%;}
.social_icon ul{ margin: 0; padding: 0; list-style: none; display: flex; justify-content: center;}
.social_icon ul li{ padding: 0 7px;}
.social_icon ul li a{ width: 40px; height: 40px; line-height: 38px; border: 2px solid #fff; border-radius: 50px; display: block; text-align: center; color: #fff; font-size: 18px;}
.social_icon ul li a:hover{ background: #9acf16; border-color: #9acf16;}

.contact_details{ display: flex; flex-wrap: wrap; align-items: center;}
.contact_details .phone + .phone{ padding-left: 50px;}
.contact_details .fa{ font-size: 20px; margin-right: 7px;}
.contact_details a{ color: #fff; text-decoration: none; font-size: 18px; font-weight: 600;}
.contact_details a:hover{ color: #9acf16;}

.check_img{ padding: 0 0 50px;}
.check_img img{ max-width: 90px;}




@media only screen and (max-width: 1600px) {

    .social_icon{ padding-top: 20px;}
}
@media only screen and (max-width: 1199px) {

    .container{ padding-left: 20px; padding-right: 20px;}
}
@media only screen and (max-width: 767px) {

    .uc_content h1{ font-size: 40px;}
    .logo img{ max-width: 300px;}
    .uc_content p{ font-size: 20px; margin-top: 20px;}
    .contact_form .form_group{ width: 100%; margin-bottom: 25px;}
    .social_icon{ flex-direction: column;}
    .contact_details{ justify-content: center; padding-bottom: 25px;}
    .contact_details .phone{ width: 100%;}
    .contact_details .phone + .phone{ padding-left: 0; padding-top: 11px;}
    .check_img{ padding-bottom: 30px;}

}