/* Konysbek Dias || onskyD@gmail.com
---------------------------------------*/

/* Fonts
----------------------------------------*/
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url("../fonts/roboto/RobotoLight.eot");
    src:
    url("../fonts/roboto/RobotoLight.eot?#iefix")format("embedded-opentype"),
    url('../fonts/roboto/RobotoLight.woff')  format('woff'),
    url('../fonts/roboto/RobotoLight.ttf')  format('truetype')
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/roboto/RobotoRegular.eot");
    src:
    url("../fonts/roboto/RobotoRegular.eot?#iefix")format("embedded-opentype"),
    url('../fonts/roboto/RobotoRegular.woff')  format('woff'),
    url('../fonts/roboto/RobotoRegular.ttf')  format('truetype')
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url("../fonts/roboto/RobotoMedium.eot");
    src:
    url("../fonts/roboto/RobotoMedium.eot?#iefix")format("embedded-opentype"),
    url('../fonts/roboto/RobotoMedium.woff')  format('woff'),
    url('../fonts/roboto/RobotoMedium.ttf')  format('truetype')
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url("../fonts/roboto/RobotoBold.eot");
    src:
    url("../fonts/roboto/RobotoBold.eot?#iefix")format("embedded-opentype"),
    url('../fonts/roboto/RobotoBold.woff')  format('woff'),
    url('../fonts/roboto/RobotoBold.ttf')  format('truetype')
}

/* Icons
----------------------------------------*/
@font-face {
    font-family: 'elegant';
    src:    url('../fonts/elegant/elegant.eot?ehf7v3');
    src:    url('../fonts/elegant/elegant.eot?ehf7v3#iefix') format('embedded-opentype'),
    url('../fonts/elegant/elegant.ttf?ehf7v3') format('truetype'),
    url('../fonts/elegant/elegant.woff?ehf7v3') format('woff'),
    url('../fonts/elegant/elegant.svg?ehf7v3#elegant') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class^="icon-"],
[class*=" icon-"],
.filter__checkbox > i:before,
.s-data__sorter:before,
.gn-item__name--step:before,
.breadcrumb li:not(:last-child):after{
    font-family: 'elegant', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-check:before {
    content: "\e5ca";
}
.icon-rotate_right:before {
    content: "\e41a";
}
.icon-timer:before {
    content: "\e425";
}
.icon-replay:before {
    content: "\e042";
}
.icon-add_box:before {
    content: "\e146";
}
.icon-sort:before {
    content: "\e164";
}
.icon-mode_edit:before {
    content: "\e254";
}
.icon-prev:before {
    content: "\e408";
}
.icon-next:before {
    content: "\e409";
}
.icon-zoom_out_map:before {
    content: "\e56b";
}
.icon-close:before {
    content: "\e5cd";
}
.icon-check_box:before {
    content: "\e834";
}
.icon-check_box_outline_blank:before {
    content: "\e835";
}
.icon-radio_button_unchecked:before {
    content: "\e836";
}
.icon-radio_button_checked:before {
    content: "\e837";
}
.icon-delete:before {
    content: "\e872";
}
.icon-print:before {
    content: "\e8ad";
}
.icon-search:before {
    content: "\e8b6";
}
.icon-trending_flat:before {
    content: "\e900";
}
.icon-remove_box:before {
    content: "\e909";
}

/* Tags options
----------------------------------------*/
*{
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #222;
}
body{
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    flex-direction: column;
    -webkit-flex-direction: column;
    min-height: 100vh;
    line-height: 1.3;
    color: #222;
}
a[title="JavaScript charts"]{
    display: none !important;
}
.breadcrumb {
    background: none;
    padding: 0;
}
.breadcrumb > li + li:before {
    content: '';
    padding: 0;
}

/* Global options
----------------------------------------*/
.container{
    width: 1100px;
    min-width: 1100px;
    margin: 0 auto;
    padding: 0;
}
.transition,
.modal-back,
.modal-block,
.s-btn{
    -webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
}
.pad__top{
    padding-top: 20px;
}
.pad__left{
    padding-left: 20px;
}
.pad__right{
    padding-right: 20px;
}
.pad__bottom{
    padding-bottom: 20px;
}

/* Flexible
----------------------------------------*/
.flex-block--wrap{
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.flex-block--icenter{
    align-items: center;
    -webkit-align-items: center;
}
.flex-block--jcenter{
    justify-content: center;
    -webkit-justify-content: center;
}

/* Site elements
---------------------------------------*/
.s-hide{
    display: none;
}
.s-input__group:not(:last-child){
    margin-bottom: 15px;
}
.s-input__group{
    position: relative;
}
.s-input__inline{
    margin-right: -15px;
}
.s-input__inline .s-input__group{
    margin: 0;
    padding: 0 15px 15px 0;
}
.s-btn-group{
    display: inline-block;
    vertical-align: middle;
}
.s-btn{
    display: inline-block;
    cursor: pointer;
    border: 1px solid #9c9d9d;
    background-color: #fff;
    padding: 5px 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #222;
    line-height: 1.3;
}
.s-btn[disabled]{
    filter: alpha(opacity=65);
    opacity: .65;
    cursor: not-allowed;
}
.s-btn--yellow{
    background-color: #ffec9e;
}
.s-btn--group{
    float: left;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.s-btn--group:first-child{
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}
.s-btn--group:last-child{
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}
.s-btn--group:not(:first-child) {
    margin-left: -1px;
}
.s-btn--full{
    width: 100%;
}
.s-btn--high{
    padding: 8px 10px;
}
.s-btn--info,
.s-btn--active{
    background-color: #0ba3a8;
    color: #fff;
}
.s-btn:not([disabled]):hover{
    background-color: #f2f1f2;
}
.s-btn--info:not([disabled]):hover{
    color: #222;
}
.s-btn__icon{
    font-size: 18px;
    line-height: 16px;
    display: inline-block;
    vertical-align: top;
}
.s-btn__icon--left{
    margin-right: 10px;
}
.s-btn__icon--right{
    margin-left: 10px;
}
.s-input{
    width: 100%;
    border: 1px solid #9c9d9d;
    line-height: 1.3;
    padding: 5px 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.has-error .s-input{
    border-color: #e53935;
}
.s-input[disabled],
.s-input[readonly]{
    background-color: #f4f0f0;
    cursor: not-allowed;
}
select.s-input{
    padding-top: 4px;
}
.s-input:focus{
    border-color: #0ba3a8;
}
.s-list--light{
    padding-left: 15px;
}
.s-list--light li{
    margin-bottom: 5px;
}
.s-text--red{
    color: #e53935;
}
.s-text--orange{
    color: #ff9800;
}

/* File input
----------------------------------------*/
.s-input__file-name{
    min-height: 18px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.s-input__file-label{
    color: #999;
    display: block;
    margin: -10px;
    padding: 10px;
}
.s-input__file-label--hide{
    display: none;
}
.s-input__file-btn{
    display: block;
    margin-top: 8px;
    font: inherit;
}

/* Header
----------------------------------------*/
.s-header{
    margin-bottom: 10px;
}
.header__container{
    border-bottom: 2px solid #0ba3a8;
    padding-bottom: 20px;
}
.header__left{
    padding-top: 20px;
}
.header__text {
    font-size: 26px;
    font-weight: 300;
    color: #222;
    display: inline-block;
    margin-top: 18px;
}
.header__languages{
    padding-top: 5px;
}

/* Main
----------------------------------------*/
.main{
    flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    -webkit-flex: 1 0 auto;
    padding-bottom: 20px;
}

/* Page
----------------------------------------*/
.page{
    margin-bottom: 20px;
}
.page__title{
    background-color: #0ba3a8;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
    color: #fff;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
    margin-bottom: 10px;
    margin-top: 0;
}
.page__title--sm{
    text-transform: none;
    font-size: 14px;
    padding: 7px 12px;
}
.page__desc{
    font-size: 18px;
    font-weight: 300;
}

/* Main slider
---------------------------------------*/
.m-slider__list{
    height: 400px;
    overflow: hidden;
}
.m-slider__img{
    height: 400px;
    background: no-repeat 50% / cover;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.m-slider__nav{
    position: absolute;
    font-size: 60px;
    top: 50%;
    margin-top: -30px;
    text-shadow: -2px 0 white, 0 2px white, 2px 0 white, 0 -2px white;
    color: #0ba3a8;
}
.m-slider__nav:hover{
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
}
.m-slider__nav--prev{
    left: 15px;
}
.m-slider__nav--next{
    right: 15px;
}

/* Services
---------------------------------------*/
.services__list{
    margin: 0 -20px -20px 0;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 20px 0;
}
.services__item{
    padding: 0 20px 20px 0;
    width: 33.3333333%;
}
.services__body{
    border: 2px solid #9c9d9d;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 15px;
    height: 100%;
    position: relative;
    display: block;
}
.services__body:hover{
    border-color: #0ba3a8;
}
.services__name{
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    margin: 5px 0 15px 0;
}
.services__body:hover .services__name{
    color: #0ba3a8;
}
.services__icon{
    position: absolute;
    top: 5px;
    right: 5px;
    background: url(../images/sprites.png) no-repeat;
    height: 39px;
}
.services__icon--1{
    width: 39px;
}
.services__icon--2{
    width: 43px;
    background-position: -39px 0;
}
.services__icon--3{
    width: 39px;
    background-position: -82px 0;
}

/* Stat
---------------------------------------*/
.stat__header {
    text-transform: uppercase;
    margin-bottom: 15px;
    font-weight: 600;
}
.stat__text{
    min-height: 200px;
}
.stat__text:not(.stat__text--init){
    background: url(../images/loading.gif) no-repeat 50%;
}
.stat__text p{
    margin-bottom: 15px;
}
.stat__text ul{
    padding: 0 0 15px 15px;
}
.stat__text li{
    margin-bottom: 5px;
    font-size: 12px;
}
.stat__text li .badge{
    font-weight: 400;
    padding: 2px 3px;
    background-color: rgba(139, 199, 201, .5);
}
.stat__chart *{
    font-size: 12px;
}
.stat__chart--small text[font-size='11px'] tspan{
    font-size: 11px;
}
.stat__chart--pie{
    min-height: 200px;
}
.stat__chart--sm-pie{
    min-height: 180px;
}
.stat__chart--line{
    height: 250px;
}
.stat__chart--column{
    height: 350px;
    width: 75%;
}
.stat__fieldrow{
    margin-right: -20px;
}
.stat__fieldset{
    border: 1px solid #e8e7e7;
    margin-top: 20px;
    padding: 10px;
}
.stat__legend{
    color: #888;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 15px;
}

/* Stat top
---------------------------------------*/
.s-top__item:not(:last-child){
    margin-bottom: 8px;
}
.s-top__info {
    position: relative;
    vertical-align: top;
    width: 100%;
    display: inline-block;
    padding-left: 44px;
}
.s-top__number{
    position: absolute;
    top: 0;
    left: 0;
    line-height: 40px;
    font-size: 18px;
    width: 40px;
    text-align: center;
    background-color: #d6dce4;
    color: #69788c;
}
.s-top__text {
    float: left;
    background-color: #d6dce4;
    width: 100%;
    line-height: 18px;
    white-space: nowrap;
    font-size: 12px;
    padding: 0 5px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.s-top__name{
    margin-bottom: 4px;
}
.s-top__link{
    text-decoration: underline;
}
.s-top__link:hover{
    color: #0ba3a8;
}
.s-top__lang{
    width: 55%;
}
.s-top__type{
    width: 42.5%;
    float: right;
}
.s-top__turn{
    font-weight: 600;
    margin-bottom: 4px;
    line-height: 18px;
    font-size: 12px;
}
.s-top__progress{
    height: 18px;
}
.s-top__progress--red{
    background-color: #ff0000;
}
.s-top__progress--yellow{
    background-color: #15ff00;
}

/* Filter
----------------------------------------*/
.filter__section{
    margin-bottom: 15px;
}
.filter__grid {
    width: 10%;
}
.filter__label{
    display: block;
    margin-bottom: 5px;
}
.filter__search{
    position: relative;
}
.filter__search-input {
    padding: 8px 45px 8px 12px;
    background-color: #f2f1f2;
}
.filter__search-button {
    padding: 8px;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    background-color: #ffec9e;
}
.filter__checkbox{
    white-space: nowrap;
}
.filter__checkbox > i:before{
    content: "\e835";
    line-height: inherit;
}
.filter__checkbox:hover,
.filter__checkbox--active{
    background-color: #ffec9e;
}
.filter__checkbox--active > i:before{
    content: "\e834";
}

/* Site data
----------------------------------------*/
.s-data__map,
.filter__btn--table,
.s-data[data-type=map] .s-data__result,
.s-data[data-type=map] .filter__btn--map{
    display: none;
}
.s-data[data-type=map] .s-data__map,
.s-data[data-type=map] .filter__btn--table{
    display: block;
}
.s-data__table{
    width: 100%;
    border-collapse: collapse;
}
.s-data__table th,
.s-data__table td{
    padding: 5px 7px;
    border: 1px solid #d9dada;
    position: relative;
}
.s-data__table thead th{
    border-bottom-width: 2px;
}
.s-data__table tbody tr:nth-child(even) td{
    background-color: #ececec;
}
.s-data__th{
    background-color: #0ba3a8;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
    position: relative;
    text-align: center;
}
.s-data__sorter {
    color: #fff !important;
    display: block;
    margin: -5px;
    padding: 5px;
}
.s-data__sorter.asc:before,
.s-data__sorter.desc:before{
    content: "\e164";
    position: absolute;
    top: 3px;
    right: 3px;
    color: #fff;
}
.s-data__sorter.asc:before{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.s-data__th[data-sort=none]:before{
    content: "";
}
.s-data__th:not([data-sort]){
    cursor: default;
}
.s-data__th:not([data-sort]):before{
    display: none;
}
.s-data__td--overflow{
    display: block;
    overflow: hidden;
    width: 200px;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    white-space: nowrap;
}
.s-data__icon--search{
    position: absolute;
    font-size: 18px;
    top: 50%;
    margin-top: -10px;
    right: 10px;
    cursor: pointer;
    width: 20px;
    text-align: center;
    line-height: 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.s-data__icon--search:hover{
    background-color: #0ba3a8;
    color: #fff;
}
.s-data__input{
    background-color: #ececec;
    padding: 5px 5px 5px 10px;
}
.s-data__table{
    margin-bottom: 15px;
}
.s-data__table a{
    color: #222;
}
.s-data__table a:hover{
    color: #5567ae;
    text-decoration: underline;
}
.s-data__pagination{
    text-align: center;
    padding-top: 3px;
    margin: -3px 0;
}
.s-data__pagination li{
    display: inline-block;
    margin: 3px 2px;
}
.s-data__pagination a,
.s-data__pagination span{
    line-height: 24px;
    width: 24px;
    background-color: #ececec;
    display: block;
}
.s-data__pagination a:hover,
.s-data__pagination .active a{
    background-color: #0ba3a8;
    color: #fff;
}
.s-data__pagination .disabled{
    display: none;
}
.s-data__limit{
    width: auto;
    margin-left: 5px;
}
.s-data__map{
    height: 500px;
    border: 2px solid #9c9d9d;
    background: url(../images/loading.gif) no-repeat 50%;
}
.s-data__map-item p:not(:last-child){
    margin-bottom: 5px;
}

/* Garden list
----------------------------------------*/
.s-data__item--step{
    cursor: pointer;
}
.gn-item__name--step{
    position: relative;
    padding-left: 25px !important;
}
.gn-item__name--step:before{
    content: "\e836";
    color: #222 !important;
    position: absolute;
    top: 50%;
    left: 5px;
    font-size: 14px;
    margin-top: -8px;
}
.s-data__item--step:hover .gn-item__name--step:before,
.s-data__item--step--active .gn-item__name--step:before{
    content: "\e837";
    color: #0ba3a8 !important;
}
.s-data__item--step:hover td,
.s-data__item--step--active td{
    color: #fff;
    background-color: #0ba3a8 !important;
}
.s-data__item--step:hover *,
.s-data__item--step--active *{
    color: #fff !important;
}

/* Garden detail
----------------------------------------*/
.gn-d__images{
    position: relative;
}
.gn-d__zoom{
    position: absolute;
    background-color: rgba(0,0,0,.5);
    color: #fff;
    font-size: 25px;
    padding: 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    top: 5px;
    left: 5px;
    cursor: pointer;
}
.gn-d__zoom:hover{
    background-color: rgba(0,0,0,.8);
}
.gn-d__thumbs{
    margin-right: -10px;
}
.gn-d__thumb{
    padding: 10px 10px 0 0;
    width: 20%;
}
.gn-d__img,
.gn-d__previews{
    border: 2px solid #9c9d9d;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
}
.gn-d__previews{
    height: 350px;
    display: table-cell;
    width: 500px;
    vertical-align: middle;
    text-align: center;
}
.gn-d__preview{
    max-height: 100%;
    min-height: 115px;
    background: url(../images/loading.gif) no-repeat 50%;
}
.gn-d__img{
    height: 80px;
    background: url(../images/loading.gif) no-repeat 50% / 30%;
}
.gn-d__img:hover,
.gn-d__img--active{
    border-color: #222;
}
.gn-d__attrs{
    margin-bottom: 5px;
}
.gn-d__attr{
    display: table-row;
}
.gn-d__attr-key{
    display: table-cell;
    width: 30%;
    font-weight: 600;
    padding-bottom: 15px;
    text-transform: uppercase;
}
.gn-d__attr-value{
    display: table-cell;
    padding-bottom: 15px;
    font-weight: 400;
}
.gn-d__attr-value a{
    color: #5567ae;
    text-decoration: underline;
}
.gn-d__attr-value a:hover{
    color: #222;
}
.gn-d__map{
    height: 200px;
    border: 2px solid #9c9d9d;
    margin: 30px 0;
}
.gn-d__turn{
    text-transform: lowercase;
    background-color: #ee7876;
    font-size: 16px;
    line-height: 1;
    display: inline-block;
    padding: 15px 40px;
    font-weight: 600;
    border: 2px solid #9c9d9d;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}
.gn-d__turn:hover{
    background-color: #9c9d9d;
}
.gn-d__peaces{
    margin-right: -20px;
    margin-bottom: 20px;
}
.gn-d__peace{
    float: left;
    width: 20%;
    padding: 0 20px 20px 0;
}
.gn-d__peace-name{
    color: #0ba3a8;
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 10px;
}
.gn-d__peace-info{
    background-color: #ececec;
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    min-height: 80px;
}
.gn-d__peace-strong{
    font-weight: 600;
    margin-bottom: 5px;
}
.gn-d__peace-strong--red{
    color: #e62f0e;
}
.gn-d__peace-normal{
    padding-left: 5px;
    font-weight: 300;
    font-size: 13px;
}
.gn-d__tabs-titles{
    border: 1px solid #e8e7e7;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.gn-d__tabs-titles--inline {
    display: inline-block;
    margin-bottom: 20px;
}
.gn-d__tabs-li{
    list-style-type: none;
    float: left;
}
.gn-d__tabs-title{
    line-height: 1.3;
    padding: 15px;
    list-style-type: none;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    cursor: pointer;
    position: relative;
    font-weight: 600;
    display: block;
}
.gn-d__tabs-title--inline {
    float: left;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.gn-d__tabs-titles > .gn-d__tabs-title--inline:first-child,
.gn-d__tabs-li:first-child > .gn-d__tabs-title{
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
}
.gn-d__tabs-titles > .gn-d__tabs-title--inline:last-child,
.gn-d__tabs-li:last-child > .gn-d__tabs-title{
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
}
.gn-d__tabs-title:not(:last-child):after{
    content: "";
    position: absolute;
    border-bottom: 1px solid #e8e7e7;
    left: 10px;
    right: 10px;
    bottom: 0;
}
.gn-d__tabs-title--inline:after {
    display: none;
}
.gn-d__tabs-arrow{
    position: absolute;
    top: 0;
    right: -18px;
    display: none;
    bottom: 0;
    width: 18px;
    height: 100%;
}
.gn-d__tabs-title:hover,
.gn-d__tabs-title--active,
.gn-d__tabs-li--active > .gn-d__tabs-title{
    background-color: #0ba3a8;
    color: #fff;
}
.gn-d__tabs-title:hover:after,
.gn-d__tabs-title--active:after,
.gn-d__tabs-li--active > .gn-d__tabs-title:after{
    display: none;
}
.gn-d__tabs-title:hover .gn-d__tabs-arrow,
.gn-d__tabs-title--active .gn-d__tabs-arrow,
.gn-d__tabs-li--active > .gn-d__tabs-title .gn-d__tabs-arrow{
    display: block;
}
.gn-d__tabs-block{
    display: none;
    padding: 20px;
    border: 1px solid #e8e7e7;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
}
.gn-d__tabs-block--active{
    display: block;
}
.gn-d__tabs-back{
    padding-left: 5px;
}
.gn-d__tabs-back i{
    margin-right: 5px;
}
.gn-d__character{
    margin-bottom: 10px;
    color: #0ba3a8;
    font-weight: 600;
    border-bottom: 1px solid #e8e7e7;
    display: inline-block;
    font-size: 12px;
}
.gn-groups__titles{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}
.gn-groups__title{
    float: left;
    text-align: center;
    background-color: #0ba3a8;
    color: #fff;
    font-weight: 600;
    padding: 7px;
    font-size: 13px;
    white-space: nowrap;
    width: 20%;
}
.gn-groups__title:not(:last-child){
    border-right: 1px solid #cdcdce;
}

.gn-groups__category{
    margin-top: 15px;
    position: relative;
}
.gn-groups__age{
    background-color: #0ba3a8;
    position: absolute;
    top: 1px;
    left: 1px;
    color: #fff;
    line-height: 1;
    padding: 3px 5px;
    -webkit-border-radius: 5px 0 5px 0;
    -moz-border-radius: 5px 0 5px 0;
    border-radius: 5px 0 5px 0;
}
.gn-groups__list{
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #cdcdce;
    display: table;
    width: 100%;
}
.gn-groups__item{
    display: table-row;
}
.gn-groups__item:nth-child(even){
    background-color: #ececec;
}
.gn-groups__box{
    text-align: center;
    padding: 7px;
    width: 20%;
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}
.gn-groups__box--high{
    color: #e62f0e;
}
.gn-groups__box:not(:last-child){
    border-right: 1px solid #cdcdce;
}
.gn-groups__box:nth-child(1){
    width: 20%;
    text-align: left;
    padding-left: 40px;
}
.gn-groups__box:nth-child(2){
    width: 20%;
}
.gn-groups__box:nth-child(3){
    width: 20%;
}
.gn-d__program-title{
    margin-bottom: 10px;
    font-size: 16px !important;
    line-height: 1.5 !important;
    padding: 0 10px !important;
}
.gn-d__program-list{
    padding-left: 30px;
}
.gn-d__program-list{
    padding: 5px 0 0 15px;
}
.gn-d__program-text{
    line-height: 1.5;
    font-size: 12px;
}

/* Educator
----------------------------------------*/
.educator{
    padding: 15px 0 0 50px;
    min-height: 200px;
}
.educator__profile{
    float: left;
    margin: 0 15px 15px 0;
    border: 2px solid #0ba3a8;
    padding: 15px 15px 15px 65px;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.educator__img{
    position: absolute;
    top: -17px;
    left: -52px;
    border: 2px solid #0ba3a8;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    background: #fff url(../images/default_avatar_0.jpg) no-repeat 50% / cover;
}
.educator__name{
    white-space: nowrap;
    font-weight: 600;
    font-size: 16px;
    color: #0ba3a8;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.educator__attr:not(:last-child){
    margin-bottom: 5px;
}
.educator__attr-key{
    font-weight: 600;
    display: inline-block;
}
.educator__attr-value{
    display: inline-block;
}
.educator__text{
	width: 100%;
    overflow: hidden;
}

/* Faq
----------------------------------------*/
.faq__item:not(:last-child){
    margin-bottom: 25px;
}
.fag__title{
    color: #0ba3a8;
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 2px;
    border-bottom: 2px solid #0ba3a8;
    margin-bottom: 10px;
}
.faq__ask:not(:last-child){
    margin-bottom: 5px;
}
.faq__ask-name{
    background-color: #f4f0f0;
    padding: 7px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.faq__ask-name--active{
    color: #5567ae;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}
.faq__ask-name:not(.faq__ask-name--empty):hover{
    color: #5567ae;
    cursor: pointer;
    text-decoration: underline;
}
.faq__ask-text{
    display: none;
    padding: 10px;
    border: 1px solid #f4f0f0;
    margin-top: 0;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}
.faq__ask-text * {
    font-size: 12px;
    line-height: 1.5;
}
.faq__ask-text p:not(:last-child){
    margin-bottom: 10px;
}

/* Step
----------------------------------------*/
.step{
    margin-bottom: 20px;
}
.step_form {
    position: relative;
}
.step_form[data-address='0'] .step__section[data-address='1'],
.step_form[data-address='1'] .step__section[data-address='0'],
.step_form[data-manually='0'] .step__section[data-manually='1'],
.step_form[data-manually='1'] .step__section[data-manually='0']{
    display: none;
}
.step__title{
    border-left: 5px solid #0ba3a8;
    padding: 5px 10px;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
}
.step__number{
    margin: 0;
}
.step__next{
    background-color: #ffec9e;
    text-transform: none;
    font-weight: 400;
    padding: 10px 20px;
}
.step__info{
    font-weight: bold;
    line-height: 2;
    margin-bottom: 10px;
}
.step__turn-count{
    border: 1px solid #e8e7e7;
    color: #0ba3a8;
    padding: 4px 25px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 0 5px;
}
.step__form,
.step__desc{
    margin-bottom: 20px;
}
.step__heading{
    min-width: 240px;
    margin-bottom: 20px;
    color: #0ba3a8;
    display: inline-block;
    border-bottom: 2px solid #0ba3a8;
    padding-bottom: 5px;
    text-transform: uppercase;
    font-weight: 600;
}
.step__section{
    margin: 0 -5px 5px 0;
}
.step__section--alone{
    margin-bottom: 0;
}
.step__grid{
    padding-right: 5px;
}
.step__grid--inline{
    display: table;
}
.step__legend{
    display: table-cell;
    width: 600px;
    text-align: right;
    height: 40px;
    vertical-align: middle;
    background-color: #f4f0f0;
    padding: 0 10px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.step__legend--right{
    text-align: left;
}
.step__required{
    color: #f00;
    margin: 0 2px;
    position: relative;
    top: -3px;
}
.step__label{
    display: table-cell;
    white-space: nowrap;
}
.step__label-name{
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    margin-right: 5px;
}
.step__input{
    padding: 10px;
}
select.step__input{
    padding-top: 9px;
}
.step__input--inline{
    display: table-cell;
    width: 1%;
}
.step__input--file{
    padding: 8px;
}
.step__btn{
    font-size: 12px;
    width: 100%;
    background-color: #ffec9e;
    line-height: 1.1;
    display: table-cell;
    height: 40px;
    vertical-align: top;
    padding: 5px;
}
.step__btn--file{
    text-align: center;
    display: block;
    float: left;
}
.step__btn--short{
    width: auto;
}
.step__btn--red{
    background-color: #ee7876;
    color: #fff;
}
.step__btn--red:hover{
    background-color: #9c9d9d !important;
}
.field-statementform-gardengroupid .help-block:not(:empty){
    margin-bottom: 20px;
}
.step__groups:not(:empty) + .field-statementform-gardengroupid .help-block:not(:empty){
    margin-top: -15px;
}
.step__agree{
    font-size: 12px;
    line-height: 18px;
    width: 100%;
    padding: 10px;
}

/* Check
----------------------------------------*/
.request-check{
    position: relative;
}
.check__head {
    font-size: 18px;
    font-weight: 700;
    padding: 10px 0 30px 0;
}
.check__body {
    padding-bottom: 10px;
}
.check__label{
    line-height: 36px;
    display: block;
    font-weight: 700;
    color: #0ba3a8;
    font-size: 16px;
}
.check__status{
    margin: 15px 0 30px 0;
}
.check__status--underline{
    text-decoration: underline;
}
.check__legend{
    border: 2px solid #9c9d9d;
    margin-bottom: 10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 10px;
}
.check__legend_action {
    margin-bottom: 30px;
}
.check__panel{
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}
.check__field:not(:last-child) {
    border-bottom: 1px solid #ddd;
}
.check__key{
    width: 25%;
    padding: 7px 6px 5px 10px;
    line-height: 1.5;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    background-color: #08c2ca;
}
.check__field:first-child > .check__key,
.check__field:first-child > .check__value{
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}
.check__field:last-child > .check__key,
.check__field:last-child > .check__value{
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
}
.check__value{
    width: 75%;
    line-height: 1.5;
    font-size: 13px;
    padding: 8px 7px 7px 10px;
    min-height: 30px;
}
.check__field:nth-child(odd) > .check__value{
    background-color: #ececec;
}
.check__table{
    width: 100%;
    border-collapse: collapse;
}
.check__table tr:not(:last-child) td{
    border-bottom: 2px solid #868786;
}
.check__table tr td:not(:last-child){
    border-right: 2px solid #868786;
}
.check__table tr:nth-child(odd) td{
    background-color: #ececec;
}
.check__table tr td{
    font-size: 13px;
    padding: 5px;
    line-height: 1.1;
}

/* Check edit
---------------------------------------*/
.ce-file__edit{
    display: none;
}
.ce-file--active .ce-file__edit{
    display: block;
}
.ce-file--active .ce-file__label{
    height: 85px;
}
.ce-file--active .ce-file__name{
    margin-bottom: 5px;
}
.ce-file__button--edit{
    -webkit-transition: all 0s ease !important;
    -moz-transition: all 0s ease !important;
    -o-transition: all 0s ease !important;
    transition: all 0s ease !important;
}
.ce-file--active .ce-file__button--edit{
    width: 100% !important;
    margin-right: 0 !important;
}
.ce-file--active .ce-file__button--zoom,
.ce-file--active .ce-file__button--remove{
    display: none;
}
.ce-file__button{
    font-size: 18px;
    line-height: 27px;
}
.check-edit__file-img{
    height: 70px;
    background: no-repeat 50% / cover;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #9c9d9d;
}
.check-edit__file-remove{
    height: 30px;
    padding: 5px 10px;
}

/* Reservation
---------------------------------------*/
.reservation {}
.reservation-step {
    margin-bottom: 10px;
}
.reservation-step__title {
    float: left;
    border-left: 5px solid #0ba3a8;
    padding: 5px 10px;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
}
.reservation-step__item {
    float: right;
    background-color: #0ba3a8;
    line-height: 1.3333333;
    border-radius: 6px;
    color: #fff;
    font-weight: 400;
    text-align: center;
    font-size: 14px;
    padding: 7px 12px;
}
.reservation__wrp {
    position: relative;
    padding: 20px;
    border: 1px solid #eee;
    border-radius: 3px;
}

.reservation-list {}
.reservation-table {}
.reservation-table__item td {
    color: #4D4D4D;
}
.reservation-table__item:not([data-id]) td {
    color: rgba(111, 111, 111, 0.32) !important;
}
.reservation-table__item.active td {
    color: #fff !important;
    background-color: #0ba3a8 !important;
}
.reservation-table__item[data-id]:hover {
    cursor: pointer;
}
.reservation-table__item[data-id]:hover td {
    color: #fff;
    background-color: #0ba3a8 !important;
}

.reservation-form {
    width: 70%;
    margin: 0 auto;
}
.reservation-form__group {
    margin-bottom: 20px;
}
.reservation-form__title {
    padding-left: 10px;
    margin-bottom: 5px;
    border-left: 5px solid #0ba3a8;
    font-weight: bold;
    text-transform: uppercase;
}
.reservation-form__btn {
    padding: 15px;
    background: #ffec9e;

}

/* Queue
------------------------------*/
.queue {}
.queue-filter {}
.queue-list {}
.queue-years {
    display: inline-block;
    vertical-align: middle;
}
.queue-years__item {
    float: left;
    padding: 8px 10px;
    display: inline-block;
    border: 1px solid #9c9d9d;
}
.queue-years__item--active {
    background-color: #ffec9e;
}
.queue-years .queue-years__item:nth-of-type(1) {
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.queue-years .queue-years__item:last-child {
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.queue-years__item:not(:first-child) {
    margin-left: -1px;
}
.queue-years__label {
    margin-bottom: 5px;
}

/* Badge
---------------------------------------*/
.badge{
    background-color: #8bc7c9;
    font-size: 12px;
    font-weight: bold;
    padding: 3px 5px;
    vertical-align: middle;
    line-height: 1;
    white-space: nowrap;
    -webkit-border-radius: 5px 0 5px 0;
    -moz-border-radius: 5px 0 5px 0;
    border-radius: 5px 0 5px 0;
}

/* Breadcrumb
----------------------------------------*/
.breadcrumb li{
    display: inline-block;
    vertical-align: top;
}
.breadcrumb li:not(:last-child):after{
    content: "\e900";
    color: #0ba3a8;
    margin: 0 5px;
    vertical-align: middle;
}
.breadcrumb a{
    color: #9c9d9d;
    text-decoration: underline;
}
.breadcrumb a:hover{
    color: #0ba3a8;
}
.breadcrumb span{
    color: #9c9d9d;
}

/* Typography
---------------------------------------*/
.typography .left-block{
    padding-right: 15px;
}
.typography{
    line-height: 1.7;
    font-size: 13px;
}
.typography *{
    font: inherit;
}
.typography > *:last-child{
    margin-bottom: 0;
}
.typography h1,
.typography h2,
.typography h3,
.typography h4,
.typography h5,
.typography h6{
    margin-bottom: 15px;
    font-weight: 600;
    font-size: 18px;
    line-height: 1;
}
.typography h4,
.typography h5,
.typography h6{
    font-size: 16px;
}
.typography p{
    margin-bottom: 10px;
    text-align: justify;
}
.typography strong,
.typography b{
    font-weight: 600;
}
.typography a{
    color: #4082a2;
    text-decoration: underline;
}
.typography a:hover{
    color: #204050;
}
.typography iframe{
    border: 1px solid #ccc;
    padding: 10px;
}
.typography img{
    max-width: 100%;
}
.typography ul:not(.ya-share2__list),
.typography ol{
    padding-left: 25px;
    margin-bottom: 15px;
}
.typography table{
    border-collapse: collapse;
    margin-bottom: 15px;
    float: none;
    width: 100%;
}
.typography th,
.typography td{
    vertical-align: top;
    padding: 4px 8px;
    border: 1px solid #ddd;
}
.typography tbody tr:nth-child(even){
    background-color: #f5f5f5;
}
.typography *[rel=zoom] > img{
    padding: 5px;
    background-color: #fff;
    border: 1px solid #ddd;
    cursor: zoom-in;
}
.typography *[rel=zoom] > img:hover{
    border-color: #aaa;
}

/* Modal
---------------------------------------*/
body.modal-active{
    margin-right: 8px;
    overflow: hidden;
}
body.modal-active .profile.fixed .info{
    width: calc(100% - 350px);
    width: -webkit-calc(100% - 350px);
    width: -moz-calc(100% - 350px);
}
body.modal-active .companies{
    right: 8px;
}
.modal-back{
    position: fixed;
    top: 0;
    left: 0;
    cursor: pointer;
    background-color: rgba(0,0,0,.9);
    width: 100%;
    height: 100%;
    z-index: 69;
    filter: alpha(opacity=0);
    opacity: 0;
    pointer-events: none;
}
.modal-back.active,
.modal-block.active{
    filter: alpha(opacity=100);
    opacity: 1;
    pointer-events: auto;
}
.modal-block{
    cursor: pointer;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 70;
    filter: alpha(opacity=0);
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(-25px);
    -moz-transform: translateY(-25px);
    -o-transform: translateY(-25px);
    -ms-transform: translateY(-25px);
    transform: translateY(-25px);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}
.modal-block.active{
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    overflow-x: hidden;
    overflow-y: auto;
    display: block;
}
.modal-content{
    max-width: 700px;
    margin: 80px auto 20px auto;
    cursor: default;
    position: relative;
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.5);
    -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.5);
    box-shadow: 0 0 5px 0 rgba(0,0,0,.5);
}
.modal-content--sm{
    max-width: 500px;
}
.modal-close{
    position: absolute;
    top: 1px;
    right: 5px;
    font-size: 30px;
    line-height: 30px;
    cursor: pointer;
}
.modal-body .modal-close{
    top: -30px;
    right: -25px;
    color: #fff;
}
.modal-close:before{
    content: "\d7";
}
.modal-header{
    background: #4da27b;
    padding: 20px;
    position: relative;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 300;
    color: #FFF;
}
.modal-header span{
    font: inherit;
    color: inherit;
}
.modal-body{
    background: #fff;
    padding: 20px;
}

/* Loader
------------------------------*/
.loading:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255,255,255,.8);
    z-index: 5;
}
.loading:after {
    content: '';
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-left: -15px;
    border-radius: 50%;
    border: 3px solid #ccc;
    border-top-color: #0ca3a8;
    animation: loader 0.9s linear infinite;
    z-index: 6;
    cursor: not-allowed;
}
@keyframes loader {
    to {transform: rotate(360deg);}
}

/* Alert
----------------------------------------*/
.alert{
    padding: 15px 30px 15px 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    position: fixed;
    z-index: 5;
    bottom: 25px;
    right: 25px;
    max-width: 500px;
}
.alert--hide{
    display: none;
}
.alert--success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
}
.alert--error{
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}
.alert__close{
    position: absolute;
    font-size: 20px;
    top: 0;
    right: 0;
    line-height: 1;
    width: 20px;
    text-align: center;
    cursor: pointer;
    color: rgba(34, 34, 34, .5);
}
.alert__close:before {
    content: "\d7";
}
.alert__close:hover{
    color: rgb(34, 34, 34);
}
.alert a:not(:hover){
    text-decoration: underline;
}

/* Overwrite
----------------------------------------*/
.help-block:not(:empty){
    font-size: 12px;
    color: red;
    padding-top: 5px;
    white-space: normal;
}
.tt-menu{
    padding: 10px;
    max-height: 250px;
    overflow: auto;
}
.tt-menu .tt-empty{
    color: #ccc;
}
.tt-menu .tt-suggestion{
    white-space: normal;
    font-size: 13px;
    padding: 5px;
    cursor: pointer;
}
#nprogress .spinner{
    display: none;
}
.s-header:nth-of-type(2),
.main:nth-of-type(2){
    display: none;
}

/* Print styles
----------------------------------------*/

@media print {
    .check__bg{
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 999;
        background-color: #fff;
    }
    .check__info{
        position: absolute;
        top: 75px;
        left: 50%;
        width: 750px;
        margin-left: -375px;
        z-index: 1000;
    }
    .check__print{
        display: none;
    }
    .request-check,
    .gn-d__tabs-block{
        position: static;
    }
}

/* Konysbek Dias || onskyD@gmail.com
---------------------------------------*/

.footer{
    padding: 30px 0;
    text-align: center;
    border-top:1px solid #dadada;
    margin-top:30px;
}
.footer p{
    padding: 0 50px;
    font-size:14px;
}

.captcha_input {
    width: 120px;
}

/* clock */

.s-btn--clock{
    background-color: #ffec9e;
    color: white;
    border-color: #ffec9e;
    margin-right: 20px;
    position: fixed; 
    z-index: 9999;
    margin-left:400px;
    margin-top: 5px;
}
#clock{
font-weight: bold;
}
.unit{
  display: inline-block;
}
.alert-info{
    display: block;
    padding:1.6rem;
    border:2px solid #eb3755;
    margin-bottom:2rem;
    border-radius: 5px;
    background: #fff9e5;
}
.success-info{
    display: block;
    padding:1.6rem;
    border:2px solid #0ba3a8;
    margin-bottom:2rem;
    border-radius: 5px;
    background: #bef7e7;
}
.check-reserve-back-btn {
    padding: 8px 10px;
    margin-left: 35px;
}

.bx-imopenlines-config-sidebar-message-item {
    white-space: normal !important;
    overflow: inherit !important;
}
.bx-imopenlines-config-sidebar-info-title-item, .bx-imopenlines-config-sidebar-info-block-name, .bx-imopenlines-config-sidebar-message-item {
    font-size: 14px !important;
}