@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:center;  padding: 35px 60px 0; color:#fff; background:url(../images/fbg2.png) no-repeat;}

.main_bg{/*background:url(../images/bg.jpg) no-repeat;*/ padding-bottom: 25px; background-size:100% 100%; position:relative;}
.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:30px 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}
.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: rgb(2,132,120); background: rgb(50,81,241); background: linear-gradient(0deg, rgba(50,81,241,1) 0%, rgba(192,15,54,1) 49%, rgba(57,76,236,1) 100%); position: relative; border-radius: 15px; padding-top:85px; box-shadow: 0px 5px 5.64px 0.36px rgba(0, 0, 0, 0.41); max-width:100%;}
.form_bx_lft{float:left; border-radius: 0 0 0 15px; width:351px; background:#fff; padding: 0 20px 20px; position:relative;}
.form_bx_lft:before{content: ""; position: absolute; right: -13px; width: 16px; height: 100%; top: 0; background: #fff;}
.form_bx_rht{float:left; width:calc(100% - 351px);}
.curv_img{float:left;}
.form_bx_lft h2{text-align: center; color: #334fea; text-transform: uppercase; margin-top: 0; font-weight: 500; font-size: 36px;}
.inp_bx{position:relative; margin-top:10px; margin-bottom:5px; width:100%; float:left;}
.inp_bx input{width: 100%; outline: none; border: 0; border-bottom: 1px solid #77ce66; padding: 5px 0px; color: #1c3d9a; font-size: 16px; float:left;}
.inp_bx input::placeholder{color: #1c3d9a;}
.inp_bx .fa{position: absolute; right: 0; color: #1c3d9a; font-size: 20px; top: 5px;}
.for_bx{text-align:right; padding-top:8px; width:100%; float:left;}
.for_bx a{color:#bd1039; font-size:13px;}
.btn_log{border: 0; text-transform: uppercase; color: #fff; padding: 13px; min-width: 42%; display:inline-block; background: rgb(57,76,236); background: linear-gradient(0deg, rgba(57,76,236,1) 0%, rgba(192,15,54,1) 91%); border-radius: 15px; margin-top: 25px;}
.btn_log:hover{background:#bd1039}
.form_bx_rht h3{font-weight: 400; font-size: 33px; margin: 0 0;}
.form_bx_rht p{font-size:13px;}
.kmore_btn{background: #fff; border: 0; padding: 10px 15px; color: #e21821; border-radius: 12px; margin-top: 20px; transition:0.5s;}
.kmore_btn:hover{background:#e21821; color:#fff}

/*error messge Login Pannel */
.error_red{font-size:22px; float:left;  color:red; line-height:20px; width:100%; padding-top:10px;}
.forgot-password-parent {display: block; background: rgba(255,255,255,.9); border: 1px solid #000000; padding: 5px 10px; text-align: center; width: 220px; right: 0; position: absolute; top: 26px; border-radius: 10px; z-index: 9999;}
input.registration-box {border: 1px solid #C0C0C0!important; margin: 0 auto; padding:10px; width: 100%; border-radius: 5px; background:#fff!important;}
.inp_group .row {color: #e19715; display: block; font-size: 13px; margin-top: 0.5em;}
.mar-top-botm {float: left; padding: 0.5em 0; text-align: center; width:100%;}
.errormsg{color:#ff0000; padding:5px 0; float:left; width:100%; text-align:center;}
.msg_txtar{font-family: Open Sans; font-size:13px; padding-left:0px; width:70%;}
#send{background:#be1f1f; color:#fff; width:150px; text-align:center; border:none; font-weight:bold;}
.frgt{position: relative; top: 0px; left: 177px; width: 30px;}
.get-password-button{    display: block; background: rgb(57,76,236); background: linear-gradient(0deg, rgba(57,76,236,1) 0%, rgba(192,15,54,1) 91%); width: 100%; border: 0; color: #fff; cursor:pointer; padding: 10px 10px; font-size: 14px; border-radius: 5px;}
.get-password-button:hover{background: #bd1039;}
/*End error messge Login Pannel */
/*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; top:0; 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:#992484; 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;}

.hm_head{text-align: center; color: #fff; text-transform: uppercase; font-weight: 400; font-size: 28px; margin-top: 30px; position:relative;}
.hm_head:before{width: 155px; content: ""; height: 1px; background: #fff; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: -5px;}
.hm_head:after{width: 26px; content: ""; height: 5px; background: #d21d35; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: -7px; border-radius: 6px;}

.ul_serv{list-style:none; padding:0;}
.ul_serv li{float: left;
    width: 20%; text-shadow: 0 1px 3px #1d1d1d; text-align: center; text-transform: uppercase; color: #fff; font-size: 15px; margin-bottom:15px;}
.ul_serv li img{border:3px solid #fff; transition:0.5s; max-width:100%; border-radius:5px;  margin-bottom:3px; }
.ul_serv li:hover img{border-radius:50%;}

.b2b_footer{background: #263882; padding: 10px 0; color: #fff; font-size: 14px; }
.ft_links{list-style:none; padding:0; margin:0;}
.ft_links li{display:inline-block; font-weight: 300; border-right:2px solid #fff; }
.ft_links li a{color:#fff; padding:0 8px;}
.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: 300; font-size:14px;}

/*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(57,76,236);
    background: linear-gradient(0deg, rgba(57,76,236,1) 0%, rgba(192,15,54,1) 91%);}
  #main_banner{display:none;}
  .curv_img{display:none;}
  .form_bx_rht{background:transparent;width:100%; padding: 20px 10px 20px;}
  .form_bx_lft{width:100%; 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;}
  .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;}
  .ul_serv li{width:50%;}
  .ft_links, .b2b_footer small{text-align:center; font-size: 13px;}
  .b2b_footer small{padding-top:10px;}
  .b2b_footer{padding: 15px 0;}
}