@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap');

/*
font-family: 'Poppins', sans-serif;
*/

body{ padding:0; margin:0; font-size:15px; color:#323232; font-family: 'Poppins', sans-serif;}
a {outline:none !important; text-decoration:none;
-webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; transition:all .6s ease-in-out; color:#56c4f6;}
a:hover, a:focus, select:focus, button:focus,.btn:focus,btn.focus { outline:none; text-decoration:none; box-shadow:none; color:#147190;}
* { margin:0; padding:0;}
a:hover{ color:#4e88e6;}
img { border:none; vertical-align:middle; max-width:100%;}
li{ list-style:none;}
h1, h2, h3, h4, h5, h6{ outline:none !important;}
h3{font-size: 21px;color: #3c3c3c;font-weight:400;}
input, select, textarea, button{ outline:none !important;}
input, textarea, select{ /*-moz-appearance: none; -webkit-appearance: none;*/}
p{ font-size:16px; color:#565656; line-height:28px; margin:0; padding:0; clear:both;}

.container{ width:96%; max-width:1170px; margin:0 auto; padding:0;}

/***********  Top Part  ************/
header{ width:100%; float:left; margin:0; padding:0 0 20px; position:fixed; top:0; left:0; z-index:99; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition:all .4s ease-in-out; background: -moz-linear-gradient(top,  rgba(23,39,45,0.82) 0%, rgba(23,39,45,0.82) 30%, rgba(23,39,45,0.8) 40%, rgba(23,39,45,0.73) 50%, rgba(23,39,45,0.6) 63%, rgba(23,39,45,0.47) 71%, rgba(23,39,45,0.1) 92%, rgba(23,39,45,0.01) 100%); background: -webkit-linear-gradient(top,  rgba(23,39,45,0.82) 0%,rgba(23,39,45,0.82) 30%,rgba(23,39,45,0.8) 40%,rgba(23,39,45,0.73) 50%,rgba(23,39,45,0.6) 63%,rgba(23,39,45,0.47) 71%,rgba(23,39,45,0.1) 92%,rgba(23,39,45,0.01) 100%); background: linear-gradient(to bottom,  rgba(23,39,45,0.82) 0%,rgba(23,39,45,0.82) 30%,rgba(23,39,45,0.8) 40%,rgba(23,39,45,0.73) 50%,rgba(23,39,45,0.6) 63%,rgba(23,39,45,0.47) 71%,rgba(23,39,45,0.1) 92%,rgba(23,39,45,0.01) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d117272d', endColorstr='#0317272d',GradientType=0 );}
header.sticky{ background:#17272d; position:fixed; padding-bottom:0;}
header.sticky .nav_sec{ padding:10px 0;}

.nav_sec{ width:100%; float:left; padding:10px 0; margin:0; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition:all .4s ease-in-out;}
.nav_sec .navbar-brand{ margin:0; padding:0;}
.nav_sec .navbar-nav .nav-item{ margin:0 0 0 25px; padding:0;}
.nav_sec .navbar-nav .nav-item .nav-link strong{color:#2dbe60;}
.nav_sec .navbar-nav .nav-item .nav-link{ margin:0; padding:5px; font-size:15px; color:#fff; text-transform:uppercase; font-weight:600;}
.nav_sec .navbar-nav .nav-item .nav-link.green{ color:#2dbe60; text-decoration:none;}
.nav_sec .navbar-nav .nav-item .nav-link.btn{ background:#2dbe60; color:#fff; padding:5px 15px; display:inline-block;}
.nav_sec .navbar-nav .nav-item .nav-link.btn:hover{background:#1f9a4b; color:#fff; }
.nav_sec .navbar-nav .nav-item.active .nav-link.green{ color:#41e179; text-decoration:none;}
.nav_sec .navbar-nav .nav-item .nav-link:hover, .nav_sec .navbar-nav .nav-item .nav-link.active, .nav_sec .navbar-nav .nav-item .nav-link:focus{ color:#41e179;}
.nav_sec .select_info{ width:62px; padding:5px 18px 0 10px; margin:0; font-size:15px; color:#fff; font-weight:600; border:none; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(../images/select_arrow.png) no-repeat right 12px; text-transform:uppercase;}
.nav_sec .select_info option{ color:#000;}


/************* Section ***********/
section{ width:100%; float:left; padding:0; margin:0;}

.banner_sec{ width:100%; float:left; margin:0; padding:0; position:relative;}
.banner_sec:before{ content:""; width:100%; height:23%; position:absolute; top:0; left:0; }
.banner_sec img{ width:100%;}
.banner_sec .cap_info{ width:100%; float:left; margin:0; padding:0; position:absolute; top:50%; left:0; transform:translate(0%,-50%);}
.banner_sec h2{ margin:0 0 15px 0; padding:0; font-size:38px; color:#fff; font-weight:700;}
.banner_sec .btns:hover{ background:#fff; color:#2dbe60;}
.btns{ margin:0; padding:12px 20px; display:inline-block; background:#2dbe60; border-radius:4px; font-size:16px; color:#fff; font-weight:700; text-transform:uppercase;}
.btns i{ margin-left:5px;}
.btns:hover{ background:#323232; color:#fff;}

/******  Pay Farm Sec  *******/
.payfran_sec{ width:100%; float:left; margin:0; padding:70px 0 50px 0;}
.payfran_sec h2{ margin:0 0 40px 0; padding:0 0 20px 0; font-size:32px; color:#323232; text-align:center; position:relative;}
.payfran_sec h2:before{ content:""; width:54px; height:2px; background:#bfbfbf; position:absolute; bottom:0; left:50%; margin-left:-27px;}
.payfran_sec h2 span{ display:block; margin:0 0 10px 0; padding:0; font-size:34px; color:#2dbe60; font-weight:700;}
.payfran_sec .make_block{ width:100%; float:left; margin:0; padding:60px; background:url(../images/payfran_bg.jpg) center center no-repeat; background-size:cover; border-radius:10px;}
.payfran_sec .make_block h4{ margin:0; padding:0; font-size:38px; color:#323232;}
.payfran_sec .make_block h4 strong{ margin:0; padding:0; display:block; font-weight:700; text-transform:uppercase;}
.payfran_sec .inner{ width:100%; float:left; margin:0; padding:25px 0 0 0;}
.payfran_sec h3{ margin:0 0 25px 0; padding:0; font-size:38px; color:#323232; font-weight:700;}
.payfran_sec h5{ margin:0 0 10px 0; padding:0; font-size:28px; color:#323232; font-weight:600;}
.payfran_sec p{ margin:0 0 20px 0; padding:0;}
.payfran_sec figure{ width:100%; float:left; margin:-220px 0 0 0; padding:0;}

/******  Why Sec  *******/
.global_title{ margin:0 0 50px 0; padding:0; font-size:38px; color:#323232; font-weight:700; text-align:center;}
.why_sec{ width:100%; float:left; margin:0; padding:60px 0; background:#f1f1f1;}
.why_sec .why_block{ width:100%; float:left; margin:0 0 30px 0; padding:25px; background:#fff; border-radius:10px; box-shadow:0 0 10px rgba(0,0,0,0.1);}
.why_sec .why_block .detail{ width:100%; float:left; margin:0 0 10px 0; padding:0; display:flex;}
.why_sec .why_block figure{ width:80px; float:left; margin:0; padding:0;}
.why_sec .why_block h3{ margin:0; padding:0 0 0 10px; font-size:22px; color:#323232; font-weight:600; overflow:hidden; align-self:center;}

/******  Partner Sec  *******/
.partner_sec{ width:100%; float:left; margin:0; padding:60px 0 80px 0;}
.partner_sec .inner{ width:100%; float:left; margin:0; padding:0;}
.partner_sec figure{ width:100%; float:left; margin:0; padding:0;}
.partner_sec figure{ width:auto; display:inline-block;}

.partner_sec .owl-carousel .owl-nav button{ width:auto; height:auto; font-size:0 !important; display:block; border-radius:0; position:absolute; top:50%; color:#b6b6b6 !important; margin-top:-45px; z-index:555; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; transition:all .6s ease-in-out;}
.partner_sec .owl-carousel .owl-nav button.owl-prev{ left:-55px;}
.partner_sec .owl-carousel .owl-nav button.owl-prev:after{ content: "\f104"; font-family: 'FontAwesome'; font-size:60px;}
.partner_sec .owl-carousel .owl-nav button.owl-next{ right:-55px;}
.partner_sec .owl-carousel .owl-nav button.owl-next:after{ content: "\f105"; font-family: 'FontAwesome'; font-size:60px;}
.partner_sec .owl-carousel .owl-nav button:hover{ color:#2dbe60 !important;}

/******  Join Sec  *******/
.join_sec{ width:100%; float:left; margin:0 0 70px; padding:0;}
.join_sec .inner{ width:100%; float:left; margin:0; padding:40px 0; background:url(../images/join_bg.jpg) center center no-repeat; background-size:cover; border-radius:10px;}
.join_sec h2{ margin:0 0 5px 0; padding:0; font-size:38px; color:#fff; font-weight:700; text-transform:uppercase;}
.join_sec p{ margin:0 0 15px 0; padding:0; font-size:22px; color:#323232;}

/******  Testimonial Sec  *******/
.testimonial_sec{ width:100%; float:left; margin:0; padding:70px 0 60px 0; text-align:center; background:#f4fafa;}
.testimonial_sec .testi_block{ width:100%; float:left; margin:0; padding:0 20px 20px 20px; background:#fff; border-radius:10px; box-shadow:0 0 15px rgba(0,0,0,0.1);}
.testimonial_sec .testi_block figure{ width:114px; height:114px; margin:-40px 0 10px 0; padding:0; display:inline-block; border-radius:50%; border:6px solid rgba(0,0,0,0.14);}
.testimonial_sec .testi_block figure img{ border-radius:50%;}
.testimonial_sec .testi_block h3{ margin:0 0 10px 0; padding:0; font-size:18px; color:#323232; font-weight:500; clear:both;}
.testimonial_sec .testi_block h3 small{ margin:5px 0 0 0; padding:0; display:block; font-size:15px; color:#b9b9b9;}
.testimonial_sec .rate_info{ width:100%; float:left; margin:0; padding:0;}
.testimonial_sec .rate_info i{ margin:0; padding:0; font-size:16px; color:#2dbe60;}
.testimonial_sec .testi_block p{ font-style:italic;}

.testimonial_sec .owl-carousel.owl-drag .owl-item{ padding:55px 15px 15px 15px;}
.testimonial_sec .owl-carousel .owl-dots{ width:100%; margin:10px 0 0 0; padding:0; text-align:center; position:relative; left:0; right:0; bottom:0; z-index:9;}
.testimonial_sec .owl-carousel .owl-dot{ margin:0 3px; display:inline-block;}
.testimonial_sec .owl-carousel .owl-dot span{ width:14px; height:14px; display:block; border-radius:50%; background:#aaaaaa;}
.testimonial_sec .owl-carousel .owl-dot.active span{ background:#2dbe60;}

/******  Newsletter Sec  *******/
.newsletter_sec{ width:100%; float:left; margin:0; padding:25px 0; background:#f5f5f5;}
.newsletter_sec .container{ max-width:970px;}
.newsletter_sec .n_block{ width:100%; float:left; margin:0; padding:0;}
.newsletter_sec .n_block figure{ width:71px; float:left; margin:0; padding:0;}
.newsletter_sec .detail{ margin:0; padding:0 0 0 30px; overflow:hidden;}
.newsletter_sec .detail h3{ margin:0 0 5px 0; padding:0; font-size:21px; color:#343434; font-weight:600;}
.newsletter_sec .detail p{ margin:0; padding:0; font-size:14px; color:#565656; line-height:20px;}
.newsletter_sec .input-group{ width:100%; float:left; margin:0; padding:0;}
.newsletter_sec .input-group .form-control{ height:46px; margin:0; padding:0 20px; background:#fff; border:1px solid #c1c1c1; font-size:14px; color:#8c8c8c; border-radius:0; box-shadow:none;}
.btn.sign_btn{ margin:0; padding:0 30px; font-size:14px; color:#f5f5f5; font-weight:600; text-transform:uppercase; background:#2dbe60; border-radius:0;}
.btn.sign_btn:hover{ background:#323232; color:#fff;}

/************* Section ***********/
footer{ width:100%; float:left; padding:0; margin:0;}

.footer_detail{ width:100%; float:left; margin:0; padding:0; background:#fafafa;}
.footer_detail h3{ margin:25px 0 20px 0; padding:0; font-size:20px; color:#000; font-weight:600;}
.ft_logo{ width:100%; float:left; margin:25px 0 20px 0; padding:0;}
ul.ft_link{ width:100%; float:left; margin:0; padding:0;}
ul.ft_link li{ margin:0 0 8px 0; padding:0; display:block;}
ul.ft_link li a{ margin:0; padding:0; font-size:15px; color:#343434;}
ul.ft_link li a:hover{ color:#2dbe60;}

ul.ft_social{ width:100%; float:left; margin:0; padding:0;}
ul.ft_social li{ margin:0 10px 0 0; padding:0; display:inline-block;}
ul.ft_social li a{ margin:0; padding:0; font-size:22px; color:#2dbe60;}
ul.ft_social li a:hover{ color:#343434;}

/*****  Copyright  *****/
.copyright{ width:100%; margin:40px 0 0 0; padding:20px 0; border-top:1px solid #e0e0e0; text-align:center; font-size:14px; color:#323232;}
.copyright a{ color:#323232;}
.copyright a:hover{ color:#2dbe60;}
.copyright span{ color:#2dbe60;}

/*------Find Agent-------*/
.cap_agent{ position:absolute; left:0; top:40%; right:0; bottom:0; text-align:center;}
.cap_agent h2 { text-transform:uppercase;}
.search_box{ width:100%; float:left;}
.search_box .input-group .form-control{ height:56px; margin:0; padding:0 20px; background:#fff; border:1px solid #c1c1c1; font-size:18px; color:#8c8c8c; border-radius:0; box-shadow:none;}
.btn.sign_btn.search{ margin:0; padding:0 30px; font-size:32px; color:#f5f5f5; font-weight:600; text-transform:uppercase; background:#2dbe60; border-radius:0;}


.map_area{ width:100%; float:left; position:relative;}
.map_area iframe{ position:relative; width:100%; height:740px; margin-bottom:-5px;}

.map_left{ width:30%; float:left; position:absolute; top:0; left:0; height:100%; background:#fff; z-index:8; box-shadow:0 -35px 40px rgba(47,47,57,0.20); }
.filt_top{ width:100%; max-width:400px; float:right; padding:20px 40px;}
.filt_top .form-label { font-size:15px; color:#323232; font-weight:600;}
.countrypicker .inline-flag{ margin-top:4px;}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){ width:100%!important;}
.bootstrap-select > .dropdown-toggle{ height:44px; background:none; border:1px solid #d9d9d9; }
.bootstrap-select .dropdown-toggle .filter-option-inner-inner{ margin-top:3px;}
.filter-option-inner-inner{ font-size:15px;}
/* .dropdown-toggle::after{ border:none; content:"\f107"; font-family: line awesome free; font-weight: 800; font-size:18px; color:#323232;} */
.dropup .dropdown-toggle::after{ border:none; content:"\f107"; font-family: line awesome free; font-weight: 800; font-size:18px; color:#323232;}
.bootstrap-select .dropdown-menu{ width:100%;}

.agent_area{ width:100%; float:left; background:#fafafa;}
.agent_list{ width:100%; max-width:400px; float:right; padding: 20px 10px 20px 40px;}
.agent_list ul{ width:100%; float:left; margin:0; padding:0;}
.agent_list ul li{ width:100%; float:left; margin:0 0 20px; padding:0; background:#fff; box-shadow:0 0 10px rgba(47,47,57,0.13); border-left:5px solid #b9b9b9;}
.agent_list ul li a{ display:block; padding:20px 20px; float:left; width:100%;}
.agent_list ul li a h4{ font-size:18px; color:#323232; font-weight:600; margin:0 0 10px; padding:0;}
.agent_list ul li a address{ padding:0; margin:0 0 10px; color:#565656;}
.agent_list ul li a span{ font-size:13px;color:#565656;}
.agent_list ul li a span:last-child{ float:right;}
.agent_list ul li:hover{ border-color:#2dbe60;}
.agent_list ul li a:hover h4{color:#2dbe60;}
.agent_list ul li.active{border-color:#2dbe60;}
.agent_list ul li.active a h4 {color:#2dbe60;}
/*.content_2{ height:500px;}*/

/*------Become Agent-------*/
.banner_sec.become h2{ text-transform:none;}
.banner_sec p{ margin:0; padding:0; font-size:20px; color:#fff; font-weight:600; line-height:24px;}

.mb_3{ margin-bottom:30px;}
.going_sec{ width:100%; float:left; margin:-95px 0 0 0; padding:0;}
.going_block{ width:100%; float:left; margin:0; padding:25px 30px 30px 30px; border-left:4px solid #2dbe60; background:#f4f4f4; position:relative; height:100%;}
.going_block:before{ content:""; border-top:8px solid #2dbe60; border-right:8px solid transparent; border-bottom:8px solid transparent; border-left:8px solid #2dbe60; position:absolute; top:0; left:0;}
.going_block .title_info{ width:100%; float:left; margin:0 0 25px 0; padding:0; display:flex;}
.going_block .title_info figure{ width:67px; min-width:67px; max-width:67px; float:left; margin:0; padding:0;}
.going_block .title_info h3{ margin:0; padding:0 0 0 10px; font-size:20px; color:#323232; line-height:24px; font-weight:600; overflow:hidden; align-self:center;}
ul.going_list{ width:100%; float:left; margin:0; padding:0;}
ul.going_list li{ margin:0 0 10px 0; padding:0 0 0 30px; display:block; font-size:16px; color:#323232; position:relative;}
ul.going_list li:before{ content:"\f560"; font-size:16px; color:#3bb761; font-family:"Font Awesome 5 Free"; font-weight:900; position:absolute; top:0; left:0;}
.going_block p{ margin:0; padding:0;}

.going_block.gray{ background:#f9f9f9;}
/***** Going Form  *****/
.going_form{ width:100%; float:left; margin:0; padding:10px 0 60px 0;}
.going_form .going_info { width:100%; float:left; margin:0 0 25px 0; padding:0 0 20px 0; border-bottom:1px solid #d2d2d2;}
.some_info{ width:100%; float:left; margin:0 0 30px; padding:20px 0 0 0; background:#f9f9f9;}
.going_form h3{ margin:0 0 20px 0; padding:0 30px; font-size:18px; color:#323232; font-weight:600; border-left:4px solid #2dbe60; position:relative; line-height:60px; min-height:60px;}
.going_form .inner1{ width:100%; float:left; margin:0; padding:0 30px;}
.going_form .bootstrap-select > .dropdown-toggle{ background:#fff;}
.going_form .input-group{ width:100%; float:left; margin:0 0 25px 0; padding:0; position:relative;}
.going_form .input-group label{ width:100%; float:left; margin:0 0 5px 0; padding:0; font-size:15px; color:#323232; font-weight:600;}
.going_form .input-group label span{ color:#ff0000;}
.going_form .input-group .form-control{ margin:0; padding:0 15px; height:44px; background:#fff; border:1px solid #d9d9d9; border-radius:5px !important; box-shadow:none;}
.going_form .input-group i.la-calendar{ position:absolute; bottom:10px; right:10px; font-size:20px; color:#8c8c8c; z-index:9;}

.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled]{ background:#2dbe60 !important;}
.datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active[disabled], .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active.disabled:hover[disabled]{ background:#2dbe60 !important;}
.datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active[disabled], .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active.disabled:hover[disabled]{ background:#2dbe60 !important;}

.intl-tel-input.allow-dropdown{ width:100%;}


.store_block{ width:100%; float:left; margin:0; padding:20px 0 0 0;}
.store_block h3{ line-height:60px !important; min-height:60px;}

.bootstrap-select .dropdown-toggle:focus, .bootstrap-select > select.mobile-device:focus + .dropdown-toggle{ outline:none !important; color:#323232;}

.form-check{ margin-bottom:25px; position:relative;}
.form-check .form-check-input{ margin:0;}
.form-check label{ font-size:15px; color:#323232; font-weight:600; margin:0; padding:1px 0 0 10px;}
.form-check-input{ width:24px; height:24px; border-color:#d4d4d4; position:absolute; top:0; left:0;}
ul.store_list{ width:100%; float:left; margin:0; padding:0 0 0 37px;}
ul.store_list li{ margin:0 0 20px 0; padding:0; display:block; font-size:15px; color:#323232;}


/*-----Login--------*/
/***********  Section Part  ************/
.form_wrapper{ width:100%; float:left; margin:0px; padding:0px;}
.login{ width:100%; float:left; margin:0px; padding:0px;}
.login .left_part{width:50%; float:left; display:flex; justify-content:center; align-items:center; margin:0; padding:40px 30px; background:#17272d url(../images/login_img.jpg) no-repeat center center; background-size: cover; position: relative; height: 100vh;}
.login .log_cap{ width:100%; max-width:560px; margin:0px; padding:0px; text-align:center;}
.login .log_cap figure{ width:100%; margin:0 0 15px 0; padding:0;}
/*.login .log_cap figure img{ filter:contrast(0) brightness(100) drop-shadow(0 0 6px #000);}*/

.login .right_part{width: 50%; float:left; margin:0; padding:0; position: relative; height: 100vh;}
.form_info{ width:100%; float:left; margin:0; padding:100px 20% 30px;}
.form_info h3{ margin:0 0 40px 0; padding:0 0 0 15px; font-size:38px; color:#323232; font-weight:600; border-left:6px solid #2dbe60;}
.form_info .form_detail{ width:100%; float:left; margin:0; padding:0;}
.lang{ float:right; padding:50px 40px;}
.lang select{ background:none; border:none;}

.form_block{ width:100%; float:left; position: relative; margin:0 0 0px 0; padding:0; text-align:left; clear:both;}
.form_block small{ color:#959191; font-size:14px;}
.form_block label{ padding-left:0; font-size:18px;}
.form_block .form-control{ width:100%; font-size: 16px; color: #323232; outline: none; border:none; border-bottom:1px solid #cad0d7; padding: 0 0px; border-radius: 0; position: relative; height:54px; box-shadow:none !important;}
.form_block textarea.form-control{ height: 100px; }
.form_block input:focus, .form_block textarea:focus { border-color: #333; }
.form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label{transform: scale(.85) translateY(-1.5rem) translateX(.15rem);}
.error{}
.error label{ color:#e30518 !important;}
.error input, .error textarea{ border-color:#e30518 !important; box-shadow:none !important; color:#e30518 !important;}
.error .input{ border-color:#e30518 !important; box-shadow:none !important; color:#e30518 !important;}
.error ::placeholder{ color:#e30518 !important; opacity:1;}
.error_msg{ margin:0; padding:5px 0 0 0; display:block; font-size:12px; position:relative; font-family: 'Roboto'; color:#e30518 !important;}
.error_msg:after{ display: block; content: ''; width: 0; height: 0; border: 5px solid transparent; position: absolute; top:0; left: 16px; border-top: 4px solid #e30518;}

.clearfix{ width:100%; margin:0; padding:0; clear:both;}

.login .info_line{ width:100%; float:left; margin:0 0 15px 0; padding:0;}
.login .custom-checkbox{ margin:0 0 15px 0; padding:0; display:inline-block;}
.login .custom-checkbox .custom-control-label{ margin:0; padding:0 0 0 27px; position:relative; font-size:15px; color:#323232;}
.login .custom-checkbox .custom-control-input{opacity:0; position:absolute; left:0; top:0; width:18px; height:18px;}
.login .custom-checkbox .custom-control-label:before{ content:""; width:18px; height:18px; border:1px solid #adb5bd; border-radius: .25rem; background:#f2f2f2; position:absolute; left:0; top:2px; line-height:15px; text-align:center; color:#fff; font-size:14px;}
.login .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before{ content:"\2714"; background:#2dbe60; border-color:#2dbe60;}

.pwd_link{ float:right; margin:0 0 15px 0; padding:0; font-size:15px; color:#323232;}
.pwd_link:hover{ color:#2dbe60;}

.login_btn{ height:46px; margin:0 10px 10px 0; padding:0 25px; font-size:16px; color:#fff; text-transform: uppercase; background:#2dbe60; border:none; border-radius: 6px; cursor:pointer; transition:all .4s ease-in-out; font-weight:600;}
.login_btn:hover{ background:#323232; color:#fff;}

.form_detail p{ margin:0; padding:0;}
.form_detail p a{ color:#323232; text-decoration:underline;}
.form_detail p a:hover{ color:#323232;}

a.green{ color:#2dbe60;text-decoration:underline;}
a.green:hover{ color:#2dbe60; text-decoration:none;}

