@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;800&display=swap');
body{margin:0;padding:0;font-size:14px; font-family: 'Open Sans', sans-serif;}
/*Start Common Css*/
*{box-sizing:border-box;}
input, select, textarea, dfn, em, code{font-family: 'Open Sans', sans-serif; font-size:14px;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
img{ border:0;}
.img_res{max-width:100%; display:block;}
ul{margin:0px; padding:0px; list-style:none;}
button{cursor:pointer;}
/*End Common Css*/

.b2b_header{padding:20px 0 0;}
.ul_nav{list-style: none;
    padding: 15px 0;
    text-align: right;
    font-size: 14px;
    font-weight: 400;}
.ul_nav li{display:inline-block; margin-left:10px; font-weight: 600;}
.ul_nav li .fa{vertical-align: middle;
    color: #fff;
    text-align: center;
    font-size: 16px;
    margin-right: 2px;
    background: #fab233;
    width: 27px;
    height: 27px;
    line-height: 28px;
    border-radius: 4px;}
.ul_nav li a{color:#203c3d; transition:0.5s;}
.ul_nav li a:hover{color:#c20808; text-decoration:none;}
.ul_nav li .fa-envelope{font-size:14px; vertical-align: middle;}
.mbx{background:url(../images/bg.jpg) no-repeat; background-size:cover; padding-bottom: 40px;}
.regbx{text-transform:uppercase;}

.log_bx{text-align:right;     z-index: 2; position: relative;}
.log_form{background: rgba(0,0,0,0.7);
    border-radius: 0;
    color: #000;
    padding: 20px 28px 28px;
    text-align: center;
    width: 318px; max-width:100%; position:relative;
    margin: 0 auto;}
.log_form h2{    text-transform: uppercase;
    font-weight: 400;
    font-size: 22px;
    margin-top: 0;
    color: #fff;
    margin-bottom: 13px;}
.inp_group{position:relative; margin-bottom:16px; width:100%; float:left;}
.inp_group input{background: #fff;
    height: 36px;
    width: 100%;
    border: 0;
    padding-left: 35px;
    font-size: 14px;}
.inp_group input::placeholder{color:#989898;}
.inp_group .fa{color: #73bf50;
    height: 100%;
    top: 0;
    position: absolute;
    left: 9px;
    font-size: 21px;
    line-height: 35px;}
.btn_log{background: #73bf50;
    color: #fff;
    border: 0; transition:0.5s;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 15px;
    width: 100%;
    padding: 9.5px 0;
    margin-bottom: 0px;}
.for_pass a{color: #fff;
    font-size: 12px; 
    font-weight: 100;}
.for_pass a:hover{text-decoration:underline;}
.for_pass{ text-align: left; margin-top: -6px; margin-bottom: 10px;}
/*forgot password*/
.errorbox{color:#ff6767!important; font-size:13px; display:block; float:left; width:100%; padding:5px 0; text-align: center;}
.registration_box{width:100%; margin-top:5px;}
#forgot_password { background:#fff; border:1px solid #ccc; padding: 10px; position: absolute; width:99%; max-width:400px; z-index:1000; left:5px; bottom:-30px; border-radius:8px; box-shadow:2px 2px 5px #333;}
#ForgotPasswordMsg {float:left; color: #333; float: left; font-size: 14px; padding: 0 0 8px; }
.xross { float: left; position: absolute; right:6px; top:6px; cursor:pointer; font-size: 30px; line-height: 22px;}
.button_submit { float:left; padding-top:3%; width:100%;}
.submitbtn{background:#73bf50; color: #fff; border: 0; border:1px solid transparent; width: 100%; text-align: center; margin-bottom: 8px; font-size:18px; transition: 0.5s; padding: 10px 10px; }
.forgot_txtbox{width:100% !important; border:1px solid #c3c3c3 !important; background:#fff !important; padding:10px;}

.servhm{background:#c20808; color:#fff;}
.hmhead{text-transform: uppercase;
    font-weight: 400;
    font-size: 21px; margin: 25px 0 30px;}
.hmhead img{float:right;}
.servbx{    width: calc(100% - 80px);
    margin: 0 auto 40px;
    background: #fff;
    padding: 12px;}
.ulserv{float: left; width: 100%;}
.ulserv li{width:20%; border:8px solid #fff; float:left; transition:0.5s; height:256px; position:relative; border-radius:5px;}
.ulserv li img{width:100%; height:100%; transition:0.5s; box-shadow: 0px 2px 8px #343434;}
.ulserv li span{position: absolute;
    right: 0;
    top: 15px;
    z-index: 1;
    background: #73bf50;
    text-transform: uppercase;
    font-size: 17px; min-width:120px; text-align:center;
    font-weight: 400;
    padding: 8px 10px;}
.ulserv li:hover{transform:scale(0.95);}

.hmfooter{background:url(../images/ftbg.jpg) no-repeat; background-size:cover; padding-top:20px;}
.fthead{color: #fff;
    font-weight: 700;
    font-size: 16px;
    margin: 20px 0 5px;
    text-transform: uppercase;}
.ullink{text-transform: uppercase;}
.ullink li a{color: #fff;
    display: block; transition:0.2s;
    font-size: 14px;
    margin-bottom: 4px;}
.ullink li a:hover{color:#c20808; text-decoration:none;}
.hmfooter h5{margin: 0 0 10px;
    color: #fff;
    font-weight: 100;
    font-size: 12px;}
.sform input{height: 45px;
    border: 0; padding:8px;
    width: calc(100% - 95px);
    border-radius: 5px 0 0 5px;}
.sbtn{background: #c20808;
    color: #fff;
    border: 0;
    width: 92px;
    float: right; transition:0.5s;
    height: 45px;
    border-radius: 0 5px 5px 0;
    font-size: 15px;
    font-weight: 400;
    font-family: 'Open Sans';}
.sbtn:hover{background:#000;}
.fttext{font-size:16px; color:#fff;}
.cpyrhttxt{display: block;
    width: 100%;
    background: #fff;
    color: #242424;
    float: left;
    text-align: center;
    padding: 12px 0;
    font-size: 13px;
    font-weight: 400;
    margin-top: 35px;}
.cpyrhttxt b{color:#c20808;}


@media (max-width:992px){
.ulserv li{width: 33.3%;}
.servbx{width: calc(100% - 26px); margin: 0 auto 16px;}
}

@media (max-width:767px){
.img_res{margin: 0 auto; width: 120px;}
.ul_nav{text-align:center; font-size: 13px;}
.ul_nav li{margin: 3px 5px; }
.ulserv li{width: 50%; height: 175px; border: 5px solid #fff;}
.ulserv li span{padding: 5px 10px; font-size: 13px; top: 8px; min-width: 82px;}
.servbx{padding: 2px;}
.ul_nav li .fa{width: 23px;
    height: 23px;
    line-height: 23px; font-size: 13px;}
    .ul_nav li .fa-envelope{font-size: 12px;}
.fthead{font-size: 14px; margin: 10px 0 5px;} 
.ullink li a{font-size: 13px;}
.cpyrhttxt{margin-top: 25px; font-size: 12px;}
.sbtn, .sform input{font-size: 14px;}
}