@charset "UTF-8";
/* CSS Document */

/*---------------------------------------------------------------------------------- */
/*---------------------------------- HEADER ---------------------------------------- */
/*---------------------------------------------------------------------------------- */
.head-panel{
    background: #fff;
    padding: 12px 0;
    position: relative;
    z-index: 400;
}

.head-panel .block-left{float: none}

.head-panel .block-left .right-text{
    display: table-cell;
    vertical-align: middle
}

.head-panel .block-left .logo{
    max-height: 50px;
    overflow: hidden;
    line-height: 15px;
    width: auto;
    height: auto;
    display: inline-block;
    color: #fff;
    margin-right: 24px;
    position: relative;
    top: -3px;
}

.head-panel .block-left .logo img{max-height: 50px; display: block}

.head-panel .page-block{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
}

.block-right.main-menu{
    margin-left: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
}

.head-panel .block-left .cabinet_title{
    border-left: 1px solid #fff;
    box-sizing: border-box;
    color: #aab1c1;
    display: inline-block;
    font-size: 12px;
    font-style: italic;
    margin: 0px 10px 0;
    padding: 7px 10px;
    vertical-align: top;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.head-option {
    padding: 11px 12px;
    height: 48px;
    position: relative;
    /*float: left;*/
    font-size: 14px;
}

.head-option .head-option_inner{
    font-family: 'roboto_medium';
    display: flex;
    align-items: center;
    cursor: pointer;
    height: 100%;
    color: #3E3E3E;
}

.head-option .head-option_inner .head-app-ico{padding-right: 5px; height: 26px;}

.head-option.with-delimiter{
    padding: 0 12px 0 24px;
    margin-left: 12px;
}

.head-option.notification-box{padding-top: 11px; padding-bottom: 12px;}

.language-switcher{
    position: relative;
    padding-left: 30px;
    height: 100%;
    cursor: pointer}

.language-switcher > svg{
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -12px;}

.language-switcher .current{
    font-family: 'roboto_medium';
    display: flex;
    align-items: center;
    height: 100%}

.language-switcher .language-drop{
    position: absolute;
    top: 100%;
    min-width: 280px;
    right: 0;
    z-index: 5;
    display: none;
    background-color: #fff;
    box-shadow: 0px 5px 15px 0px rgba(42, 22, 139, .08);
    border-radius: 4px;
    padding: 10px;}

.language-switcher:hover .language-drop{display: block}

.language-switcher .language-drop li{
    padding: 12px 20px;
    display: block;
    cursor: pointer}

.language-switcher .language-drop li:hover{background: #F2F2F2;}

.support-drop .support-faq svg{
    position: absolute;
    left: 0;
    top: 0
}


.head-option .head-app-ico{
    cursor: pointer;
    position: relative;
}

.head-option .head-app-ico svg{ width: 26px; height: 100%; fill: #3E3E3E}

.head-panel .head-option.coupon-box .head-app-ico{position: relative; top: -2px;}

.head-panel .head-option.log{
    padding: 0;
}

.head-panel .head-option.with-delimiter:before{
    content: '';
    top: 8px;
    bottom: 8px;
    left: 0;
    background: #CFD7DF;
    width: 1px;
    position: absolute;
}

.head-panel .head-option.log > a{
    color: #fdca0b;
    padding: 0 15px;
    font-size: 11px;
    text-transform: uppercase;
    display: inline-block;
    font-family: 'roboto_bold';
    height: 50px;
    line-height: 52px;
    background: #323844;
    text-decoration: none;
}

.head-panel .head-option.log .account_ico{
    text-decoration: none;
    display: flex;
    align-items: center;
    color: #3E3E3E;
    font-family: 'roboto_medium';
    font-size: 14px;
    line-height: 16px;
    white-space: nowrap;
    padding: 8px 12px;
    margin-left: 12px;
    /*border-radius: 42px;*/
    letter-spacing: 0.03em;
}

.head-panel .head-option.log .account_ico svg{
    fill: #3E3E3E;
    height: 32px;
    width: 32px;
    margin-right: 12px;
}

.avatar-offset{
    position: relative;
    padding-left: 52px;
}

.avatar-offset .avatar-menu{
    position: absolute;
    left: 0;
    top: 0;
}

.avatar-menu{
    position: relative;
}

.avatar-menu .dropdown-list{
    position: absolute;
    left: 26px;
    bottom: -1px;
}

.avatar-menu .avatar-menu_btn{
    width: 18px;
    height: 18px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #CFD7DF;
    border-radius: 100%;
    cursor: pointer;
}

.avatar-offset .manager-avatar{margin-right: 16px;}

.manager-avatarBox{
    position: relative;
    width: 32px;
    margin-right: 12px;
}

.manager-avatarBox .notify-circle{
    position: absolute;
    right: -2px;
    top: -1px;
}

.manager-avatar{
    height: 32px;
    width: 32px;
    border-radius: 100%;
    overflow: hidden;
}

.manager-avatar .notify-circle{
    position: absolute;
    right: 0;
    top: 0;
}

.manager-avatar.s-36{
    height: 36px;
    width: 36px;
    min-width: 36px;
}

.manager-avatar img{
    height: 100%;
    max-width: none;
    min-width: 100%;
}

.head-option .sub_menu{
    z-index: 9999;
    white-space: nowrap;
    position: absolute;
    top: calc(100% + 5px);
    top: -webkit-calc(100% + 5px);
    top: -moz-calc(100% + 5px);
    right: 0;
    padding: 16px;
    background: #fff;
    border-radius: 16px;
    -webkit-box-shadow: 3px -4px 14px rgba(53, 59, 64, 0.12), 3px 12px 14px rgba(53, 59, 64, 0.12);
    -moz-box-shadow: 3px -4px 14px rgba(53, 59, 64, 0.12), 3px 12px 14px rgba(53, 59, 64, 0.12);
    box-shadow: 3px -4px 14px rgba(53, 59, 64, 0.12), 3px 12px 14px rgba(53, 59, 64, 0.12);
    min-width: 200px;
    font-family: 'roboto';
    text-align: left;
    color: #3E3E3E;
}

.head-option .sub_menu .langcurrency-modal{min-width: 220px}

.head-option .sub_menu select{width: 100%}

.head-option .sub_menu label{display: block; padding-bottom: 4px;}

.head-option .sub_menu .selectBox-dropdown{width: 100%!important;}

.head-option .sub_menu .blue_btn{display: block}

.agent_menu_block .sub_menu li{
    border-top: 1px solid #CFD7DF;
    position: relative;
}

.agent_menu_block .sub_menu li:first-child{border-top: 0 none}

.agent_menu_block .sub_menu li:last-child{border-radius: 0 0 3px 3px; overflow: hidden}

.agent_menu_block .sub_menu li a{
    color: #3E3E3E;
    display: block;
   /* text-transform: uppercase;*/
    padding: 8px 16px;
    height: auto;
    /*line-height: 15px;
    font-size: 10px;*/
    font-weight: normal;
    background: transparent;
    text-decoration: none;
}

.agent_menu_block .sub_menu li a:hover{
    background: #EEF5FC;
}

.agent_menu_block .sub_menu li .notify-circle{
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -5px;
}

.menu-amount-badge{
    background: rgba(255,255,255,0.3);
    padding: 1px 2px;
    min-width: 20px;
    display: inline-block;
    text-align: center;
    border-radius: 2px;
    margin-left: 5px;
}

.agent_menu_block .sub_menu .agency_name{
    color: #1C375F;
    text-transform: uppercase;
    background: #E5EDF4;
    padding: 10px;
    border-radius: 3px 3px 0 0;
    font-family: 'roboto_bold';
    font-size: 11px;
    white-space: normal;
}

.agent_menu_block .sub_menu .user_info{
    padding: 10px;
    text-transform: none;
    font-size: 11px;
}

.agent_menu_block .sub_menu .user_info .name{
    text-transform: uppercase;
    color: #0064CE;
    font-weight: normal;
    font-family: 'roboto_bold';
}

.agent_menu_block .sub_menu .last-login{color: #8F959A; font-weight: normal;}

.agent_menu_block .user-refmid{
    color: #fff;
    display: inline-block;
    padding: 2px 6px 1px;
    border-radius: 4px;
    background: #C92A2A;
    line-height: 14px;
}

.head-panel .head-option.search{
    padding: 0;
    width: 50px;
    z-index: 306;
}

.head-panel .head-option.search:hover{background: transparent}

.head-option.favorites,
.head-option.help,
.head-option.recent{padding: 0; position: relative}

.head-option.favorites > a,
.head-option.help > a,
.head-option.recent > a{
    display: block;
    padding: 10px 17px;
}

.head-option.favorites > a,
.head-option.help > a{
    padding: 0 17px;
    line-height: 52px;
    color: #F1F9FA;
    font-size: 22px;
}

.head-option.chose-currency,
.head-option.chose-language{ padding: 0;}

.head-option .combo {
    height: 100%;
    display: block;
    cursor: pointer;
    position: relative;
}

.head-option .combo .current {
    width: 100%;
    height: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
}

.head-option .combo .current:hover{border-bottom: transparent}

.head-option .combo .arrow {display: none;}

.head-option .combo input[type=text] {display: none;}

.head-option .combo ul{
    transform: translate(-50%, 0);
}

.head-option .combo ul{
    position: absolute;
    left: 50%;
    z-index: 999;
    color: #3E3E3E;
    width: 160px;
    display: none;
    background: #fff;
    box-shadow: 3px -4px 14px rgba(53, 59, 64, 0.12), 3px 12px 14px rgba(53, 59, 64, 0.12);
    padding: 15px;
    border-radius: 8px;
    top: 100%;
}

.head-option .combo ul li {
    line-height: 16px;
    display: block;
    padding: 7px 10px;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 14px;
    /*color: #fff;*/
    text-transform: none;
    font-weight: normal;
    text-align: left;
}

.head-option .combo ul li span > b{min-width: 45px; display: inline-block}

.head-option .combo .country{display: inline-block; vertical-align: middle; width: 20px;}

.head-option .combo .country img{width: 100%;}

.head-option .combo ul li:not(.touristView-li):hover {background:  #EEF5FC;}

.combo ul li.touristView-li{
    border-top: 1px solid #CFD7DF;
    margin: 10px 10px 0;
    padding: 0;
}

.combo ul li.touristView-li a{
    color: #3E3E3E;
    text-decoration: none;
    padding-left: 45px;
    margin-top: 10px;
    display: block;
    position: relative;
}

.combo ul li.touristView-li svg.eye-icon{
    vertical-align: middle;
    position: absolute;
    top: -4px;
    left: 5px;
}

.combo ul li.touristView-li a:hover{text-decoration: underline}

.combo ul li.exchange-rate-li{cursor: default}

.head-option.chose-language .current,
.head-option.chose-currency .current{text-transform: uppercase; font-size: 14px; line-height: 16px; font-family: 'roboto_medium'; padding: 16px 0}

.head-option.chose-language + .head-option.chose-currency{padding-left: 15px;}

.head-option.chose-currency .combo ul{width: 245px;}

.head-option.chose-language .current span{display: none}

.head-option.chose-language .current > div{display: block!important;}

.head-panel .head-option.user_info{
    color: #fff;
    font-size: 12px;
    line-height: 19px;
    padding: 16px 10px;
    font-weight: normal;
    text-transform: none;
    border-left: 0 none;
    -webkit-box-shadow: none ;
    -moz-box-shadow: none ;
    box-shadow: none ;
    max-width: 380px;
    text-overflow:ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.head-panel .head-option.user_info span{font-weight: bold}

.head-panel .head-option .popover_block.auth,
.popover_block.auth{width: 300px; line-height: 14px; padding: 20px;  color: #fff; margin-left: -152px; }

.head-panel .head-option.recent .popover_block{margin-left: -200px; }

.head-panel .head-option .popover_block .forget-container.hide,
.head-panel .head-option.may-we-assist .popover_block .login-container.hide{display: none}

.popover_block .f-p,
.auth-block.mode-only-form .f-p{
    color: #0064CE;
    font-size: 12px;
    font-family: 'roboto_medium';
    text-transform: none;
    background: transparent;
    padding: 0;
    text-decoration: underline;
    height: auto;
}

.popover_block .f-p:hover,
.head-panel .head-option.log .popover_block .f-p:hover{text-decoration: none}

.popover_block.auth form label,
.auth-block.mode-only-form label{
    display: block;
    float: none;
    height: auto;
    line-height: 17px;
    font-weight: normal;
    font-family: 'roboto_medium';
    padding-bottom: 2px;
}

.popover_block.auth form input[type="text"],
.popover_block.auth form input[type="password"],
.auth-block.mode-only-form input[type="text"],
.auth-block.mode-only-form input[type="password"]{
    width: 100%;
}

.popover_block.auth form input.blue_btn.orange,
.auth-block.mode-only-form input.blue_btn.orange{border-top: 0 none; float: none; display: block; border-radius: 4px; margin: 5px 0}

.head-panel .adaptiveHeader-block .manager-avatar{margin: 8px 0 0}

/*--------------------------------------------------------------------------------------*/
/*---------------------------------------- MENU ----------------------------------------*/
/*--------------------------------------------------------------------------------------*/
.top-nav{
    background: #fff;
    margin: 0 auto;
    position: relative;
    z-index: 305;
    border-bottom: 4px solid #fc894b;
    text-align: left;
}

.top-nav ul.top-menu{float: left;}

.top-nav .hide-menu{
    top: -2px;
    bottom: 0;
    right: 0px;
    position: absolute;
}

.top-nav .menu-ico{
    border: 2px solid #ededed;
    border-radius: 3px;
    padding: 4px;
    cursor: pointer;
    display: none;
    margin-top: 12px;
}


.top-nav .menu-ico i{
    background: url("../images/menu.png") -36px 0 no-repeat;
    width: 25px;
    height: 24px;
    display: block;
}

.top-nav .menu-ico:hover i{background-position: 0px 0}

.top-nav ul.top-menu > li{float: left; /*border-right: 1px solid #ededed; */position: relative; margin-right: 22px;}

.top-nav ul.top-menu > li.long-menu{display: none}

.top-nav ul.top-menu > li > a{
    padding: 0 16px;
    height: 60px;
    line-height: 60px;
    color: #0e4997;
    font-size: 12px;
    font-family: roboto_bold;
    text-transform: uppercase;
    text-decoration: none;
    display: block;
}

/*.top-nav ul li:last-child {border-right: 0 none;}*/

.top-nav ul.top-menu > li.current > a,
.top-nav ul.top-menu > li:hover > a{background: #fc894b; color: #fff}

.top-nav ul.top-menu li .sub-menu,
.top-nav .hide-menu .hide-list,
.top-nav .hide-menu .hide-list .sub-menu{
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 200;
    min-width: 200px;
    padding: 9px 20px;
    background: url("../images/backgrounds/main_bg.jpg") repeat;
    border-top: 0 none;
    display: none;
    width: 100%;
}

.top-nav .hide-menu .hide-list{
    right: 0;
    left:  auto;
    padding: 9px 0px;
    white-space: nowrap;
    width: auto;
    display: none;
    border-top: 4px solid #fc894b
}

.top-nav .hide-menu .hide-list.open-menu{display: table}

.top-nav .hide-menu .hide-list li.blue-slide-bg.long-menu:hover > a,
.top-nav .hide-menu .hide-list li.orange-slide-bg.long-menu:hover > a,
.top-nav .hide-menu .hide-list li.yellow-slide-bg.long-menu:hover > a{background: transparent!important;}

.top-nav .hide-menu .hide-list > li{position: relative; padding: 0 20px;}

.top-nav .hide-menu .hide-list > li > a{border-top: 1px solid #616875}

.top-nav .hide-menu .hide-list .sub-menu{
    display: none;
    position: absolute;
    right: 100%;
    top: 0;
    min-width: 200px;
    left: auto;
    white-space: normal;
}

.top-nav .hide-menu .hide-list li:hover > .sub-menu{display: block}

.top-nav ul.top-menu li:hover .sub-menu{display: block}

.top-nav ul li .sub-menu li{
    border-top: 1px solid #616875;
    display: block;
    position: relative;
}

.top-nav ul li .sub-menu li:first-child,
.top-nav .hide-menu .hide-list li:first-child > a{border-top: 0 none;}

.top-nav ul li .sub-menu li a,
.top-nav .hide-menu .hide-list li a{
    padding: 8px 0;
    line-height: 18px;
    color: #fff;
    text-decoration: none;
    display: block;
    font-family: roboto_bold;
    font-size: 14px;
    text-align: left;
}

.top-nav .hide-menu .hide-list > li:hover > a{
    color: #fdca0b
}

.top-nav ul li .sub-menu li a:hover{color: #fdca0b;}

.banner-block{
    background: #fc894b;
    color: #fff;
    padding: 20px 0;
}

.banner-block.orange-slide-bg,
.top-nav ul > li.current.orange-slide-bg > a,
.top-nav ul > li.orange-slide-bg:hover > a{background: #fc894b;}
.banner-block.blue-slide-bg,
.top-nav ul > li.current.blue-slide-bg > a,
.top-nav ul > li.blue-slide-bg:hover > a{background: #6BC0D0;}
.banner-block.yellow-slide-bg,
.top-nav ul > li.current.yellow-slide-bg > a,
.top-nav ul > li.yellow-slide-bg:hover > a{background: #F4BE00;}

.banner-block .slide .left-side{
    float: left;
    width: 60%;
    padding: 0 0 0 21px;
}

.banner-block .slide .right-side{float: right; width: 38%}

.banner-block .slide .right-side img{max-width: 100%}

.banner-block .slide .h2{
    margin:30px 0 25px;
    font-family: 'roboto_light';
    line-height: 30px;
}

.banner-block .slide .h6{font-weight: normal; line-height: 20px; margin-bottom: 40px}

.banner-block .slide .info-point{
    display: inline-block;
    vertical-align: top;
    width: 190px;
    margin-right: 20px;
    font-size: 12px;
    margin-bottom: 20px;
}

.banner-block .slide .info-point .title{
    font-size: 30px;
    margin-bottom: 7px;
    font-family: 'roboto_bold';
}

.banner-block .slide .info-point .ico{
    background: url('../images/slider/main.png') 0 0 no-repeat;
    display: inline-block;
    vertical-align: top;
    height: 66px;
    float: left;
}

.banner-block .slide .info-point .text-info{padding: 7px 0 0 70px}
.banner-block .slide .info-point.first{width: 215px;}
.banner-block .slide .info-point.first .text-info{padding-left: 125px}
.banner-block .slide .info-point.first .ico{background-position: 0 0; width: 114px;}
.banner-block .slide .info-point.second .ico{background-position: -150px 0; width: 55px;}
.banner-block .slide .info-point.third .text-info{padding-left: 45px}
.banner-block .slide .info-point.third .ico{background-position: -243px 0; width: 30px;}

.banner-block .bx-wrapper .bx-viewport{background: transparent}

.banner-block .bx-wrapper .bx-controls-direction,
.banner-block .bx-wrapper .bx-controls{display: none}

.auth-block{
    background: #fff;
    width: 100%;
    padding: 25px 0;
}

.auth-block.blue-form-bg{
    background: #004a80;
}

.auth-block.blue-form-bg input.blue_btn.orange{
    background: #ffdd00;
    color: #0d4689!important;
}

.auth-block.blue-form-bg input.blue_btn.orange:hover{background: #ffd200}

.log_btn{
    background: transparent;
    border: 2px solid #555c6a;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    height: 50px;
    display: block;
    color: #c3c3c4;
    font-size: 12px;
    text-transform: uppercase;
    font-family: 'roboto_medium';
    text-decoration: none;
    padding: 4px 10px;
    line-height: 20px;
}

.auth-block .log_btn{width: 205px; position: relative; z-index: 10; line-height: 40px;}

.auth-block .block-right,
.auth-block .block-left{position: relative;}

.auth-block .log_btn{font-family: 'roboto_bold'; color: #fdca0b; line-height: 40px;}

.auth-block .log_btn:hover{background: rgba(0,0,0,0.1)}

.auth-block .center-part{
    position: absolute;
    padding: 0px 240px;
    width: 100%;
    left: 0;
    right: 0;
    z-index: 2;
}

.auth-block .center-part .column{
    width: 42%;
    color: #fff;
}

.auth-block .center-part .column.left{float: left}
.auth-block .center-part .column.right{float: right; text-align: right}

.auth-block .center-part .column .top-title{
    font-family: 'roboto_light';
    font-size: 12px;
    text-transform: uppercase;
    border-bottom: 1px solid #616875;
    padding-bottom: 10px;
    margin-bottom:10px;
    line-height: 15px;
}

.auth-block .center-part .column .yellow{
    color: #fdca0b;
    font-size: 12px;
}

.auth-block .center-part .column .yellow:hover{text-decoration: none}

.auth-block .center-part  .lock{
    height: 57px;
    position: absolute;
    left: 50%;
    top: -5px;
    margin-left: -28px;
    width: 57px;
    border-radius: 100%;
    border: 2px solid #6d727e;
    background: url("../images/icons/lock.png") no-repeat center;
}
/*---------------------------------------------------------------------------------- */
/*----------------------------- REGISTER/AUTH NEW ---------------------------------- */
/*---------------------------------------------------------------------------------- */
.loginAuth-grid{
    display: flex;
    flex-wrap: wrap;
    height: 100%;
}

.loginAuth-grid .loginAuth-grid_col{
    padding: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.loginAuth-grid .loginAuth-grid_col:nth-child(1){
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
}

.loginAuth-grid .loginAuth-grid_col:nth-child(2){
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
    background: #F3F5F7;
}

.loginAuth-grid .loginAuth-grid_col .logo img{max-height: 72px;}

.loginAuth-grid .loginAuth-container{
    max-width: 586px;
    width: 100%;
    font-size: 16px;
    line-height: 22px;
}

.loginAuth-title{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin: -12px -16px 33px;
}

.loginAuth-title > div{
    padding: 12px 16px 0;
}

.loginAuth-title .name{
    font-size: 32px;
    line-height: 44px;
    font-family: 'roboto_bold';
}

.loginAuth-title .link{padding-bottom: 5px;}

a.loginAuthForm-link{
    text-decoration: none;
}

a.loginAuthForm-link:hover{text-decoration: underline}

.loginAuthForm{
    background: #FFFFFF;
    border-radius: 20px;
    padding: 30px 45px;
    position: relative;
}

.loginAuthForm.not-spaced{
    padding-left: 0;
    padding-right: 0;
}

.loginAuthForm .inner-space{padding: 0 45px 0 85px;}

.loginAuthForm-back{
    position: relative;
    font-size: 18px;
    line-height: 25px;
    font-family: 'roboto_bold';
    margin-bottom: 35px;
}

.loginAuthForm-back .back-arrow{
    position: absolute;
    left: -40px;
    top: 2px;
    cursor: pointer;
}

.loginAuthForm-back .back-arrow:hover svg path{fill: #3E3E3E}

.loginAuthForm-hint{
    position: absolute;
    background: #FFFFFF;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    min-width: 267px;
    padding: 22px;
    z-index: 2;
    font-family: 'roboto_light';
    font-size: 14px;
    line-height: 19px;
    right: calc(100% - 22px);
    top: -48px;
}

.loginAuthForm-hint .hint-title{
    font-size: 16px;
    line-height: 22px;
    font-family: 'roboto_bold';
}

.loginAuthForm-hint .hint-listItem{
    position: relative;
    padding-left: 22px;
}

.loginAuthForm-hint .hint-listItem:before{
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    width: 12px;
    height: 12px;
    border: 1px solid #D9D9D9;
    border-radius: 20px;
}

.loginAuthForm-hint .hint-listItem + .hint-listItem{margin-top: 12px;}

.loginAuthForm-hint .hint-delimiter{
    padding: 24px 0;
    margin: 0 -6px;
    font-size: 0;
}

.loginAuthForm-hint .hint-delimiter > div{
    padding: 0 6px;
    width: 25%;
    display: inline-block;
}

.loginAuthForm-hint .hint-delimiter span{
    display: block;
    height: 3px;
    background: #D9D9D9;
}

.loginAuthForm .loginAuthForm-text a{color: #3E3E3E;}

.loginAuthForm .loginAuthForm-field{
    margin-bottom: 24px;
    position: relative;
}

.loginAuthForm .loginAuthForm-field .input-text{
    height: 55px;
    padding: 0 24px;
    font-family: 'roboto_light';
    font-size: 16px;
}

.loginAuthForm .loginAuthForm-field label{
    color: #9C9C9C;
    font-size: 14px;
    line-height: 19px;
    font-family: 'roboto_light';
}

.loginAuthForm .loginAuthForm-field label a{color: #9C9C9C;}

.loginAuthForm .loginAuthForm-field .error{display: none}

.loginAuthForm .loginAuthForm-field.error .input-text{
    border-color: #ff5252;
}

.loginAuthForm .loginAuthForm-field.error .error{
    display: block;
    position: absolute;
    top: calc(100% - 9px);
    left: 16px;
    cursor: default;
    background: #ff5252;
    color: #fff;
    font-size: 10px;
    border-radius: 12px;
    padding: 2px 8px;
    line-height: 13px;
}

.loginAuthForm .country-code-container{
    display: block;
}

.country-code-box.v-1{
    border: 0 none;
    height: 55px;
    padding-left: 154px;
}

.country-code-box.v-1 .country-code-select{
    width: 130px;
}

.country-code-box.v-1 .country-code-select .chosen-single{
    border-radius: 8px;
    height: 55px;
    border: 1px solid #CFD7DF!important;
}

.country-code-box.v-1 .country-code-select .chosen-container .icon{
    left: 16px;
}

.country-code-box.v-1 .chosen-container-single .chosen-single span{
    padding: 10px 30px 10px 48px;
    margin: 0;
}

.country-code-box.v-1 .country-code-input input{
    width: 100%;
    border: 1px solid #CFD7DF!important;
    border-radius: 8px;
    padding-left: 16px;
}

.loginAuthForm-verification{
    padding: 24px 0 50px;
}

.loginAuthForm-verification .receive-code{padding-bottom: 50px;}

.loginAuthForm-verification .receive-code .text{
    font-family: 'roboto_light';
    margin-right: 5px;
    text-decoration: none;
    color: #3E3E3E;
}

.loginAuthForm-verification .code-countdown{
    color: #9C9C9C;
    font-family: 'roboto_medium';
}

.loginAuthForm-verification .code{
    position: relative;
}

.loginAuthForm-verification .code:after{
    content: '';
    position: absolute;
    background: #9C9C9C;
    left: calc(50% - 4px);
    width: 8px;
    height: 1px;
    top: 50%;
}

.loginAuthForm-verification .code-part{
    padding: 0 28px;
    width: 50%;
    float: left;
    display: flex;
}

.loginAuthForm-verification .code-cell{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333%;
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
    padding: 0 6px;
}

.loginAuthForm-verification .code input{
    height: 55px;
    text-align: center;
    font-size: 16px;
    width: 100%;
}

.verification-method{
    border-top: 1px solid #CFD7DF;
    padding: 22px 45px;
}

.verification-method ._inner{
    position: relative;
    padding: 0 40px;
}

.verification-method svg{
    position: absolute;
    left: 0;
    top: 5px;
}

.verification-method:last-child{border-bottom: 1px solid #CFD7DF;}

.loginAuthForm .loginAuthForm-info{
    padding-left: 22px;
    position: relative;
    color: #A8A8A8;
    margin-bottom: 24px;
}

.loginAuthForm .loginAuthForm-info svg{
    position: absolute;
    left: 0;
    top: 3px;
}

.loginAuthForm .loginAuthForm-btn.spaced{
    padding-top: 24px;
}

.loginAuthForm .loginAuthForm-btn input.blue_btn{
    display: block;
    width: 100%;
}


.cabinet .conteiner{padding: 45px 0; /*border-bottom: 1px solid #cddfed*/}
.cabinet .spaced-container{padding: 45px 0}

body.content-full-width .cabinet .block-info .limit{padding: 0; border: 0 none}

body.content-full-width .footer{z-index: 5}

.block-info .row{
    margin: 0 -15px;
}

.block-info .column{
    color: #414141;
    font-size: 12px;
    width: 25%;
    float:left;
    text-align: justify;
    line-height: 20px;
    padding: 0 15px;
}
/*
.cabinet .cab-title,
.cabinet .sub-title{
    text-decoration: none;
    display: block;
    margin-bottom: 40px;
    line-height: 25px;
    text-align: left;
    color: #1C375F;
    font-family: 'roboto_medium';
}

.cabinet .cab-title{font-size: 32px; line-height: 44px;}

.cabinet .sub-title{  font-size: 20px;}

.block-info .column .cab-title{margin-bottom: 20px;font-size: 21px;text-transform:none; min-height: 50px; line-height: 26px}

.cabinet .title-offset-box{padding-bottom: 40px;}

.cabinet .title-offset-box .cab-title{margin-bottom: 15px;}

*/



.top-nav.auth{
    background: transparent;
    border-bottom: 0 none;
    float: left;
    margin: 0 0 0 40px;
    position: relative;
}

.top-nav.auth ul{
    display: inline-block;
    vertical-align: top;
}

.top-nav ul.top-menu li .sub-menu{border-top: 4px solid #fc894b}

.top-nav.auth .hide-menu{
    display: inline-block;
    vertical-align: top;
    height: 100%;
    right: 12px;
    top: 1px;
}

.top-nav.auth .right-side{position: absolute; right: 0; top: -5px; height: 100%; bottom: 0}

.top-nav.auth ul.top-menu > li > a{
    height: auto;
    line-height: 14px;
    color: #3E3E3E;
    font-family: 'roboto_medium';
    padding: 0;
    text-transform: none;
    font-size: 14px;
    position: relative;
}

.top-nav.auth ul.top-menu > li > a:hover,
.top-nav.auth ul.top-menu > li.current > a{color: #0064CE; text-decoration: none; background: transparent; font-family: 'roboto_bold' }

.top-nav.auth ul.top-menu li .sub-menu{
    border-top: 0 none;
    width: auto;
}

.top-nav.auth ul.top-menu li .sub-menu a{white-space: nowrap; position: relative}

.top-nav.auth ul.top-menu .sub-menu:hover a{background: transparent}

.top-nav.auth ul.top-menu > li:hover > a{background: transparent; color: #0064CE; text-decoration: none}

.top-nav.auth ul li .sub-menu li a,
.top-nav.auth .hide-menu .hide-list li a{font-family: roboto_bold}

.top-nav.auth .menu-ico{margin-top: 0; border: 0 none; padding: 0}

.top-nav.auth .menu-ico i{background-position: -106px 0}

.top-nav.auth .hide-menu .hide-list{top: 49px;}

.top-nav.auth ul.top-menu > li.has-sub-menu > a{padding-right: 15px;}

.top-nav.auth ul.top-menu > li.has-sub-menu > a:after{
    content: '\f107';
    font-family: FontAwesome;
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -6px;
    line-height: 13px;
    font-size: 13px;
}

.top-nav.auth ul.top-menu .sub-menu > li.has-arr > a:after,
.top-nav .hide-menu .hide-list .sub-menu li.has-arr > a:after{
    content: '\f105';
    font-family: FontAwesome;
    position: absolute;
    right: 0;
}

.top-nav.auth ul.top-menu .sub-menu > li.has-arr > a,
.top-nav .hide-menu .hide-list .sub-menu li.has-arr > a{
    position: relative;
    padding-right: 15px;
}

.top-nav.auth ul.top-menu li .sub-menu > li > ul.sub-menu{
    display: none;
    left: 100%;
    top: 0;
}

.top-nav.auth ul.top-menu li .sub-menu > li:hover > ul.sub-menu{display: block}

.column-list-view .brick,
.line-list-view .brick{border-color: #fc894b}

.basic-image-grid .brick:hover .white-border-btn,
.white-border-btn:hover,
.white-border-btn.yellow-bg{
    background: #f7941d;
    border-color: #f7941d!important;
    color: #fff;
}
/*--------------------------------------------------------------------------------------*/
/*------------------------------------ INDEX PAGE V3 -----------------------------------*/
/*--------------------------------------------------------------------------------------*/

.d-flex{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.d-flex .col-w-12{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.d-flex .col-w-8{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
    padding-right: 15px;
    padding-left: 15px;
}

.d-flex .col-w-7{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
    padding-right: 15px;
    padding-left: 15px;
}

.d-flex .col-w-6{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 15px;
    padding-left: 15px;
}

.d-flex .col-w-5{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
    padding-right: 15px;
    padding-left: 15px;
}

.d-flex .col-w-4{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    padding-right: 15px;
    padding-left: 15px;
}

/*--------------------------------------------------------------------------------------*/
/*---------------------------------------- HEADER --------------------------------------*/
/*--------------------------------------------------------------------------------------*/
.stat_booked{
    z-index: 50;
    background: #fff;
    position: absolute;
    right: 0;
    top: 100%;
    white-space: nowrap;
    display: none;
    color: #595F6F;
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 2px 1px 10px 0;
    -moz-box-shadow: rgba(0, 0, 0, 0.2) 2px 1px 10px 0;
    box-shadow: rgba(0, 0, 0, 0.2) 2px 1px 10px 0;
    text-transform: none;
    font-weight: normal;
    font-size: 13px;
    line-height: normal
}

.stat_booked ul{display: table; width: 100%}

.stat_booked li{
    border: 1px solid #ededed;
    border-left: 0 none;
    color: #595F6F;
    font-size: 13px;
    padding: 0 5px;
    font-weight: normal;
    display: table-cell;
    height: 36px;
    line-height: 34px;
    text-transform: none;
    text-align: center;
}

.stat_booked li:first-child{border-left: 1px solid #ededed}

.stat_booked li a{
    color:#333844;
    text-decoration: underline;
    font-size: 14px;
    font-family: Arial;
}

.stat_booked li a:hover{text-decoration: none}

.stat_booked .stat_booked-row{color: #000; padding: 3px 0}

.stat_booked .stat_booked-row .name{color: #909090}

.stat_booked .spaced-container + .spaced-container{border-top: 4px solid #d8d8d8}

.stat_booked .curator-row{
    font-size: 13px;
    line-height: 16px;
    color: #1e1e1e;
}

.stat_booked .curator-row a{color: #1e1e1e}

.stat_booked .curator-row .orange-text{color: #fb7b00;}

.stat_booked fieldset{
    font-size: 13px;
    border: 1px solid #ededed;
    padding: 10px;
    margin: 10px;
    text-transform: none;
    font-weight: normal;
    line-height: 16px;
}

.stat_booked fieldset > div{padding: 5px 0}

.stat_booked fieldset legend{font-size: 13px; font-family: 'roboto_bold'}

.stat_booked fieldset legend > a{padding-right: 5px;}

.stat_booked .credit-limit-field {
    min-width: 580px;
}

.stat_booked .credit-limit-field .item{
    width: 50%;
    float: left;
}

.stat_booked fieldset > div.clear{padding: 0}

.tez-profi-limit-field .arr{
    width: 4px;
    height: 7px;
    display: inline-block;
    position: relative;
    margin: 7px 0 0 3px;
    vertical-align: top;
}

.tez-profi-limit-field .arr:before{
    content: '';
    position: absolute;
    border-bottom: 5px solid transparent;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    bottom: 100%;
    left: -3px;
}

.tez-profi-limit-field .arrow-up{
    background: #019944;
}

.tez-profi-limit-field .arrow-down{
    background: #FF0000;
    margin-top: 3px;
}

.tez-profi-limit-field .arrow-up:before{
    border-bottom: 5px solid #019944;
}

.tez-profi-limit-field .arrow-down:before{
    border-top: 5px solid #FF0000;
    bottom: auto;
    top: 100%;
}

.head-panel .head-option:hover .stat_booked{display: block}

.btn-select-list{
    height: 26px;
    width: 26px;
    /*border: 1px solid #fff;*/
    cursor: pointer;
    position: relative;
    font-size: 26px;
    line-height: 26px;
}

.btn-select-list span,
.amount-badge{
    position: absolute;
    right: -8px;
    top: 0;
    color: #fff;
    text-align: center;
    background: #0064CE;
    font-size: 11px;
    font-family: Arial;
    border-radius: 100%;
    min-width: 16px;
    height: 16px;
    line-height: 16px;
    padding: 0 5px;
}

.amount-badge{
    top: 0;
}

.head-option.land-builder .btn-select-list{font-size: 21px;}

.head-option.land-builder .btn-select-list i:before{margin: 0 auto}

.exchange-rate-block{border-top: 1px solid #3C4353; padding-top: 5px;}

.exchange-rate-block td{text-align: center; padding: 2px; font-size: 11px; white-space: nowrap; color: #B3B3B3; line-height: 12px;}

.exchange-rate-block td > div{border-right: 1px solid #B3B3B3; padding: 0 5px 0 0;}

.exchange-rate-block td:first-child{padding-left: 0}

.exchange-rate-block td:last-child{padding-right: 0;}

.exchange-rate-block .exchange-rate-link a{
    font-size: 11px;
    color: #e4e4e4;
}
/*-----------------------------------------------------------------------------------*/
/*----------------------------------- NOTIFICATION LIST -----------------------------*/
/*-----------------------------------------------------------------------------------*/
.popover_block .gray-field .left-ico{
    position: absolute;
    left: 7px;
    top: 50%;
    margin-top: -12px;
}

.notifications-ico{
    background: url("../images/sprites/notice.png") no-repeat;
    height: 24px;
    width: 24px;
    margin: 0 auto;
}

.notifications-ico.ico-1{background-position: 0 0;}
.notifications-ico.ico-2{background-position: 0 -40px;}
.notifications-ico.ico-3{background-position: 0 -80px;}

/*--------------------------------------------------------------------------------------------- */
/*-------------------------------------------- FOOTER ----------------------------------------- */
/*--------------------------------------------------------------------------------------------- */
.footer{
    padding-top: 40px;
    position: relative;
    background: #fff;
}

.footer-inner{
    border-top: 1px solid #CDDFED;
    padding: 35px 0;
    line-height: normal;
    font-size: 12px;
    color: #000;
}

.footer-grid{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.footer-grid .footer-grid_col{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333%;
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
    padding: 0 15px;
}

.footer-grid .footer-grid_logoImg{
    display: inline-block;
    vertical-align: middle;
    height: 24px;
    margin: 20px 20px 0 0;
}

.footer-grid .footer-grid_logoImg:last-of-type{margin-right: 0}

.footer-grid .footer-grid_logoImg img{height: 100%}

.footer-grid .footer-grid_title{
    font-family: 'roboto_medium';
    padding-bottom: 15px;
    font-size: 14px;
}

.footer-grid .footer-grid_text{
    font-family: 'roboto_light';
}

.footer-grid .footer-grid_link a{
    color: #000;
    font-family: 'roboto_light';
}

.footer-grid .footer-grid_link + .footer-grid_link{
    padding-top: 7px;
}

.footer .partners.not-right-part .ico_box{padding-right: 0}

.footer .ico_box div{margin: 0 15px 10px!important;}

.footer .f-box{
    border-bottom: 1px solid #CDDFED;
    padding: 20px 0;
    margin: 0 0 20px;
}

.footer .f-text{
    font-size: 14px;
    padding-top: 5px;
    line-height: 17px;
}

.footer .copy{
    /*color: #B3B3B3;*/
    line-height: 17px;
}

.footer .footer-powered, .footer .footer-powered a{color: #3E3E3E;}

.footer .footer-powered .footer-powered_logo{
    height: 36px;
    display: block;
    margin: 50px auto 12px;
}

.footer .footer-powered .footer-powered_logo img{height: 100%}

.footer .card-img img{margin-right: 5px; height: 18px;}

.footer .f-right-part{text-align: right; padding-left: 15px; white-space: nowrap}

.blue_btn.ico-bell{
    background-image: url(../images/unit/iconsSVG/bell.svg);
    background-repeat: no-repeat;
    background-position: 8px center;
    padding: 0 10px 0 32px;
}

.blue_btn.ico-bell:hover{ background-image: url(../images/unit/iconsSVG/bell_white.svg);}

.footer .desktop-ver-box{
    text-align: center;
    padding: 15px 0;
}

.editTranslate-panel{height: 61px}

.editTranslate-toolbar{
    background: #F4F5F7;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 398;
    padding: 12px 16px;
    min-height: 61px;
    border-radius: 0 16px 0 0;
    box-shadow: 5px -4px 15px rgba(53, 59, 64, 0.12);
}
/*----------------------------------------------------------------------------------------------*/
/*-------------------------------------------- TO BILL -----------------------------------------*/
/*----------------------------------------------------------------------------------------------*/
.payment-options{margin-bottom: 40px;}

.payment-options .top-panel{
    background: #dedede;
    padding: 5px 10px 0 10px;
}

.payment-options .block-title{
    float: left;
    color: #777777;
    font-family: roboto_medium;
    padding: 9px 20px 0 10px;
    text-transform: uppercase;
}

.payment-options .tabs{
    float: left;
}

.payment-options .tabs li, .switch-tabs-option .tabs li{
    padding: 0 20px;
    height: 30px;
    line-height: 32px;
    color: #0e4997;
    background: #f4f4f4;
    margin: 0 5px 5px 5px;
    cursor: pointer;
    float: left;
    font-family: roboto_medium;
}

.payment-options .tabs li.current{
    height: 35px;
    margin-bottom: 0;
}

.payment-options .tabs li span, .switch-tabs-option .tabs li span{border-bottom: 1px dotted #0e4997}

.payment-options .tabs li:hover span, .switch-tabs-option .tabs li:hover span{border-bottom-color: transparent}

.payment-options .page{
    background: #f4f4f4;
    border-bottom: 1px solid #c1c1c1;
    padding: 15px;
    border-top: 2px solid #fff;
    font-family: Arial;
    display: none;
}

.payment-options .page.visible, .switch-tabs-option .page.visible{display: block}

.payment-options table{width: 100%; margin-bottom: 20px;}

.payment-options table tr{
    border-top: 1px solid #cedfe6;
}

.payment-options table td{
    padding: 5px 10px;
    background: #fff;
    vertical-align: middle;
    height: 25px;
}

.payment-options .page > table > tbody > tr > td:first-child{
    background: #e2f1f6;
    text-align: right;
    max-width: 60px;
}

.payment-options table .cost{
    color: #164f9c;
    font-size: 15px;
    text-align: left;
    font-weight: bold;
}

.payment-options .h4{
    color: #fc894b;
    font-size: 16px;
}
/*----------------------------------------------------------------------------------------------*/
/*---------------------------------------- HOTEL PRICES ----------------------------------------*/
/*----------------------------------------------------------------------------------------------*/
.lists .h3{padding: 13px; color: #414141; background: #dedede; text-align: center; border-bottom: 1px solid #c1c1c1}

.lists .col_title{
    text-transform: uppercase;
    font-style: italic;
}

.lists .col_title th:first-child,
.lists .col_subtitle th:first-child{text-align: left;}

.lists .col_subtitle th{text-align: center}

.lists.table_view{margin-bottom: 40px; }

.lists.table_view .h3{font-size: 21px;}

.lists.table_view,
.lists.table_view table{padding-bottom: 0}

.lists.table_view .grid-container{margin-bottom: 30px;}

.lists.table_view .grid-container table tr.col_subtitle td{background: #f4f4f4}

.lists.table_view tr.lighting_col td,
.lists.table_view tr.lighting_col th{background-color: #FEF7E6!important;}

.lists.table_view td.lighting_col,
.lists.table_view th.lighting_col { background-color: #FEF7E6!important; }
.lists.table_view .lighting_cell { border: 1px solid #F5AE00!important }

.lists.table_view .row td{min-width: 45px;}

.lists table .row th{text-align: left; color: #000; vertical-align: middle; font-size: 12px;}

.lists table th{
    background: #f4f4f4;
    border-width: 1px;
    border-style: solid;
    border-color: #f9f9f9 #e9e9e9 #e9e9e9 #f9f9f9;
    vertical-align: middle
}

.lists table th:first-child{border-left: 1px solid #e9e9e9}

.lists table th:last-child{border-right: 1px solid #e9e9e9}

.lists table td,
.lists table .row th{padding: 5px}

.lists .row td,
.lists table .row th{background: #fff}

.lists .row.border td{border-top: 1px solid #c1c1c1}

.table_view .mCSB_scrollTools.mCSB_scrollTools_horizontal{top: 5px; bottom: auto; height: 10px; z-index: 190}

.lists.table_view .mCSB_scrollTools.mCSB_scrollTools_horizontal{top: 0}

.lists.table_view .mCSB_horizontal.mCSB_inside > .mCSB_container{margin-bottom: 0}

.table_view .table_template .mCSB_horizontal.mCSB_inside > .mCSB_container{margin-top: 20px; margin-bottom: 0}

.table_view .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.table_view .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.table_view .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{height: 10px;}

.table_view .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.table_view .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
    margin: 0;
    border-radius: 0;
}

.table_view .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:before{background: none}

.table_view .mCSB_scrollTools.fix{position: fixed; top: 0; left: 0; right: 0; z-index: 200; margin: 0 20px}

.lists.table_view .mCSB_scrollTools.fix{
    width: 1170px;
    left: 50%;
    margin-left: -585px;
}
/*--------------------------------------------------------------------------------------------- */
/*---------------------------------------- BULK BOOKING --------------------------------------- */
/*--------------------------------------------------------------------------------------------- */
.bulk-container{padding-bottom: 30px;}

.bulk-booking{
    margin-bottom: 30px;
}

.bulk-booking .reservation-form{padding-right: 5px; border-bottom: 1px solid #BBBDBF; margin-bottom: 1px; background: #dedede}

.bulk-booking .h5{
    margin: 0 20px 5px 0;
    font-weight: bold;
    text-align: right;
    color: #dedede;
    text-transform: uppercase;
}

table.booking-rooms{
    width: 100%;
    border-collapse: separate;
}

table.booking-rooms td{
    background: #f4f4f4;
    vertical-align: middle;
    border-top: 0px solid #fff;
    border-bottom: 2px solid #BBBDBF;
    padding:5px;
}

table.booking-rooms td:first-child{
    border-left: 5px solid #fc894b;
}

table.booking-rooms table td{
    border: 0 none!important;
    position: relative;
    padding-bottom: 20px;
}
table.booking-rooms td.room-params{
    width: 325px;
    max-width: 325px;
}
table.booking-rooms .top-spaced{max-width: none}
table.booking-rooms tr.th td{padding: 5px 5px 0; color: #777777; font-size: 12px;}
table.booking-rooms .error{
    color: red;
    font-size: 10px;
    position: absolute;
    left: 8px;
    right: 8px;
    bottom: 0;
}

table.booking-rooms td.gray-bg{
    padding-right: 10px;
}

table.booking-rooms .gray-point{
    display: table;
    width: 100%;
}

table.booking-rooms .gray-point .blue_btn{
    white-space: nowrap;
    padding: 0 5px;
    display: block;
}

table.booking-rooms .gray-arrow{
    background: #C6C8CA;
    position: relative;
    width: 100%;
    padding: 10px 7px;
    display: table-cell;
    vertical-align: middle;
    text-align:center;
}

table.booking-rooms .gray-arrow:after{
    content: '';
    position: absolute;
    right: -15px;
    top: 0;
    z-index: 5;
}

table.booking-rooms .room-title{
    color: #404040;
    margin-bottom: 75px;
    font-size: 18px;
    font-weight:700;
    white-space: nowrap;
}

table.booking-rooms .total-box{
    text-align: center;
    background: #F5F5E3;
    border-left: 1px solid #E1E1E1;
    padding:15px;
}

table.booking-rooms .total-text{
    color: #404040;
    text-transform: uppercase;
    font-size: 13px;
    text-shadow: 1px 0 0 #8C8C8C;
    font-family: roboto_medium;
}

table.booking-rooms .currency-sum{
    font-size: 28px;
    color: #EF9300;
    font-weight: bold;
    margin: 10px 0;
}

table.booking-rooms .selectBox-dropdown{
    width: 100%!important;
}

table.booking-rooms input[type="text"]{
    width: 100%!important;
    min-width: 90px;
}

table.booking-rooms .datepicker{padding-right: 28px;}

table.booking-rooms label{
    display: inline-block;
    text-transform: none;
    padding-bottom: 0;
}

table.booking-rooms .date-period{margin: 0 -7px;}

table.booking-rooms .date-period .col-xs-6{
    padding: 0 7px;
    position: relative;
    width:33%;
}

table.booking-rooms .date-period .col-xs-6.first:after{
    content: '-';
    position: absolute;
    right: -2px;
    top: 50%;
    margin-top: -6px;
}

table.booking-rooms .hasDatepicker{
    min-width: 80px;
    display: inline-block;
    vertical-align: top;
}

table.booking-rooms .quest{
    background: #fff;
    width: 100%;
    float:left;
    height: 30px;
    padding: 0 5px;
    border: 1px solid #D2D2D2;
    border-radius: 2px;
    -webkit-box-shadow: 0px 2px 2px -2px #CCCCCC inset;
    -moz-box-shadow: 0px 2px 2px -2px #CCCCCC inset;
    box-shadow: 0px 2px 2px -2px #CCCCCC inset;
    position: relative;
}

table.booking-rooms .quest .quest_form{
    background: #fff;
    position: absolute;
    width: 230px;
    z-index: 50;
    left: 0;
    top: calc(100% + 1px);
    -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.4);
}

table.booking-rooms .check-box{
    display: inline-block;
    padding-left: 20px;
    position: relative;
}

table.booking-rooms .check-box input[type=checkbox]{
    position: absolute;
    left: 0;
    top: -3px;
}

table.booking-rooms .quest-line{
    padding-bottom: 15px;
    white-space: nowrap;
    color: #404040;
    font-weight: bold;
    text-align: center;
    font-size: 13px;
}

.fixed-bottom-block{
    position: relative;
    width: 100%;
    height: 100px;
}

.fixed-bottom-block .fix-part{
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    padding-top: 8px;
    z-index: 100;
    height: 90px;
}

.fixed-bottom-block .blue-bottom-fix{
    background: #F4F4E2;
    -webkit-box-shadow: 0 -1px 5px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 -1px 5px rgba(0,0,0,0.2);
    box-shadow: 0 -1px 5px rgba(0,0,0,0.2);
}

.fixed-bottom-block .fix-part .limit{padding: 0; border-bottom: 0 none;}

.fixed-bottom-block .total-info{
    -webkit-box-shadow: 0 2px 0 rgba(0,0,0,0.1);
    -moz-box-shadow: 0 2px 0 rgba(0,0,0,0.1);
    box-shadow: 0 2px 0 rgba(0,0,0,0.1);
    padding-bottom: 8px;
    margin-bottom: 12px;
}

.fixed-bottom-block .total-info .table-imitate-cell{
    padding: 0 7px;
    color: #7f7f7f;
    font-size: 11px;
    text-transform: uppercase;
    text-shadow: 0 1px 0 #fff;
    font-family: 'roboto_bold';
}

.fixed-bottom-block .total-info .table-imitate-cell:first-child{padding-left: 0}

.fixed-bottom-block .total-info .table-imitate-cell:last-child{padding-right: 0; text-align: right}

.fixed-bottom-block .total-info .number{
    color: #1e1e1e;
    font-size: 14px;
    text-shadow: none;
}

.fixed-bottom-block .info-section .left-part{
    padding: 11px 15px 0 0;
}

.fixed-bottom-block .currency-block{
    display: inline-block;
    vertical-align: top;
    margin: 6px 5px 0 0;
    font-family: 'roboto_bold';
}

.fixed-bottom-block .currency-block .total-text{
    vertical-align: top;
    padding-top: 6px;
    display: inline-block;
}

.fixed-bottom-block .currency-block .total-cost{
    color: #164f9c;
    font-size: 22px;
    font-family: 'roboto_bold';
    white-space: nowrap;
    padding-left: 3px;
}

/*--------------------------------------------------------------------------------------------- */
/*-------------------------------------- ABOUT COMPANY ---------------------------------------- */
/*--------------------------------------------------------------------------------------------- */
.cabinet .company-image{
    width: 100%;
    height: 256px;
    overflow: hidden;
}

.cabinet .company-image img{width: 1920px; max-width: none; height: 100%}
/*--------------------------------------------------------------------------------------*/
/*---------------------------------------- CATALOG -------------------------------------*/
/*--------------------------------------------------------------------------------------*/
.catalog-container{
    margin: 0 -15px;
    font-size: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.catalog-item{
    padding: 15px;
    width: 20%;
    /*float: left;*/
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
}

.catalog-item .border-point{
    border: 1px solid #cedfe6;
    border-radius: 2px;
    padding: 3px;
    height: 100%;
}

.catalog-item .item-bg{
    background: #F0F1F1;
    padding: 5px;
    min-height: 200px;
    height: 100%;
}

.catalog-item .country-line{
    background: #D4D3D3;
    padding: 10px 5px 10px 50px;
    position: relative;
    color: #164f9c;
    font-family: roboto_bold;
    text-transform: uppercase;
}

.catalog-item .country-line span{
    position: absolute;
    display: inline-block;
    left: 7px;
    top: 0;
}

.catalog-item .catalog-list{margin: 10px 0 5px 8px;}

.catalog-item .catalog-list li{
    display: block;
    padding: 5px 2px 5px 10px;
    position: relative;
}

.catalog-item .catalog-list li:before{
    content: '';
    position: absolute;
    left: 0;
    width: 4px;
    height: 4px;
    background: #164F9C;
    border-radius: 100%;
    top: 50%;
    margin-top: -2px;
}

.catalog-item .catalog-list a{
    color: #164F9C;
    font-size: 13px;
}

/*--------------------------------------------------------------------------------------*/
/*---------------------------------- STYLES FOR CABINET --------------------------------*/
/*--------------------------------------------------------------------------------------*/
.style-cabinet .left-sidebar .sidebar-menu li a:hover:before,
.style-cabinet .left-sidebar .sidebar-menu li.current a:before{
    background: #fc894b;
}

.style-cabinet .padding-box{padding: 45px 0; }

.style-cabinet .basic-image-grid .image-field .bottom-block a{color: #fdb91a}

.style-cabinet .category-section{
    background: #585f6e;
}

.style-cabinet .category-section .select-table-row li,
.style-cabinet .category-section .select-table-row li:first-child{
    border-color: #3c4353
}

.style-cabinet .category-section .select-table-row a:hover{color: #fdb91a}

.style-cabinet .category-section .select-table-row a:hover .figure-img.icon-1{background-position: 0 -378px;}
.style-cabinet .category-section .select-table-row a:hover .figure-img.icon-2{background-position: 0 -64px;}
.style-cabinet .category-section .select-table-row a:hover .figure-img.icon-3{background-position: 0 -127px;}
.style-cabinet .category-section .select-table-row a:hover .figure-img.icon-4{background-position: 0 -192px;}
.style-cabinet .category-section .select-table-row a:hover .figure-img.icon-5{background-position: 0 -255px;}
.style-cabinet .category-section .select-table-row a:hover .figure-img.icon-6{background-position: 0 -440px;}
.style-cabinet .category-section .select-table-row a:hover .figure-img.icon-7{background-position: 0 -499px;}
.style-cabinet .category-section .select-table-row a:hover .figure-img.icon-8{background-position: 0 -560px;}
.style-cabinet .category-section .select-table-row a:hover .figure-img.icon-9{background-position: 0 -621px;}
.style-cabinet .category-section .select-table-row a:hover .figure-img.icon-10{background-position: 0 -683px;}

.style-cabinet .brick-box .light-blue{background: #51BFE2}

.style-cabinet .basic-border-space .brick-box .blue{background: #585f6e}

.social-circle-link a:hover{
    color: #fdb91a;
}

.tabs-block .box{display: none}
.tabs-block .box.visible{display: block}

.tabs-block .tabs-btn-panel{height: 51px;}

.tabs-block .tab-btn{
    height: 45px;
    width: 45px;
    text-align: center;
    color: #000;
    border-radius: 8px;
    border: 1px solid #cfd7df;
    line-height: 52px;
    display: inline-block;
    cursor: pointer;
    margin: 0 0 -1px 5px;
}

.tabs-block .tab-btn.active{height: 52px; border-bottom-color: #fff; border-bottom-right-radius: 0; border-bottom-left-radius: 0}

.tabs-block .tab-btn i{
    font-size: 24px;
}

.msg-container{margin: 25px 0 50px}

.msg-box{position: relative; padding-left: 55px; margin-top: 20px;}

.msg-box:before{
    content:"";
    position: absolute;
    width: 1px;
    background: #000;
    top: -7px;
    left: 0;
    bottom: 15px;
}

.msg-box .comment-point{position: relative; margin-bottom: 10px;}

.msg-box .comment-point .left-ico{color: #000; font-size: 22px; position: absolute; left: -40px; top: 10px;}

.msg-box .comment-point .left-ico:before{
    content: '';
    position: absolute;
    left: -14px;
    width: 10px;
    background: #000;
    top: 50%;
    height: 1px;
}

.group-block .fa-bell-o{
    -ms-transform: rotate(40deg);
    -moz-transform: rotate(40deg);
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
}

.msg-box .msg-body{
    display: inline-block;
    padding: 10px;
    background: #E5EDF4;
    border-radius: 8px;
}

.msg-box .cx3-msg .msg-body{background: #F5DEB3;}

.msg-box .red-msg .msg-body{background: #FE0000; color: #fff}

.msg-body .msg-text{font-style: italic; margin-top: 10px;}

.msg-box .data-text, .tooltip1 #tooltip-type{
    color: #fff;
    font-size: 12px;
    background: #2D2D2D;
    padding: 4px 12px;
    -webkit-box-shadow: 0 0 2px 1px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 2px 1px rgba(0,0,0,0.4);
    box-shadow: 0 0 2px 1px rgba(0,0,0,0.4);
    display: inline-block;
    margin-right: 5px;
    border-radius: 4px;
}

/*-------------------------------------------------------------------------*/
/*----------------------------- DEALS DIAGRAM -----------------------------*/
/*-------------------------------------------------------------------------*/
.diagram-box{margin-bottom: 40px; }

.color-diagram{padding-left: 195px; height: 50px; background: #F4F4F4; border-radius: 12px; overflow: hidden}

.color-diagram .left-select-side{
    margin-left: -195px;
    height: 100%;
    float: left;
    width: 195px;
    padding: 6px 4px 6px 16px;
    background: #465975;
    color: #fff;
    position: relative;
}

.color-diagram .left-select-side .dashed-text-line{border-color: #cccccc}

.color-diagram .left-select-side .font_bold{color: #fff; margin-bottom: 1px;}

.color-diagram .right-cell-side{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
}

.color-diagram .color-cell{
    padding: 0 5px;
    font-size: 14px;
    font-family: roboto_medium;
    height: 50px;
    position: relative;
    cursor: pointer;
    color: #000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    min-width: 32px;
}

.color-diagram .color-cell.blue{background: #00B1EF;}
.color-diagram .color-cell.yellow{background: #FFFE03;}
.color-diagram .color-cell.green{background: #00B052;}
.color-diagram .color-cell.red{background: #FB0103; color: #fff}
.color-diagram .color-cell.yellow-1{background: #FCC200;}

.color-diagram .color-cell.active{
    -webkit-box-shadow: 0 0 0 2px #3F4055 inset;
    -moz-box-shadow: 0 0 0 2px #3F4055 inset;
    box-shadow: 0 0 0 2px #3F4055 inset;
}

.color-diagram .color-cell.active:after{
    content:"";
    position: absolute;
    left: 50%;
    margin-left: -3px;
    border-top: 6px solid #3F4055;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    top: 100%;
}
/*-------------------------------------------------------------------------*/
/*--------------------------------- BOOKINGS ------------------------------*/
/*-------------------------------------------------------------------------*/
.reservations-filter{
    margin: 0 -3px 10px;
    text-align: center;
}

.reservations-filter > div{padding: 0 3px 2px;}

.reservations-filter > div.cols-1,
.reservations-filter > div.cols-2{width: 50%; float: left}

.reservations-filter .block-th{
    font-family: roboto_bold;
    padding: 7px 10px;
    text-transform: uppercase;
    line-height: 16px;
    background: #dedede;
    color: #777777;
    font-size: 12px;
}

.reservations-filter .block-td{padding: 10px 5px; background: #f4f4f4; margin-bottom: 2px;}

.reservations-filter .block-td .blue_btn{
    margin: 5px 2px;
    padding: 0 6px;
}

.reservations-filter .block-td .blue_btn.is-check{
    background: #fff;
    -webkit-box-shadow: 0 0 0 1px #1D5391 inset;
    -moz-box-shadow: 0 0 0 1px #1D5391 inset;
    box-shadow: 0 0 0 1px #1D5391 inset;
    color: #1D5391!important;
    cursor: default;
}

.reservations-filter .block-td .blue_btn.is-check:hover{background: #fff}

.reservations-filter .dashed-text-line{color: #000; text-decoration: none}

.grid-settings-columns .gwt-radio-btn{margin: 2px 15px 2px 0; line-height: 18px;}

.grid-settings-columns .gwt-radio-btn input{margin-right: 1px;}

.booking-box{position: relative}

.aircompany-services{
    height: 20px;
    width: 20px;
    border-radius: 100%;
    display: inline-block;
    background: #EDEDED;
    color: #5e6a76;
    font-size: 14px;
    text-align: center;
    line-height: 23px;
}

.guest-edit .valid-field{margin-bottom: 10px; position: relative}

.guest-edit .selectBox{margin-bottom: 0!important;}

.guest-edit .hasDatepicker{background-image: none}

.guest-edit .ui-datepicker-trigger{
    position: absolute;
    right: 5px;
    top: 24px;
    cursor: pointer;
}

.cabinet .row-list{margin: 0px -10px 0}

.cabinet .row-list .col{
    float: left;
    padding: 10px;
    color: #414141;
    font-size: 15px;
    line-height: 17px;
}

.cabinet .row-list .col a{
    display: block;
    position: relative;
    -webkit-box-shadow: 0 3px 1px 0 #fdca0b;
    -moz-box-shadow: 0 3px 1px 0 #fdca0b;
    box-shadow: 0 3px 1px 0 #fdca0b;
    height: 297px;
    overflow: hidden;
}

.cabinet .row-list .col a img{width: 100%; vertical-align: middle; height: 100%}

.cabinet .row-list .col a .title-box{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4);
    padding: 10px 30px;
    color: #fff;
    font-size: 24px;
    font-family: roboto_light;
    font-style: italic;
    height: 75px;
    display: table;
    width: 100%;
}

.cabinet .row-list .col a .title-box .title-conteiner{display: table-cell; vertical-align: middle}

.cabinet .row-list .col a:hover .title-box{ background: rgba(0, 0, 0, 0.75); color: #fdca0b}

.cabinet .row-list .col .title{
    font-family: roboto_light;
    font-size: 32px;
    margin: 20px 0;
    color: #0e4997;
}

.cabinet .row-list.v2 .col a{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin-bottom: 20px;
}

.cabinet .row-list.v2 .col{
    float: none;
    display: inline-block;
    vertical-align: top;
    margin: 0 -1px;
    padding: 25px 10px;
}

.cabinet .image-agent{margin: 0 auto; width: 100%; height: 350px; overflow: hidden}

.cabinet .image-agent img{width: 1920px; height: 100%; max-width: none}

.profile-container{
    border: 1px solid #cddfed;
    border-top: 0 none;
    padding: 20px;
    margin-bottom: 20px;
}

.profile-form .top-panel{
    padding: 5px 45px 5px 10px;
    height: 40px;
    /*line-height: 31px;*/
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
}

.profile-form .top-panel:after{
    content: '\f139';
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -10px;
    font-family: 'FontAwesome';
    font-size: 20px;
    color: #0064CE ;
}

.profile-form .top-panel .last-edit{
    margin-left: 15px;
    line-height: 12px;
    background: #CFD7DF;
    font-size: 12px;
    padding: 2px 5px;
    color: #363853;
    border-radius: 2px;
}

.profile-form .top-panel.is-close{margin-bottom: 10px;}

.profile-form .top-panel.is-close:after{
    content: '\f13a';
}

.profile-form .login-button{
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
}

.profile-form .login-button:hover{
    border-top: 0 none;
    /*background: #4cabd9;*/
}

.profile-container .form-row{
    position: relative;
    padding-left: 210px;
}

.profile-container .form-row .half-form{
    margin-bottom: 10px;
    width: 50%;
    display: inline-block;
    vertical-align: top;
    padding: 0 15px;
}

.profile-container .form-row .logo-form{width: 190px!important; position: absolute; left: 0; top: 0; padding: 0; overflow: hidden}

.profile-container .form-row .logo-form img{width: 100%; margin-bottom: 20px; background: #F8F8F8;}

.profile-container.personal-info .form-row .logo-form:not(.logo-offer) img{/*min-width: 100%;*/ height: 200px; max-width: none; width: auto}

.profile-container .personal-info-left{
    margin-left: -210px;
    float: left;
    width: 190px;
}

.profile-container .personal-info-right{
    float: left;
    width: 100%;
}

.profile-container .form-row .personal-info-right .logo-form,
.profile-container .form-row .personal-info-left .logo-form{position: relative}

.profile-container .form-row .personal-info-left .login-submit{margin-left: 0}

.profile-container .profile-sub-category{
    margin: 15px 0 20px -210px;
    border-bottom: 1px solid #E3E3E3;
    padding: 15px 0;
}

.profile-form label{display: block; margin-bottom: 5px;}

.profile-form .smtp-box label{display: inline-block}

.profile-form .smtp-box input.inputtext, .profile-form .smtp-box textarea,
.profile-form .ui-tabs{margin-bottom: 15px}

.profile-form .ui-tabs{padding: 0}

.profile-form .ui-tabs input[type="text"]{width: 100%}

.profile-form .ui-tabs .ui-tabs-nav{padding: 0}

.profile-form .ui-tabs .ui-tabs-nav li{top: 0; border-width: 0 1px 0 0; margin: 0; border-radius: 0}

.profile-container .form-row span.text-line{
    display: block;
    margin-left: -210px;
    padding-top: 15px;
    margin-top: 20px;
    border-top: 1px solid #E3E3E3
}

.profile-container .form-row span.text-line label{padding-left: 25px;}

.profile-container .form-row .login-submit,
.profile-container .form-row .left-position{margin-left: -210px;}

.profile-container .form-row .left-position{margin-top: -23px;}

.profile-container input.inputtext,
.profile-container .selectBox-dropdown{
    width: 100%!important;
}

.profile-container input.inputtext.disabled {
    background: #f6f6f6;
    opacity: 1!important;
}

.profile-container textarea{width: 100%}

.profile-container .selectBox-dropdown .selectBox-label{
    width: 100%!important;
    padding: 5px 35px 5px 8px;
    display: block;
    height: 29px;
    text-overflow: ellipsis;
}

.profile-container .errorValidationFrom,
.profile-container .error{color: red; font-size: 11px;}

.profile-form  table{width: 100%; margin-bottom: 20px;}

.profile-form  .bottom-spaced{margin-bottom: 20px;}

.profile-form  table .block-right{width: 250px;}

.profile-form:not(.grid-container) table th{
    color: #777777;
    font-size: 10px;
    text-transform: uppercase;
    font-family: roboto_bold;
    padding: 10px 5px;
    background: #dedede;
    text-align: center;
    border: 1px solid #c1c1c1;
}

.profile-form:not(.grid-container) table b{color: #000; font-family: roboto_bold}

.profile-form:not(.grid-container) table tr td{
    color: #414141;
    font-size: 13px;
    text-align: left;
    padding: 10px;
    border: 1px solid #d2d2d2;
    vertical-align: middle;
    background: #fff;
}

.profile-form .markup-block table tr td .currency{display: inline-block}

.profile-form .markup-block table tr td:nth-child(2),
.profile-form .markup-block table tr td:nth-child(3){text-align: center}

.profile-form .markup-block table tr td input[type="text"]{/*height: 28px; */vertical-align: middle; margin-right: 5px}

.profile-form .markup-block table tr td:nth-child(3){width: 45%}
.profile-form .markup-block table tr td:nth-child(4){width: 25%}

.profile-form .markup-block .half-form label{
    display: inline-block;
    padding-right: 5px;
}

.profile-form .markup-block .listing-view .selectBox-dropdown,
.profile-form .markup-block .listing-view .selectBox-label{width: 100%!important;}

.profile-form .markup-block .selectBox-dropdown{width: 95px!important; margin-right: 5px;}

.profile-form .country-box{margin-bottom: 10px; border-top: 1px solid #E3E3E3; padding-top: 10px; margin-top: 10px;}

.profile-form .country-box .country-item{
    padding: 5px 15px 5px 0;
    position: relative;
    text-align: left;
}

.profile-form .country-box .country-item .remove-red-ico{
    display: inline-block;
    position: absolute;
    right: 0;
    top: 15px;
}

.landinbuilder-btn .switch-btn{width: 100%}

.profile-form .switcher-control{
    font-size: 22px;
    position: relative;
    top: -6px;
}
/*---------------------------------------------------------------------------------- */
/*--------------------------------- PROFILE NEW ------------------------------------ */
/*---------------------------------------------------------------------------------- */
.account-informer{
    background: #898E92;
    padding: 12px 0;
    color: #fff;
    position: relative;
}

.account-informer .close{
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}

.account-informer_grid{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin: 0 -12px;
}

.account-informer_grid > div{padding: 0 12px;}

.account-informer_grid .account-informer_btn{
    padding: 6px 12px;
    color: #fff;
    font-family: 'roboto_medium';
    display: inline-block;
    text-decoration: none;
    border: 1px solid #fff;
    border-radius: 8px;
}

.account-informer_grid .account-informer_btn:hover{
    color: #999999;
    background: #fff;
}

.account-informer .account-informer_title{
    position: relative;
    padding-left: 24px;
    font-family: 'roboto_medium';
    margin-bottom: 4px;
}

.account-informer .account-informer_title svg{
    position: absolute;
    left: 0;
    top: 0;
}


#modal-content form{
    /*margin: 0 -8px;*/
    /*display: flex;
    flex-wrap: wrap;*/
}

#modal-content .agency-сnt-modal-col:not(.w-50){padding: 0 8px; margin-top: 16px;}

.agency-сnt-modal-col.cols-9{
    width: 75%;
    padding: 0 8px;
    float: left;
}

.agency-сnt-modal-col.cols-3{
    width: 25%;
    padding: 0 8px;
    float: left;
}

.agency-сnt-modal-col .agency-сnt-field .error{
    position: absolute;
    left: 0;
    top: calc(100% - 2px);
    font-size: 10px;
    background: #bf0000;
    color: #fff!important;
    border-radius: 3px;
    padding: 1px 6px;
    line-height: 13px;
    display: none;
}

.agency-сnt-modal-col .agency-сnt-field .error:before{
    content: '';
    position: absolute;
    left: 6px;
    bottom: 100%;
    border-bottom: 3px solid #bf0000;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
}

.agency-сnt-modal-col input{padding: 0 12px;}

.agency-сnt-modal-col .combo{width: 100%}

.agency-сnt-modal-col .combo.styled-combo ul li{padding: 8px 12px;}

.agency-сnt-modal-col .combo.styled-combo .dropdown{padding: 12px;}

.agency-сnt-modal-col .combo.styled-combo ul li:hover{border-radius: 8px;}

.agency-сnt-modal-col .agency-сnt-field{
    position: relative;
}

.agency-сnt-modal-col .agency-сnt-field .field-icon,
.agency-сnt-modal-col .country-code-box .field-icon{
    position: absolute;
    cursor: pointer;
    right: 12px;
    top: 12px;
    font-size: 0;
    display: none;
}

.agency-сnt-modal-col .agency-сnt-field .field-icon:hover path,
.agency-сnt-modal-col .country-code-box .field-icon:hover path{fill: #3E3E3E}

.agency-сnt-modal-col .agency-сnt-field .input-btn.s-small{
    position: absolute;
    right: 4px;
    top: 4px;
    height: 29px;
    padding-top: 5px;
    background: #fff;
}

.agency-сnt-modal-col .agency-сnt-field .input-btn.s-small:hover{background: #0064CE}

.domaintxt-box{position: relative}

input.inputtext.has-domaintxt{padding-right: 115px;}

.input-domaintxt{
    color: #B0BEC2;
    font-size: 14px;
    position: absolute;
    right: 40px;
    top: 8px;
    cursor: default;
}

.agency-сnt-modal-col .country-code-box .country-code-select .chosen-container .icon{left: 12px;}

.agency-сnt-modal-col .country-code-box .chosen-container-single .chosen-single span{padding-left: 44px;}

.agency-сnt-modal-col .country-code-box{padding-left: 110px;}

.agency-сnt-modal-col .country-code-box .country-code-select{width: 110px;}

.agency-сnt-modal-col .country-code-box .country-code-input input{width: 100%}

.profile-staff-table.default-table td{vertical-align: middle}

.filters-box label.on-bg{
    background: #fff;
    border: 1px solid #CFD7DF;
    border-radius: 6px;
    padding: 6px 16px 6px 10px;
    cursor: pointer;
    display: inline-block;
}

.filters-box label.on-bg.active,
.filters-box label.on-bg:hover{
    border-color: #0064CE;
}

.profile-grid .default-table{
    background: #fff;
    border-radius: 16px;
    padding: 12px 16px;
}

.profile-staff-table.default-table th:last-of-type{text-align: center}

.profile-box .default-table tr:last-child td{border-bottom: 0 none}

.profile-box .default-table .block-hide td{
    border: 0 none;
    padding: 0 0 16px;
}

.profile-box .default-table .profile-table-inner{
    background: #F3F5F7;
    padding: 16px;
    border-radius: 8px;
}

.markup-block .markup-offset{margin: 0 -12px}

.markup-setting-row{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: -8px;
}

.markup-setting-row > div:nth-child(1){
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
    padding: 8px;
}

.markup-setting-row > div:nth-child(2){
    -ms-flex: 0 0 33.3333%;
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
    padding: 8px;
    text-align: right;
}

.markup-setting-row > div .selectBox-dropdown,
.markup-setting-row > div select{width: 100%!important;}

.markup-setting-row .markup-table{width: 100%}

.markup-setting-row .markup-table tr td{padding-bottom: 0!important;}

.markup-setting-row .markup-table tr td:nth-child(2){padding-left: 8px;}

.profile-searchBar{
    margin: 0 -8px 16px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.profile-searchBar .dropdown-list .drop_down_block{min-width: 300px;}

.profile-searchBar .searchBar_search{margin-bottom: 40px;}

.selfMarkup-box .selectBox-dropdown,
.markup-block .listing-view .selectBox-dropdown{
    display: block;
    width: 100%!important;
}

.selfMarkup-box .markup-amount{margin: 8px 0; width: 50px;}

.markup-block td:nth-child(3){width: 210px;}

.markup-block .listing-view td{border: 0 none; padding-top: 0}
/*---------------------------------------------------------------*/
/*---------------------------- WIDGET ---------------------------*/
/*---------------------------------------------------------------*/
.widget-container .widget-item{padding-top: 30px;}

.widget-container .widget-item-inner{
    height: 100%;
    border: 1px solid #dedede;
    background: #fff;
    border-radius: 16px;
}

.widget-container .widget-screen{
    /*background: #F5F5F5;*/
    border-bottom: 1px solid #cedfe6;
    height: 250px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}

.widget-container .widget-wrap{padding: 16px;}

.widget-container .widget-name{font-size: 16px;}

.widget-container .widget-subname{
    padding-top: 5px;
    line-height: 16px;
}

.widget-container .widget-btn{padding: 16px;}

/*---------------------------------------------------------------*/
/*-------------------------- MY CONTENT -------------------------*/
/*---------------------------------------------------------------*/
.mycontent-item{
    padding-bottom: 30px;
}

.mycontent-item .mycontent-item-inner{
    height: 100%;
    border: 1px solid #cedfe6;
    padding: 20px 10px;
    color: #ababab;
    cursor: pointer;
    text-align: center;
    position: relative;
    display: block;
    text-decoration: none;
}

.mycontent-item .mycontent-item-inner:not(.is-close):before{
    content:'';
    border-top: 18px solid #f38a22;
    border-left: 24px solid transparent;
    border-right: 24px solid transparent;
    position: absolute;
    top: calc(100% + 1px);
    left: 50%;
    margin-left: -24px;
}

.mycontent-item .mycontent-title{
    text-transform: uppercase;
    font-family: 'roboto_bold';
    color: #4b4a4a;
    font-size: 14px;
    margin: 20px 0 10px;
}

.mycontent-item svg{
    height: 80px;
    fill: #ACACAC;
    width: 80px;
}

.mycontent-item .mycontent-item-inner.is-close:hover{
    -webkit-box-shadow: 0px 1px 2px 1px #cedfe6;
    -moz-box-shadow: 0px 1px 2px 1px #cedfe6;
    box-shadow: 0px 1px 2px 1px #cedfe6;
}

.mycontent-item .mycontent-item-inner:not(.is-close){
    cursor: default;
}

.mycontent-item .mycontent-item-inner:not(.is-close){
    border-color: #f38a22;
}

.mycontent-item .mycontent-item-inner:not(.is-close) svg{fill: #f38a22}

.mycontent-item .mycontent-item-inner:not(.is-close):after{
    content: '';
    border-top: 18px solid #fff;
    border-left: 24px solid transparent;
    border-right: 24px solid transparent;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -24px;
}

#modal-content .field-set-right-btns .left-offset{padding-left: 7px;}

form.standart-form .field-set{
    margin-bottom: 15px;
}

form.standart-form .field-set input[type="text"]{
    margin-bottom: 0!important;
    width: 100%!important;
}

form.standart-form textarea{
    border-radius: 3px;
    box-shadow: 0px 2px 2px -2px #CCCCCC inset;
    -webkit-box-shadow: 0px 2px 2px -2px #CCCCCC inset;
    -moz-box-shadow: 0px 2px 2px -2px #CCCCCC inset;
    width: 100%;
    padding-top: 5px;
    font-family: inherit;
}

form.standart-form .field-set label{display: inline-block; vertical-align: top; margin-right: 10px; cursor: pointer}

#modal-content form.standart-form .field-set label{display: inline-block;}

/*---------------------------------------------------------------*/
/*------------------------- MY TOURISTS -------------------------*/
/*---------------------------------------------------------------*/
.my-tourists-container .td-name{text-align: left; white-space: nowrap}

.my-tourists-container .td-name i.fa{margin-right: 5px;}

.type-mark-container{
    margin: -2px -1px;
    display: inline-block;
}

.type-mark{
    color: #fff;
    border-radius: 6px;
    display: inline-block;
    cursor: default;
    margin: 2px 1px;
    white-space: nowrap;
}

.type-mark.s-small{
    line-height: 14px;
    font-size: 10px;
    padding: 0px 4px;
}

.type-mark.s-std{
    font-size: 12px;
    font-family: 'roboto_bold';
    line-height: 16px;
    padding: 3px 9px;
    border-radius: 10px;
}

.type-mark.color-1{ background: #EC7263;}
.type-mark.color-2{ background: #678EAB;}

.my-tourists-top-panel{padding-bottom: 30px;}

.my-tourists-top-panel .content-left{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.my-tourists-top-panel .search-panel{padding-right: 15px;}

.search-panel input[type="text"]{
    height: 30px;
    line-height: 30px;
    vertical-align: top;
}

.search-panel .blue_btn, .my-tourists-top-panel .content-left .blue_btn{
    height: 30px;
    line-height: 30px;
    font-size: 15px;
}

.my-tourists-topInfo{padding-bottom: 30px;}

.my-tourists-topInfo .text-gray{
    color: #777777;
    font-size: 13px;
}

.my-tourists-topInfo .name{
    padding: 7px 0;
}

.my-tourists-topInfo .name > span{
    font-size: 24px;
    line-height: 28px;
    font-family: 'roboto_bold';
}

.my-tourists-topInfo .name > span + .type-mark-container{margin-left: 20px;}

.my-tourists-topInfo .sub-text{
    font-size: 15px;
}

.my-tourists-container .switch-btn{
    width: 100%;
    margin-bottom: 30px;
}

.my-tourists-container .switch-btn a{min-width: 0}

.my-tourists-container .my-tourists-adapt-menu{
    display: none;
    border: 1px solid #4F4F4F;
    border-radius: 4px;
    padding: 7px 15px;
    font-family: 'roboto_bold';
    margin: 0 0 20px;
    text-align: center;
    max-width: 280px;
}

.my-tourists-container .my-tourists-adapt-menu i{margin-right: 5px;}

.my-tourists-profile-form{margin: 0 -20px}

.my-tourists-profile-form .my-tourists-formLeft,
.my-tourists-profile-form .my-tourists-formRight{
    width: 50%;
    float: left;
    padding: 0 20px;
}

.my-tourists-profile-form .my-tourists-formRow{
    margin: 0 -5px;
    padding: 5px 0;
}

.my-tourists-profile-form .my-tourists-formLabel,
.my-tourists-profile-form .my-tourists-formText{
    float: left;
    padding: 0 5px;
}

.my-tourists-profile-form .my-tourists-formLabel{width: 30%; padding-top: 8px;}

.my-tourists-profile-form .my-tourists-formText{width: 70%}

.my-tourists-profile-form .my-tourists-formRow.full-row .my-tourists-formText,
.my-tourists-profile-form .my-tourists-formRow.full-row .my-tourists-formText{width: 100%}

.my-tourists-profile-form .my-tourists-formText input[type="text"],
.my-tourists-profile-form .my-tourists-formText .selectBox,
.my-tourists-profile-form .my-tourists-formText .chosen-container,
.my-tourists-profile-form .my-tourists-formText textarea{width: 100%!important;}

.my-tourists-profile-form .my-tourists-formText textarea{border-radius: 3px;}

.my-tourists-passportAdd{
    background: #f4f4f4;
    padding: 15px;
    margin: 15px 0;
}

.my-tourists-passportAdd-gender{margin-bottom: 20px;}

.my-tourists-passportAdd-gender label {
    font-size: 14px;
    margin-right: 15px;
    display: inline-block;
    font-weight: normal;
    text-transform: none;
}

.my-tourists-passportAdd-personal{margin: 0 -5px;}

.my-tourists-passportAdd-personal .tourist-add-personal-label{margin-bottom: 5px;}

.my-tourists-passportAdd input[type=text],
.my-tourists-passportAdd .selectBox-dropdown{width: 100%!important;}

.my-tourists-passportAdd-personal .my-tourists-passportAdd-el{
    float: left;
    padding: 0 5px 15px;
}

.my-tourists-passportAdd-personal .my-tourists-passportAdd-el.el-1{width: 30%}
.my-tourists-passportAdd-personal .my-tourists-passportAdd-el.el-2{width: 24%}
.my-tourists-passportAdd-personal .my-tourists-passportAdd-el.el-3{width: 26%}
.my-tourists-passportAdd-personal .my-tourists-passportAdd-el.el-4{width: 20%}

.my-tourists-passportAdd-doc{
    padding: 10px 35px 0 0;
    position: relative;
}

.my-tourists-passportAdd-doc + .my-tourists-passportAdd-doc{
    border-top: 1px solid #e1e1e1;
}

.tourist-add-documents-inner{
    margin: 0 -5px;
}

.my-tourists-passportAdd-doc .tourist-add-personal-label{margin-bottom: 5px;}

.my-tourists-passportAdd-doc .tourist-add-documents-el{
    padding: 0 5px 15px;
    float: left;
}

.my-tourists-passportAdd-doc .tourist-add-documents-el.el-1{width: 30%}
.my-tourists-passportAdd-doc .tourist-add-documents-el.el-2{width: 24%}
.my-tourists-passportAdd-doc .tourist-add-documents-el.el-3{width: 22%}
.my-tourists-passportAdd-doc .tourist-add-documents-el.el-4{width: 22%}

.my-tourists-passportAdd-doc .tourist-delete-documents{
    position: absolute;
    right: 0;
    cursor: pointer;
    color: red;
    top: 50%;
    font-size: 14px;
    width: 20px;
    height: 20px;
    margin-top: -4px;
    line-height: 20px;
}

.tourist-add-box-control {
    padding-top: 20px;
}

.tourist-add-box-control input {
    margin-right: 10px;
}

.my-tourists-totalTab-box{font-size: 0; margin: 0 -10px;}

.my-tourists-totalTab-box .point{
    width: 33.3333%;
    display: inline-block;
    vertical-align: top;
    padding: 0 10px;
    font-size: 14px;
}

.my-tourists-totalTab-box .point li{
    display: block;
    padding: 10px 0;
}
/*---------------------------------------------------------------*/
/*------------------------- AGENCY CONTACTS ---------------------*/
/*---------------------------------------------------------------*/
.profile-form .t-empty-items{
    font-size: 18px;
    text-align: center;
    padding: 15px 0;
    color: #ccc;
}

.agency-сnt-modal-layer{
    /*padding-left: 310px;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
}

.agency-сnt-modal-layer .agency-сnt-modal-right-scroll ul li{line-height: 16px; padding: 5px 0}

.agency-сnt-modal-layer .agency-сnt-modal-right-s{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    /*font-size: 13px;
    line-height: 16px;*/
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.agency-сnt-modal-layer .agency-сnt-modal-right-s.w-70{
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;
}

.agency-сnt-modal-layer .agency-сnt-modal-right-s p{
    font-size: 14px;
    line-height: 19px;
}

.agency-сnt-modal-layer .agency-сnt-modal-img{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 20px;
    text-align: center;
}

.agency-сnt-modal-layer .agency-сnt-modal-img.w-30{
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
}

.agency-сnt-modal-layer .agency-сnt-modal-img img{height: 325px;}

.agency-сnt-modal-layer .agency-сnt-modal-img img.orig{height: auto;}

.agency-сnt-modal-slider .agency-сnt-modal-layer{
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    align-items: stretch;
}

.agency-сnt-modal-slider .agency-сnt-modal-layer .agency-сnt-modal-img-inner{position: relative; overflow: hidden; height: 440px;}

.agency-сnt-modal-slider .agency-сnt-modal-layer .agency-сnt-modal-img img{
    height: 100%;
    max-width: none;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.agency-сnt-modal-slider .agency-сnt-modal-layer .agency-сnt-modal-title{
    text-align: center;
    font-size: 18px;
    margin-bottom: 30px;
}

.agency-сnt-modal-slider .agency-сnt-modal-right-scroll{
    margin-bottom: 15px;
    max-height: 340px;
    overflow: auto;
}

.agency-сnt-modal-slider .agency-сnt-modal-right-scroll ul{
    list-style: disc inside;
}

.agency-сnt-modal-slider-controls{
    margin-top: 5px;
}

.agency-сnt-modal-slider-controls .blue_btn.orange{min-width: 180px;}

.agency-сnt-modal-slider-controls .blue_btn.progress-button{position: relative}

.agency-сnt-modal-slider-controls .blue_btn.progress-button .btn-text{position: relative; z-index: 2; color: inherit!important;}

.agency-сnt-modal-slider-controls .blue_btn.progress-button.disable .tz-bar{background: #0064CE}

body.tez-style .agency-сnt-modal-slider-controls .blue_btn.progress-button.disable .tz-bar{background: #0064CE}

.agency-сnt-modal-slider-controls .progress-button.in-progress:after,
.agency-сnt-modal-slider-controls .progress-button.finished:after{
    content: '';
}

.agency-сnt-modal-slider-controls .blue_btn.orange.disable{
    background: #AAAAAA;
    color: #fff!important;
    cursor: default;
    border-color: #AAAAAA;
}

.agency-сnt-modal-slider-controls .blue_btn.orange.disable:hover{background: #AAAAAA; }

.agency-сnt-modal-slider-controls .agency-сnt-modal-slider-pager > a{
    height: 12px;
    width: 12px;
    border-radius: 100%;
    border: 1px solid #959595;
    margin: 0 2px;
    display: inline-block;
}

.agency-сnt-modal-slider-controls .agency-сnt-modal-slider-pager > a.current,
.agency-сnt-modal-slider-controls .agency-сnt-modal-slider-pager > a:hover{
    background: #959595;
}

.agency-сnt-profile-layer{
    padding-left: 155px;
}

.agency-сnt-profile-layer .agency-сnt-profile-img{width: 135px; margin-left: -155px; float: left}

.agency-сnt-profile-layer .agency-сnt-profile-img .file-view{margin-bottom: 20px; display: block}

.agency-сnt-profile-layer .agency-сnt-profile-right-s{width: 100%; float: left}

.agency-сnt-modal-layer .agency-сnt-modal-title{
    font-family: 'roboto_bold';
    font-size: 16px;
    margin-bottom: 35px;
    line-height: 22px;
}

.agency-сnt-modal-general{margin: 0 -7px;}

.agency-сnt-modal-general .agency-сnt-modal-col{
    padding: 0 7px 10px;
    float: left;
    width: 33.3333%;
}

.agency-сnt-modal-general .agency-сnt-modal-col.w-full{width: 100%}

.agency-сnt-modal-general .agency-сnt-modal-col.w-50{width: 50%}

.agency-сnt-modal-col label,
.agency-сnt-modal-col .setting-point > p{font-family: 'roboto_medium'; display: block;margin-bottom: 5px;padding: 0}

.agency-сnt-modal-col input[type="checkbox"] + label{
    font-family: 'roboto';
    display: inline;
    /*color: #9C9C9C;*/
    font-size: 13px;
}

.agency-сnt-modal-col input[type="checkbox"] + label a{color: #9C9C9C;}

.agency-сnt-modal-col input.inputtext{width: 100%}

.agency-сnt-modal-col textarea{width: 100%; resize: vertical;}

.agency-сnt-modal-col .upload-box > p{font-family: 'roboto_medium'; margin-bottom: 5px; padding: 0; font-size: 12px}

.agency-сnt-modal-col .upload-box .preview-gallery{
    margin: 0;
}

.agency-сnt-modal-col .upload-box .plupload_buttons{height: 31px;}

.agency-сnt-modal-col label.is-add-btn{
    position: relative;
    padding-right: 22px;
}

.agency-сnt-modal-col label.is-add-btn i{
    cursor: pointer;
    font-size: 20px;
    position: absolute;
    right: 0;
    top: -4px;
    color: #BDBDBD
}

.agency-сnt-modal-col label.is-add-btn i:hover{opacity: 0.9}

.agency-сnt-modal-general .agency-сnt-modal-col input[type="checkbox"]{margin-top: 0; margin-bottom: 0; position: relative; top: 2px;}

.agency-сnt-modal-general.cnt-col1 .agency-сnt-modal-col{width: 100%}

.agency-сnt-modal-general.cnt-col2 .agency-сnt-modal-col{width: 50%}

.agency-сnt-modal-general.cnt-col4 .agency-сnt-modal-col{width: 25%}

.agency-сnt-modal-controls{
    margin-top: 20px;
    /*text-align: right;*/
}

.agency-сnt-modal-controls > div{
    display: inline-block;
    padding-left: 10px;
    text-align: center;
}

.agency-сnt-modal-controls > div:first-child{
    padding-left: 0;
    vertical-align: top;
    padding-top: 10px;
}

.agency-сnt-modal-controls .controls-title{
    font-family: 'roboto_bold';
    margin: 5px 0;
    font-size: 14px;
}

.agency-сnt-modal-controls .controls-subtitle{
    font-size: 10px;
}

.agency-сnt-modal .gray-link{
    color: #ababab;
    margin-right: 15px;
    display: inline-block;
    vertical-align: middle;
}

.agency-сnt-modal-scroll{
    margin-top: 20px;
}

.agency-сnt-modal-offices{
    position: relative;
    padding: 14px;
    border: 1px solid #CCCCCC;
    margin: 20px 8px 20px 0;
}

.agency-сnt-modal-offices .del-circle,
.agency-сnt-modal-staff .del-circle{
    position: absolute;
    right: -7px;
    top: -9px;
    color: #3c4353;
    text-decoration: none;
    font-family: Arial;
    height: 20px;
    width: 20px;
    text-align: center;
    border: 1px solid #3c4353;
    font-weight: bold;
    font-size: 17px;
    background: #F8F8F8;
    line-height: 16px;
    border-radius: 100%;
}

.agency-сnt-modal-offices .del-circle:hover,
.agency-сnt-modal-staff .del-circle:hover{background: #3c4353; color: #fff}

.agency-сnt-modal-offices .agency-сnt-modal-offices-num{
    background: #F8F8F8;
    padding: 3px 10px;
    position: absolute;
    display: inline-block;
    left: 5px;
    top: -10px;
    height: 18px;
    color: #7f7f7f;
}

.agency-сnt-modal-offices .marker-field .chosen-container-single .chosen-single{
    height: 31px;
    background: #fff;
    border-radius: 3px;
    line-height: 31px;
    -webkit-box-shadow: 0px 2px 2px -2px #cccccc inset;
    -moz-box-shadow: 0px 2px 2px -2px #cccccc inset;
    box-shadow: 0px 2px 2px -2px #cccccc inset;
    border-color: #bbb;
}

.agency-сnt-modal-offices .marker-field .chosen-container-single .chosen-single div b{background-position: 0 5px}

.agency-сnt-modal-offices .marker-field .chosen-container-active.chosen-with-drop .chosen-single div b{background-position: -18px 5px}

.agency-сnt-modal-offices .agency-сnt-modal-offices-row{
    margin: 0 -7px;
}

.agency-сnt-modal-offices .agency-сnt-modal-col{
    float: left;
    width: 39%;
    /*width: 41%;*/
    padding: 0 7px 10px;
}

.agency-сnt-modal-offices .agency-сnt-modal-col.w-1{width: 11%}

.agency-сnt-modal-offices .agency-сnt-modal-col.w-2{width: 15%}

.agency-сnt-modal-offices .agency-сnt-modal-col.w-3{width: 18%}

.agency-сnt-modal-offices .agency-сnt-modal-col.w-4{width: 17%}

.agency-сnt-modal-offices .agency-сnt-modal-col .marker-field{
    position: relative;
}

.agency-сnt-modal-offices .agency-сnt-modal-col .marker-field input{padding-right: 30px;}

.agency-сnt-modal-offices .agency-сnt-modal-col .marker-field .icon-set-marker{
    position: absolute;
    right: 0px;
    top: 5px;
    font-size: 22px;
    cursor: pointer;
}

#modal-content .agency-сnt-modal input[type=text]{width: 100%}

.employees-top-bar{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
}

.agency-сnt-modal-staff{
    position: relative;
    padding: 14px;
    border: 1px solid #CCCCCC;
    margin: 20px 0 20px 0;
}

.agency-сnt-modal-staff .agency-сnt-modal-staff-photo{
    width: 100px;
    float: left;
    margin-left: -114px;
    text-align: center;
}

.agency-сnt-modal-staff .agency-сnt-modal-staff-photo label{text-align: left}

.agency-сnt-modal-staff .agency-сnt-modal-staff-photo input[type="button"]{margin: 5px 0; font-size: 11px}

.agency-сnt-modal-staff .agency-сnt-modal-staff-photo .preview-gallery ul li{display: block}

.agency-сnt-modal-staff .agency-сnt-modal-staff-photo .blue_btn{
    text-transform: none;
    padding: 0;
    width: 100%;
    margin-top: 5px;
}

.agency-сnt-modal-staff .agency-сnt-modal-staff-row{padding-left: 128px; /*float: left; width: 100%;*/}

.agency-сnt-modal-staff .agency-сnt-modal-staff-row-inner{margin: 0 -7px; float: left; font-size: 0}

.agency-сnt-modal-row + .agency-сnt-modal-row{margin-top: 12px;}

.agency-сnt-modal-row{position: relative}

.agency-сnt-modal-row .country-code-box .country-code-input input{width: 100%}

.agency-сnt-modal-row .country-code-box .country-code-select .chosen-container{z-index: auto}

.agency-сnt-modal-row .agency-сnt-modal-row-remove{
    position: absolute;
    color: red;
    right: -6px;
    top: 7px;
    font-size: 11px;
    line-height: 14px;
    height: 15px;
    width: 15px;
    background: #fff;
    border-radius: 100%;
    text-align: center;
    float: right;
    border: 1px solid red;
    cursor: pointer;
}

.agency-сnt-modal-row .agency-сnt-modal-row-remove:hover{background: red; color: #fff}

.agency-сnt-modal-staff .agency-сnt-modal-col{
    padding: 0 7px 10px;
    /*float: left;*/
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
}

.agency-сnt-modal-col .selectBox-dropdown{width: 100%!important;}

.agency-сnt-modal-staff .agency-сnt-modal-col.w-1{width: 21%}

.agency-сnt-modal-staff .agency-сnt-modal-col.w-2{width: 16%}

.agency-сnt-modal-staff .agency-сnt-modal-col.w-3{width: 17%}

.agency-сnt-modal-staff .agency-сnt-modal-col.w-4{width: 25%}

.agency-сnt-modal-staff .agency-сnt-modal-col.w-5{width: 21%}

.agency-сnt-modal-staff.no-office .agency-сnt-modal-col.w-1{width: 27%}

.agency-сnt-modal-staff.no-office .agency-сnt-modal-col.w-2{width: 21%}

.agency-сnt-modal-staff.no-office .agency-сnt-modal-col.w-3{width: 25%}

.agency-сnt-modal-staff.no-office .agency-сnt-modal-col.w-5{width: 27%}

.agency-сnt-modal-otherto .agency-сnt-modal-col.w-1{width: 21%}

.agency-сnt-modal-otherto .agency-сnt-modal-col.w-2{width: 12%}

.agency-сnt-modal-otherto .agency-сnt-modal-col.w-3{width: 22%}

.agency-сnt-modal-otherto .agency-сnt-modal-col.w-4{width: 33%}

.agency-сnt-modal-col.setting-point .fact-list.is-multiply .item-point{max-width: 46%;}

.agency-сnt-modal-col .setting-point .block-left.content-spacer{padding: 0}

.agency-сnt-modal-col .setting-point .upload-box{padding: 0!important;}

.agency-сnt-modal-col .error{color: red}

.rq-price-review .group-block.content-spacer{padding: 0}

.rq-price-review .product-item{margin: 0}

.rq-price-review .product-item .price_list .table-imitate-cell:last-of-type,
.rq-price-review .product-item .price_list .table-imitate-cell:last-of-type .cost{text-align: center}


.profile-container .red-note{
    color: red;
    font-size: 10px;
    font-family: 'roboto_bold';
}

.profile-container.bordered{border-top: 1px solid #cddfed}

.agency-сnt-modal-std{margin: 0 -7px;}

.agency-сnt-modal-std .agency-сnt-modal-col{
    float: left;
    padding: 0 7px 10px;
}

.agency-сnt-modal-requisites .agency-сnt-modal-col.w-1{width: 15%}
.agency-сnt-modal-requisites .agency-сnt-modal-col.w-2{width: 22%}
.agency-сnt-modal-requisites .agency-сnt-modal-col.w-3{width: 13%}

.agency-сnt-modal-address .agency-сnt-modal-col.w-1{width: 14%}
.agency-сnt-modal-address .agency-сnt-modal-col.w-2{width: 20%}
.agency-сnt-modal-address .agency-сnt-modal-col.w-3{width: 10%}

.agency-сnt-modal-guarantee .agency-сnt-modal-col.w-1{width: 22%}
.agency-сnt-modal-guarantee .agency-сnt-modal-col.w-2{width: 16%}
.agency-сnt-modal-guarantee .agency-сnt-modal-col.w-3{width: 28%}

.agency-сnt-modal-status-field{
    color: #D86B6B;
    font-family: 'roboto_bold';
    padding-top: 3px;
}

.agency-сnt-modal-status-field svg{
    fill: #D86B6B;
    width: 24px;
    height: 24px;
    margin-right: 5px;
    vertical-align: middle;
}

.agency-сnt-modal-status-field.green{color: #009d73}

.agency-сnt-modal-status-field.green svg{fill: #009d73}

.agency-сnt-modal-logo{text-align: center; margin: 0 -15px;}

.agency-сnt-modal-logo img{height: 30px; margin: 0 15px;}

.profile-info-msg{
    background: #F1F1F1;
    padding: 7px;
    border: 1px solid #ECECEC;
    color: #000;
    font-size: 12px;
    line-height: 16px;
}

.employees-msg{
    color: #ababab;
    padding: 12px 7px 0 0;
    font-size: 12px;
    float: left;
}

.employees-msg i{font-size: 16px; margin-right: 5px; vertical-align: middle;}

.employees-msg b{color: #000}

.profile-form .agency-сnt-modal-offices .agency-сnt-modal-offices-num{background: #fff}

.agency-сnt-profile-user-login{
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #E3E3E3;;
}

.agency-сnt-profile-user-login h3{display: inline-block; padding: 0; vertical-align: top}

.agency-сnt-profile-user-login .gwt-radio-btn{padding: 5px 0 0 15px; display: inline-block; vertical-align: top;}

.user-choose-content{
    background: #F8F8F8;
    color: #4F4F4F;
}

.user-choose-content .modal-title{text-align: center; padding: 30px 0;}

.user-choose-container{
    min-height: 300px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 10px 0;
}

.user-choose-container .user-choose-item{
    padding: 20px 10px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    text-align: center;
}

.user-choose-container .user-choose-photo{
    margin-bottom: 10px;
    text-align: center;
}

.user-choose-container .user-choose-img{
    display: inline-block;
    width: 90px;
    height: 90px;
    overflow: hidden;
    border-radius: 4px;
    border: 1px solid #cddfed;
    padding: 4px;
}

.user-choose-container .user-choose-img:hover{border-color: #fff200}

.user-choose-container .user-choose-img img{height: 100%; max-width: none; min-width: 100%}

.user-choose-container .user-choose-name{
    font-family: 'roboto_bold';
    color: #4F4F4F;
    text-decoration: none;
    font-size: 15px;
}

.user-add-yourself{
    padding: 15px;
    box-shadow: 0 -1px 0 rgba(255,255,255,0.2);
}

.user-add-yourself a{color: #4F4F4F; font-size: 13px;}

.user-welcome-modal h1{font-size: 24px; line-height: 26px;}

.user-welcome-modal h1 span{
   color: #fb7b00
}

.user-welcome-modal .user-modal-statistic{
    padding: 15px;
    background: #fff;
    margin-top: 20px;
    border: 2px solid #fb7b00;
    border-radius: 4px;
    font-size: 14px;
}

.user-welcome-modal .user-modal-statistic a{color: #000}

.user-welcome-modal .user-modal-statistic i.fa-bell-o{
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    font-size: 16px;
}

.user-welcome-modal fieldset{
    border: 1px solid #ededed;
    padding: 10px;
    margin-bottom: 20px;
}

.user-welcome-modal .bonus-ladder-container fieldset{margin-bottom: 0}

.user-welcome-modal fieldset legend{font-size: 14px; font-family: 'roboto_bold'}

.user-welcome-modal fieldset .item{padding: 5px 0}

.user-welcome-modal .user-modal-info{
    padding: 15px;
    background: #fff;
    font-size: 13px;
    margin-top: 20px;
}

.user-welcome-go-btn .blue_btn svg{
    height: 22px;
    width: 22px;
    vertical-align: middle;
    margin-right: 5px;
}

.takeQuiz-window{
    background: #fff;
    border-radius: 12px;
    border: 1px solid #DCE6EC;
    padding: 42px;
    margin-top: 42px;
}

.takeQuiz-window .agency-сnt-modal-layer .agency-сnt-modal-right-s p{
    font-size: 16px;
    line-height: 22px;
    padding-bottom: 16px;
    font-family: 'roboto_light';
}

.takeQuiz-window .agency-сnt-modal-layer .agency-сnt-modal-title{
    font-size: 22px;
    font-family: 'roboto_medium';
    line-height: normal;
}

.checkOption-grid{
    display: flex;
    flex-wrap: wrap;
    margin: -12px -16px;
}

.checkOption-grid .column{
    padding: 12px 16px;
    -webkit-box-flex: 0;
}

.checkOption-grid.cnt-2 .column{
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.checkOption-grid.cnt-3 .column{
    -ms-flex: 0 0 33.3333%;
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
}

.checkOption-field{
    border: 1px solid #CFD7DF;
    padding: 16px 16px 16px 46px;
    position: relative;
    text-align: center;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    min-height: 60px;
}

.checkOption-grid .checkOption-field{
    height: 100%;
    padding: 10px 16px 10px 46px;
}

.checkOption-field:hover{
    background: #EEF5FC;
    border-color: #C8DFED;
}

.checkOption-field.active{border-color: #0064CE}

.checkOption-field input{
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translate(0, -50%);
}

.takeQuiz-success{
    min-height: 168px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.takeQuiz-success > .default-grid{width: 100%}

.takeQuiz-success > .default-grid .column:nth-child(1){
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.takeQuiz-success .title{
    font-size: 26px;
    font-family: 'roboto_medium';
    cursor: default;
    line-height: 30px;
}

.takeQuiz-success .title span{
    text-decoration: underline;
    color: #0064CE;
}

/*------------------------------------------------------------------------------------------- */
/*--------------------------------------- CONTACT FORM -------------------------------------- */
/*------------------------------------------------------------------------------------------- */
.contact-form .form-field{padding: 5px 0; position: relative}

.contact-form .form-field .error-message{
    position: absolute;
    left: 0;
    bottom: -4px;
    z-index: 5;
    font-size: 11px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    right: 0;
    line-height: 11px;}

.contact-form input[type="text"]{
    height: 50px;
    padding: 0 15px;
    border-radius: 0}

.contact-form input[type="text"]{
    background: #fff;
    font-size: 16px;
    font-family: roboto_light;
    width: 100%;
    color: #A3A3A3;
    border: 0 none;
}

.contact-form input::-webkit-input-placeholder, .contact-form textarea::-webkit-input-placeholder{color: #A3A3A3}
.contact-form input::-moz-placeholder, .contact-form textarea::-moz-placeholder{color: #A3A3A3}
.contact-form input:-moz-placeholder, .contact-form textarea:-moz-placeholder{color: #A3A3A3}
.contact-form input:-ms-input-placeholder, .contact-form textarea:-ms-input-placeholder{color: #A3A3A3}

.contact-form input{outline: none}


.contact-form.horizontal-pos .offset-form-col{padding-right: 235px; position: relative}

.contact-form.horizontal-pos .col-btn{
    position: absolute;
    right: -5px;
    top: 0;
    width: 240px;}

.contact-form.horizontal-pos .form-field{
    float: left;
    padding-right: 5px;}

.contact-form.horizontal-pos .form-field.col-1{width: 25%}

/*------------------------------------------------------------------------------------------- */
/*----------------------------------- SETTINGS B2C ------------------------------------------ */
/*------------------------------------------------------------------------------------------- */
.styled-content-box{
    padding: 16px;
    margin-bottom: 16px;
    background: #E5EDF4;
    border: 1px solid #DCE6EC;
    border-radius: 16px;
}

.styled-content-box .right-offset{padding-right: 10px;}

.styled-content-box .block-right{margin-top: 8px;}

.cabinet .side-small-cols{padding-left: 260px; }

.cabinet .side-small-cols.not-side-offset{padding: 0}

.cabinet .side-small-cols > .side-col{
    width: 250px;
    float: left;
    margin-left: -260px;
}

.side-small-cols.has-right-side .widget{padding-right: 250px;}

.side-small-cols.has-right-side .side-right-col{
    width: 240px;
    float: right;
    margin-right: -250px;
    text-align: center;
}

.side-small-cols.has-right-side .left-full-side{border-right: 1px solid #DCE6EC; padding-right: 5%; float: left; width: 100%}

.side-small-cols .point-left-side{
    border-right: 1px solid #DCE6EC;
}

.side-small-cols .point-left-side.col-w75{
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
    padding: 0 16px;
}

.side-small-cols .point-right-side.col-w25{
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 16px;
}

.side-small-cols .point-right-side .setting-point label{font-family: 'roboto'; display: block}

.side-small-cols h4.parameter-title{
    padding: 7px 30px 8px 15px;
    cursor: pointer;
    background: #fff;
    font-family: 'roboto_bold';
    text-align: left;
    position: relative;
    border-radius: 8px;
    font-size: inherit;
}

.side-small-cols .setting-point h5{font-size: inherit}

h4.parameter-title:after{
    content: '\f107';
    font-family: 'FontAwesome';
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -8px;
    font-size: 18px;
    height: 18px;
    line-height: 18px;
}

h4.parameter-title.is-open:after{content: '\f106'}

.parameter-box{padding: 0 15px;}

.parameter-box .setting-point input[type="text"]{width: 100%}

.parameter-box .setting-point .selectBox-dropdown,
.parameter-box .setting-point .chosen-container{width: 100%!important;}

.parameter-box .setting-point .half-block{padding: 0 4px;}

.parameter-box .setting-point.two-column{margin: 0 -4px;}

.ready-links-list li{display: block; padding: 12px 0; border-bottom: 1px dashed #cfd7df}

.ready-links-list li p{padding-bottom: 5px; color: #000}

.ready-links-list li input[type="text"]{width: 100%}

.ready-links-list li:first-of-type{padding-top: 0}

.ready-links-list li:last-of-type{border: 0 none}

.right-diagram-box .step-box{width: 175px; margin: 0 auto}

.right-diagram-box .step-box + .step-box{padding-top: 5px;}

.right-diagram-box .step-name{font-size: 11px; padding-bottom: 10px; text-align: left; line-height: 14px;}

.right-diagram-box .step-name a{color: #414141}

.right-diagram-box .step-image{position: relative}

.right-diagram-box .step-image .step-link{
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 67px;
}

.right-diagram-box .step-image .step-link a{color: #1c1c1c; font-size: 12px;}

.right-diagram-box .mobile-diagram-box-title{display: none}

.menu-accordion .ui-accordion-header{
    line-height: 30px;
    padding: 0 20px 0 10px;
}
.menu-accordion .ui-accordion-header .ui-icon{
    top: 50%;
    right: 16px;
    left: auto;
}
.menu-accordion .field-block{
    margin-bottom: 16px;
}
.menu-accordion .field-block label{
    display: block;
    font-size: 14px;
    padding: 0;
    margin-bottom: 8px;
}

.menu-accordion .field-block label:last-of-type{margin-bottom: 0}

.menu-accordion .checkboxes-wrap{
    border: 1px solid #DCE6EC;
    padding: 10px;
    height: 115px;
    overflow: auto;
}
.menu-accordion .checkboxes-wrap label{
    font-weight: normal;
}

.menu-accordion .ui-accordion-header{
    color: #3E3E3E;
    font-weight: normal;
    font-family: 'roboto_bold';
    border: 0 none;
    background: #E5EDF4;
    border-bottom: 1px solid #DCE6EC!important;
    font-size: 14px;
    line-height: 19px;
    padding: 16px 24px;
    margin: 0;
    border-radius: 16px;
}

.menu-accordion .ui-accordion-header.ui-state-active{border-bottom-right-radius: 0; border-bottom-left-radius: 0;}

.ui-accordion .ui-accordion-content + .ui-accordion-header{margin-top: 8px;}

.ui-accordion .ui-accordion-content{
    padding: 24px;
}

.ui-accordion .ui-accordion-content-active{
    background: #fff;
    border-radius: 0 0 16px 16px;
}

.menu-accordion .field-block{margin-right: 0}

.cabinet .ui-accordion-content {
    padding: 10px!important;
    margin-top: 0;
}

.cabinet .side-small-cols .ui-widget button{font-family: 'roboto_bold'; font-size: 15px;}

.cabinet .side-small-cols .widget{
    background: #FFFFFF;
    border-radius: 24px;
    border: 0 none;
    padding: 16px;
}

.cabinet .side-small-cols .widget .setting-point form > .field-set.content-spacer:first-child{padding-top: 0}

.cabinet .side-small-cols .widget .widget{padding: 0; background: none; border: 0 none}

.cabinet .side-small-cols .widget input[type="radio"],
.cabinet .side-small-cols .widget input[type="checkbox"]{position: relative; top: 2px;}

.cabinet .side-small-cols .error{color: red}

.side-small-cols .content-col{position: relative; padding-top: 24px;}

.inline-offset-field{display: inline-block; vertical-align: top; padding-right: 1px;}

.dd-field{/*margin-top: 15px;*/}

.dd-field .dd-handle{
    padding: 16px 12px;
    height: auto;
    font-weight: normal;
    background: #fff;
    border: 1px solid #DCE6EC;
    border-radius: 16px;
}

.dd-field .dd-handle:hover{color: #0064CE}

.dd-field .dd-handle [class^="icon_set_"]{
    font-size: 22px;
    margin-left: 10px;
    color: #3c4353;
}

.dd-field .dd-handle [class^="icon_set_"]:hover{color: #164f9c}

.dd-field .dd-item.dd-open{background: #fff; border-radius: 16px;}

.dd-field .dd-item.dd-open .dd-handle{color: #0064CE; background: #fff; border-radius: 16px 16px 0 0}

.dd-field .dd-item .dd-handle .dd-handle-inner{font-family: 'roboto_bold'; font-size: 16px; float: left; padding-top: 4px;}

.dd-item .edit-form{
    border: 1px solid #DCE6EC;
    border-top: 0 none;
    border-radius: 0 0 16px 16px;
    padding: 12px;
    background: #fff;
    margin-top: -7px;
}

.dd-field .setting-point{padding: 24px 0}

.dd-field .setting-point + .setting-point{border-top: 1px solid #CFD7DF}

.widget .field-set.noSpaced{padding: 0}

.setting-point h4{padding-bottom: 16px; font-family: 'roboto_medium'; font-size: 20px; line-height: 24px; color: #1C375F}

.setting-point h5{font-family: 'roboto_medium'; padding-bottom: 10px; font-size: 15px; line-height: 22px; color: #3e3e3e}

.setting-point h5.noSpaced{padding: 0}

.setting-point .question-ico{cursor: pointer; display: inline-block; vertical-align: middle; margin-left: 2px;}

.setting-point .question-ico:before{
    content: '\f29c';
    font-family: 'FontAwesome';
    color: #a6a6a6;
    font-size: 18px;
}

.setting-point input.blue_btn.orange{border: 0 none; font-size: 15px; font-family: 'roboto_bold'}

.setting-point label{
    text-transform: none;
    font-weight: normal;
    font-family: roboto_medium;
    padding-bottom: 8px;
    font-size: 13px;
    line-height: 16px;
}

.setting-point label.no-spaced{padding-bottom: 0}

.form-paramsGrid{
    display: flex;
    flex-wrap: wrap;
    margin: -12px;
}

.form-paramsGrid .parameters-col{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 12px;
}

.form-paramsGrid .parameters-col ._inner{
    border: 1px solid #DCE6EC;
    border-radius: 16px;
    height: 100%;
}

.form-paramsGrid .column-name{
    padding: 12px 24px;
    font-family: 'roboto_medium';
    border-radius: 16px 16px 0 0;
    cursor: default;
    background: #E5EDF4;
    border-bottom: 1px solid #DCE6EC;
}

.form-paramsGrid .column-content{
    padding: 24px;
}

.form-paramsGrid ul.option-list label{
    font-family: 'roboto';
    font-size: 14px;
    line-height: 19px;
    padding-bottom: 0;
}

.form-paramsGrid ul.option-list .check-field{
    padding: 8px 5px 8px 25px;
    margin-left: 10px;
}

.dd-field .dd-collapse{color: #000}

.dd-item{margin: 0}

.dd-item + .dd-item{margin-top: 8px}

.dd-item > button{color: #000}

.dd-item .dd-handle{
    font-weight: normal;
    font-family: 'roboto_bold';
    background: #fff;
    border: 1px solid #CFD7DF;
    border-radius: 8px;
    height: auto;
    padding: 8px 12px;
}

.dd-item .dd-handle .dd-handle-inner{cursor: default}

.dd-list .dd-list{margin-top: 8px; padding-left: 22px}

.dd-item .dd-handle:hover{color: #0064CE}

.setting-point .display-option{
    width: 100px;
    border: 1px solid #000;
    text-align: center;
    margin-right: 10px;
}

.setting-point .display-option img{
    max-height: 62px;
}

.setting-point .display-option .radio-line{border-top: 1px solid #000}

.setting-point .display-option .radio-line.active{background: #E5EDF4}

.setting-point .select-img .table-imitate-cell{vertical-align: middle; padding: 0}

.preview-gallery{
    margin: 0 0 10px;
}

.preview-gallery img{background: #F1F1F1; display: block; width: 100%}

.preview-gallery ul li{display: inline-block; position: relative}

.setting-point .upload-box{
    display: inline-block;
    vertical-align: middle;
    padding-right: 20px;
}

.widget.tabs-box .ui-tabs-nav{
    padding: 0 0 0 10px;
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 8px;
}

.ui-tabs{padding: 0}

.setting-point .tab_container{
    padding: 16px;
    border: 1px solid #CCCCCC;
    border-top: 0 none;
    border-radius: 0 0 6px 6px;
}

.setting-point .widget.tabs-box .ui-tabs-nav{margin-bottom: 0}

.ui-tabs .ui-tabs-panel{
    padding: 0;
}

.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a{
    text-transform: lowercase;
    font-size: 15px;
    color: #3E3E3E;
    /*min-height: 35px;*/
    border-bottom: 1px solid transparent;
    height: 28px;
    padding: 5px 16px;
}

.widget.tabs-box .ui-tabs-nav li.ui-state-hover{
    background: transparent;
}

.ui-tabs .ui-tabs-nav li a:hover, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a:hover{
    color: #0064CE;
}

.ui-tabs .ui-tabs-nav .ui-state-active, .ui-tabs .ui-tabs-nav .ui-widget-content .ui-state-active, .ui-tabs .ui-tabs-nav .ui-widget-header .ui-state-active{
    font-weight: normal;
    font-family: 'roboto_bold';
}

.ui-tabs .ui-tabs-nav .ui-state-active a, .ui-tabs .ui-tabs-nav .ui-widget-content .ui-state-active a, .ui-tabs .ui-tabs-nav .ui-widget-header .ui-state-active a{
    color: #0064CE;
    /*text-decoration: underline;*/
    line-height: 16px;
    border-bottom: 1px solid #fff;
}

.widget.tabs-box .ui-tabs-nav li{
    top: 0;
    /*border-width: 0 1px 0 0;*/
    border-color: #CCCCCC;
    margin: 0;
    /*border-radius: 0;*/
    border: 1px solid transparent;
    height: 28px;
    border-radius: 6px 6px 0 0;
}

.widget.tabs-box .ui-tabs-nav li.ui-tabs-active{
    border-color: #CCCCCC #CCCCCC #FFFFFF #CCCCCC;
}

.widget.tabs-box .ui-helper-clearfix:after{clear: both;}

.widget.tabs-box .ui-state-active{background: none}

.widget.tabs-box .inputtext, .widget.tabs-box textarea{width: 100%}

.setting-point .color-point input[type="text"]{
    height: 46px;
    width: 46px;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin-top: 10px;
}

#modal-content .fact-list.scroll-info-box{
    width: auto;
    padding-right: 7px;
    margin-right: -7px;
}

.setting-point .fact-list .item-point{
    position: relative;
    padding: 10px;
    border: 1px solid #CCCCCC;
    margin: 5px 0 20px;
    display: table;
    width: 100%;
}

.setting-point .fact-list .item-point .switcher-control{
    font-size: 22px;
    margin-bottom: 5px;
    top: 0;
    height: auto;
}

.setting-point .fact-list.is-multiply .item-point{
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    padding: 7px;
    width: auto;
}

.del-circle{
    position: absolute;
    right: -7px;
    top: -9px;
    color: #3c4353;
    text-decoration: none;
    font-family: Arial;
    height: 20px;
    width: 20px;
    text-align: center;
    border: 1px solid #3c4353;
    font-weight: bold;
    font-size: 15px;
    background: #fff;
    line-height: 16px;
    border-radius: 100%;
}

.del-circle:hover{
    background: #3c4353;
    color: #fff;
}

.setting-point .fact-list .left-number{
    width: 150px;
    padding: 0;
    background: #F1F1F1;
}

.setting-point .fact-list .left-number > div{
    padding: 10px;
}

.setting-point .fact-list .left-number input{width: 100%; margin-top: 10px;}

.setting-point .list-img{height: 21px; text-align: center; font-size: 11px; line-height: 11px; color: gray; margin-bottom: 5px;}

.setting-point .offset-row{margin: 0 -15px;}

.setting-point .offset-row .col{float: left; padding: 0 15px;}

.setting-point .paymentsettings .chosen-container{max-width: 200px;}

.setting-point .booking-params{padding: 0 15px 15px}

.setting-point .booking-params .selectBox-dropdown{min-width: 150px;}

.setting-point .ageBox table.text-center input[type="text"]{width: 45px!important;}

.setting-point .ageBox table.text-center th{padding: 5px 0}
/*-----------------------------------------------------------------------------------*/
/*----------------------------------- EDIT SUBAGENCY -------------------------------*/
/*-----------------------------------------------------------------------------------*/
.scheme.product-list label{
    text-transform: none;
    font-weight: normal;
    font-family: roboto_medium;
    padding-bottom: 10px;
    font-size: 13px;
    line-height: 16px;
}

.scheme.product-list .sheme_setting_box{position: relative}

.scheme.product-list li{display: block; padding-top: 10px}

.scheme.product-list li .column{
    float: none;
    width: auto;
    margin-bottom: 10px;
}

.scheme.product-list li .sheme-box:before,
.scheme.product-list .sheme_setting_box:before{
    content: '';
    border-bottom: 5px solid #EEEEEE;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    position: absolute;
    top: -5px;
    left: 25px;
}

.scheme.product-list .sheme_setting_box:before{border-bottom-color: #D1D2D4}

.scheme.product-list .sheme_setting_box .column{margin: 0}

.scheme.product-list .sheme-title{
    background: #D1D2D4;
    padding: 5px 15px;
    position: relative;
    z-index: 10;
    color: #383838;
    font-size: 13px;
    line-height: 20px;
    font-family: roboto_bold;
}

.scheme.product-list .sheme-title input{
    margin: 0 5px 0 0;
    position: relative;
    top: 2px;
}

.scheme.product-list .sheme-box {
    background: #EEEEEE;
    position: relative;
    padding: 15px;
}

.scheme.product-list .sheme-box .column {
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
    padding: 2px 0;
}

.scheme.product-list .sheme-box .column.bottom-align{
    padding-top: 30px;
}

.scheme.product-list select{
    width: 100%;
    height: 30px;
    border: solid 1px #BBB;
    line-height: 1.5;
    text-align: left;
    color: #444;
    outline: none;
    vertical-align: middle;
    background: #F2F2F2;
    background: -moz-linear-gradient(top, #FFFFFF 1%, #EDEEEF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #FFFFFF), color-stop(100%, #EDEEEF));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#EDEEEF', GradientType=0);
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .75);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .75);
    box-shadow: 0 1px 0 rgba(255, 255, 255, .75);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.scheme.product-list .smallButton{
    color: #3c4353;
    line-height: 30px;
    margin-left: 2px;
}

.scheme.product-list .smallButton:hover{color: #164f9c}


.permissions-tree-wrap #buttons button{
    background: #f7941d;
    font-family: roboto_bold;
    font-size: 12px;
    height: 30px;
    line-height: 28px;
    padding: 0 10px;
    color: #fff;
    margin: 0;
    border: 1px solid #F0882C;
}

ul.ulPermissionsTree{
    border: 0 none;
    padding: 10px 0;
}

ul.ulPermissionsTree li{padding: 5px 0}

ul.ulPermissionsTree label{
    display: inline-block;
    vertical-align: top;
    padding: 0;
    font-weight: normal;
    font-family: roboto_bold;
    text-transform: none;
    cursor: pointer;
    margin-left: 5px;
    font-size: 12px;
    line-height: 16px;
}

ul.ulPermissionsTree input[type="checkbox"]{
    margin: 0;
}

ul.ulPermissionsTree span.collapsed,
ul.ulPermissionsTree span.expanded{
    color: #000;
    margin-top: 0;
}

.modal-gallery-box{padding: 20px 26px;}

.modal-gallery-box .widget{
    border: 1px solid #DDDDDD;
    margin-top: 10px;
}

.modal-gallery-box .widget .items-box{padding-bottom: 5px; font-size: 0; max-height: 650px; overflow-y: auto; background: #F6F6F6}

.modal-gallery-box  .stdformbutton{
    border-top: 1px solid #DDDDDD;
    padding: 20px 5px;
}

.modal-gallery-box .gallery-item{
    display: inline-block;
    vertical-align: top;
    padding: 5px 0 0 5px;
}
.custom-btn.btn {
    display: inline-block; border: 1px solid #ccc; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; font-weight: bold;
    background-repeat: no-repeat; background-image: url(/panel/images/icons/sprites.png); background-color: #f7f7f7;
    color: #666;
    cursor: pointer;
}
.custom-btn.btn:hover {
    text-decoration: none;
    color: #333;
    background-color: #464646;
    border: 1px solid #6B6B6B;
    background-image: url(/panel/images/icons/sprites_gray.png);
}
.custom-btn.btn span {
    padding: 5px 10px; margin-left: 25px; display: block; background: #f7f7f7; -moz-box-shadow: inset 0 1px 0 #fff;
    -webkit-box-shadow: inset 0 1px 0 #fff; box-shadow: inset 0 1px 0 #fff;
}
.custom-btn.btn2 { -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; }
.custom-btn.btn2 span { -moz-border-radius: 0 50px 50px 0; -webkit-border-radius: 0 50px 50px 0; border-radius: 0 50px 50px 0; padding-right: 15px; }
.custom-btn.btn3 { width: 34px; height: 32px; }
.custom-btn.btn4 { width: 34px; height: 32px; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; }

.custom-btn.btngrid { height: 29px; margin-right: 3px; width: 29px; }
.custom-btn.btngrid_pencil {background-position: -156px -263px;}
.custom-btn.btngrid_person {background-position: -48px -191px;}
.custom-btn.btngrid_delete {background-position: -49px -12px;}
.custom-btn.btngrid_image {background-position: -48px -409px;}
.custom-btn.btngrid_info {background-position: -49px -121px;}
.custom-btn.btngrid_cancel {background-position: -121px -120px;}
.custom-btn.btngrid_mail-closed {background-position: -12px -49px;}
.custom-btn.btngrid_unlocked {background-position: -49px -85px;}
.custom-btn.btngrid_locked {background-position: -193px -85px;}
.custom-btn.btngrid_blocked {background-position: -193px -85px;}
.custom-btn.btngrid_unblocked {background-position: -157px -49px;}
.custom-btn.btngrid_contact {background-position: -49px -121px;}
.custom-btn.btngrid_suitcase {background-position: -84px -482px;}
.custom-btn.btngrid_link {background-position: -156px -14px; }
.custom-btn.btngrid_calendar{background-position: -193px -49px;}
.custom-btn.btngrid_folder { background-position: -156px -86px; }
.custom-btn.btngrid_gear { background-position: -49px -373px;}
.custom-btn.btngrid_note {background-position: -49px -480px;}
.custom-btn.btngrid_arrowthick-1-s {background-position: -193px -479px;}
.custom-btn.btngrid_arrowthick-1-n {background-position: -157px -479px;}


a.custom-btn.btn_search { background-position: -10px -12px; }
a.custom-btn.btn_trash { background-position: -47px -12px; }
a.custom-btn.btn_flag { background-position: -82px -12px; }
a.custom-btn.btn_home { background-position: -119px -12px; }
a.custom-btn.btn_link { background-position: -154px -12px; }
a.custom-btn.btn_book { background-position: -190px -12px; }

a.custom-btn.btn_mail { background-position: -10px -47px; }
a.custom-btn.btn_help { background-position: -47px -47px; }
a.custom-btn.btn_rss { background-position: -82px -47px; }
a.custom-btn.btn_archive { background-position: -119px -47px; }
a.custom-btn.btn_info { background-position: -154px -47px; }
a.custom-btn.btn_bell { background-position: -190px -47px; }

a.custom-btn.btn_world { background-position: -10px -83px; }
a.custom-btn.btn_bulb { background-position: -47px -83px; }
a.custom-btn.btn_cloud { background-position: -82px -83px; }
a.custom-btn.btn_clip { background-position: -119px -83px; }
a.custom-btn.btn_folder { background-position: -154px -83px; }
a.custom-btn.btn_lock { background-position: -190px -83px; }

a.custom-btn.btn_tag { background-position: -10px -119px; }
a.custom-btn.btn_note { background-position: -47px -119px; }
a.custom-btn.btn_key { background-position: -82px -119px; }
a.custom-btn.btn_stop { background-position: -119px -119px; }
a.custom-btn.btn_airplane { background-position: -154px -119px; }
a.custom-btn.btn_info2 { background-position: -190px -119px; }

a.custom-btn.btn_alarm { background-position: -10px -155px; }
a.custom-btn.btn_clock { background-position: -47px -155px; }
a.custom-btn.btn_calendar { background-position: -82px -155px; }
a.custom-btn.btn_basket { background-position: -119px -155px; }
a.custom-btn.btn_dollartag { background-position: -154px -155px; }
a.custom-btn.btn_cart { background-position: -190px -155px; }

a.custom-btn.btn_cart2 { background-position: -10px -191px; }
a.custom-btn.btn_user { background-position: -47px -191px; }
a.custom-btn.btn_users { background-position: -82px -191px; }
a.custom-btn.btn_male { background-position: -119px -191px; }
a.custom-btn.btn_female { background-position: -154px -191px; }
a.custom-btn.btn_refresh { background-position: -190px -191px; }

a.custom-btn.btn_chart { background-position: -10px -227px; }
a.custom-btn.btn_pie { background-position: -47px -227px; }
a.custom-btn.btn_address { background-position: -82px -227px; }
a.custom-btn.btn_zip { background-position: -119px -227px; }
a.custom-btn.btn_document { background-position: -154px -227px; }
a.custom-btn.btn_pdf { background-position: -190px -227px; }

a.custom-btn.btn_marker { background-position: -10px -262px; }
a.custom-btn.btn_sign { background-position: -47px -262px; }
a.custom-btn.btn_note { background-position: -82px -262px; }
a.custom-btn.btn_cut { background-position: -119px -262px; }
a.custom-btn.btn_pencil { background-position: -154px -262px; }
a.custom-btn.btn_paint { background-position: -190px -262px; }

a.custom-btn.btn_battery { background-position: -10px -299px; }
a.custom-btn.btn_battery2 { background-position: -47px -299px; }
a.custom-btn.btn_chat { background-position: -82px -299px; }
a.custom-btn.btn_chat2 { background-position: -119px -299px; }
a.custom-btn.btn_message { background-position: -154px -299px; }
a.custom-btn.btn_message2 { background-position: -190px -299px; }

a.custom-btn.btn_phone { background-position: -10px -335px; }
a.custom-btn.btn_call { background-position: -50px -337px; }
a.custom-btn.btn_inbox { background-position: -82px -335px; }
a.custom-btn.btn_inboxo { background-position: -119px -335px; }
a.custom-btn.btn_inboxi { background-position: -154px -335px; }
a.custom-btn.btn_bluetooth { background-position: -190px -335px; }

a.custom-btn.btn_wifi { background-position: -10px -370px; }
a.custom-btn.btn_settings { background-position: -47px -370px; }
a.custom-btn.btn_settings2 { background-position: -82px -370px; }
a.custom-btn.btn_settings3 { background-position: -119px -370px; }
a.custom-btn.btn_hd { background-position: -154px -370px; }
a.custom-btn.btn_hd2 { background-position: -190px -370px; }

a.custom-btn.btn_image { background-position: -10px -408px; }
a.custom-btn.btn_image2 { background-position: -49px -409px; }
a.custom-btn.btn_sound { background-position: -82px -408px; }
a.custom-btn.btn_media { background-position: -119px -408px; }
a.custom-btn.btn_mic { background-position: -154px -408px; }
a.custom-btn.btn_print { background-position: -190px -408px; }

a.custom-btn.btn_laptop { background-position: -10px -443px; }
a.custom-btn.btn_mouse { background-position: -47px -443px; }
a.custom-btn.btn_camera { background-position: -82px -443px; }
a.custom-btn.btn_video { background-position: -119px -443px; }
a.custom-btn.btn_grid { background-position: -154px -443px; }
a.custom-btn.btn_grid2 { background-position: -190px -443px; }

a.custom-btn.btn_list { background-position: -10px -480px; }
a.custom-btn.btn_list2 { background-position: -47px -480px; }
a.custom-btn.btn_table { background-position: -82px -480px; }


a.custom-btn.btn_list { background-position: -10px -480px; }
a.custom-btn.btn_list2 { background-position: -47px -480px; }
a.custom-btn.btn_table { background-position: -82px -480px; }

.custom-btn.stdbtn {
    font-family: "roboto_bold"; padding: 6px 10px; border: 1px solid #ccc; background: #eee url(/panel/images/buttons.png) repeat-x top left; color: #333;
    -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; cursor: pointer; opacity: 0.8;
    text-decoration: none;
    height: 30px;
    display: inline-block;
}
.custom-btn.stdbtn:hover { text-decoration: none; opacity: 1; }

.custom-btn.btn_yellow { background-position: 0 -38px; border-color: #ebb205; color: #ae510d; }
.custom-btn.btn_blue { background-position: 0 -76px; border-color: #0282ce; color: #fff; }
.custom-btn.btn_black { background-position: 0 -114px; border-color: #222; color: #fff; }
.custom-btn.btn_lime { background-position: 0 -152px; border-color: #59bf04; color: #367501; }
.custom-btn.btn_orange { background-position: 0 -190px; border-color: #cd7a03; color: #6e3c17; }
.custom-btn.btn_red { background-position: 0 -228px; border-color: #a31314; color: #fff; }
.custom-btn.stdbtn:active { background: #eee; }
.custom-btn.btn_yellow:active { background: #ffde06; }
.custom-btn.btn_blue:active { background: #0591e5; }
.custom-btn.btn_black:active { background: #333333; }
.custom-btn.btn_lime:active { background: #6adc0b; }
.custom-btn.btn_orange:active { background: #ff9702; }
.custom-btn.btn_red:active { background: #eb2f30; }

a.custom-btn.btn_orange {
    background-image: url(/panel/images/icons/sprites.white.png); background-color: #fb9337; color: #fff;
    -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border-color: #F0882C; opacity: 0.9;
}
a.custom-btn.btn_orange span { background-color: #fb9337; border-left: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
a.custom-btn.btn_orange:hover {
    opacity: 1;
    color: #fff;
}
a.custom-btn.btn_orange:hover span{
    background-color: #464646;
}

a.custom-btn.btn_blue {
    background-image: url(/panel/images/icons/sprites.white.png); background-color: #0f91f5; color: #fff;
    -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border-color: #0976c9; opacity: 0.9;
}
a.custom-btn.btn_blue span { background-color: #0f91f5; border-left: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
a.custom-btn.btn_blue:hover { opacity: 1; color: #fff; border-color: #0976c9; background-color: #0f91f5;}

a.custom-btn.btn_black {
    background-image: url(/panel/images/icons/sprites.white.png); background-color: #333; color: #fff;
    -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border-color: #222; opacity: 0.9;
}
a.custom-btn.btn_black span { background-color: #333; border-left: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
a.custom-btn.btn_black:hover { opacity: 1; color: #fff; border-color: #222; }

a.custom-btn.btn_yellow {
    background-color: #fee74d; color: #fff; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
    border-color: #ebb205; opacity: 0.9;
}
a.custom-btn.btn_yellow span { background-color: #fee74d; border-left: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
a.custom-btn.btn_yellow:hover { opacity: 1; color: #fff; border-color: #ebb205; }

.agent_menu_block{
    position: relative;
    height: 100%
}

.session-timer{
    position: absolute;
    line-height: 16px;
    bottom: -7px;
    right: -8px;
    font-weight: normal;
    background: red;
    height: 16px;
    width: 30px;
    text-align: center;
}

.panel-gray-container{background: #f4f4f4; padding: 10px;}

.service-added-field{margin-bottom: 15px;}

.service-added-field table{padding: 0}

.service-added-field table td{background: #FEEFDA!important; font-family: roboto_bold; border: 0 none}

.service-added-field .aiport-name .table-imitate-row > div{
    display: table-cell;
    vertical-align: middle;
    padding-right: 5px;
}

.service-added-field .aiport-name .table-imitate-row > div:last-of-type{padding-right: 0}

.service-added-field .aiport-name .flighttime{width: 80px;}

.service-added-field .aiport-name .flight-detail{white-space: nowrap}

.panel-gray-container .table-imitate-cell label{margin: 5px 0 0}

.panel-gray-container .field-block .multi-item{color: #303030}

.panel-gray-container .side-col .blue_btn{display: block}

.panel-gray-container .side-small-cols > .side-col{width: 240px;}

.complete-order-info{background: #FEEFDA; padding: 10px; position: relative}

.complete-order-info:before{
    content:'';
    border-right: 14px solid #FEEFDA;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    position: absolute;
    top: 6px;
    right: 100%;
}

.complete-order-info .table-imitate-line:first-child .table-imitate-cell{border-bottom: 1px solid #DBDBDB}

.complete-order-info .table-imitate-cell:first-child{width: 250px;}

.service-added-field table th{font-family: roboto_bold;}

.service-added-field table th.dep-title{background: #D7E9BB}

.service-added-field table th.arr-title{background: #FFDAB5}

.table-mobile-container > table{min-width: 480px;}

.grid-container .ticket-table{padding-bottom: 0}

.ticket-table tr td{text-align: left}

.ticket-table tr td:first-child{background: #dedede!important; text-align: right}

.ticket-table tr th{vertical-align: middle}

.ticket-table tr th:first-child{
    background: transparent; border-top: 0 none; border-right: 0 none; text-align: left
}

.ticket-table tr input[type="checkbox"]{position: relative; top: 2px;cursor: pointer}

.switch-tabs-option.tabs-div .page{background: #fff}

.switch-tabs-option.tabs-div .tabs li{margin: 0; padding: 0 10px; height: 34px; line-height: 33px;}

.switch-tabs-option.tabs-div .tabs li.current{
    color: #cc0000;
    background: #fff;
    font-family: roboto_bold;
}

.switch-tabs-option.tabs-div .tabs li.current span{border-color: transparent}

.switch-tabs-option .page{display: none; padding: 15px;}

.panel-gray-container .row-transfer li{padding: 4px 0}

.grid-container .top-panel .statistic-info{padding: 8px 15px 8px 0}
/*------------------------------------------------------------------------*/
/*------------------------------- ANNOUNCEMENT ---------------------------*/
/*------------------------------------------------------------------------*/
.announcement{
    border: 1px solid #fbe187;
    background: #ffffdf url('../images/advertisment-32.png') no-repeat 10px 10px;
    color: #95673f;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    line-height: 21px;
    -moz-box-shadow: inset 0 1px 0 rgba(250, 250, 250, 0.8);
    -webkit-box-shadow: inset 0 1px 0 rgba(250, 250, 250, 0.8);
    box-shadow: inset 0 1px 0 rgba(250, 250, 250, 0.8);
    position: relative;
    padding: 10px 0px 5px;
    font-size: 12px;
}

.announcement .h4{
    font-size: 16px;
    font-weight: normal;
    font-family: 'roboto_bold';
    padding-bottom: 5px;
}

.announcement.flight-delay{
    background-image: url('../images/advertisment_flight.png');
}

.announcement p{
    font-size: 12px;
    color: #000;
    padding-bottom: 5px;
}

.announcement a.close{
    position: absolute;
    width: 14px;
    height: 14px;
    top: 5px;
    right: 5px;
    background-image: url(../images/close.png);
    background-repeat: no-repeat;
}
/*------------------------------------------------------------------------*/
/*--------------------------------- CALENDAR -----------------------------*/
/*------------------------------------------------------------------------*/
.default-legend{margin: 30px 0}

.default-legend li{display: inline-block; vertical-align: top; margin: 5px 15px 5px 0}

.default-legend li > span{
    height: 20px;
    width: 30px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.2) inset;
    -moz-box-shadow: 0 0 0 1px rgba(0,0,0,0.2) inset;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.2) inset;
}

.default-legend .blue-color-bg{background: #00ddff}
.default-legend .green-color-bg{background: #9ce08d}
.default-legend .yellow-color-bg{background: #ffcc00}
.default-legend .red-color-bg{background: #ff7f7f}
.default-legend .gray-color-bg{background: #d3d3d3}
.default-legend .lilac-color-bg{background: #acb7ff}
/*-----------------------------------------------------*/
/*------------------ TOOLTIP --------------------------*/
/*-----------------------------------------------------*/
.tooltip1 {
    position: absolute;
    z-index: 1999;
    left: -9999px;
    background-color: #dedede;
    padding: 20px;
    width: 250px;
    -webkit-box-shadow: 0 0 20px 2px rgba(0,0,0,0.2), 0 0 1px 1px rgba(0,0,0,0.1) inset;
    -moz-box-shadow: 0 0 20px 2px rgba(0,0,0,0.2), 0 0 1px 1px rgba(0,0,0,0.1) inset;
    box-shadow: 0 0 20px 2px rgba(0,0,0,0.2), 0 0 1px 1px rgba(0,0,0,0.1) inset;
    font-size: 14px;
    line-height: 18px;
}
.tooltip1 p {
    margin:0;
    color:#fff;
    background-color:#222;
    padding:2px 7px;
}

.tooltip1 #tooltip-description{font-family: roboto_bold; font-size: 16px; margin-bottom: 10px;}

.tooltip1 #tooltip-date{display: inline-block}

.tooltip1 span{
    position: absolute;
    border-bottom: 15px solid #d3d3d3;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    top: -13px;
    left: 50%;
    margin-left: -10px;
}

.tooltip2 {
    position: absolute;
    z-index: 390;
    left: -9999px;
}

.tooltip2 a.edit{
    color: #333;
    font-size: 14px;
    width: 20px;
    display: inline-block;
    height: 20px;
    text-align: center;
    line-height: 17px;
    border-radius: 2px;
    border: 1px solid;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
    background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
    background-image: -o-linear-gradient(top,#fff,#e6e6e6);
    background-image: linear-gradient(to bottom,#fff,#e6e6e6);
    background-repeat: repeat-x;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
}

.fc-list-item-title a,
a.fc-time-grid-event{cursor: pointer}
/*--------------------------------------------------------------------------------------------- */
/*------------------------------------------ DASHBOARD ---------------------------------------- */
/*--------------------------------------------------------------------------------------------- */
.dark-panel{
    background: #E5EDF4;
    padding: 48px 0;
}

.dark-panel.has-showcase{padding-bottom: 135px;}

.dashboard{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    align-items: stretch;
    border: 1px solid #DCE6EC;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0px 12px 32px rgba(53, 59, 64, .12);
}

.dashboard .field-i{
    /*border: 1px solid #cccccc;*/
    border-right: 0 none;
    width: 25%;
    min-height: 230px;
    padding: 16px;
    /*color: #F7FCFF;*/
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    align-content: space-between;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    border-right: 1px solid #DCE6EC;
    background: #fff;
}

.dashboard .field-i:last-of-type{border-right: 0 none}

.dashboard .title{
    line-height: 22px;
    font-size: 16px;
    margin-bottom: 20px;
    font-family: 'roboto_medium';
}

.dashboard .bottom-info .switch-btn{margin-bottom: 10px;}

.dashboard .bottom-info .flex-row > div{padding-right: 5px;}

.dashboard .amount{
    font-size: 40px;
}

.dashboard .amount sup{font-size: 60%}

.dashboard .current-statuses td{
    padding: 1px 2px;
    font-size: 11px;
    min-width: 20px;
    text-align: center;
    border: 1px solid #585f6e;
    color: #000;
}

.blue-bg-color{background: #00B1EF}

.yellow-bg-color{background: #FFFE03}

.green-bg-color{background: #00B052;}

.red-bg-color{background: #FB0103}

.dashboard .current-statuses td.red-bg-color{color: #fff}

.stickem-top-navigation{position: relative; height: 70px;}

body.is-mobile .stickem-top-navigation{height: 80px;}

.stickem-top-navigation > div{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 399;
}

.dashboard-title{
    margin-bottom: 30px;
}

.dashboard-title span{
    font-size: 24px;
    position: relative;
    color: #1C375F;
    font-family: 'roboto_bold';
    padding-bottom: 5px;
}

.dashboard-container-bg .information-section .information-block-col-inner{
    box-shadow: 0px 12px 32px rgba(53, 59, 64, .12);
}

.dashboard-container-bg .information-section .information-block-col{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    padding-right: 15px;
    padding-left: 15px;
}

.dashboard-container-bg .information-section .block-th{
    padding: 10px 12px;
    background: #fff;
    min-height: 65px;
    color: #1C375F;
}

.dashboard-container-bg .information-section .block-td{
    background: none;
    text-align: center;
   /* color: #fff;*/
    padding: 15px;
}

.dashboard-container-bg .information-section .block-td .num{
    font-size: 26px;
}

.dashboard-container{
    padding: 55px 0;
}

.dashboard-item + .dashboard-item{padding-top: 55px;}

.dashboard-container .dashboard-title span{color: #4F4F4F}

.dashboard-container .dashboard-title span:after{background: #4F4F4F}

.dashboard-item fieldset span.gwt-radio-btn{padding: 5px 15px 5px 0}

.dashboard-item fieldset span.gwt-radio-btn:last-of-type{padding-right: 0}

.dashboard-container .dashboard .field-i{
    min-height: 0;
    color: #444444
}
/*--------------------------------------------------------------------------------------*/
/*------------------------------------- SALES PLAN -------------------------------------*/
/*--------------------------------------------------------------------------------------*/
.sales-plan-title,
.statistic-title{
    color: #000;
    font-family: 'roboto_bold';
    font-size: 18px;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.sales-plan-title:after,
.statistic-title:after{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: #898A8A;
    -webkit-box-shadow: 0 1px 0 #e0e0e0;
    -moz-box-shadow: 0 1px 0 #e0e0e0;
    box-shadow: 0 1px 0 #e0e0e0;
}

.statistic-title.title-space{margin-top: 60px;}

.pb-container{
    background: rgba(0,0,0,0.1);
    position: relative;
    width: 100%;
    border-radius: 46px;
    padding: 12px;
}

.pb-container .pb-indicator{
    animation-duration: 3s;
    animation-name: width;
    background-image: linear-gradient(to right, #00A3D3, orange, red);
    background-size: 1170px 20px;
    height: 50px;
    position: relative;
    border-radius: 46px;
    overflow: hidden;
}

.pb-container .pb-indicator{min-width: 15%}

@keyframes pIndicatorWidth {
    0%, 100% {
        transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
    }
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

.pb-container .pb-text{
    font-family: 'roboto_black';
    font-size: 16px;
    color: #fff;
    position: absolute;
    right: 0;
    padding: 0 20px;
    text-align: center;
    top: 0;
    bottom: 0;
    white-space: nowrap;
}

.pb-container .pb-text > div{
    display: table-cell;
    vertical-align: middle;
    height: 50px;
}

.pb-container .small-width .pb-text{padding: 0 12px; letter-spacing: -0.5px;}

.levels-container{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: -12px;
    position: relative;
    z-index: 2;
}

.levels-container .level-field{
    padding: 0 15px 35px;
    text-align: center;
    position: relative;
    flex: 1 1 0;
}

.levels-container .level-field:before{
    content: '';
    width: 1px;
    height: 50%;
    bottom: 0;
    left: 0;
    background: #909090;
    position: absolute;
}

.levels-container .level-field:first-child:before{display: none}

.levels-container .level-img{
    margin-bottom: 10px;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-flex-direction: column;
    flex-direction: column;
    height: 100px;
}

.levels-container .level-img img{max-height: 100%}

.levels-container .level-name{
    text-transform: uppercase;
    font-family: 'roboto_black';
    font-size: 20px;
    color: #fb7b00;
    line-height: 28px;
}

.levels-container .level-requirements{
    font-size: 18px;
    color: #fb7b00;
}

.levels-container .level-description{
    margin-top: 15px;
    font-size: 14px;
    color: #414141;
    line-height: 18px;
}

.levels-container .gray-color .level-img img{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.levels-container .gray-color .level-name,
.levels-container .gray-color .level-requirements{color: #5e5e5e}


.period-dates-container .period-slider-block{
    background: #E5E5E5;
    height: 6px;
}

.period-dates-container .period-slider{
    border: 0 none;
    background: #bbb1e4;
    height: 6px;
    border-radius: 10px;
    margin-bottom: 0;
}

.period-dates-container .period-slider .ui-slider-range-max{background: #E5E5E5}

.period-dates-container .ui-slider .ui-slider-handle{
    background: none;
    border-bottom: 16px solid #bbb1e4;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    top: -12px;
    margin-left: -8px;
}

.period-dates-container .period-dates-row{
    margin-top: -6px;
    position: relative;
    z-index: 1;
}

.period-dates-container .period-dates-row-inner{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
}

.period-dates-container .period-field{
    border-left: 1px solid #909090;
    min-height: 45px;
    padding: 12px 0 10px;
    flex: 1 1 0;
}

.period-dates-container .period-field:last-of-type{border-right: 1px solid #909090}

.period-dates-container .month-name{
    font-size: 18px;
    color: #AEAFB0;
    padding: 0 8px;
    font-family: 'roboto_light';
    position: relative;
    white-space: nowrap;
}

.period-dates-container .today-date{
    color: #bbb1e4;
    position: absolute;
    left: 0;
    top: 30px;
    text-align: center;
    font-size: 14px;
    padding: 0 2px;
    background: #fff;
    margin-left: -30px;
}

.period-dates-container .today-date .date{font-family: 'roboto_bold'; font-size: 16px; line-height: 16px;}
/*--------------------------------------------------------------------------------------*/
/*-------------------------------------- TEZ BONUS -------------------------------------*/
/*--------------------------------------------------------------------------------------*/
.levels-container.bonus-version .level-field{
    padding: 0 10px 30px;
}

.levels-container.bonus-version .level-name{
    text-transform: none;
    font-family: 'roboto_bold';
}

.levels-container.bonus-version .level-requirements{font-size: 15px; margin-top: 5px}

.levels-container.bonus-version .level-description,
.levels-container.bonus-version .level-description p{
    font-size: 11px;
    line-height: 12px;
    text-align: left;
}

.levels-container .level-description li{
    padding-left: 10px;
    position: relative;
}

.levels-container .level-description li:before{
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 6px;
    background: #414141;
    position: absolute;
    left: 0;
    top: 5px;
}

.pb-container.bonus-version .pb-text{font-family: 'roboto_black'; font-size: 30px;}

.small-sales-plan .levels-container.bonus-version{margin-bottom: -5px}

.small-sales-plan .levels-container.bonus-version .level-field{padding: 0 3px 15px;}

.small-sales-plan .levels-container.bonus-version .level-field:before{height: 30px;}

.small-sales-plan .levels-container.bonus-version .level-name{
    font-family: 'roboto_medium';
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    letter-spacing: -0.5px;
}

.small-sales-plan .pb-container.bonus-version .pb-text{font-size: 18px;}

.tez-bonus-info{font-size: 13px; line-height: 16px;}

.tez-bonus-info > .content-spacer{padding-top: 10px;}

.tez-bonus-info ul li{
    position: relative;
    padding-left: 10px;
}

.tez-bonus-info ul li:before{
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 6px;
    background: #414141;
    position: absolute;
    left: 0;
    top: 5px;
}
/*--------------------------------------------------------------------------------------*/
/*------------------------------------- STATISTICS -------------------------------------*/
/*--------------------------------------------------------------------------------------*/
.choose-period-form{
    background: #F0F1F1;
    padding: 20px;
    margin-bottom: 20px;
    color: #777777;
}

.choose-period-form .label{
    color: #777777;
    font-family: roboto_bold;
    text-transform: uppercase;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    padding-bottom: 5px;
}

.choose-period-form .filters-point{
    margin: 0 20px;
    display: inline-block;
    vertical-align: middle;
}

.metrics-block{margin-bottom: 40px; border: 1px solid #CCCCCC}

.metrics-title {
    border-bottom: 1px solid #CCCCCC;
    background: #fafafa;
    line-height: 30px;
    padding: 5px 20px 5px 15px;
    text-transform: uppercase;
    color: #414141;
    font-family: roboto_bold;
    font-size: 14px;
    position: relative;
}

.metrics-title > span{
    border-top: 5px solid #414141;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -2px;
}

.metrics-title .populer-regions li{
    display: inline-block;
}

.metrics-block .stat-parametr{
    width: 300px;
    float: left;
}

.metrics-block .stat-parametr li > div{
    border: 1px solid #ddd;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    padding: 7px 15px;
    background: #F4F4F4;
    font-family: 'roboto_medium';
    margin: 0 5px 5px 0;
    color: #666;
}

.metrics-block .stat-parametr li .number{
    color: #fc894b;
    font-family: 'roboto_light';
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 2px;
}

.metrics-block .stat-parametr li.active{position: relative; right: -1px;}

.metrics-block .stat-parametr li.active > div{
    border-right-color: #fff;
    background: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin-right: 0;
}

.metrics-block .stat-parametr li.sub-li{padding-left: 40px;}

.metrics-block .stat-content{
    padding-left: 300px;
}

.metrics-block .stat-content .stat-content-inner{
    border: 1px solid #ddd;
    padding: 5px 5px 5px 0;
}

.metrics-block .metrics-container{padding: 5px;}

.metrics-block .populer-regions{font-size: 0; padding-top: 10px; border-top: 1px solid #E3E3E3;}

.metrics-block .populer-regions li{
    text-transform: uppercase;
    color: #666;
    font-family: roboto_bold;
    display: inline-block;
    vertical-align: top;
    width: 33.3333%;
    font-size: 12px;
    padding: 5px 10px 5px 0;
}

.stat-block{margin: 0 -10px 20px;}

.stat-block .stat-point{
    float: left;
    width: 33.3333%;
    padding: 0 10px;
}

.stat-block .stat-point-inner{
    height: 110px;
    padding: 10px 10px 10px 80px;
    border-radius: 2px;
    -webkit-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.2);
    text-align: center;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(240,240,243,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(240,240,243,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(240,240,243,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f3',GradientType=0 );
    color: #1e1e1e;
    text-transform: uppercase;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: column;
    flex-direction: column;
    cursor: pointer;
    font-size: 14px;
    text-shadow: 1px 1px 0 #fff;
    position: relative;
    border: 1px solid transparent;
}

.stat-block .stat-point-inner .icon{
    position: absolute;
    width: 70px;
    left: 0;
    top: 0;
    height: 100%;
    background: url(../images/icons/1/ico-1.png) no-repeat #ECECEC center center;
    border-right: 1px solid #e4e4e4;
}

.stat-block .stat-point-inner:hover{
    background: rgb(240,240,243);
    background: -moz-linear-gradient(top, rgba(240,240,243,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(240,240,243,1) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(240,240,243,1) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f3', endColorstr='#ffffff',GradientType=0 );
}

.stat-block .stat-point-inner.active{
    background: #fff;
    border-color: #e4e4e4;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.stat-block .stat-point-inner.active .icon{background-color: #f9f9f9}

.stat-block .stat-point-inner .number{
    color: #fc894b;
    font-family: 'roboto_black';
    font-size: 18px;
    margin-top: 5px;
}

.pie-chart-container{
    width: 600px;
    margin: 0 auto;
}

.chart-title{
    color: #1e1e1e;
    font-family: 'roboto_light';
    text-align: center;
    font-size: 20px;
    line-height: 24px;
    padding-bottom: 10px;
}

.bonus-ladder-container .bonus-container {
    padding-left: 305px;
    color: #1e1e1e;
}

.bonus-ladder-container .bonus-container-title{
    font-family: 'roboto_bold';
    color: #1e1e1e;
    font-size: 20px;
    padding: 25px 0 20px;
    line-height: 23px;
}

.bonus-ladder-container .bonus-box{
    margin: -15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.bonus-ladder-container .bonus-stage{
    padding: 15px;
    width: 25%;
}

.bonus-ladder-container .bonus-stage .bonus-stage-inner{
    padding: 10px 10px 45px 10px;
    position: relative;
    height: 100%;
    border: 1px solid #f7941d;
    font-size: 11px;
    text-align: center;
}

.bonus-ladder-container .bonus-stage .stage-image{
    height: 50px;
    overflow: hidden;
    margin: 0 auto 10px;
}

.bonus-ladder-container .bonus-stage .stage-image img{height: 100%}

.bonus-ladder-container .bonus-stage .stage-name{
    font-size: 16px;
    font-family: 'roboto_bold';
    line-height: 20px;
    margin-bottom: 5px;
    color: #fb7b00;
    white-space: normal;
}

.bonus-ladder-container .bonus-stage .stage-description .lacks-bonuses{
    padding-top: 7px;
    text-transform: uppercase;
    font-family: roboto_bold;
}

.bonus-ladder-container .bonus-stage .stage-description .lacks-bonuses span{
    font-family: roboto_black;
    color: #585858;
}

.bonus-ladder-container .bonus-stage .bottom-btn{
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    text-align: center;
}

.bonus-ladder-container .bonus-stage.no-active .bonus-stage-inner{border-color: #d2d2d2}

.bonus-ladder-container .bonus-stage.no-active .blue_btn{
    cursor: default;
    background: #c0c0c0;
}

.bonus-ladder-container .bonus-stage.no-active .blue_btn:hover{background: #c0c0c0}

.bonus-ladder-container .bonus-stage.no-active .stage-name,
.bonus-ladder-container .bonus-stage.no-active{color: #747B83}

.bonus-ladder-container .bonus-stage.no-active .stage-image img{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.bonus-ladder-container .user-card{
    border: 1px solid #CCCCCC;
    width: 280px;
    float: left;
}

.bonus-ladder-container .user-card .top-block{
    padding: 15px;
    text-align: center;
    border-bottom: 1px solid #E3E3E3;
}

.bonus-ladder-container .user-card .user-name{
    color: #414141;
    font-size: 16px;
    font-family: 'roboto_bold';
    line-height: 20px;
    margin-bottom: 5px;
}

.bonus-ladder-container .user-card .user-status{color: #8D9695;}

.bonus-ladder-container .user-card .center-block{
    padding: 25px 15px;
    text-align: center;
}

.bonus-ladder-container .user-card .row-name{
    text-transform: uppercase;
    font-size: 14px;
    font-family: roboto_medium;
}

.bonus-ladder-container .user-card .orange{
    font-size: 20px;
    font-family: 'roboto_black';
    line-height: 34px;
    color: #fb7b00;
}

.bonus-ladder-container .user-card .bottom-block{
    background: #f4f4f4;
    padding: 10px;
    text-align: center;
    color: #777777;
    font-size: 11px;
    line-height: 14px;
    position: relative;
}

.bonus-ladder-container.small-view .user-card{
    border: 0 none;
    width: 100%;
    float: none;
    margin: 0 0 7px;
}

.bonus-ladder-container.small-view .user-card .top-block,
.bonus-ladder-container.small-view .user-card .center-block{text-align: left}

.bonus-ladder-container.small-view .user-card .center-block{
    padding: 0 0 7px;
    line-height: 18px;
    font-size: 14px;
    color: #000;
}

.bonus-ladder-container.small-view .user-card .row-name{
    color: #1e1e1e;
    font-size: 12px;
    font-family: 'roboto_bold';
}

.bonus-ladder-container.small-view .user-card .orange{
    font-size: 18px;
    line-height: inherit;
    font-family: 'roboto_bold';
}

.bonus-ladder-container.small-view .user-card .orange.name{
    font-size: 16px;
    font-family: 'roboto_medium';
}

.bonus-ladder-container.small-view .bonus-container{padding-left: 0}

.bonus-ladder-container.small-view .bonus-stage{
    width: 49%;
    padding: 0;
    margin-bottom: 5px;
    border: 1px solid #f7941d;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
}

.bonus-ladder-container.small-view .bonus-stage.no-active{border-color: #d2d2d2}

.bonus-ladder-container.small-view .bonus-stage .bonus-stage-inner{
    text-align: left;
    padding: 5px 5px 5px 22px;
    display: table;
    width: 100%;
    height: auto;
    border: 0 none;
}

.bonus-ladder-container.small-view .bonus-stage i.fa{
    position: absolute;
    left: 4px;
    top: 50%;
    margin-top: -9px;
    font-size: 16px;
}

.bonus-ladder-container.small-view .bonus-stage .fa-check{color: green}
.bonus-ladder-container.small-view .bonus-stage .fa-times{color: red}

.bonus-ladder-container.small-view  .bonus-stage .bottom-btn{
    position: relative;
    bottom: 0;
    text-align: right;
    display: table-cell;
    vertical-align: middle;
}

.bonus-ladder-container.small-view  .bonus-stage .bottom-btn .blue_btn{padding: 0 7px;}

.bonus-ladder-container.small-view .bonus-box{
    margin: 0;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
}

.bonus-ladder-container.small-view .bonus-stage .stage-name{
    font-size: 12px;
    display: table-cell;
    vertical-align: middle;
    padding-right: 5px;
    margin: 0;
    line-height: 14px;
    text-transform: uppercase;
    letter-spacing: -0.5px;
}

.bonus-ladder-container.small-view .bonus-container-title{
    border-top: 1px solid #ededed;
    font-size: 15px;
    padding: 10px 0;
    line-height: 18px;
}

.bonus-ladder-container.small-view .user-card .bottom-block{
    text-align: left;
    padding: 0;
    background: none;
}

.bonus-ladder-container .bottom-bonus-info{
    border-top: 1px solid #f7941d;
    /*border-top: 0 none;*/
    font-size: 11px;
    text-transform: uppercase;
    text-align: center;
    line-height: 14px;
    color: #fb7b00;
    padding: 0 5px;
}

.bonus-ladder-container .no-active .bottom-bonus-info{
    border-color: #d2d2d2;
    color: #747B83;
}

.stat_booked .bonus-ladder-container.small-view .user-card .row-name{font-size: 14px;}

.stat_booked .bonus-ladder-container .user-card .bottom-block{font-size: 13px;}

.introjs-helperLayer.right-digits + .introjs-tooltipReferenceLayer .introjs-helperNumberLayer{left: auto; right: -12px;}

/*--------------------------------------------------------------------------------------*/
/*-------------------- CREATE NON STANDART RESERVATION ---------------------------------*/
/*--------------------------------------------------------------------------------------*/
.nonStandart-reservation-box{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: #fff;
}

.nonStandart-left-side,
.nonStandart-right-side{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 15px;
}

.nonStandart-left-side{padding-left: 115px;}

.nonStandart-right-side{
    -webkit-box-shadow: 0px -4px 5px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px -4px 5px 1px rgba(0,0,0,0.2);
    box-shadow: 0px -4px 5px 1px rgba(0,0,0,0.2);
    background: #f0f0f3;
}

.nonStandart-day-point + .nonStandart-day-point{margin-top: 30px;}

.dragDrop-space.is-default{
    border: 4px dashed #cecece;
    border-radius: 4px;
    min-height: 150px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    background: #f0f0f3;
}

.dragDrop-space-placeholder{
    font-size: 16px;
    font-family: 'roboto_medium';
}

.nonStandart-intermediate-block{
    position: relative;
    margin-left: 100px;
    padding: 25px 25px 25px 0;
    color: #4F4F4F;
}

.nonStandart-intermediate-block:before,
.nonStandart-date:before{
    content: '';
    position: absolute;
    width: 4px;
    top: 0;
    bottom: 0;
    left: -50px;
    border-left: 4px dashed #cecece;
}

.nonStandart-date{
    margin-bottom: 50px;
    position: relative;
}

.nonStandart-date:before{
    left: 50px;
    top: 100%;
    height: 50px;
}

.nonStandart-date span{
    display: inline-block;
    padding: 8px 15px;
    background: #4F4F4F;
    border-radius: 20px;
    color: #fff;
    font-size: 14px;
}

.nonStandart-intermediate-block .nonStandart-detail-row{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
}

.nonStandart-intermediate-block .nonStandart-detail-i + .nonStandart-detail-i{padding-left: 10px;}

.nonStandart-intermediate-block .nonStandart-detail-i i.fa{font-size: 26px;}

.nonStandart-intermediate-block .nonStandart-cost{
    color: #164f9c;
    font-family: 'roboto_bold';
    font-size: 18px;
}

.sr-item{
    border: 1px solid #cedfe6;
    padding: 12px;
    background: #fff;
    font-size: 13px;
    position: relative;
    margin-left: 35px;
}

.sr-item:hover{
    -webkit-box-shadow: 0px 1px 2px 1px #cedfe6;
    -moz-box-shadow: 0px 1px 2px 1px #cedfe6;
    box-shadow: 0px 1px 2px 1px #cedfe6;
    transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
}

.sr-item .sr-item-icon{
    height: 40px;
    width: 40px;
    background: #fff no-repeat center;
    position: absolute;
    border: 1px solid #cedfe6;
    border-right: 0 none;
    left: -40px;
    top: -1px;
}

.sr-item .sr-item-icon img,
.sr-item .sr-item-icon svg{
    max-height: 25px;
    max-width: 30px;
    width: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.sr-item .sr-item-icon svg{fill: #0D4689}

.sr-item .sr-item-img{
    width: 140px;
    height: 110px;
    float: left;
    overflow: hidden;
    display: block;
}

.sr-item .sr-item-img img{height: 100%; max-width: none}

.sr-item .sr-item-content{
    padding-left: 152px;
}

.sr-item-content-inner{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.sr-item .sr-left{
    -webkit-box-ordinal-group: 3;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex: 1;
    -webkit-flex-basis: 170px;
    -ms-flex-preferred-size: 170px;
    flex-basis: 170px;
    padding: 0 12px 0 0;
}

.sr-item .sr-right-book{
    -webkit-box-ordinal-group: 2;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 170px;
    border-left: 1px solid #E3E3E3;
    padding: 0 0 0 12px;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-flex-direction: column;
    flex-direction: column;
    position: relative;
}

.sr-item .rating-block{position: relative}

.sr-item .sr-name{
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'roboto_bold';
    line-height: 16px;
    margin-bottom: 3px;
}

.sr-item .sr-name a{
    color: #164f9c;
    text-decoration: none;
}

.sr-item .sr-region{color: #7f7f7f; font-size: 12px;}

.sr-item .sr-title-row{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
}

.sr-item .sr-details{
    font-size: 0;
    border-bottom: 1px solid #E3E3E3;
    padding: 0 0 8px;
    margin: 10px 0;
}

.sr-item .sr-details .sr-detail-i{
    width: 50%;
    display: inline-block;
    vertical-align: top;
    padding: 3px 0;
    font-size: 13px;
    font-family: 'roboto_medium';
}

.sr-item .sr-details .sr-detail-i span{color: #ababab; font-family: 'roboto'}

.sr-item .other-rate-link{margin: 0 0 0 10px;}

.sr-item .sr-right-book .cost{margin-bottom: 7px;}

.sr-item .sr-right-book .sr-remove{
    cursor: pointer;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 0;
    top: 0;
}

.sr-item .sr-right-book .sr-remove:hover{opacity: 0.8}

.sr-item .sr-right-book .sr-remove:before,
.sr-item .sr-right-book .sr-remove:after{
    content: '';
    width: 2px;
    height: 16px;
    background: #4F4F4F;
    position: absolute;
    left: 50%;
}

.sr-item .sr-right-book .sr-remove:before{
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.sr-item .sr-right-book .sr-remove:after{
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.sr-item .sr-sub-cost-text{
    color: #ababab;
    font-size: 11px;
    text-align: center;
}

.sr-item .sr-avia-row{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    padding: 5px 0;
}

.sr-item .sr-avia-row .sr-avia-date{
    color: #7f7f7f;
}

.sr-item .sr-avia-row .sr-avia-date > div + div{margin-left: 10px;}

.sr-item .sr-avia-company{margin-top: 10px;}




.nonStandart-right-side .search_form.listing-view{padding: 0!important; background: none!important;}

.nonStandart-right-side .search_form.listing-view .bottom_block,
.nonStandart-right-side .search_form.listing-view .parameters-drop{display: none!important;}

.nonStandart-right-side #open_form_mobile{display: none}

.nonStandart-right-side .search_form.listing-view .form-parts-row{background: none}



.nonStandart-navigation-bar{
    position: fixed;
    left: 0;
    top: 50%;
    text-align: center;
    margin: -50px 0 0;
}

.day-description.nonStandart-navigation-bar .day-item span{border-bottom: 0 none}


/*--------------------------------------------------------------------------------------*/
/*---------------------------------- AFFILATE PROGRAM ----------------------------------*/
/*--------------------------------------------------------------------------------------*/
.affiliate-program-item{
    border: 1px solid #cedfe6;
    background: #fff;
    padding: 15px;
}

.affiliate-program-item + .affiliate-program-item{
    margin-top: 15px;
}

.affiliate-program-item .program-left-s,
.affiliate-program-item .program-right-s{
    padding: 0 15px;
}

.affiliate-program-item .program-left-s{
    border-right: 1px solid #E3E3E3;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333%;
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
}

.affiliate-program-item .logo{
    text-align: center;
    margin-bottom: 15px;
    background: #e6e6e6;
    padding: 5px 0;
}

.affiliate-program-item .logo img{max-height: 50px;}

.affiliate-program-item ul.list li{
    display: block;
    border-bottom: 1px dashed #E3E3E3;
    padding: 7px 0;
    font-family: 'roboto_medium';
}

.affiliate-program-item ul.list li:last-of-type{border: 0 none}

.affiliate-program-item ul.list .list-row{display: table; width: 100%}

.affiliate-program-item ul.list .list-item{display: table-cell}

.affiliate-program-item ul.list .list-item:first-of-type{
    text-transform: uppercase;
    color: #ababab;
    font-size: 11px;
}

.affiliate-program-item ul.list .list-item:last-of-type{text-align: right; padding-left: 10px;}

.affiliate-program-item .program-inner{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.affiliate-program-item .program-right-s{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}

.affiliate-program-item .program-right-s .name{
    margin-bottom: 15px;
    font-family: 'roboto_bold';
    font-size: 18px;
}

.create-account-form .btn-form-field .blue_btn {
    display: block;
    width: 100%
}

.create-account-form .create-account-link{text-align: center; padding-top: 10px;}

/*--------------------------------------------------------------------------------------*/
/*-------------------------------- BALANCE AND PAYMENTS --------------------------------*/
/*--------------------------------------------------------------------------------------*/

.information-section .information-block-col{margin-bottom: 15px;}

.information-section .information-block-col-inner{
    height: 100%;
    background: #fff;
    border: 1px solid #DCE6EC;
    border-radius: 16px;
}

.information-section .block-th{
    padding: 12px 24px;
    font-size: 16px;
    line-height: 22px;
    font-family: 'roboto_medium';
    border-radius: 16px 16px 0 0;
    cursor: default;
    background: #E5EDF4;
    border-bottom: 1px solid #DCE6EC;
}

.information-section .block-td{
    padding: 16px 24px;
}

.information-section .block-td > ul > li{
    display: block;
    border-bottom: 1px dashed #DCE6EC;
    padding: 12px 0;
    font-family: 'roboto_medium';
}

.information-section .block-td ul > li:last-of-type{border: 0 none}

.information-section .block-td li.li-grid{
    display: flex;
    justify-content: space-between;
    margin: 0 -8px;
}

.information-section .block-td li.li-grid > div{padding: 0 8px;}

.information-section .block-td .amount{
    font-size: 24px;
    color: #000;
    font-family: 'roboto_bold';
    line-height: 28px;
}
/*---------------------------------------------------------------------------------- */
/*-------------------------------- BESTOFFERS -------------------------------------- */
/*---------------------------------------------------------------------------------- */
.bestoffers-section{
    margin-top: -250px;
}

.main-form-container.index-page.isNoSpace + .bestoffers-section{
    margin: 0;
    display: none;
}

.bestoffers-section .blue-container{padding: 0}

.bestoffers-section .tile-container .group-box .t-box{padding-top: 0}

.bestoffers-section .tile .tile-item-inner,
.bestoffers-section .tile-container .tile .tile-item{
    border-radius: 24px;
}
/*---------------------------------------------------------------------------------- */
/*-------------------------------- DASHBOARD --------------------------------------- */
/*---------------------------------------------------------------------------------- */
.dashboard-container{
    padding-top: 40px;
}

.dashboard-grid{
    margin: 0 -5px;
    display: flex;
    flex-wrap: wrap;
}

.dashboard-grid .dashboard-grid_col{
    padding: 0 5px;
}

.dashboard-grid .dashboard-grid_col:nth-child(1){
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333%;
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
}

.dashboard-grid .dashboard-grid_col:nth-child(2){
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}

.dashboard-grid .dashboard-grid_item{
    padding: 16px 10px;
    position: relative;
    height: 100%;
}

.dashboard-grid .dashboard-grid_item:before{
    content: '';
    height: 168px;
    background: #E5EDF4;
    position: absolute;
    top: 0;
    bottom: 115px;
    left: 0;
    right: 0;
    z-index: -1;
    border-radius: 16px;
}

.dashboard-grid .dashboard-grid_title{
    color: #1C375F;
    font-size: 22px;
    line-height: 30px;
    font-family: 'roboto_light';
    padding: 0 0 12px 10px;
}

.metrics-grid{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
    height: calc(100% - 42px);
}

.metrics-grid .metrics-grid_col{
    padding: 0 5px;
}

.metrics-grid .metrics-grid_item{
    height: 100%;
    background: #fff;
    border-radius: 16px;
    padding: 8px;
    box-shadow: 0 12px 14px rgba(53, 59, 64, 0.12);
    color: #526678;
    font-size: 12px;
    line-height: 18px;
}

.metrics-grid .metrics-grid_col.metrics_col1-1{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
    max-width: 45%;
}

.metrics-grid .metrics-grid_col.metrics_col1-2{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 55%;
    flex: 0 0 55%;
    max-width: 55%;
}

.metrics-grid .metrics-grid_col.metrics_col2-1{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.metrics-grid .metrics-grid_col.metrics_col2-2{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 23%;
    flex: 0 0 23%;
    max-width: 23%;
}

.metrics-grid .metrics-grid_col.metrics_col2-3{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.metrics-grid .metrics-grid_col.metrics_col2-3 .metrics-grid_item{
    display: flex;
    flex-direction: column;
}

.metrics-grid .metrics-grid_col.metrics_col2-4{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.metrics-grid .metrics-iconBox{
    padding: 4px 4px 4px 48px;
    border-radius: 8px;
    position: relative;
    cursor: pointer;
}

.metrics-grid .metrics-iconBox:hover{background: #eef5fc}

.metrics-grid .metrics-iconBox .metrics-iconBox_ico{
    position: absolute;
    left: 4px;
    top: 4px;
    height: 32px;
    width: 32px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.metrics-grid .metrics-iconBox .metrics-iconBox_ico.metrics-bg_orange{background-color: #FFEDC2;}

.metrics-grid .metrics-iconBox .metrics-iconBox_ico.metrics-bg_green{background-color: #D7F2C2;}

.metrics-grid .metrics-iconBox .metrics-iconBox_ico.metrics-bg_blue{background-color: #DCE6FD;}

.metrics-grid .metrics-iconBox .metrics-iconBox_num{
    font-size: 22px;
    line-height: 27px;
    font-family: 'roboto_bold';
    margin-bottom: 5px;
    color: #3E3E3E;
}

.metrics-grid  .metrics-iconBox .metrics-iconBox_name{
    font-family: 'roboto_medium';
}

.metrics-grid .metrics-delimiter{
    height: 1px;
    background: #CFD7DF;
    margin: 22px 4px;
}

.metrics-grid .metrics-grid_title{
    font-size: 14px;
    line-height: 17px;
    font-family: 'roboto_medium';
    padding: 4px 4px 24px;
    color: #3E3E3E;
}

.metrics-currencyIndexBox{ padding: 4px;}

.metrics-currencyIndexBox.is-hover{
    cursor: pointer;
    border-radius: 8px;
}

.metrics-currencyIndexBox.is-hover:hover{background: #eef5fc}

.metrics-currencyIndexBox + .metrics-currencyIndexBox{margin-top: 27px;}

.metrics-currencyIndexBox .metrics-currencyIndex_item{
    position: relative;
    padding: 3px 0 3px 14px;
    margin-bottom: 6px;
    font-size: 18px;
    line-height: 22px;
    font-family: 'roboto_bold';
    color: #3E3E3E;
    display: flex;
    align-items: center;
}

.metrics-currencyIndexBox .metrics-currencyIndex_item div{
    color: #526678;
    font-size: 12px;
    font-family: 'roboto_medium';
    padding-left: 5px;
}

.metrics-currencyIndexBox .metrics-currencyIndex_item:before{
    content: '';
    width: 6px;
    border-radius: 6px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
}

.metrics-currencyIndexBox .metrics-currencyIndex_item.metrics-line_red:before{background: #CE2735;}

.metrics-currencyIndexBox .metrics-currencyIndex_item.metrics-line_yellow:before{background: #FFCF24;}

.metrics-currencyIndexBox .metrics-currencyIndex_item.metrics-line_green:before{background: #56CA00;}

.metrics-counterBox{
    display: flex;
    align-items: center;
    padding: 4px;
    cursor: pointer;
    border-radius: 8px;
    flex: 1;
}

.metrics-counterBox + .metrics-counterBox{margin-top: 27px;}

.metrics-counterBox:hover{background: #eef5fc}

.metrics-counterBox .metrics-counterBox_num{
    font-size: 18px;
    line-height: 22px;
    font-family: 'roboto_bold';
    color: #3E3E3E;
    padding-right: 7px;
    min-width: 30px;
}

.metrics-creditLine-grid, .metrics-wallet-grid {
    display: flex;
    margin: 0 -5px;
    align-items: center;
    justify-content: space-between;
}

.metrics-creditLine-grid .metrics-creditLine-grid_col,
.metrics-wallet-grid .metrics-wallet-grid_col{
    padding: 0 5px;
}

.metrics-wallet-grid .metrics-wallet_account{
    position: relative;
    padding-left: 26px;
}

.metrics-wallet-grid .metrics-wallet_account svg{
    position: absolute;
    left: 4px;
    top: 6px;
}

.metrics-wallet-grid .metrics-wallet_items{display: table}

.metrics-wallet-grid .metrics-wallet_item{display: table-row;}

.metrics-wallet-grid .metrics-wallet_item > div{display: table-cell; vertical-align: middle; padding-top: 4px; padding-bottom: 4px;}

.metrics-wallet-grid .metrics-wallet_item .metrics-wallet_amount{
    padding-left: 8px;
    font-size: 18px;
    line-height: 22px;
    font-family: 'roboto_bold';
    color: #3E3E3E;
}

.pie-chartBox{
    height: 120px;
    width: 120px;
    position: relative;
}

.pie-chartBox.s-62{
    height: 62px;
    width: 62px;
}

.pie-chart{
    height: 100%;
}

.pie-chart .pie-chart_bg{
    fill: none;
    stroke: #FFB400;
    stroke-width: 3.5;
}

.pie-chart .pie-chart_circle{
    fill: none;
    stroke-width: 3.5;
    stroke-linecap: round;
    animation: pie-chart_progress 1s ease-out forwards;
    stroke: #56CA00;
}

.pie-chart.v1  .pie-chart_bg{
    stroke: #38BE8C;
}

.pie-chart.v1 .pie-chart_circle.i-1{
    stroke: #FFCD3E;
}

.pie-chart.v1 .pie-chart_circle.i-2{
    stroke: #7954C9;
}

@keyframes pie-chart_progress{
    0% {
        stroke-dasharray: 0 100;
    }
}

.pie-chartBox .pie-chart_text{
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #3E3E3E;
    font-family: 'roboto_bold';
    top: 50%;
    left: 15px;
    right: 15px;
    position: absolute;
    transform: translate(0, -50%);
}
/*--------------------------------------------------------------------------------------*/
/*---------------------------------- Agency ID 75433 -----------------------------------*/
/*--------------------------------------------------------------------------------------*/
.page-head{
    background: #E5EDF4;
    padding: 55px 0 68px;
}

.page-head h1{
    font-size: 40px;
    line-height: 47px;
    font-family: 'roboto_bold';
    padding-bottom: 14px;
}

.page-head h5{
    color: #3E3E3E;
}
/*
.page-head .searchFieldBlock{
    margin: 50px auto 0;
    max-width: 620px;
}

.searchFieldBlock{position: relative}

.searchFieldBlock .searchFieldBlock-input{position: relative; z-index: 13}

.searchFieldBlock .icon-search{
    position: absolute;
    left: 16px;
    top: 14px;
}

.searchFieldBlock .searchFieldBlock-input input{
    height: 42px;
    padding-left: 42px;
}

.searchFieldBlock .searchFieldBlock-input input::placeholder{color: #CFD7DF}

.searchFieldBlock.isOpen .searchFieldBlock-input input{border: 0 none}

.searchFieldBlock .searchFieldBlock-drop{
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    padding: 42px 16px 16px 42px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: none;
    z-index: 12;
}

.searchFieldBlock .searchFieldBlock-drop ._inner{
    max-height: 220px;
    overflow: auto;
    margin-left: -8px;
}

.searchFieldBlock .searchFieldBlock-result{position: relative}

.searchFieldBlock .searchFieldBlock-result:hover{
    background: #EEF5FC;
    border-radius: 5px;
}

.searchFieldBlock a.article-link{
    color: #000000;
    text-decoration: none;
    position: relative;
    padding: 6px 12px 6px 32px;
    display: block;
}

.searchFieldBlock a.article-link:hover{
   text-decoration: underline;
}

.searchFieldBlock .searchFieldBlock-result .is-word{color: #D71C97}

.searchFieldBlock .searchFieldBlock-result svg{
    position: absolute;
    left: 8px;
    top: 6px
}

.searchFieldBlock .searchFieldBlock-result{margin-top: 2px;}

.searchFieldBlock.v1 .searchFieldBlock-input input{height: 64px; border-radius: 16px; padding-left: 88px}

.searchFieldBlock.v1 .searchFieldBlock-drop{padding-top: 62px; padding-left: 32px; left: 56px}

.searchFieldBlock.v1 .searchFieldBlock-result{padding: 6px 6px 6px 20px;}

.searchFieldBlock.v1 .searchFieldBlock-result:before{
    content: '';
    position: absolute;
    left: 8px;
    top: 6px;
    bottom: 6px;
    width: 1px;
    background: #CFD7DF;
}

.searchFieldBlock.v1 a.article-link{padding-left: 26px;}

.searchFieldBlock.v1 .searchFieldBlock-result svg{left: 0}

.searchFieldBlock.v1 .icon-search{
    width: 56px;
    left: 0;
    top: 0;
    bottom: 0;
    border-right: 1px solid #CFD7DF;
}

.searchFieldBlock.v1 .icon-search svg{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
*/
.articleSection-container{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -32px -24px;
    padding: 80px 0;
}

.articleSection-container .articleSection-group{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    padding: 32px 24px;
}

.articleSection-group ._inner:not(.full-w){display: inline-block}

.articleSection-group .title{
    font-size: 18px;
    line-height: 21px;
    font-family: 'roboto_bold';
    padding-bottom: 14px;
    position: relative;
}

.articleSection-group .title.isIcon{
    padding-left: 36px;
}

.articleSection-group .title.isIcon svg{
    position: absolute;
    left: 0;
    top: -2px;
}

.articleSection-group .article-column{
    column-count: 3;
    padding-top: 48px;
}

.articleSection-group .article-column .article-list{/*display: inline-block*/ border-top: 0 none; padding: 0}

.articleSection-group .article-letter{
    font-family: 'roboto_bold';
    text-transform: uppercase;
    font-size: 18px;
    line-height: 22px;
    padding-bottom: 8px;
    border-bottom: 1px solid #CFD7DF;
    margin-top: 32px;
}

.articleSection-group .article-list{
    border-top: 1px solid #CFD7DF;
    padding-top: 16px;
}

.articleSection-group .article-list li{padding: 14px 0; list-style: none; margin: 0}

.articleSection-container .articleSection-group .article-list li{padding: 7px 0}

.articleSection-group .article-list a{
    color: #3E3E3E;
    text-decoration: none;
    display: inline;
    vertical-align: middle;
}

.articleSection-group .article-list a:hover{text-decoration: underline}

.articleSection-group .article-list a.is-icon-link{
    position: relative;
    padding-left: 32px;
    font-size: 18px;
    line-height: 21px;
    background: url("../images/unit/iconsSVG/list.svg") no-repeat left top+2px;
}

.articleSection-group .bottom-info{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin: 2px -8px -8px;
}

.articleSection-group .article-amount{
    color: #CFD7DF;
    font-family: 'roboto_medium';
    cursor: default;
}

.articleSection-group .bottom-info .article-amount,
.articleSection-group .article-show{padding: 8px;}

.articleSection-group.all-articles .article-amount{
    font-size: 16px;
    padding-bottom: 16px;
}

.articleSection-group .article-show a.blue_btn{
    font-size: 12px;
    line-height: 14px;
    border-radius: 5px;
    padding: 3px 12px;
    display: inline-block;
    height: auto;
    font-family: 'roboto';
}

.articleSection-group h1.inner-title{padding-bottom: 18px;}

.page-topPanel{
    background: #E5EDF4;
    padding: 30px 0;
}

.page-topPanel h4.title{
    line-height: 23px;
    font-family: 'roboto_medium';
    padding: 0;
}

.article-content ul li{list-style: disc outside; margin-left: 32px;}

.article-content ul li, .article-content ol li{
    padding-bottom: 2px;
    line-height: 22px;
}

.article-content .fr-class-code{
    padding: 8px 12px;
    background: #f5f5f5;
    border-radius: 4px;
    border-color: #cccccc;
    display: inline-block;
}

body.is-mobile .article-content iframe{
    width: 100%!important;
}

.article-content img{width: 100%!important;}

.article-page-grid{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: -12px;
}

.article-page-grid ._col{padding: 12px;}

.article-page-grid ._col:nth-child(1){
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;
}
.article-page-grid ._col:nth-child(2){
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
}

.article-panel{
    background: #FCF8E8;
    padding: 12px 24px;
    margin: 24px 0 0;
}
/*
.articleBtns-grid{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: -12px;
}

.articleBtns-grid ._col{padding: 12px;}
*/
.contactsPage-container{padding-top: 2.5em}

.contactsPage-address > div {
    padding: 8px; -webkit-box-flex: 0; -ms-flex: 0 0 25%;flex: 0 0 25%; max-width: 25%;
}
@media (min-width : 1199px) {
    .contactsPage-address.cnt-5 > div {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
.contactsPage-address .contactsPage-address_country {
    font-size: 12px;text-transform: uppercase;font-family: 'roboto_bold';color: #526678
}

.contactsPage-address .contactsPage-address_text {
    padding-top: 16px;
    font-size: 14px;
}

.contactsPage-address .contactsPage-address_ico {
    padding-bottom: 16px;
}

.contactsPage-faq {
    background: #E5EDF4; border-radius: 16px; padding: 30px 36px;
}

.contactsPage-contacts,
.contactsPage-address {
    display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap; margin: -8px;
}

.contactsPage-contacts > div {
    padding: 8px; -webkit-box-flex: 0; -ms-flex: 0 0 33.3333%;flex: 0 0 33.3333%; max-width: 33.3333%;
}

.contactsPage-cnt_item,
.contactsPage-address .contactsPage-address_wrap {
    background: #FFFFFF; border: 1px solid #CFD7DF; border-radius: 16px; padding: 24px; height: 100%
}

.contactsPage-cnt_title,
.contactsPage-address .contactsPage-address_city {
    font-size: 22px; line-height: 26px; font-family: 'roboto_medium'; padding-bottom: 32px;
}

.contactsPage-cnt_row + .contactsPage-cnt_row {
    padding-top: 32px;
}

.contactsPage-cnt_row {
    display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap; justify-content: space-between; align-items: center; margin: 0 -8px;
}

.contactsPage-cnt_row.start{justify-content: flex-start;}

.contactsPage-cnt_row > div {
    padding: 0 8px;
}

.contactsPage-cnt_row .blue_btn {
    min-width: 100px;
}

.contactsPage-cnt_row .blue_btn.non-active {
    background: #fff; border-color: #DFDFDF; color: #DFDFDF
}

.contactsPage-cnt_row > div:nth-child(2) {
    font-size: 16px;
}

.contactsPage-cnt_icon {
    position: relative; padding-left: 40px;
}

.contactsPage-cnt_icon img {
    position: absolute; left: 0; top: 50%; transform: translate(0, -50%)
}

.contactsPage-faq ._inner {
    display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap; justify-content: space-between; align-items: center; margin: -16px;
}

.contactsPage-faq ._inner > div {
    padding: 16px;
}

.contactsPage-faq_left {
    position: relative; padding-left: 70px; font-size: 16px;
}

.contactsPage-faq_left svg {
    position: absolute; left: 0; top: 50%; transform: translate(0, -50%)
}

.foundResults-point{
    padding-left: 38px;
    position: relative;
    background: url("../images/unit/iconsSVG/list.svg") no-repeat left top+2px;
}

.foundResults-point:before{
    content: '';
    position: absolute;
    left: 26px;
    width: 1px;
    top: 0;
    bottom: 0;
    background: #CFD7DF;
}

.foundResults-point + .foundResults-point{
    margin-top: 32px;
}

.foundResults-point .foundResults-link a,
.foundResults-point .foundResults-text a{color: #3E3E3E; text-decoration: none}

.foundResults-point .foundResults-link a:hover,
.foundResults-point .foundResults-text a:hover{text-decoration: underline}

.foundResults-point .foundResults-link{
    font-size: 18px;
    line-height: 21px;
    display: inline-block;
    margin-bottom: 14px;
}

.foundResults-point .foundResults-link .is-word{color: #D71C97}

.foundResults-point .foundResults-text{padding-bottom: 14px;}

#public-profile .widget.certificates .tab_content > .upload-box {
    float: left;
    width: 40%;
}
#public-profile .widget.certificates .tab_content > input {
    float: right;
    width: 60%;
}

#experience-map .location-details {
    display: none;
}
#experience-map .agency-сnt-modal-general .hotel {
    padding-top: 16px;
}
#experience-map .agency-сnt-modal-col input.upload-button {
    padding-left: 0;
}
#experience-map .location + .location {
    border-top: 1px solid #CFD7DF;
    padding-top: 16px;
}