@import url('https://fonts.googleapis.com/css?family=Rubik:300,400,500,700');
body{margin:0;padding:0;font-size:14px;font-family:Rubik, Arial, Sans-Serif; background:#e7e7e7}
/*Start Common Css*/
*{box-sizing:border-box;}
input, select, textarea, dfn, em, code{font-family:Rubik, Arial, Sans-Serif;font-size:14px;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
img{ border:0;}
ul{margin:0px; padding:0px; list-style:none;}
/*End Common Css*/
.bg_hed{float:left; width:100%; background:#fff;}
/*Start Logo Css*/
.logo{padding: 5px 0px; margin-bottom: -50px; position: relative;  z-index: 2;}
.destop_none{display:none;}
.fl{float:left;}
.fr{float:right;}
.pad0{padding:0;}
.bg_cont{background:url(../images/banner-bg.jpg) no-repeat; background-size:100% 100%;}
#menu-icon{display:none;}
.res_img{max-width:100%;}
button{cursor:pointer;}
.form_bx_rht{text-align: left;
  padding: 70px 30px 0px 0;
  color: #cecac9;}
.form_bx_rht h4{font-size: 20px;
  font-weight: 400;
  margin: 15px 0 5px;}

.main_bg{background:url(../images/banner.jpg) no-repeat; padding-bottom: 25px; background-size:100% 100%; position:relative; min-height: 732px;}
.inner_header{background-image: -moz-linear-gradient( 90deg, rgb(11,138,118) 0%, rgb(65,172,110) 47%, rgb(119,205,102) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(11,138,118) 0%, rgb(65,172,110) 47%, rgb(119,205,102) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(11,138,118) 0%, rgb(65,172,110) 47%, rgb(119,205,102) 100%);}
.b2b_header{padding:20px 0 15px;}
.info_ul{list-style:none; padding:0; text-align:right; font-size:15px; margin:30px 0 20px;}
.info_ul li{display:inline-block; margin-left:15px;}
.info_ul li a{color:#fff; transition:0.5s;}
.info_ul li a:hover{color:#000; text-decoration:none;}
.info_ul li .fa{margin-right:4px;     font-size: 18px;
    vertical-align: middle;}

#main_banner .owl-dot:focus, #deal_slide .owl-dot:focus{outline:none;}
#main_banner .owl-dot span{width: 11px; height: 11px; background: #fff; display: inline-block; margin: 0 0px 0 2px;}
#main_banner .owl-dots{text-align:right; display:none; margin-top: -25px; margin-right: 8px; z-index: 6; position: relative;}
#main_banner .owl-dot.active span, #main_banner .owl-dot span:hover{background:#fc231e;}
#main_banner, .owl-stage-outer{height:100%; width:100%;}
#main_banner .item, #main_banner .owl-stage, #main_banner .owl-item{height:100%;}
#main_banner img{width:100%; height:100%;}
#main_banner{position: absolute; left: 0; z-index: -1; top: 0; height: 100%; width: 100%;}

.form_bx{margin:50px auto ; width: 740px; background:#232122 url(../images/formbg.png) no-repeat; max-width:100%; height:441px; border-radius:12px;}
.form_bx_lft{float:left; border-radius: 0 0 0 15px; width:425px; background:transparent; padding: 40px 71px 10px 30px; position:relative;}
.form_bx_lft h3{font-weight: 400; font-size: 20px;}
.form_bx_lft h3 span{display: block; font-size: 14px;}
.form_bx_rht{float:left; width:calc(100% - 425px);}
.curv_img{float:left;}
.form_bx_lft h2{text-align: center; color: #057f77; text-transform: uppercase; margin-top: 0; font-weight: 500; font-size: 36px;}
.inp_bx{position:relative; margin-top:25px;}
.inp_bx input{width: 100%;
  outline: none;
  border: 0;
  border-bottom: 2px solid #908d8c;
  padding: 5px 10px 5px 50px;
  color: #1c3d9a;
  font-size: 16px;
  height: 47px;
  border-radius: 6px;}
.inp_bx input::placeholder{color: #2b4a68;}
.inp_bx .fa{    position: absolute;
  left: 14px;
  color: #232122;
  font-size: 20px;
  margin-top: 13px;}
.for_bx{text-align:left; padding-top:8px;}
.for_bx a{color:#000; font-size:13px;}
.btn_log{text-transform: uppercase; color: #fff; padding: 14.5px; width: 49%; background: rgb(206,202,201); display:inline-block;
  background: linear-gradient(180deg, rgba(206,202,201,1) 0%, rgba(206,202,201,1) 9%, rgba(59,57,58,1) 72%, rgba(35,33,34,1) 100%);border-radius: 5px; margin-top:15px; border:1px solid #908d8c}
.btn_log:hover{background:#232122}
.form_bx_rht h3{font-weight: 400;
  font-size: 29px;
  margin: 0 0;
  background: #cecac9;
  color: #000;
  display: inline-block;
  padding: 2px 10px;}
.form_bx_rht p{font-size:12px;}
.kmore_btn{background: #cecac9;
  border: 0;
  padding: 7px 12px;
  color: #000;
  border-radius: 32px;
  margin-top: 10px;
  transition: 0.5s;
  text-transform: uppercase;}
.kmore_btn:hover{background:#fff; color:#000}

/*error messge Login Pannel */
.error_red{font-size:22px; float:left;  color:red; line-height:20px; width:100%; padding-top:10px;}
/*forgot password*/
.errorbox{color:red!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:#232122; 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; border-radius: 5px;}
.forgot_txtbox{width:100% !important; border:1px solid #e7e7e7 !important; background:#fff !important; padding:15px;}
/*End error messge Login Pannel */

.hm_head{text-align: center; color: #cecac9; font-weight: 400; font-size: 34px; margin-top: -21px; position:relative;}
.hm_head span{background:#232122; color:#cecac9; padding: 0 10px;}

.bggrey{background:#cecac9;}
.hmserv{padding-bottom:35px;}
.ul_serv{list-style:none;}
.ul_serv li{float:left; width:20%; text-align:center;}
.serv_bx{background: #232122;
  width: 81px;
  height: 81px;
  text-align: center; margin:0 auto 8px;
  border-radius: 50%;
  display: flex; transition:0.5s;
  justify-content: center;
  align-items: center;}
.ul_serv li span{text-transform: uppercase;font-size: 18px;}
.ul_serv li:hover .serv_bx{transform:scale(0.9);}

.b2b_footer{color: #000; font-size: 15px; }
.b2b_footer .tbocontainer{padding:25px 0; border-top:1px solid #232122}
.ft_links{list-style:none; padding:0; margin:0;}
.ft_links li{display:inline-block; font-weight: 400; border-right:2px solid #000; padding-right:5px;}
.ft_links li a{color:#000;}
.ft_links li a:hover{text-decoration:underline;}
.ft_links li:last-child{border-right:0}
.b2b_footer small{display:block; text-align:right; font-weight: 400; font-size:15px;}

/*Start About us*/
  .abt_hed{float: left; width: 100%; margin: 0px; font-size: 22px; color:#12a4a4; text-transform: uppercase; padding-top: 20px; padding-bottom: 15px;}
  .abt_cont{ float:left; width:100%; padding-bottom:20px; padding-top:10px;}
  .abt_cont h2{ float:left; text-transform:uppercase; width:100%; font-weight: 500; margin:0px 0; color:#77ce66; padding-top:10px; font-size: 19px; margin-bottom: 15px;}
  .abt_cont p{ float:left; width:100%; text-align: justify; padding:0px 0px 10px; margin:0px; font-size: 0.97em; line-height:20px;}
  .abt_cont p b{font-weight:500;}
  .abt_cont ul{float: left; width: 100%; margin: 0px 0 10px; padding: 0px; list-style: initial; padding-left: 16px; font-size: 0.97em; line-height: 21px;    list-style-image: url(../images/arrow.png);vertical-align:middle}
  .abt_cont ul li{ float:left; width:100%; padding:5px 0px; vertical-align:middle;}
  .abt_cont ul li i{  display:inline-block; text-align:center; font-size:18px; color:#f05929; vertical-align:middle; margin-right:5px;}
  .abt_cont ul li a, .abt_cont a{color:#52a7c9;}
  .abt_cont .pb0{padding-bottom:0}
  .abt_cont h3{margin-bottom: 8px; font-size: 16px; float:left; width:100%; margin-top:5px;}
    .abt_cont h4{float:left; width:100%; margin-bottom:0; font-size:15px; margin-top:10px;}
  .cl_red{color:red;}
  address{font-style:normal;}
/*End About us*/

/*Start Contact Us*/
    .cont_mob{line-height: 20px; float: left; margin-bottom: 16px; width: 100%;}
    .tbo.padzero{padding:0;}
    .cont_mob strong{font-weight:500;}
    .bg_inner{ float:left; width:100%; background:url(../images/inner_bg.jpg) center top no-repeat; min-height:221px; background-size:100% 100%;}
    .bg_inner img{width:100%; height:100%; float:left;}
    .cont_inpt{ float:left; width:100%; background: #fff;padding:20px;margin-top:20px;box-shadow: 0px 0px 10px 0px #bfbfbf;border-radius:10px}
    .fil_enq{ float:left; width:100%; color:#e1572b; font-weight:bold; padding:10px 8px 0px 8px; font-size:18px;}
    .enq_blw{float:left; width:100%; color:#1b3f79; font-weight:bold; text-align:center; font-size:18px;}
    .inp_cotus{ float:left; width:100%; background:#fff; border:1px solid #c0c0c0; border-radius:5px; height:40px; padding:5px 10px; margin:5px 0px;}
    .err_red_lft{ float:left; color:Red; width:100%; font-style:normal;  height:10px;}
    .msg_cont{ float:left; width:100%;border:1px solid #c0c0c0;border-radius: 5px; margin:5px 0px; height:85px; padding:10px;}
    .captcha_row{float:left; width:100%;}
    .btn_send{ float:left; width:100%; color:#fff; height:40px; border:0px; font-size:18px; border-radius:5px;margin:10px 0px 20px; background-image: -moz-linear-gradient( 90deg, rgb(11,138,118) 0%, rgb(65,172,110) 47%, rgb(119,205,102) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(11,138,118) 0%, rgb(65,172,110) 47%, rgb(119,205,102) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(11,138,118) 0%, rgb(65,172,110) 47%, rgb(119,205,102) 100%);}
    .btn_send:hover{ background:#77ce66;}
    .cont_icn{ float:left; width:100%;}
    .cont_icn i{ float:left; text-align:left; font-size:18px; color:#12a4a4; vertical-align:top; width:25px; height:25px; }
    .cont_icn span{ float:left; width:calc( 100% - 25px ); color:#000; vertical-align:middle;}
    .cont_icn a{ float:left; width:calc( 100% - 25px ); text-decoration:none; color:#000; vertical-align:middle;}
    .cont_icn a:hover{ color:#33a502;}
    .capch_cotus{ float:left; width:100%; background:#fff; border:1px solid #c0c0c0; border-radius:5px; height:40px; padding:5px 10px; }
    .img_captcha{ float:left; width:100%;}
/*End Contact Us*/
/*End Inner Page Css*/


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

}

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

.about_sec .tbocontainer{padding:0; text-align:center;}
.about_sec img{margin:0 auto; float:initial;}
.about_sec p{padding-top: 10px;}
}


@media screen and (max-width: 767px)
{
  .main_bg{ background: rgb(2,132,120); background: rgb(2,132,120);
background: linear-gradient(180deg, rgba(2,132,120,1) 0%, rgba(39,89,115,1) 33%, rgba(39,89,115,1) 54%, rgba(18,163,163,1) 93%, rgba(18,163,163,1) 100%);}
  #main_banner{display:none;}
  .curv_img{display:none;}
  .form_bx_rht{background:transparent;width:100%; padding: 20px 20px 20px;}
  .form_bx_lft{width:100%; background: #cecac9; padding: 20px 20px 20px; border-radius: 15px 15px 0 0;}
  .form_bx_lft:before{display:none;}
  .form_bx_lft h2{font-size: 26px;}
  .form_bx{padding-top:0; margin: 5px auto; background:#232122; height: auto;}
  .form_bx_rht h3{font-size: 25px;}
  .btn_log{padding: 15px 3px;}
  .b2b_header {text-align:center;}
  .info_ul{text-align:center; margin: 20px 0 15px;}
  .logo img{width: 105px;}
  .hm_head{font-size: 22px; margin-top: -13px;}
  .ul_serv li{width:33.3%; margin-bottom: 15px;}
  .ft_links, .b2b_footer small{text-align:center; font-size: 13px;}
  .b2b_footer small{padding-top:10px;}
  .ul_serv li span{font-size: 16px;}
  .hmserv{padding-bottom: 15px;}
  .btn_log{width:100%;}
}