@charset "utf-8";

/*=======================================================
                                          Общие стили сайта
========================================================*/

* {
    margin: 0px;
    padding: 0px;
}

*:focus {
    outline: none;
}

input[type='submit']::-moz-focus-inner, input[type='button']::-moz-focus-inner {
    padding: 0;
    border: 0;
}

select {
    border: 0;
    color: #666666;
}

html,.page {
    background: url(../images/01.jpg) no-repeat top center fixed #FDE3B7;
}

html, body {
    width:100%;
    padding: 0px;
    margin: 0px;
    font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
    font-size: 14px;
}

.ie8 body {
    overflow-x: hidden;
    overflow-y: auto !important;
}

img {
    border: none;
}

a, a:hover {
    text-decoration: none;
}

a[href="javascript:void();"] {
    cursor: default;
}

form {
    margin: 0px;
    padding: 0px;
}

textarea {
    resize: none;
}

input[type="text"], 
input[type="password"], 
input[type="submit"] {
    border: none;
}

ul {
    padding: 0px;
    margin: 0px;
}

ul li {
    list-style-type: none;
}

table {
    border-collapse: collapse;
}

::-webkit-placeholder {color:#666666; opacity: 1;}
::-moz-placeholder    {color:#666666; opacity: 1;}/* Firefox 19+ */
:-moz-placeholder     {color:#666666; opacity: 1;}/* Firefox 18- */
:-ms-placeholder      {color:#666666; opacity: 1;}

input[placeholder]          {text-overflow:ellipsis;}
input::-moz-placeholder     {text-overflow:ellipsis;} 
input:-moz-placeholder      {text-overflow:ellipsis;} 
input:-ms-input-placeholder {text-overflow:ellipsis;} 

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

/*----------------- style main blocks - start ------------------*/

.page {
    height: 100%;
    width: 100%;
    overflow: auto;
}

.wrapper {
    background-image: url(../images/bg_01.png);
    display: block;
    margin: 20px auto;
    width: 980px;
    min-height: 100%;
    box-shadow: 0 0 5px #c2c0c0;
    position: relative;
    border-radius: 17px;
    overflow: hidden;
}

h2 {
    font-size: 27px;
    font-weight: normal;
    margin-bottom: 10px;
}

h3 {
    font-weight: normal;
    font-size: 18px;
    color: #333;
}

h5 {
    text-transform: uppercase;
    color: #4c4c4c;
    font-size: 10px;
    line-height: 20px;
}

/*-----------------popup style ---------------------------*/

.window_shadow {
    display: none;
    height: 100%;
    left: 0;
    opacity: 0.7;
    filter: alpha(opacity=50);
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}

.blur_effect {
    filter: blur(3px);
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -ms-filter: blur(3px);
    filter: url(../js/blur.svg#blur);
}

.window_overlay .table_cell {
    vertical-align: middle !important;
    text-align: center;
}

.window_overlay {
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10001;
}

.window_popup_overlay {
    display: table;
    width: 100%;
    height: 100%;
}

.suite_detail {
    width: 820px;
    background-color: #0099e5;
    display: inline-block;
    padding-top: 10px;
    box-shadow: 0 0 4px #000;
}

.suite_detail label {
    color: #fff;
    font-size: 12px;
}

.suite_detail table {
    width: 100%;
}

.suite_detail table td {
    text-align: left;
    padding: 7px;
}

.suite_detail table tbody tr:first-child td {
    padding-bottom: 0 !important;
}

.suite_detail table td:first-child {
    width: 145px;
    font-weight: bold;
    padding-left: 20px;
}

.suite_detail tbody tr:last-child td {
    padding-bottom: 20px;
}

.suite_detail table tfoot td {
    background-color: #007ed9;
    padding: 10px;
}

.suite_detail.search_form select {
    min-width: 60px;
}

.suite_detail select {
    vertical-align: bottom;
    box-sizing: border-box;
    font-size: 12px;
    height: 30px;
    padding: 0 10px;
}

.ua-safari .suite_detail select {
    line-height: 20px;
}

.add_suite,
.done {
    font-size: 12px;
    display: inline-block;
    color: #b2f2ff;
    font-weight: bold;
}

.add_suite:hover .icon-add:before,
.delete_suite:hover .icon-delete:before,
.done:hover .icon-done:before {
    color: #fff;
}

.delete_suite {
    float: right;
    margin-top: 4px;
    font-size: 12px;
}

.close_popup {
    position: absolute;
    top: 18px;
    right: 18px;
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url(../images/close_popup.png) no-repeat 0 0;
    cursor: pointer;
}

.close_popup:hover {
    background-position: 0 -15px;
}


.popup_r.table_cell {
    text-align: center;
    vertical-align: middle;
}

.authorization_form,
.registration_form,
.forgot_password,
.captcha_block{
    position: fixed;
    top: 50px;
    width: 280px;
    margin-left: -140px;
    left: 50%;
    z-index: 2;
}

.pelena {
    position: fixed;
    background-color: rgba(16, 16, 16, 0.73);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

.authorization_form,
.registration_form,
.forgot_password,
.captcha_block{
    display: inline-block;
    width: 300px;
    background-color: #0099e5;
    border-radius: 5px;
    box-shadow: 0 0 4px #000;
    padding-bottom: 10px;
}

.authorization_form h2,
.registration_form h2,
.authorization_social>span,
.forgot_password h2,
.captcha_block h2{
    display: block;
    padding: 10px 20px;
    text-align: center;
    position: relative;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    clear: both;
}

.authorization_form h2,
.registration_form h2,
.forgot_password h2,
.captcha_block h2{
    background-color: #007ed9;
}

.authorization_form h2 span,
.registration_form h2 span,
.forgot_password h2 span {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: url(../images/close_popup.png) no-repeat 0 0;
    position: absolute;
    top: 44%;
    right: 20px;
    cursor: pointer;
}

.authorization_form form,
.registration_form form,
.forgot_password form  {
    padding: 10px 20px;
}

.forgot_password p,
.download_detail span {
    font-size: 12px;
    color: #fff;
}

#authorization {
    border-bottom: 1px solid #4db8ee;
}

.field input[type="text"],
.field input[type="email"],
.field input[type="password"] {
    border: 0 none;
    width: 100%;
    background-color: #fff;
    padding: 10px;
    margin: 10px 0;
    box-sizing: border-box;
    font-size: 12px;
}

.field label {
    color: #fff;
    font-size: 12px;
    float: left;
    margin: 10px 0;
}

.mes_forget {
    float: right;
    margin: 8px 0;
}

.mes_forget a, .new_album_create {
    color: #7feaff;
    font-size: 12px;
    text-decoration: underline;
}

.mes_forget a:hover {
    text-decoration: none;
}

.field_btn .submit {
    width: 100%;	
}

.authorization_social .facebook_btn,
.authorization_social .vk_btn {
    padding: 10px 0;
    width: 120px;
    background-color: #fff;
}

.facebook_btn {
    float: left;
    margin: 0 0 20px 20px;
}

.vk_btn {
    float: right;
    margin-right: 20px;
}

.facebook_btn img,
.vk_btn img {
    vertical-align: middle;
}

#download_popup form.img_f {
    height: 100%;
}

.download_detail,
.album_detail,
.note_detail {
    display: inline-block;
    background-color: #0099e5;
    box-shadow: 0 0 4px #000;
    position: relative;
    padding-bottom: 40px;
    box-sizing: border-box;
}

.download_detail {
    width: 350px;
    min-height: 350px;
    text-align: center;
}


.photo_review {
    display: block;
    margin: 10px auto;
    box-sizing: border-box;
    position: relative;
    overflow: hidden
}

.photo_review .top,
.photo_review .bottom {
    height: 35px;
    width: 100%;
    position: absolute;
    background-color: rgba(0, 153, 230, 0.7);
    left: 0;
    z-index: 100;
}

.download_detail .title {
    line-height: 40px;
}
.photo_review img {
    cursor: move;
    width: 250px;
    height: 250px;
}

.photo_review .top {
    top: 0;
}

.photo_review .bottom {
    bottom: 0;
}

.photo_place {
    width: 175px;
    height: 175px;
    border: 3px dotted #29b6f6;
    margin: 45px auto;
    padding: 20px;
    box-sizing: border-box;

}

.photo_place span {
    font-size: 18px;
    color: #29b6f6;
    line-height: 25px !important;
    margin-top: 35px;
    display: inline-block;
}
.function_panel {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    background-color: #007ed9;
    height: 40px;
    padding: 0 20px;
    box-sizing: border-box;
}

.function_panel span {
    line-height: 40px;
}

.function_panel label,
.function_panel input[type="submit"] {
    background: none;
    color: #b2f2ff;
    font-size: 12px;
    font-weight: bold;
    line-height: 39px;
    cursor: pointer;
    font-family: Arial,"Helvetica CY","Nimbus Sans L",sans-serif;
}

.function_panel .icon-done:before {
    color: #b2f2ff;
    margin: 0;
    cursor: pointer;
    vertical-align: middle;
}

.function_panel .float_right:hover .icon-done:before,
.hover_effect:hover .icon-done:before {
    color: #fff;
}

.hover_effect {
    display: inline-block;
}

.function_panel input[type="file"] {
    display: none;
}

.function_panel label:before,
#saveImg:before {
    background: url("../images/icn_download.png") no-repeat 0 0;
    content: "";
    display: inline-block;
    height: 14px;
    margin-right: 5px;
    vertical-align: middle;
    width: 14px;
}

.function_panel > label:hover:before {
    background-position: 0 -14px;
}

.album_detail,
.note_detail {
    text-align: left;
    width: 580px;
    position: relative;
}

#imageform {
    padding: 20px;
}

.field_album,
.label_field {
    display: block;
    color: #fff;
    font-size: 12px;
    line-height: 20px;
}

.album_detail select,
.note_detail select {
    background-color: #fff;
    box-sizing: border-box;
    color: #666666;
    font-size: 12px;
    height: 30px;
    padding: 0 10px;
    width: 260px;
    font-family: Arial,"Helvetica CY","Nimbus Sans L",sans-serif;
    background-position: 96% center;
}
.album_detail select{
    width:350px;
}

.new_album_create {
    cursor: pointer;
    margin: 0 15px;
}

.new_album_create:hover {
    text-decoration: none;
}

.new_album {
    color: #666666;
    height: 30px;
    padding: 0 10px;
    float: left;
    width: 328px;
    box-sizing: border-box;
}

#preview span.imgList {
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px 15px 20px;
}

#preview div.imgList {
    padding-bottom: 8px;
}

.imgList .wrap_img,
.imgList textarea {
    vertical-align: top;
}

#preview textarea,
.note_detail textarea {
    border: 0 none;
    padding: 10px;
    box-sizing: border-box;
    font-family: Arial,"Helvetica CY","Nimbus Sans L",sans-serif;
    font-size: 12px;
    color: #999;
}

#preview textarea {
    width: 80%;
    min-height: 64px;
    resize: vertical;
    float: right;
}

#preview .wrap_img {
    width: 100px;
    height: 70px;
    text-align: center;
    overflow: hidden;
    display: inline-block;
}

#preview .wrap_img img {
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.note_detail select {
    width: 140px !important;
    margin-bottom: 10px;
}

.note_detail input[type="text"] {
    padding: 0 10px;
    height: 30px;
    width: 380px;
    box-sizing: border-box;
    margin-bottom: 10px;
    color: #666666;
    font-size: 12px;
}

.note_detail textarea {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    color: #666666;
}

.color_66ccff {
    color: #66ccff;
}

/*----------------/popup style ---------------------------*/

/*----------------- Стили шапки - start ------------------*/

.header {
    position: relative;
    padding: 20px;
    box-sizing: border-box;
}

a.logo {
    float: left;
    margin-right: 33px;
    background: url(../images/logo.png) no-repeat top left;
    width:132px;
    height:98px;
}

figure {
    float: right;
    position: relative;
}

/*----------------- Стили шапки - end ------------------*/

/*----------------- Стили меню - start ------------------*/

.menu_panel {
    background: #ff9500;
    height: 40px;
    position: relative;
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
}

.main_menu {
    display: inline-block;
    font-size: 0;
    width: 690px;
}

.main_menu svg{
  width:24px;height:24px;
  position:relative;
  top:8px;
  float:left;
}

.main_menu li {
    display: inline-block;
    list-style: none;
    vertical-align: middle;
    padding: 0 5px;
    font-size: 11px;
    width:83px;   
}

.main_menu li:first-child {
    padding-left: 0 !important;
}

.main_menu li a {
    display: inline-block;
    color: #fff;
    font-weight: bold;
    line-height: 40px;
    height: 40px;
    box-sizing: border-box;
}
.main_menu li a .mmm{
    width: 58px;
    overflow: hidden;
    position: relative;
    float: left;
    line-height: 12px;
}
.main_menu li a .mmm.one{
    position: relative;
    left:5px;
    top:14px;
}
.main_menu li a .mmm.two{
    position: relative;
    left:5px;
    top:7px;
}

.main_menu li a:hover,
.main_menu li a.active_menu {
    border-bottom: 3px solid #ff6a00;
    box-sizing: border-box;
}

.user_panel {
    float: right;
    font-size: 0;
    position: relative;
}

.user_panel>a {
    float: left;
    height: 40px;
    line-height: 40px;
    vertical-align: top;
    color: #fff;
    font-size: 12px;
}

.log_in {
    padding: 0 35px 0 20px;
    text-decoration: underline;
}

.user_name {
    padding: 0 4px 0 10px;
    text-decoration: underline;
    background-color: #0099e6;
}

.log_in {
    background: url(../images/login_icn.png) no-repeat 80% 52% #0099e6;
}

.log_out {
    background: url(../images/logout_icn.png) no-repeat center center #0099e6;
    width: 30px;
}

.log_out:hover {
    background-color: #0a88cb;
}

.log_in:hover {
    text-decoration: none;
}

.choose_valute {
    padding: 0 10px;
    color: #fff;
    vertical-align: top;
    background-color: #ffa526;
    text-transform: uppercase;
}

.choose_valute > i {
    font-size: 9px;
    margin-left: 4px;
    vertical-align: top;
}

/*----------------- Стили меню - end ------------------*/

/*----------------- Стили контента - end ------------------*/

.content {
    position: relative;
    padding: 20px;
    background:url(../images/02.png) no-repeat bottom right;
    box-sizing: border-box;
}

.content.table {
    width: 100%;
}

.content.table .table_cell {
    vertical-align: top;
}

/*----------------- left side ------------------*/

.breadcrumbs {
    margin-bottom: 10px;
}

.breadcrumbs li {
    display: inline-block;
}

.breadcrumbs li:before {
    content: '/';
    color: #a5a5a5;
}

.breadcrumbs li:first-child:before {
    content: '';
}

.breadcrumbs a {
    color: #a5a5a5;
    text-decoration: underline;
    margin-left: 4px;
}

.breadcrumbs a:hover {
    text-decoration: none;
}

.breadcrumbs li:last-child a {
    text-decoration: none;
}

.rating_overlay {
    background-image: url("../images/stars_sprite.png");
    background-position: left top;
    background-repeat: no-repeat;
    width: 89px;
    height: 16px;
    margin-left: 12px;
    cursor: pointer;  
    position: relative;                            
}

.inner_rating {
    background-image: url("../images/stars_sprite.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    height: 16px;
    cursor: pointer;
}

.rating_overlay span {
    display: inline-block;
    height: 16px;
    width: 17px;
    margin-left: 1px;
}

.rating_stars_overlay {
    font-size: 0px;
    letter-spacing: -1px;  
    position: absolute;
    top: 0px;
    width: 89px;
}   

.safari .rating_stars_overlay {
    letter-spacing: -4px;
}

/*------------------selection currency--------------*/

.user_panel .dropdown{
    margin-top: 40px;
}

/*------------------selection currency--------------*/

/*----------------- search hotels ------------------*/
/*
        .search_form {
                background-color: #0099e5;
                padding: 5px 10px;
                margin-bottom: 20px;
                font-size: 0;
        }

        .search_form .style_wrap {
                display: inline-block;
                margin: 10px;
                vertical-align: bottom;
                min-width: 130px;
                font-size: 12px;
                text-align: left;
        }

        .search_form label {
                color: #fff;
                font-size: 12px;
                line-height: 20px;
                display: block;
                vertical-align: bottom;
        }

        .style_wrap.folded_view label {
                display: inline-block;
        }

        .search_form input[type="text"], 
        .search_form select {
                background-color: #fff;
                padding: 0 10px;
                box-sizing: border-box;
                height: 30px;
                font-size: 12px;
                width: 130px;
                color: #666666;
        }

        .search_form .dropdown label {
                display: inline-block;
                color: #808080;
                font-size: 12px;
        }

        .search_form .dropdown input[type="number"] {
                border: 0 none;
                color: #4c4c4c;
                float: right;
                margin-left: 10px;
                width: 35px;
        }

        .age_children {
                min-width: 185px;
        }

        .ua-ie .dropdown li:last-child input[type="number"],
        .ua-safari .dropdown li:last-child input[type="number"] {
                float: none !important;
        }

        .search_form .table_cell {
                padding: 10px;
                text-align: left;
        }

        .search_form .table_cell input,
        .search_form .table_cell select {
                width: 100% !important;
        }

        .reverse_direction {
                position: absolute;
                right: -16px;
                top: 61%;
                display: inline-block;
                width: 12px;
                height: 10px;
                background: url(../images/reverse_direction.png) no-repeat 0 0;
                -webkit-transition: all 0.5s ease-in-out;
                -moz-transition:    all 0.5s ease-in-out;
                -o-transition:      all 0.5s ease-in-out;
                -ms-transition:     all 0.5s ease-in-out;
        }

        .reverse_direction:active {
                -webkit-transform: rotate(180deg);
                -moz-transform:    rotate(180deg);
                -o-transform:      rotate(180deg);
                -ms-transform:     rotate(180deg);
        }

        .add_direction .reverse_direction {
                top: 40%;
        }

        .add_direction .delete_suite {
                position: absolute;
                right: -17px;
                top: 6px;
        }

        .add_flight {
                display: inline-block;
                border: 1px dotted #99d6f5;
                padding: 10px 300px;
                color: #fff;
        }

        .add_flight:hover {
                background-color: #1fa5e9;
        }

        .search_form .submit_small {
                padding: 0 20px !important;
        }

        .ua-ie select {
                padding-right: 0 !important;
        }

        .ua-safari .search_form select {
                padding: 10px !important;
                line-height: 26px;
        }

        .ua-safari .search_form {
                padding: 0 0 0 3px;
        }

        .ua-safari .reverse_direction {
                right: -18px;
        } 

        .hotel_search {
                text-align: justify;
        }

        .hotel_search:after {
                content: " ";
                display: inline-block;
                height: 1px;
                margin-left: 100%;
        }

        .hotel_search input[type="text"], 
        .hotel_search select {
                width: auto;
        }

        input[type=checkbox] {display: none;}

        input[type=checkbox] + .select_box:before {
                content: "";
                display: inline-block;
                height: 14px;
                width: 14px;
                text-align: center;
                vertical-align: middle;
                background-color: #fff;
                border-radius: 2px;
                cursor: pointer;
                position: relative;
                margin: 0 5px 0 0;
        }

        input[type=checkbox]:checked + .select_box:before {
                content: '';
                background: url(../images/icn_check.png) no-repeat 0 0;
        }

        .submit {
                background-color: #29b6f6;
                border-top: 1px solid #7ad1f9;
                margin: 10px 0;
                padding: 15px 80px;
                border-radius: 5px;
                font-weight: bold;
                color: #fff;
                box-sizing: border-box;
                box-shadow: 0 2px 0 #0099e6;
                cursor: pointer;
                display: inline-block;
                text-align: center;
                height: 50px;
                line-height: 20px;
                font-size: 16px;
        }

        .submit_small {
                height: 30px !important;
                font-size: 12px !important;
                line-height: 30px !important;
                padding: 0 25px !important;
                margin: 0 !important;
        }

        .submit:hover {
                background-color: #2bbcff;
        }

        .submit:active {
                background-color: #29b6f6;
                border-top: 2px solid #1280b2;
                line-height: 16px;
                background-position: 29% 46%;
                box-shadow: 0 2px 0 #29b6f6 !important;
        }

        #from, #to {
                background: url(../images/icn_calendar.png) no-repeat 95% 50% #fff;
        }

        .for_map {
                display: inline-block;
                width: 210px;
                height: 210px;
                margin: 15px auto;
                overflow: hidden;
                position: relative;
        }

        .for_map .mask {
                width: 210px;
                height: 210px;
                position: absolute;
                overflow: hidden;
                top: 0;
                left: 0;
                box-sizing: border-box;
        }

        .for_map img {
                max-width: 100%;
                height: auto;
                position: relative;
        }

        .for_map img { 
                transition: all 0.2s linear;
                -webkit-transition: all 0.2s linear;
                -moz-transition: all 0.2s linear;
                -o-transition: all 0.2s linear;
        }

        .for_map .mask {
                opacity: 0;
                background-color: rgba(255,127,0, 0.5); 
                transition: all 0.4s ease-in-out;
                -webkit-transition: all 0.4s ease-in-out;
                -moz-transition: all 0.4s ease-in-out;
                -o-transition: all 0.4s ease-in-out;
                }
        .for_map:hover img { 
                transform: scale(1.1);
                -webkit-transform: scale(1.1);
                -moz-transform: scale(1.1);
                -o-transform: scale(1.1);
        } 
        .for_map:hover .mask { 
                opacity: 1;
        }

        .show_on_map {
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                margin: auto;
                font-weight: bold;
                font-size: 16px;
                width: 170px;
                height: 50px;
                border-radius: 5px;
                box-shadow: 0 2px 1px rgba(0,0,0,0.5);
                color: #4c4c4c;
                text-align: center;
                line-height: 50px;
                background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%);
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
                background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
                background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
                background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
                background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
        }

        .on_map {
                line-height: 22px;
        }

        .on_map:hover {
                border-bottom: 0 none;
        }

        .hotel_sort_by {
                display: block;
                background-color: #fffaf2;
                box-shadow: 0 0 1px #F5D5A6  inset;
                padding: 5px 8px;
                margin: 10px 0;
        }

        .hotel_sort_by ul {
                float: right;
        }

        .hotel_sort_by li {
                display: inline-block;
                margin-left: 33px;
        }

        .hotel_sort_by li a {
                color: #999;
                font-size: 11px;
        }

        .hotel_sort_by li a:hover,
        .active_sort {
                color: #FF9500 !important;
        }

        .hotel_sort_by i {
                font-size: 9px;
        }

        .hotel_list_preview {
                display: table;
                width: 100%;
                border-top: 1px solid #f2f2f2;
        }

        .hotel_list_preview:first-of-type {
                border-top: 0 !important;
        }


        .hotel_list_preview .table_cell {
                vertical-align: top;
                padding: 20px 0 20px 10px;
        }

        .hotel_list_preview .table_cell:first-child {
                padding-left: 0 !important;
        }

        .hotel_list_preview .table_cell:first-child,
        .hotel_list_preview .table_cell:last-child {
                width: 150px;
                text-align: right;
        }

        .hotel_list_preview .adapt_img {
                height: 150px;
                width: 150px;
                border: 1px solid #f2f2f2;
                box-sizing: border-box;
        }

        .title_hotel {
                color: #2BBCFF;
                font-weight: bold;
                font-size: 20px;
        }

        a.title_hotel:hover {
                text-decoration: underline;
        }

        .hotel_list_preview .hotel_stars {
                color: #fabf0c;
                font-size: 11px;
                vertical-align: top;
                margin: 0;
        }

        .location {
                font-size: 11px;
                color: #666666;
                display: block;
        }

        .location a {
                color: #FF9500;
                border-bottom: 1px solid #FEE3BE;
        }

        .location a:hover {
                border-bottom: 0 none !important;
        }

        .filter_search .hotel_stars {
                display: inline-block;
                width: 16px;
                height: 14px;
                background: url(../images/stars.png) no-repeat;
                vertical-align: middle;
        }

        .filter_search .hotel_stars.active_star {
                background-position: 0 0;
        }

        .filter_search .hotel_stars.no_active_star {
                background-position: -16px 0;
        }

        .filter_search .hotel_stars:last-of-type {
                margin-right: 8px;
        }

        .count {
                color: #4c4c4c;
                margin-left: 5px;
                vertical-align: middle;
                display: inline-block;
        }

        .count:before {
                content: "(";
        }

        .count:after {
                content: ")";
        }

        .small_text {
                color: #999;
                font-size: 11px;
                display: block;
        }

        .red_text {
                color: #ff5500;
                font-size: 12px;
                line-height: 25px;
                display: block;
        }

        .big_price {
                font-size: 22px;
                line-height: 25px;
                color: #ff5500;
                font-weight: bold;
        }

        .room_info li {
                padding: 4px 0;
        }

        .room_info li:hover {
                background-color: #f2fbff;
        }

        .room_info li:hover a {
                text-decoration: underline;
        }

        .room_info span {
                color: #ff5500;
        }

        .room_info a {
                color: #0099e6;
        }

        .room_info .icon-valute_light {
                font-size: 10px;
                line-height: 16px;
                vertical-align: top;
        }

        .big_price .icon-valute_light {
                font-size: 16px;
                line-height: 22px;
                vertical-align: top;
        }

        #loaderImage {
                text-align: center;
                margin: 15px 0;
        }
*/
/*----------------- /search hotels ------------------*/

/*----------------- search tickets ------------------*/
/*	
        .left_side.width_220px {
                background-color: #FFFAF2;
        }

        .folded_view {
                display: inline-block;
                position: relative;
                margin-bottom: 4px;
        }

        .folded_view a {
                color: #7feaff;
                text-decoration: underline;
                font-size: 12px;
                position: relative;
                line-height: 18px;
                vertical-align: middle;
        }

        .open_list {
                margin-left: 5px;
        }

        .folded_view a:hover {
                text-decoration: none;
        }

        .style_wrap .dropdown {
                top: auto;
        }

        input[disabled],
        select[disabled] {
                background-color: #99ceea !important;
        }

        .folded_view.float_right .dropdown,
        .style_wrap.folded_view .dropdown {
                right: 0;
                top: 100%;
        }

        .dropdown {
                display: none;
                box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
                position: absolute;
                background-color: #fff;
                margin-top: 8px;
                z-index: 1000;
                top: 100%;
        }

        .dropdown:before {
                content: '';
                background: url(../images/drop_coner.png) no-repeat 0 0;
                width: 14px;
                height: 7px;
                display: inline-block;
                position: absolute;
                top: -7px;
                left: 9px;
        }

        .dropdown li {
                padding: 7px;
        }

        .dropdown li a {
                color: #808080;
                font-size: 12px;
        }

        .dropdown li a:hover {
                color: #ff7f00;
        }

        .filter_search {
                border-top: 1px solid #ff9500;
                background-color: #fffaf2;
                min-height: 100%;
        }

        .title_part {
                padding: 10px;
        }

        .similar_style {
                padding: 15px 10px;
                border-top: 1px solid #fff;
                box-shadow: 0 -1px 0 #fff0d9;
        }

        .similar_style:last-of-type {
                border-bottom: 1px solid #fff0d9;
        }


        .toggle_filter {
                cursor: pointer;
        }

        .toggle_filter i, .close {
                display: inline-block;
                background: url(../images/toggle_block.png) no-repeat;
                margin: 0 0 2px 3px;
                width: 5px;
                height: 5px;
        }
        
        .toggle_filter i {
                background-position: 0 0;
        }

        .close {
                background-position: 0 -5px !important;
        }

        #slider-range-min {
                border: 0 none !important;
                background: #ffebcc !important;
        }

        .ui-slider-handle {
                display: inline-block;
        }

        .result_slide label,
        .result_slide input {
                text-align: center;
                width: 100%;
                color: #808080;
                font-size: 12px;
                background: transparent;
        }

        .content_inside {
                color: #808080;
                font-size: 12px;
                margin-top: 10px;
        }

        .content_inside ul li {
                list-style-type: none;
        }

        .content_inside .ui-widget-content {
                border: 0 none !important;
                background: #ffebcc !important;
                margin: 10px 0;
        }

        .content_inside label {
                vertical-align: middle;
                display: inline-block;
                line-height: 28px;
        }

        .content_inside input[type=radio] {
                display: none;
        }

        .content_inside input[type=radio] + label:before,
        .content_inside input[type=checkbox] + label:before {
                content: "";
                display: inline-block;
                width: 14px;
                height: 14px;
                vertical-align: middle;
                margin-right: 9px;
                line-height: 28px;
        }

        .content_inside input[type=radio] + label:before {
                background: url(../images/icn_radio.png) no-repeat 0 0;
        }

        .content_inside input[type=checkbox] + label:before {
                background: url(../images/list_check.png) no-repeat 0 0;
        }

        .content_inside input[type=radio]:checked + label:before,
        .content_inside input[type=checkbox]:checked + label:before {
                background-position: 0 -14px;
        }

        .color_4c4c4c {
                color: #4c4c4c;
        }

        .color_999 {
                color: #999;
        }

        .table.sort_by {
                width: 100%;
                border:  1px solid #fff0d9;
                margin: 10px 0;
        }

        .sort_by .table_cell {
                width: 33.3%;
                background-color: #fffaf2;
                border-left: 1px solid #fff0d9;
                padding: 10px 8px 10px 15px;
                cursor: pointer;
                color: #ff9500;
                font-size: 12px;
                line-height: 15px;
                vertical-align: middle;
                transition: all 0.5s ease-out;
        }

        .sort_by .table_cell:hover {
                background-color: #ff9500;
                color: #fff;
        }

        .sort_by .table_cell:first-child {
                border-left: 0;
        }

        .sort_by .title {
                font-weight: 900;
                font-size: 12px;
        }

        .table.result_search {
                width: 100%;
                border-radius: 5px;
                box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
                margin-bottom: 20px;
        }

        .table.result_search .table_cell {
                width: 33.3%;
                padding: 9px 15px;
                line-height: 20px;
                color: #4c4c4c;
                border-top: 1px solid #f2f2f2;
                position: relative;
        }

        .table.result_search .table_row:first-child .table_cell {
                border-top: 0 none;
        }

        .table.result_search .table_row:last-of-type {
                background-color: #fafafa;
        }

        .table.result_search .table_cell * {
                vertical-align: middle;
        }

        .table.result_search .table_cell:nth-child(2) {
                color: #0099e6;
        }


        .forth.more_open:last-of-type {
                border-bottom: 1px solid #e6e6e6;
        }

        .date_fly {
                display: block;
                font-size: 12px;
        }

        .sort_by .icon-valute {
                font-size: 10px;
                line-height: 12px;
        }

        .dotted_line {
                border-bottom: 2px dotted #0099e6;
                display: inline-block;
                height: 2px;
                position: absolute;
                right: 10px;
                top: 47%;
                width: 24px;
        }

        .forth .icon-plane {
                -webkit-transform: rotate(-180deg);
                -moz-transform: rotate(-180deg);
                -o-transform: rotate(-180deg);
                display: inline-block;
        }

        .ua-ie .forth .icon-plane {
                width: 29px;
                height: 24px;
                background: url(../images/ie9_plane.png) no-repeat 0 0;
        }

        .ua-ie .forth .icon-plane:before {
                content: '';
                background: none;
        }

        .table.result_search .submit {
                padding: 15px !important;
                font-weight: normal;
                font-size: 15px;
                margin: 0;
        }

        .detail {
                color: #ff9500;
                text-decoration: underline;
                margin-right: 20px;
        }

        .detail:hover {
                text-decoration: none;
        }

        .text_over {
                background-color: #fff;
                bottom: -20px;
                display: inline-block;
                left: 20%;
                padding: 10px;
                position: absolute;
                z-index: 100;
                color: #999;
                font-size: 12px;
        }

        .choose_hotel {
                display: block;
                padding: 10px;
                box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
                margin-bottom: 20px;
        }
*/

/*----------------- /search tickets -----------------*/

/*-----------------mask-effect----------------------*/
.choose_hotel > p {
    line-height: 20px;
    font-size: 12px;
    color: #4c4c4c;
    margin-bottom: 4px;
}

.hotel_preview {
    width: 130px;
    height: 90px;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: right;
    cursor: pointer;
    color: #fff;
    margin-left: 7px;
}

.hotel_preview:first-of-type {
    margin-left: 0;
}

.over_price {
    position: absolute;
    font-weight: 900;
    bottom: 8px;
    right: 8px;
    opacity: 1;
    font-size: 12px;
}

.hotel_preview .mask {
    width: 130px;
    height: 90px;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    padding: 8px;
    box-sizing: border-box;
}

.hotel_preview img {
    max-width: 100%;
    height: auto;
    position: relative;
}

.hotel_preview .hotel_stars {
    font-size: 12px;
}

.hotel_preview h4 {
    font-size: 11px;
    line-height: 15px;
}

.hotel_preview p {
    font-size: 12px;
    font-weight: 900;
    position: absolute;
    bottom: 8px;
    right: 8px;
}

.hotel_preview p .icon-valute,
.hotel_preview .over_price .icon-valute {
    font-size: 9px;
}

.hotel_preview img { 
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}

.hotel_preview .mask {
    opacity: 0;
    background-color: rgba(255,127,0, 0.8); 
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.hotel_preview h4,
.hotel_preview .hotel_stars {
    transform: translateY(-100px);
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    opacity: 0;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.hotel_preview p { 
    transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -o-transform: translateY(100px);
    opacity: 0;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}

.hotel_preview:hover img { 
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
} 
#show_more_hotels{
    opacity: 1;
}

.hotel_preview.last .mask{
    opacity: 1 !important;
}

.hotel_preview:hover .mask { 
    opacity: 1;
}

.hotel_preview:hover .over_price {
    opacity: 0;
}
.hotel_preview:hover h4,
.hotel_preview:hover p,
.hotel_preview .hotel_stars {
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
}
.hotel_preview:hover p {
    transition-delay: 0.1s;
    -webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
}

.show_more {
    text-align: center !important;
    font-size: 12px;
    font-weight: bold;
    display: block;
    margin-top: 20px;
}

/*-----------------/mask-effect----------------------*/

/*---------------- list country --------------------*/

.title_country a{
    color: #666666;
    line-height: 25px;
    cursor: pointer;
}

.title_country a:hover,
.country_part li a:hover {
    color: #FF9500;
}

.country_part {
    padding: 0 10px;
}

.country_part li a {
    color: #666666;
    line-height: 25px;
}

.info_text {
    color: #999;
    line-height: 18px;
    font-size: 12px;
    margin: 10px 0;
}

.alphabet_title {
    color: #4a4a4a;
    text-transform: uppercase;
}

.filter_alphabet.table {
    width: 100%;
    margin: 15px 0;
}

.filter_alphabet.table .table_cell {
    width: 50%;
    vertical-align: top;
    padding-right: 25px;
    box-sizing: border-box;
}

.maps.filter_alphabet.table .table_cell {
    width: 25%;
}

.filter_alphabet.table .table_cell ul {
    margin-bottom: 20px;
}

/*---------------- list country --------------------*/


/*----------------- slider ------------------*/

.slider {
    width: 580px;
    height: 100px;
    overflow: hidden;
    position: relative;
    padding: 5px 14px;
    box-sizing: border-box;
}

.slider_block{
    width: 552px;
    overflow: hidden;
}

.slider ul{
    height: 100px;
    overflow: hidden;
    float: left;
    position: relative;
}

.prev, .next {
    display: inline-block;
    width: 10px;
    height: 16px;
    background: url(../images/slider_arrows.png) no-repeat;
    position: absolute;
    top: 50%;
}

.prev {
    background-position: 0 0;
    left: 0;
}

.next {
    background-position: -13px 0;
    right: 0;
}

.slide {
    width: 160px;
    height: 100px;
    overflow: hidden;
    display: inline-block;
    /*float: left;*/
    text-align: center;
    margin: 0 12px;
    cursor: pointer;
}

.slide img {
    width: 100%;
    height: 100%;
}


/*----------------- /slider ------------------*/

/*------------------photo coutry---------------*/

.photo_preview {
    float: left;
    margin: 10px 0 10px 20px;
}

.for_image {
    width: 280px;
    height: 160px;
    overflow: hidden;
    display: block;
}

.for_image_small {
    width: 160px;
    height: 70px;
    overflow: hidden;
    display: block;
}

.for_image_big {
    width: 400px;
    height: 190px;
    overflow: hidden;
    display: block;
}

.for_image img,
.for_image_big img,
.for_image_small img {
    max-width: 100%;
    height: auto;
}

.subscription {
    display: block;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    background-color: #f2fbff;
    padding: 8px;
    font-size: 12px;
    box-shadow: 0 1px 2px #cfdee6;
    color: #333;
    /*width: 164px;*/
}

/*------------------/photo coutry---------------*/			
.show_all {
    text-decoration: underline;
    color: #0380a6 !important;
    display: inline-block !important;
}

.show_all:hover {
    text-decoration: none;
}

/*----------------- rating hotels ------------------*/

.hotel_rating_overlay {
    margin-top: 30px;
    position: relative;
}

.hotel_rating_overlay .dropdown:before {
    left: 75%;
}

.sorting {
    border-bottom: 1px dotted #000000;
    float: left;
    color: #000000;
    padding-top: 10px;
    margin-left: 10px;
    position: relative;
}

.sorting:hover {
    border-bottom: 0 !important;
}

.sorting:after {
    content: ' ';
    position: absolute;
    right: -14px;
    top: 16px;
    background: url("../images/arrows_sprite.png") no-repeat left top;
    width: 9px;
    height: 6px;
}

.current {
    margin-left: 5px;
}

.currency {
    font-size: 11px;
    line-height: 22px;
    color: #999;
}

.currency a, .add {
    color: #ff7f00;
}

.hotel_list {
    padding: 12px 0px 14px 0px;
}

.hotel_list .table_cell:first-child {
    padding-right: 10px;
}

.hotel_list .table_row:first-child .table_cell {
    padding-top: 0px;
}

.hotel_list .table_cell {
    padding-top: 10px;
    vertical-align: top;
}

.hotel_list .table_cell + .table_cell {
    width: 100%;
}

.hotel_list .table_cell + .table_cell a {
    text-transform: uppercase;
    color: #0380a6;
    text-decoration: underline;
    font-size: 12px;
}

.hotel_list .table_cell + .table_cell a:hover {
    text-decoration: none;
}

.hotel_list .table_row:first-child .table_cell + .table_cell .rating_reviews_overlay {
    padding-top: 10px;
}

.rating_reviews_overlay .table_cell + .table_cell a {
    font-size: 11px;
    color: #828282;
    text-transform: none !important;
}


/*----------------- /rating hotels ------------------*/

/*----------------- /left side ------------------*/

/*----------------- right side ------------------*/

.left_side_fx {
    float: left;
}

.right_side_fx {
    float: right;
}

.right_side, .left_side {
    display: table-cell;
    vertical-align: top;
}

.right_side {
    padding-left: 20px;
    box-sizing: border-box;
}

/*-----------------main page -------------------------------*/

.section {
    font-size: 14px;
    padding: 0;
}

.ua-safari .section {
    padding: 0;
}

.box {
    padding: 19px;
    display: none;
    box-sizing: border-box;
}

.ua-safari .box {
    padding: 18px;
}

.box input[type="text"],
.box select {
    width: 100% !important;
}

.box .submit {
    width: 100%;
}

.box .open_list {
    margin-left: 0;
}

.box .folded_view label {
    display: inline-block;
}

.visible  {
    display: block;
}

.tabs li {
    width: 50%;
    float: left;
    color: #fefefe;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #ff9500;
}

.current_tab {
    background-color: #0099e6 !important;
}

.color_00a0cf {
    color: #00a0cf;
    font-weight: bold;
}

.bold_text {
    font-weight: bold;
}

.short_desc {
    display: block;
    line-height: 16px;
    margin-top: 5px;
}

.top_tourist  {
    margin: 30px 0;
    width: 100%!important;
}

.user_info {
    margin-bottom: 10px;
    /*width: 100%;*/
    width: 280px;
}

.user_info td {
    padding: 5px 10px 5px 0;
    vertical-align: middle;
}

.user_info td li {
    display: inline-block;
    border-left: 1px solid #828282;
    line-height: 12px;
    padding: 4px 2px 0 5px;
    line-height: 9px;
}

.user_info td li:first-child {
    border-left: none;
    padding-left: 0;
}

.user_info td:first-child {
    width: 40px;
}

.gray_link {
    color: #828282;
    font-size: 11px;
    text-decoration: underline;
}

.gray_link:hover {
    text-decoration: none;
}

.gray_link :first-of-type {
    padding-left: 0;
    border-left: none 0;
}

.green {
    color: #2e7900;
}

.ava {
    width: 40px;
    height: 40px;
    overflow: hidden;
    background: url(../images/ava/ava_default.jpg) no-repeat 0 0;
}

.ava img {
    max-width: 100%;
    height: auto;
}

/*----------------/main page -------------------------------*/

/*-----------------list catalog -------------------------------*/
.catalog {
    margin: 30px 0;
}

.catalog_list {
    margin-top: 15px;
}

.catalog_list li {
    padding: 4px 0;
}

.catalog_list li a {
    color: #0380a6;
    line-height: 15px;
    text-decoration: underline;
}

.catalog_list li a:hover {
    text-decoration: none;
}

.catalog_list.some_style li {
    display: inline-block;
}

/*-----------------/ list catalog -------------------------------*/


/*----------------- Hot Tours ------------------*/

.hot_tours {
    margin: 30px 0;
}

.hot_tours .sorting {
    font-size: 25px;
    line-height: 21px;
    padding-top: 4px;
}

.hot_tours_overlay {
    margin-top: 15px;
}

.hot_tours_overlay .table_cell {
    padding: 5px 0 5px 10px;
    vertical-align: top;
    color: #828282;
    line-height: 18px;
}

.hot_tours_overlay .table_cell:first-child {
    padding-left: 0 !important;
}

.adapt_img {
    margin: 0 auto;
    width: 75px;
    height: 55px;
    max-width: 100%;
    max-height: 100%;
    display: inline-block;
    text-align: center;
}

.adapt_img img {
    max-width: 100%;
    height: auto;
    max-height: 100%;
}

.blue_title {
    text-decoration: underline;
    color: #0380a6;
}

.blue_title:hover {
    text-decoration: none;
}

/*----------------- /Hot Tours ------------------*/

/*-----------------visa ------------------------*/

.visa .table {
    width: 100%;
}

.visa .table_cell {
    width: 50%;
    vertical-align: top !important;
}

.visa .table_cell li {
    line-height: 16px;
}

.visa .flag {
    display: inline-block;
    width: 26px;
    height: 18px;
    overflow: hidden;
    border: 1px solid #e7e7e7;
    box-sizing: border-box;
    margin-right: 10px;
    vertical-align: middle;
}

.visa .flag img {
    max-width: 100%;
    height: auto;		
}

.table.visa_list {
    width: 100%;
}

.visa_list .table_cell {
    vertical-align: top;
    width: 33.3%;
}

.visa_list .catalog_list {
    margin: 10px 0 25px 0 !important;
}

.logo_airline,
.img_events {
    width: 160px;
    height: 100px;
    border: 1px solid #e8e8e8;
    vertical-align: middle;
    box-sizing: border-box;
    text-align: center;
    overflow: hidden;
    position: relative;
}

.logo_airline img,
.img_events img {
    bottom: 0;
    height: auto;
    left: 0;
    margin: auto;
    max-width: 100%;
    position: absolute;
    right: 0;
    top: 0;
}

.phone, .website, .date_event {
    color: #999;
    font-size: 12px;
}

.phone:after {
    content: ' •';
}

.website {
    text-decoration: underline;
}

.website:hover {
    text-decoration: none;
}

.table_visa td,
.table_article td {
    padding: 15px 10px 15px 0;
    vertical-align: top;
}

/*----------------/visa -----------------------*/

/*----------------- /right side ------------------*/


/*------------- pagination -------------*/

.pagination  {
    display: block;
    background-color: #fffaf2;
    box-shadow: 0 0 1px #F5D5A6  inset;
    text-align: right;
    font-size: 0;
}

.pagination a {
    color: #4c4c4c;
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
}

.pagination a:hover {
    background-color: #fff0d9;
    color: #ff9500;
}

.active_page {
    font-weight: bold;
    text-decoration: none !important;
    color: #fff !important;
    background-color: #ff9500;
}

/*------------- /pagination -------------*/


/*----------------- country ------------------*/


.country_flag {
    display: inline-block;
    width: 30px;
    height: 22px;
    margin-left: 10px;
    overflow: hidden;
    position: relative;
    box-shadow: 0px 0px 3px #6b6b6b;
}

p {
    line-height: 20px;
    margin-bottom: 15px;   
}

/*----------------- /country ------------------*/

/*----------------- maps ----------------------*/

.map_place {
    padding: 10px 220px;
    background-color: #b6dcf3;
    display: block;
    text-align: center;
    height: 300px;
    margin: 15px 0;
}

.map_place img {
    max-width: 100%;
    height: auto;
}
/*----------------/maps ----------------------*/

/*----------------weather --------------------*/

.map_weather {
    width: 560px;
    height: 615px; 
    overflow: hidden;
    float: left;
    margin: 0 10px 10px 0 ;
}

.continents,
.countries {
    float: left;
    margin: 0 0 10px 10px;
    position: relative;
}

.scrollbar_ver {
    display: inline-block;
    width: 340px;
    height: 355px;
    overflow: auto;
    position: relative;
}

.shadow {
    position: absolute;
    bottom: -5px;
    display: inline-block;
    width: 326px;
    height: 5px;
    background: url(../images/shadow.png) no-repeat center center;
}


.scrollbar_ver::-webkit-scrollbar,
.hover_list_country .dropdown::-webkit-scrollbar {
    width: 10px;
    cursor: pointer;
}

.scrollbar_ver::-webkit-scrollbar-track,
.hover_list_country .dropdown::-webkit-scrollbar-track {
    background-color: #f2f2f2;
    border-radius: 5px;
}

.scrollbar_ver::-webkit-scrollbar-thumb,
.hover_list_country .dropdown::-webkit-scrollbar-thumb {
    border-radius: 5px;
    border: 1px solid #d9d9d9;
    background-color: #e5e5e5;
}

.scrollbar_ver::-webkit-scrollbar-thumb:hover,
.hover_list_country .dropdown::-webkit-scrollbar-thumb:hover {
    background-color: #d9d9d9;
}

.weather_where {
    margin: 10px 0;
}

.weather {
    margin: 20px 0 30px 0;
}

.weather table {
    float: left;
    border: 1px solid #DAD6FF;
    margin: 6px;
}

.weather table thead {
    background: #E1E3FF;
}

.weather table thead tr th {
    padding: 7px 10px;
}

.weather table .size_icn {
    width: 50px;
    height: 50px;
    overflow: hidden;
}

.weather table .size_icn img {
    max-width: 100%;
    height: auto;
}

.weather table tbody td {
    padding: 0 5px;
}

.weather table tbody tr.morning {
    background-color: #F9F9FE;
}

.weather table tbody tr.afternoon {
    background-color: #F0F0FF;
}

.weather table tbody tr.evening {
    background-color: #DEDEFF;
}

.weather table tbody tr.night {
    background-color: #C6C6FF;
}
/*---------------/weather --------------------*/

/*------------- article----------------------*/

.table_article .img_events {
    width: 220px;
    height: 145px;
}

.table_article .blue_title {
    font-size: 18px;
}

.catalog_list span {
    color: #898989;
}

.right_side .table_cell:first-child {
    padding-right: 10px;
}

.img_article {
    margin: 10px 0;
}

.comments .user_info td {
    vertical-align: top;
    padding: 5px 10px;
}

.comments .user_info td:first-child {
    padding-left: 0;
}
.comments .user_info tr:last-child td:nth-child(2) {
    border-top: 1px solid #ddd;
}
.comments textarea {
    border: 1px solid #ff9900;
    display: block;
    margin: 10px 0;
    padding: 5px;
    width: 100%;
    font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
    font-size: 12px;
    color: #6F6969;
    box-sizing: border-box;
}
.delete_comment {
    cursor: pointer;
    cursor: pointer;
    display: inline-block;
    height: 14px;
    width: 14px;
    background: url(../images/button_sprite.png) no-repeat -14px 0;
    color: transparent;
    vertical-align: middle;
}

.text_comment {
    display: block;
    border: 1px solid #e6e6e6;
    padding: 7px;
    position: relative;
    margin: 10px 0;
    font-size: 12px;
    color: #6F6969;
}

.text_comment:before {
    background: url("../images/comments_right_corner.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: " ";
    height: 11px;
    left: -10px;
    position: absolute;
    top: 5px;
    width: 10px;
}

/*------------- /article----------------------*/

/*----------------- Стили контента - end ------------------*/

/*----------------- style footer - start ------------------*/


.footer {
    height: 90px;
    box-sizing: border-box;
    background-color: #333;
    border-bottom-left-radius: 17px;
    border-bottom-right-radius: 17px;
}

.footer .table_cell {
    padding: 20px;
    color: #afafaf;
    line-height: 20px;
    font-size: 12px;
    text-align: right;
}

.footer .table_cell:first-child {
    width: 76%;
    text-align: left;
}

.copyright {
    color: #fff;
    font-size: 14px;
    display: block;
}

/*----------------- style footer - end ------------------*/

/*----------------- style main blocks - end ------------------*/


/*----------------- style service - start -----------------*/


/*--========== style text ==========--*/

.textdecoration_none {
    text-decoration: none !important;
}

.textalign_right {
    text-align: right;
}

.textalign_center {
    text-align: center;
}

.textalign_justify {
    text-align: justify;
}


.font_size11 {
    font-size: 11px;
}

.font_size14 {
    font-size: 14px;
    line-height: 20px;
}


/*--========== /style text ==========--*/


/*--========== vertical-align ==========--*/

.verticalalign_middle {
    vertical-align: middle;
}

.verticalalign_top {
    vertical-align: top !important;
}

.verticalalign_bottom {
    vertical-align: bottom;
}

/*--========== /vertical-align ==========--*/


/*--========== position ==========--*/

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.static {
    position: static;
}

/*--========== /position ==========--*/


/*--========== display ==========--*/

.display_block {
    display: block !important;
}

.display_inlineblock {
    display: inline-block !important;
}

.display_none {
    display: none;
}

.table {
    display: table;
}

.table_row {
    display: table-row;
}

.table_cell {
    display: table-cell;
    vertical-align: middle;
}

/*--========== /display ==========--*/


/*--========== align and floats ==========--*/

.left {
    text-align: left !important;
}

.right {
    text-align: right !important;
}

.center {
    text-align: center !important;
}

.justify {
    text-align: justify !important;
}

.float_left {
    float: left;
}

.float_right {
    float: right;
}

/*--========== /align and floats ==========--*/



/*--========== padding ==========--*/

.no_padding {
    padding: 0px !important;
}

.no_paddingbottom {
    padding-bottom: 0px !important;
}

.no_paddingtop {
    padding-top: 0px !important;
}

.no_paddingleft {
    padding-left: 0px !important;
}

.paddingleft_5px {
    padding-left: 5px !important;
}

.no_paddingright {
    padding-right: 0px !important;
}

.paddingright_6px {
    padding-right: 6px !important;
}

.p_20px {
    padding: 0 20px;
}

/*--========== /padding ==========--*/


/*--========== margin ==========--*/

.margin_0_auto {
    margin: 0 auto;
}

.no_margin {
    margin: 0px !important;
}

.no_margintop {
    margin-top: 0px !important;
}

.no_marginbottom {
    margin-bottom: 0px !important;
}

.no_marginleft {
    margin-left: 0px !important;
}

.no_marginright {
    margin-right: 0px !important;
}

.marginbottom_15px {
    margin-bottom: 15px;
}

.margintop_5px {
    margin-top: 5px;
}

.margintop_30px {
    margin-top: 30px;
}

.margintop_25px {
    margin-top: 25px;
}

.margintop_20px {
    margin-top: 20px;
}

.margintop_10px {
    margin-top: 10px;
}

.m_l_5 {
    margin-left: 5px;
}

.m_10px_0 {
    margin: 10px 0;
}

.m_15px {
    margin: 15px 0;
}

/*--========== /margin ==========--*/



/*--========== height ==========--*/

.height_100per {
    height: 100%;
}

.height_270px {
    height: 270px !important;
}

/*--========== /height ==========--*/



/*--========== width ==========--*/

.width_auto {
    width: auto !important;
}

.width_0per {
    width: 0%;
}

.width_20per {
    width: 20%;
}

.width_33point3per {
    width: 33.3%;
}

.width_40per {
    width: 40%;
}

.width_47per {
    width: 47%;
}

.width_50per {
    width: 50%;
}

.width_60per {
    width: 60%;
}

.width_80per {
    width: 80%;
}

.width_100per {
    width: 100%;
}

.width_140px {
    width: 140px !important;
}

.width_205px {
    width: 205px !important;
}

.width_210px {
    width: 210px;
}

.width_220px {
    width: 220px;
}

.width_240px {
    width: 240px;
}

.width_260px {
    width: 260px !important;
}

.width_280px {
    width: 280px;
}

.width_340px {
    width: 340px;
}

.width_400px {
    width: 400px;
    box-sizing: border-box;
}

.width_580px {
    width: 580px;
    max-width:580px;
    box-sizing: border-box;
}

.width_600px {
    width: 600px;
}

.width_710px{
    width:710px;
}

/*--========== /width ==========--*/


.visibility_hidden {
    visibility: hidden !important;
}

.overflow_hidden {
    overflow: hidden !important;
}

.nowrap {
    white-space: nowrap;
}

.cursor_default {
    cursor: default;
}

.clear {
    clear: both;
}

/*----------------- style service - end -----------------*/


/*------------------ profile ---------------------*/

.date_event:after {
    content: ' •';
}
.count_comments {
    color: #999;
    font-size: 12px;
}
.profile_photo_album {
    text-align: justify;
}
.profile_photo_album:after {
    content: " ";
    display: inline-block;
    height: 1px;
    margin-left: 100%;
}
.add {
    line-height: 32px;
    font-size: 12px;
}
.add:hover {
    text-decoration: underline;
}
.profile_photo_album .photo_preview .for_image_small {
    width: 180px;
    height: 115px;
    text-align:center;
}
.profile_photo_album .photo_preview {
    display: inline-block !important;
    margin: 0 !important;
    float: none;
}

.personal_data,
.profile_photo_album {
    margin-bottom: 25px;
}

.personal_data .profile_photo {
    width: 180px;
    height: 180px;
    overflow: hidden;
    display: inline-block;
    cursor: pointer;
    position: relative;
}

.change_photo {
    position: absolute;
    bottom: 0;
    display: none;
    height: 25px;
    line-height: 25px;
    width: 100%;
    color: #ccc;
    font-size: 12px;
    padding: 0 7px;
    box-sizing: border-box;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.change_photo:before {
    content: '';
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url(../images/upload_foto.png) 0 0 no-repeat;
    margin: 5px 5px 0 0;
    vertical-align: top;
}

.change_photo:hover:before {
    background-position: 0 -14px;
}

.personal_data .profile_photo:hover .change_photo {
    display: block;
}

.change_photo:hover {
    color: #fffefe;
}

.personal_data.table .table_cell {
    vertical-align: top;
    padding: 15px 20px 15px 0;
}

.personal_data table td {
    padding: 5px 20px 5px 0;
}

.personal_data table td:first-child {
    color: #666666;
}

.date_birthday,
.personal_data input {
    width: 120px;
    height: 20px;
    background-color: #f7f7f7;
    border: 1px solid #e5e5e5;
    padding: 1px 2px;
    box-sizing: border-box;
    vertical-align: middle;
    display: inline-block;
}

.personal_data input {
    display: none;
}

.edit_date {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/edit.png) no-repeat;
    background-position: -16px 0;
    vertical-align: bottom;
}

.finish_edit {
    background-position: 0 0 !important;
}

.comments .edit_date {
    display: none;
}

.comments .m_15px:hover .edit_date {
    display: inline-block;
}

/*-----------------/profile --------------------*/

.padding_20 {
    padding: 20px;
}

/*----------------- left side ------------------*/

.forgot_password_page {
    display: block;
    text-align: center;
}

.forgot_password_page span {
    display: block;
    margin: 5px 0;
}

.forgot_password_page input[type="email"] {
    height: 30px;
    width: 160px;
    display: block;
    border: 1px solid #b8b8b8;
    padding: 0 10px;
    margin: 10px auto;
    box-sizing: border-box;
}

.forgot_password_page input[type="submit"] {
    width: 160px;
}
/*----------------- /left side ------------------*/

/*-------------------captcha---------------------*/
.captcha_block{
    text-align: center;
}
/*-------------------/captcha--------------------*/

.ov2x{
    overflow:hidden;max-width:225px;
}

.exp_fxb{
    position:relative;float:right;margin-bottom:10px;color:#0380a6;cursor:pointer;
}
.exp_fxp{
    position:relative;float:right;margin-top:10px;color:#0380a6;cursor:pointer;
}