/*
Theme Name: Signflow Child
Theme URI: http://themes.framework-y.com/signflow/
Description: Signflow Child Theme
Author: Sergey Kravchenko
Author URI: https://ba-booking.com/
Template: signflow
Version: 1.0.15
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: signflow-child
*/


@media (min-width: 499px) and (max-width: 767px){
  
  .col-sm-4 {
    width: 33.33% !important;
    float: left !important;
  }
  
  .col-sm-6 {
    width: 50% !important;
    float: left !important;
  }
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}

button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
}

.close:focus, .close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .5;
}

header.bg-transparent .navbar-default .navbar-nav > li > a, header:not(.scroll-css) .navbar-default .navbar-nav > .active:hover > a {
    color: #000000;
    font-weight: 400;
}
header.menu-transparent .navbar-default .navbar-nav > .active > a{
	color:#3F6CE1;
}
header.menu-transparent.scroll-css > .navbar{
	box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.1);
}
.home header.menu-transparent.scroll-css > .navbar{
    box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.3);
}
.navbar-nav.navbar-right .dropdown-toggle:before{
	display:none;
}



/*
header.menu-transparent .navbar-default .navbar-nav > .active > a, header.menu-transparent .navbar-default .navbar-nav > li:hover > a, header.menu-transparent .navbar-default .navbar-nav > li:hover > a.btn i, .white .advs-box h4, .white .navbar-nav > .active > a, .white .navbar-nav > .active > a:hover, .white .navbar-nav > .active > a:focus, .white .navbar-nav > .open > a, .white .navbar-nav > .open > a:hover, .white .navbar-nav > .open > a:focus, .white .navbar-nav > li > a:focus, .breadcrumb > .active, .white, .white ul li, .white p, .white .breadcrumb > .active, .white .navbar-nav > li > a, .white .navbar-nav > li > a:hover, .white .dropdown-menu > li > a, footer, footer p, footer li, footer a, footer span, footer .social-group i.circle, .white .niche-box-testimonails h5, .white ul.list-texts li b, .white.pricing-table .pricing-price span:last-child, footer .social-group i, .woocommerce ul.products li.product .price {
    color: rgb(85, 132, 255) !important;
}
*/
.home header.menu-transparent .navbar-default .navbar-nav > li:hover > a.btn i{
    color: #fff !important;
}

.home header.menu-transparent.scroll-css .navbar-default .navbar-nav > li:hover > a, .home header.menu-transparent.scroll-css .navbar-default .navbar-nav > .active > a, .home header .navbar-default .navbar-nav > li:hover > a{
    color: #fff !important;
    transition: none;
}

header .login-button i, header .myaccount-button i{
    color: #3e6be0 !important;
}

.home header .login-button i, .home header .myaccount-button i{
    color: #fff !important;
}

header a.myaccount-button, header a.anima-button.circle-button.myaccount-button:hover, header .login-button, header.bg-transparent button.login-button, header .anima-button.circle-button.login-button:hover {
    background-color: transparent !important;
    color: #3e6be0 !important;
    border-color: #3e6be0 !important;
    padding: 8px 35px;
    font-weight: 400;
}

.home header a.myaccount-button, .home header a.anima-button.circle-button.myaccount-button:hover, .home header .login-button, .home header.bg-transparent button.login-button, .home header .anima-button.circle-button.login-button:hover {
    color: #fff !important;
    border-color: #fff !important;
}

.home header a.myaccount-button, .home header a.anima-button.circle-button.myaccount-button:hover, .home header .login-button, .home header .anima-button.circle-button.login-button:hover {
    background-color: transparent !important;
    color: #fff !important;
    border-color: #fff !important;
}
.home header.bg-transparent .navbar-toggle .fa{
	color:#ffffff !important;
}
header.bg-transparent .navbar-toggle .fa{
	color:#3F6CE1 !important;
}

#login-modal{
    margin-top: 40px;

    .cp-password-group {
        .form-control-wraper {
            position: relative;
        }

        &.cp-password-visible {
            .cp-toggle-password-btn {
                .cp-strikethrough {
                    stroke-dashoffset: 0;
                }
            }
        }

        .form-control {
            padding-right: 46px;
        }

        .cp-toggle-password-btn {
            top: 50%;
            right: 12px;
            width: 24px;
            height: 24px;
            position: absolute;
            transform: translateY(-50%);

            &:active {
                opacity: .5;
                transition: unset;
            }

            .cp-strikethrough {
                stroke-dashoffset: 42;
                stroke-dasharray: 42;
                transition: 300ms;
            }
        }
    }
}

.home .navbar-main{
    background-color: #497ae6;
    color: #fff;
}

.home header.menu-transparent.bg-transparent .navbar{
    background-color: #497ae6 !important;
}

@media (max-width: 994px){
   .home header.menu-transparent .navbar-collapse {
    background-color: #497ae6;
   }
}

@media (max-width: 992px){
   .home .navbar-header {
      background-color: #497ae6;
      border-bottom: 1px solid #e7e7e7;
   }
}

.lan-menu a{
    text-decoration: underline;
}

.home header .navbar-default .navbar-nav .nav .caret:before {
    border-color: #fff;
}

.home header .navbar-default .navbar-nav > li > a {
    color: #fff !important;
    font-weight: 300;
}

.home header .navbar-default .navbar-nav > li:hover > a {
    color: #fafafa !important;
    font-weight: 400;
}

.home button.navbar-toggle{
    background-color: #497ae6;
}


header.bg-transparent .fa, .navbar-toggle > i, .navbar-default .navbar-toggle:hover > i, .navbar-default .navbar-toggle:focus > i, .home .navbar-toggle > i, .home header.bg-transparent .navbar-toggle:hover .fa, .navbar-toggle:hover > i{
    color: #ffffff;
}

.home .navbar-toggle > i, .home header.bg-transparent .fa, .navbar-toggle > i {
    color: #fff;
}

.btn, button, .button{
    box-shadow: 0 7px 20px 0 rgba(62, 107, 224, 0.75);
}

.myaccount-button, .login-button{
    box-shadow: none;
}

.navbar-default .navbar-toggle{
    box-shadow: none;
}

.menu-transparent .navbar-collapse{
    padding-bottom: 20px;
}

/* Default resets */
.cp-toggle-password-btn {
    background: unset;
    border: unset;
    box-shadow: unset;
    outline: unset;
    display: flex;
    padding: unset;
    align-items: center;
    justify-content: center;
    margin: unset;
}

/* =========Pages============== */

.hc_text_block_cnt .mb15{
    margin-bottom: 15px;
}

.page-top-section h1, .front-top-section h1, .application-form-section h2{
    font-size: 50px;
    line-height: 60px;
}

@media (max-width: 994px){
  .page-top-section h1, .front-top-section h1, .application-form-section h2 {
    font-size: 38px;
    line-height: 55px;
  }
}

.page-top-section .text-l, .application-form-section .text-l {
    font-size: 24px !important;
    line-height: 34px;
}

.text_highlight, h1 .text_highlight, h2 .text_highlight, h3 .text_highlight{
    color: #2376f3;
}

.breadcrumb{
    color: #0e1a35;
    background-color: transparent;
    padding-left: 0;
}

.breadcrumb a:hover{
    color: #3e6be0;
}

.breadcrumb_last, strong.breadcrumb_last{
    font-weight: 400;
}

.text-white h2, .text-white div, .text-white p, .text-white i, .text-white label{
    color: #fff;
}

.front-top-section, .front-top-section .content, .front-top-section h2, .front-top-section h1, .front-top-section i{
    color: #fff;
}

.front-top-section .fa-check:before{
    font-size: 18px;
}

.front-top-section .fa-ul>li{
    font-size: 16px;
}

@media (min-width: 993px){
    
    .front-top-section .hc_icon_list_simple_cnt{
        margin-top: 16px;
        margin-bottom: 20px;
    }
    
}


.front-top-section #button_header_apply a.btn{
    color: #2376f3;
    background-color: #fff;
    border: 1px solid #fff;
    box-shadow: 0px 7px 20px 0 rgba(35, 118, 243, 0.65);
}

.front-top-section #button_header_apply a.btn:hover{
    color: #fff;
    border-color: #fff !important;
}


@media (max-width: 767px){
    
    body .front-top-section{
        background-image: url('images/header_shape_mobile.png') !important;
    }
    
    body .front-features-section{
        background-image: none !important;
        background-position: top;
    }
    
    body .front-features-section  > .content{
        padding-top: 0;
    }
    
    body .front-features-first{
        background-image: url('images/bg_1_mobile.png') !important;
        background-position: top;
        background-size: cover;
    }
    
}


#more_features_section .adv-img .caption-bottom{
    flex-basis: 100%;
    padding: 5px;
}

#more_features_section .adv-img{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-start;
    padding: 20px 0;
}

#more_features_section .adv-img .img-box {
    margin: 0 auto;
}

#more_features_section .adv-img .img-box img {
    width: auto;
    max-height: 44px;
}

#more_features_section .adv-img-down-text h2{
    font-size: 14px;
}

#more_features_section .adv-img-down-text .caption:hover {
    opacity: 0;
    display: none;
    cursor: default;  
}


.page-top-section-icon .hc_image_cnt{
    margin-bottom: 15px;
    height: 36px;
}

.page-top-section-icon .hc_image_cnt img{
    max-width: 52px;
    max-height: 36px;
}

.page-top-section-icon .hc_text_block_cnt{
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #8492af;
}

.page-top-section-icon .hc_text_block_cnt span{
    font-size: 17px;
    font-weight: 400;
    line-height: 18px;
    color: #0e1a35;
    display: inline-block;
    margin-bottom: 10px;
}

.application-form-section hr.space{
    height: 20px;
}

.application-form-section input[type="text"], .application-form-section input[type="email"], .application-form-section input[type="phone"]{
    padding: 27px;
}

.application-form-section{
    padding: 60px 80px;
    border-radius: 8px;
    background-color: #fff;
}

.application-form-section-wrap{
    position: relative;
    z-index: 10;
}

#after-application-form-section{
    z-index: -10;
    margin-top: -100px;
}

#after-application-form-section .hc_space_cnt{
    width: 90%;
    margin: auto;
    float: none;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.13) !important;
    border-radius: 8px;
    background-color: #fff;
}

#crosspay_application_form{
    margin-top: 20px;
}

#crosspay_application_form_submit{
    margin-top: 10px;
}

h4.crosspay_application_form_subheader{
    font-size: 18px;
    font-weight: 400;
    color: #8492af !important;
}


@media (max-width: 767px){
  .application-form-section hr.space.space-md {
    display: none;
  }
  
  .application-form-section {
    padding: 50px 30px 0 30px;
  }
  
  #after-application-form-section{
        width: calc(100% - 60px);
  }
  
  #more_features_section .adv-img{
    padding: 0;
  }
}



.features-icon-section{
    padding-top: 40px;
    border-radius: 8px;
    background-color: #f4f9fe;
}

.features-icon-section hr.space{
    height: 20px;
}

.features-icon-section-wrap{
    position: relative;
    z-index: 10;
}

#after-features-icon-section{
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.13) !important;
    margin: 0 0 0 30px !important;
    border-radius: 8px;
    position: absolute;
    bottom: -10px;
    background-color: #f4f9fe;
    z-index: -10;
    width: calc(100% - 60px);
}

@media (max-width: 767px){
    #more_features_section{
        margin-top: 0;
    }
}

.crosspay_numbers .hc_counter_cnt, .crosspay_numbers .col-md-12.hc_counter_cnt{
    padding: 20px;
}

.crosspay_numbers .counter{
    font-size: 54px !important;
    color: #497ae7;
    line-height: 52px;
    display: block;
    margin-bottom: 40px;
}

.crosspay_numbers .text-m{
    font-size: 18px !important;
    color: #0e1a35;
    margin: 0;
}

.crosspay_numbers_users, .crosspay_numbers_transactions{
    background-image: url('images/bg_box_1.png');
    background-position: top;
    background-size: 75%;
    background-repeat: no-repeat;
}

.crosspay_numbers_services{
    background-image: url('images/bg_box_2.png');
    background-position: top;
    background-size: 55%;
    background-repeat: no-repeat;
    margin-top: -40px !important;
}

@media (max-width: 767px){
    .crosspay_numbers_services{
        margin-top: 15px !important;
    }
}


.business-options-list{
    padding: 50px 40px;
}

.business-options-list .hc_title_tag_cnt{
    text-align: center;
    margin-bottom: 20px;
}

.business-options-list .hc_button_cnt{
    margin-top: 20px;
}

/* //////////////////////// */

#terminals_map_wrapper .hc_wp_editor_cnt{
    position: absolute;
    top: 120px;
    right: 0;
}

#terminals_map_wrapper #terminals_map_icon{
    display: flex;
    flex-wrap: wrap;
    width: 238px;
    height: 238px;
    margin-left: auto;
    margin-right: 5%;
    background-color: #f3f8fd;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 28px 36px 36px 36px;
    box-shadow: 0px 8px 29px 0 #c8d6e8;
}

#terminals_map_wrapper #terminals_map_icon p{
    line-height: 24px;
    color: #3e6be0;
    font-size: 17px;
}


#iframe_terminals_map{
    width: 100%;
    min-height: 500px;
}

@media (max-width: 767px){
    #iframe_terminals_map{
      min-height: 350px;
    }
    
    #terminals_map_wrapper #terminals_map_icon{
      width: 100px;
      height: 100px;
      padding: 25px;
    }
    
    #terminals_map_wrapper #terminals_map_icon p:last-child{
      display: none;
    }
}

/* ///////////////////////////////// */
/* ============Shortcode============ */

.auth__main-content {
    padding: 16px 10px 15px;
    border-radius: 8px;
    background-color: #f3f7f8;
    -webkit-box-shadow: 0 12px 21.6px 2.4px rgba(1,1,1,.12);
    box-shadow: 0 12px 21.6px 2.4px rgba(1,1,1,.12);
    position: relative;
}

.coinpaylogo {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 50px;
}

.coinpaylogo .coinpaylogo__logo-img {
    max-width: 100%;
    margin-right: 10px;
}

.coinpaylogo .coinpaylogo__logo-word--bold {
    font-size: 31px;
    font-weight: 900;
}

.auth__main-cards {
    position: absolute;
    right: -25px;
    z-index: 1;
    top: 30px;
    display: none;
}

.auth__main-form-title {
    font-size: 21px;
    color: #000;
    text-align: center;
    margin-top: 10px;
}

.auth__main-form {
    border-radius: 8px;
    background-color: #fff;
    -webkit-box-shadow: 0 12px 21.6px 2.4px rgba(1,1,1,.06);
    box-shadow: 0 12px 21.6px 2.4px rgba(1,1,1,.06);
    padding: 20px;
    z-index: 1;
    position: relative;
}

.auth__main-row {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 47%;
    flex: 0 1 47%;
    border-bottom: 1px solid #000;
    position: relative;
    margin-bottom: 10px;
}

.auth__main-label {
    font-size: 14px;
    color: #666;
    font-weight: 500;
    text-align: left;
    display: block;
}

.auth__main-input {
    font-size: 16px;
    color: #000;
    font-weight: 500;
    width: 100%;
    outline: none;
    text-align: left;
    padding-bottom: 10px;
    padding-right: 52px;
    border: none;
}

.auth__main-input-icon {
    position: absolute;
    max-width: 14px;
    top: 45%;
    left: 0;
}

.auth__main-select-block {
    position: absolute;
    right: 0;
    bottom: 10px;
    cursor: pointer;
    border: none;
}

.auth__main-select-block .auth__select{
    outline: none;
    font-size: 16px;
    color: #000;
    font-weight: 600;
    padding-left: 20px;
    -moz-appearance: none;
    -webkit-appearance: none;
    border: none;
    width: 52px;
}

.auth__main-select-block:after {
    position: absolute;
    content: "";
    left: 10px;
    top: 50%;
    display: block;
    pointer-events: none;
    width: 5px;
    height: 5px;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
}

.auth__main-form-bot {
    color: #42e68b;
    font-weight: 700;
    margin-top: 20px;
    font-size: 18px;
}

.auth__main-form-bot .auth__main-form-bot-text {
    font-size: 16px;
    color: #111;
}

.auth__main-text {
    margin: 15px 0 5px;
    font-size: 12px;
    color: #111;
}

.auth__main-form-title.auth__main-form-title--nomargin {
    margin-top: 0;
}

.auth__main-form-data {
    padding: 0 10px;
}

.auth__main-row.auth__main-row--noborder {
    border-bottom: none;
}

.auth__main-form-data .auth__main-row {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 47%;
    flex: 0 1 47%;
}

.v-messages {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    font-size: 12px;
    min-height: 12px;
    min-width: 1px;
    position: relative;
}

.error--text {
    color: #ff5252 !important;
    caret-color: #ff5252 !important;
}

.v-messages__message {
    line-height: 1;
    word-break: break-word;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.v-input__control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
}

.v-input__slot {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 8px;
    min-height: inherit;
    position: relative;
    -webkit-transition: .3s cubic-bezier(.25,.8,.5,1);
    transition: .3s cubic-bezier(.25,.8,.5,1);
    width: 100%;
}

.v-text-field {
    padding-top: 12px;
    margin-top: 4px;
}

.v-input {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    font-size: 16px;
    text-align: left;
}

.v-input__slot {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 8px;
    min-height: inherit;
    position: relative;
    -webkit-transition: .3s cubic-bezier(.25,.8,.5,1);
    transition: .3s cubic-bezier(.25,.8,.5,1);
    width: 100%;
}

.v-text-field>.v-input__control>.v-input__slot {
    cursor: text;
    -webkit-transition: background .3s cubic-bezier(.25,.8,.5,1);
    transition: background .3s cubic-bezier(.25,.8,.5,1);
}




.v-input__control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
}

.auth__main-vue-input.v-text-field {
    padding-top: 0;
}

.v-text-field>.v-input__control>.v-input__slot {
    cursor: text;
    -webkit-transition: background .3s cubic-bezier(.25,.8,.5,1);
    transition: background .3s cubic-bezier(.25,.8,.5,1);
}

.v-text-field__slot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    position: relative;
}

.v-input input {
    max-height: 32px;
}

.v-text-field input {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    line-height: 20px;
    padding: 8px 0 8px;
    max-width: 100%;
    min-width: 0;
    width: 100%;
    background-color: transparent;
    border: none;
}

.theme--light.v-input:not(.v-input--is-disabled) input, .theme--light.v-input:not(.v-input--is-disabled) textarea {
    color: rgba(0,0,0,.87);
}

.auth__main-vue-input.v-text-field .v-input__control .v-input__slot .v-text-field__slot input {
    padding-left: 18px;
}

.v-text-field>.v-input__control>.v-input__slot:after, .v-text-field>.v-input__control>.v-input__slot:before {
    bottom: -1px;
    content: "";
    left: 0;
    position: absolute;
    -webkit-transition: .3s cubic-bezier(.25,.8,.5,1);
    transition: .3s cubic-bezier(.25,.8,.5,1);
    width: 100%;
}

.v-text-field>.v-input__control>.v-input__slot:after {
    border-color: currentColor;
    border-style: solid;
    border-width: thin 0 thin 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}

.v-text-field>.v-input__control>.v-input__slot:before {
    border-style: solid;
    border-width: thin 0 0 0;
}

.v-text-field.v-input--has-state .v-input__slot:before {
    border-color: currentColor;
}

.v-text-field__details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    max-width: 100%;
    overflow: hidden;
}

.auth__main-sbmt {
    width: 96%;
    margin: 0 auto;
    outline: none;
    height: 50px;
    font-size: 16px;
    color: #42e68b;
    border: 2px solid #42e68b;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.auth__main-content:after {
    position: absolute;
    top: 0;
    display: inline-block;
    text-shadow: 0 2px 18px rgba(0,0,0,.2);
    color: #f5f8f9;
    font-weight: 900;
    z-index: 0;
    font-size: 40px;
    left: 0;
}

header .custom-area {
	padding-top: 26px;
	font-size: 14px;
}
header .custom-area a {
	color: #3f6ce1;
}
.home header .custom-area a {
	color: #fff;
}

.footer-contacts {
	float: right;
	color: #fff;
	margin-bottom: 10px;
}
.footer-contacts a {
	color: #fff;
}

/* =================== */

@media (min-width: 1160px){
  .auth__main-content {
    padding: 16px 30px 30px;
  }
  
  .auth__main-cards {
    display: block;
  }
  
  .auth__main-form-title {
    margin-top: 25px;
    padding-left: 20px;
    text-align: left;
  }
  
  .auth__main-form-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .auth__main-row {
    margin: 0;
  }
  
  .auth__main-form-bot {
    font-size: 24px;
  }
  
  .auth__main-form-data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

}

.button-paddings-20 .btn{
    padding: 13px 20px;
}

.grid-list .grid-item .img-box:not([class*="row-"]) {
    max-height: 200px;
    min-height: 200px;
    display: flex;
    align-items: center;
}

/* lang selector */

/* ---------------------------------------------------
    Bootsttrap select
----------------------------------------------------- */

@media (max-width: 992px) {
    ul.lang-navbar-nav {
        display: table;
    }

    .navbar-nav.lang-navbar-nav .open .dropdown-menu{
        position: relative;
        top: -5px;
    }
}

header .navbar-default .navbar-nav .nav .lang-selector .caret:before {
    border-color: rgb(132, 146, 175);
    top: -8px;
}

.lang-selector.bootstrap-select{
    margin-top: 12px;
    height: 42px;
}

.lang-selector.bootstrap-select .btn{
    height:42px;
    min-width:100px;
    border-color:#E1EBF6;
    background: #FFFFFF;
}
.lang-selector.bootstrap-select .btn:focus{
    outline:none !important;
}
.lang-selector.bootstrap-select .dropdown-toggle .filter-option{
    display:flex;
    align-items:center;
    height:auto;
}
.lang-selector.bootstrap-select .dropdown-menu li a{
    padding-right:2.5rem;
}
.lang-selector.bootstrap-select .dropdown-menu{
    min-width:100%;
    top: 55px;
}
.lang-selector.bootstrap-select .dropdown-toggle .filter-option-inner{
    margin-right: 0;
}
.lang-selector.bootstrap-select .filter-option-inner{
    color:#717D88;
}
.lang-selector .btn-light:not(:disabled):not(.disabled).active,
.lang-selector .btn-light:not(:disabled):not(.disabled):active,
.lang-selector .show>.btn-light.dropdown-toggle{
    background-color: #f1f7fb;
    border-color: #f1f7fb;
}
.lang-selector .btn-light:not(:disabled):not(.disabled).active,
.lang-selector .btn-light:not(:disabled):not(.disabled):active,
.lang-selector .btn-light.dropdown-toggle:hover{
    background-color: #ffffff;
    border-color: #D9E2EF;
}
.lang-selector .dropdown-menu a.active, .lang-selector .dropdown-menu a:active{
    background: #F1F7FB;
    color:#333;
}
.lang-selector .dropdown-item{
    color:#717D88;
}
.lang-selector .dropdown-menu a:focus, .lang-selector .dropdown-menu a:hover{
    background: #F1F7FB !important;
}
.lang-selector .dropdown-menu .active:after{
    content:"";
    position:absolute;
    right:15px;
    top:12px;
    width:13px;
    height:10px;
    background-image: url('images/check-icon.svg');
    background-size: 13px;
}

.bs-searchbox .form-control{
    padding-left:40px;
    background: url('images/search-icon.svg') no-repeat;
    background-position:15px center;
    background-size: 16px;
}

.nav-item .lang-selector .btn{
    min-width: 70px;
    height:38px;
}
.lang-selector .dropdown-toggle .filter-option-inner-inner{
    display:flex;
}
.lang-selector .dropdown-toggle .filter-option-inner-inner img{
    margin-top:2px;
}
.lang-selector .dropdown-menu li a span.text img{
    margin:-3px 10px 0 0;
    height:20px;
}
.lang-selector .dropdown-menu li a{
    padding-left:13px;
}

.lang-selector .dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

.lang-selector .filter-option-inner-inner img{
    margin-right:5px;
    height:20px;
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}




