@charset "utf-8";
/*** OVERALL PART ***/

html, body {height: 100%; padding: 0; margin: 0;}
ul, ol, li {margin: 0; padding: 0;}
/*table {border-spacing: 0; border-collapse: collapse;}
table td {padding: 0;}*/
img {border: none;}

body {background: #ebebeb url(../img/bg.jpg) center no-repeat; background-size: cover; font: normal 12px/14px 'PT Sans', 'arial', sans-serif;}

a {font: normal 12px/18px 'PT Sans', 'Arial', sans-serif; color: rgb(37, 37, 37); text-decoration: none;}
a:hover, a:focus {color: rgb(219, 29, 29); text-decoration: underline;}

.cl, .clear {display: block; *display: inline-block; clear: both; zoom: 1;}
.cl:after, .clear:after, .cl:before, .clear:before {display: block; *display: inline-block; clear: both; content: ""; zoom: 1;}

::selection {background: rgb(255, 82, 83); color: rgb(255, 255, 255);}
::-moz-selection {background: rgb(255, 82, 83); color: rgb(255, 255, 255);}

.general-table { border-collapse: collapse}
.general-table, .general-table tbody {width: 100%; height: 100%;}

h1 {margin: 0 0 20px; font: bold 35px/45px 'PT Sans', sans-serif;}
h2 {margin: 0 0 20px; font: bold 20px/25px 'PT Sans', sans-serif;}

/* FORMS & INPUTS */

.btn {display: inline-block; margin: 0; background: none transparent; border: none; outline: none; text-decoration: none; cursor: pointer;}
    .btn i {margin: 0 3px 0 -3px;}

.btn-middle {padding: 10px 20px 8px; font: bold 15px/20px 'PT Sans', sans-serif;}
.btn-middle-2 {padding: 8px 12px; font: normal 14px/16px 'PT Sans', sans-serif;}
.btn-middle-3 {padding: 13px 18px 10px; font: bold 14px/16px 'PT Sans', sans-serif;}

.btn-big {padding: 15px 20px; font: normal 16px/16px 'PT Sans', sans-serif;}

.btn-white, .btn-white.non-pointer:hover {margin-right: 7px; background: #fff; border: 1px solid #ccc; color: #000; transition: all 0.2s;}
.btn-white:hover {background: rgb(0, 106, 183); border-color: rgb(0, 106, 183); color: #fff; text-decoration: none;}

.btn-blue {background: rgb(0, 106, 183); border: 1px solid rgb(0, 106, 183);  color: #fff; transition: all 0.2s;}
.btn-blue:hover {background: rgb(0, 60, 104); border-color: rgb(0, 60, 104); color: #fff; text-decoration: none;}
.btn-blue:disabled {background: #666; cursor: default}

.btn-grey {border: 1px solid #D7D7D7; color: #000; font-size: 16px; font-weight: bold; -webkit-box-shadow:inset 0 1px 0 0 #fff, 0 1px 0 0 #fff; box-shadow:inset 0 1px 0 0 #fff, 0 1px 0 0 #fff;
background: #f8f8f8;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNGY0ZjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f8f8f8 0%, #f4f4f4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#f4f4f4));
background: -webkit-linear-gradient(top,  #f8f8f8 0%,#f4f4f4 100%);
background: -o-linear-gradient(top,  #f8f8f8 0%,#f4f4f4 100%);
background: -ms-linear-gradient(top,  #f8f8f8 0%,#f4f4f4 100%);
background: linear-gradient(to bottom,  #f8f8f8 0%,#f4f4f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#f4f4f4',GradientType=0 );
}
.btn-grey:hover {background: rgb(221, 221, 221); border: 1px solid rgb(180, 180, 180); color: #000; text-decoration: none;}

.btn-yellow, .cabinet-bs-block .btn-yellow {background: rgb(255, 222, 65); border: 1px solid rgb(228, 192, 21); color: #000; text-decoration: none; transition: all .5s;}
.btn-yellow:hover, .cabinet-bs-block .btn-yellow:hover {background: rgb(239, 197, 0); border: 1px solid rgb(191, 161, 17); color: #000;}

.btn-grey .not_read_msg { color: #de1010; font-size: 16px; font-weight: normal}
	.btn-grey .not_read_msg i { display: inline-block; width: 20px; height: 17px; background: url(../img/sprite.png) -72px 0 no-repeat; vertical-align: middle; margin-left: 5px}

.textarea {padding: 10px; background: #fff; border: 1px solid rgb(215, 215, 215); font: normal 13px 'PT Sans', sans-serif; resize: none; width: 99%; min-height: 118px; outline: none;}

.input_text {padding: 10px 10px; background: rgb(246, 246, 246); border: 1px solid rgb(225, 225, 225); font: normal 15px 'PT Sans', sans-serif; color: #000; width: 96%; outline: none; transition: all 1s;}
.input_text:focus {background: rgb(191, 191, 191); border-color: rgb(138, 138, 138); color: #fff;}


/* SPRITE */

.sprite {position: relative; display: inline-block; background: url(../img/sprite.png) no-repeat top left; *display: inline; zoom: 1;}
    .icon-logo {background-position: 0 0; width: 55px; height: 25px;}
    .icon-rang_big {top: 3px; background-position: -77px 0; width: 14px; height: 16px;}
    .icon-rang {top: 1px; background-position: -77px -18px; width: 10px; height: 11px;}
    .icon-call {top: 1px; background-position: -89px -18px; width: 11px; height: 11px;}
    .icon-comment {top: 2px; background-position: -108px 0; width: 12px; height: 12px;}
    .icon-ok {background-position: -103px -18px; width: 13px; height: 10px;}
    .btn:hover .icon-ok {background-position: -118px -61px;}
    .icon-coin {top: 1px; background-position: -118px -17px; width: 13px; height: 13px;}
    .icon-logoBig {background-position: 0 -33px; width: 110px; height: 71px;}
    .icon-arrowRight {background-position: -56px 0; width: 11px; height: 8px;}
    .icon-chrome {background-position: 0 -105px; width: 75px; height: 75px;}
    .icon-firefox {background-position: 0 -187px; width: 75px; height: 72px;}
    .icon-ie {background-position: -75px -187px; width: 75px; height: 79px;}
    .icon-safari {background-position: -75px -105px; width: 75px; height: 80px;}


/* HEADER */

.header-holder { background: rgba(0,0,0,0.05); height: 7%; vertical-align: middle}
.header {position: relative; padding: 0 25px 0 22px; z-index: 5; transition: all 0.3s;}
    .logo {margin: 13px 33px 13px 0; float: left;}
        .logo a {display: block; line-height: 0;}
    .header_nav.left {float: left;}
    .header_nav {margin: 0; float: right;}
        .header_nav_item {position: relative; padding: 17px 0 10px; float: left; margin-left: 40px; font: bold 14px 'PT Sans', sans-serif; color: #000;}
        .header_nav_item:first-child {margin-left: 0;}
        .header_nav_item:last-child {font-weight: normal;}
            .header_nav_item .icon-arrowRight {display: block; position: absolute; right: -27px; top: 22px;}
            .header_nav_item.active .icon-arrowRight {display: none;}
            .header_nav_item span, .header_nav_item.light a {font-weight: normal;}
            .header_nav_item a {font: bold 14px 'PT Sans', sans-serif; color: #000; text-decoration: none;}
            .header_nav_item a:hover {color: #000; text-decoration: underline;}
            
	.header_user { font-size: 14px; margin: 18px 0; float: left;}
		.header_user a {font-size: 14px;}



/* CONTENT */

    .content td {height: 100%; vertical-align: top;}

    /* POPUP */

    .popup-wrapper {background: url(../img/popup-back.png) repeat; width: 100%; height: 100%; position: fixed; z-index: 102; left: 0; top: 0; display: none; text-align: center;}
    .popup-wrapper:after {display: inline-block; height: 100%; width: 0; vertical-align: middle; content: ''}
    .popup-wrapper .icon-closeBig {position: absolute; right: 38px; top: 32px; cursor: pointer;}
    .simplePopup {display: inline-block; position: relative; margin: 0 auto; padding: 30px; background: #fff; z-index: 101; vertical-align: middle; text-align: left; width: 310px;}

        .simplePopup .popup-info {margin: 0 0 20px; font: italic normal 14px/20px 'PT Sans', sans-serif;}

        .simplePopup .fieldset {margin-bottom: 20px;}
        .simplePopup .fieldset:last-child {margin-bottom: 0;}
            .simplePopup .input-text {padding: 10px 15px; background: rgb(246, 246, 246); border: 1px solid rgb(225, 225, 225); font: normal 15px/15px 'PT Sans', sans-serif; color: rgb(37, 37, 37); width: 100%; box-sizing: border-box; outline: none; transition: all .5s;}
            .simplePopup .input-text:focus {background: rgb(253, 253, 253); border-color: rgb(190, 190, 190); color: #000;}
            .simplePopup .btn-middle.btn-blue {font: bold 15px/20px 'PT Sans', sans-serif; text-align: center; width: 190px;}
            .simplePopup .btn-middle.btn-blue:hover {background: rgb(0, 88, 152); border-color: rgb(0, 88, 152);}
            .simplePopup .btn-middle.btn-white {float: right; margin-right: 0; font: normal 15px/20px 'PT Sans', sans-serif; color: #555;}
            .simplePopup .btn-middle.btn-white:hover {background: rgb(245, 245, 245); border-color: rgb(175, 175, 175)}

	
	.loader { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(255,255,255,0.8) url(../img/loader.gif) center no-repeat; background-size: 30px 30px; z-index: 10}

    /* CHAT */

    .chat_page {position: relative; height: 100%; width: 100%;}
        .chat_left {background: rgb(246, 246, 246); width: 424px; transition: all 0.5s;}
            .chat_nav {overflow: auto; height: 100%;}
            .chat_right_wrap {overflow: auto; height: 80%; border-bottom: 1px solid rgb(229, 229, 229); position: relative}
            .chat_right_wrap_form {height: 20%;}
			.chat_nav_item { position: relative}
                .chat_nav_item_title, .chat_nav_detail_item {position: relative; display: block; border-top: 1px solid #ddd; transition: all 0.3s;}
                .chat_nav_item_title {padding: 18px 20px 5px 35px; border-top: 1px solid transparent;}
				.chat_nav_item_title .js { float: right; color: #006ab7; text-decoration: underline; font-size: 14px;}
                .chat_nav_detail_item {padding: 8px 50px 10px 35px;}
                    .chat_nav_detail_item .date {padding-right: 100px;}
                .chat_nav_detail_item.empty-block {padding-bottom: 6px;}
                .chat_nav_item_title {font: bold 14px 'PT Sans', sans-serif; color: #000;}
                .chat_nav_item_title .icon-arrowBottom {position: absolute; right: 25px; top: 12px;}
                .chat_nav_item:first-child .chat_nav_item_title {border-top: none;}
                    .chat_nav_detail_item:hover {background: #fff; cursor: pointer;}
                    .sets-1 .chat_nav_detail_item:hover {background: transparent; cursor: default;}
                    .chat_nav_detail_item.active, .chat_nav_item_title.active {background: rgb(225, 225, 225); color: rgb(161, 161, 161);}
                        .chat_nav_detail_item.active .chat_icons span,
                        .chat_nav_detail_item.active .title {color: rgb(161, 161, 161);}
                        .chat_nav_detail_item.active .date {font-weight: bold; color: #000;}
                    .chat_nav_detail_item .date {font: normal 13px/15px 'PT Sans', sans-serif; color: rgb(161, 161, 161); cursor: pointer;}
                    .chat_nav_item.sets-1 .date {cursor: default;}
                    .chat_nav_detail_item .title {margin-top: 5px; font: normal 13px/15px 'PT Sans', sans-serif; color: #000;}
                        .chat_nav_detail_item .title span {display: block;}
                    .chat_icons {position: absolute; top: 7px; right: 35px; font: normal 13px/15px 'PT Sans', sans-serif; color: rgb(118, 118, 118);}
                        .chat_icons .red {color: rgb(222, 16, 16);}
                        .chat_icons span {margin-left: 7px;}
                        .chat_icons span:first-child {margin-left: 0;}

        .chat_right {background: #fff;}
            .current_dialog {padding: 17px 45px 32px 36px;}
                .current_dialog_msg {margin-top: 20px; font: normal 14px/20px 'PT Sans', sans-serif; color: #000;}
                .current_dialog_msg:first-child {margin-top: 0;}
                    .dialog_author {float: left; margin-right: 2.9%; font-size: 13px; width: 11%; transition: all 0.3s; text-overflow: ellipsis; overflow: hidden;}
                        .current_dialog_msg .grey {color: rgb(184, 184, 184);}
                    .dialog_msg {position: relative; float: left; margin-right: 3%; width: 73%; transition: all 0.3s;}
                        .dialog_msg .icon-rang {position: absolute; top: 3px; left: -19px;}
                        .dialog_msg p {margin: 0;}
                    .dialog_msg_date {float: right; width: 10%; text-align: right; font-size: 13px; color: rgb(184, 184, 184); transition: all 0.3s;}
                    .dialog_btn {margin: 3px 0 2px 2px; transition: all 0.3s;}
                        .dialog_btn .btn {margin-bottom: 5px;}

            .dialog_send-msg {padding: 18px 39px 20px 35px;}
                .dialog_send-msg_author {float: left; margin: 8px 3% 0 0; width: 11%; font: bold 13px/20px 'PT Sans', sans-serif; color: #000; transition: all 0.3s; text-overflow: ellipsis; overflow: hidden;}
            .dialog_send-msg_input {float: left; margin-right: 3%; width: 73%; transition: all 0.3s;}
            .dialog_send-msg_btn {float: right; width: 10%; text-align: right; transition: all 0.3s;}
			#dialog_select_now {font: normal 14px/20px 'PT Sans', sans-serif; margin: 20px 0 0 36px; display: block}
			#dialog_select_now a {color: rgb(0, 106, 183); text-decoration: underline; font: normal 14px/20px 'PT Sans', sans-serif;}
			
		#calendar_holder .chat_nav_item_detail { margin: 10px 35px}
		#calendar_holder .chat_nav_detail_item:first-child { border: none}
		#calendar_holder .chat_nav_detail_item { padding: 10px 0}
		.ui-tabs { padding: 0 !important}

    /* CHOOSE CABINET */

    .wrapper {margin: 0 auto; width: 1060px; position: relative; left: -5px}
    .choose_cabinet_block {position: relative; padding: 30px 35px 30px 30px;}
        .choose_cabinet_block .btn-big.btn-grey {position: absolute; left: 30px; top: 120px; z-index: 2;}
        .choose_cabinet_back {display: block; position: absolute; left: 0; top: 0; background: url(../img/cabinet.png) center 230px no-repeat; width: 100%; height: 100%;}
        .choose_cabinet_content {float: right; position: relative; font: normal 14px/20px 'PT Sans', sans-serif; color: rgb(37, 37, 37); z-index: 1; min-height: 525px; background-color: #fff; border: 1px solid #ebebeb; padding: 30px; width: 355px}
			.choose_cabinet_content h3 { font-size: 18px; font-weight: bold; margin: 0}
			.choose_cabinet_content .price_rate { font-size: 18px; margin: 5px 0}
			.choose_cabinet_content .tarif-services { font: normal 14px/20px 'PT Sans', sans-serif;}
            .choose_cabinet_content a {font: normal 14px/20px 'PT Sans', sans-serif; color: rgb(0, 106, 183); text-decoration: underline; transition: all 0.3s;}
            .choose_cabinet_content a:hover {color: rgb(207, 63, 64);}
            .choose_cabinet_content .copy {color: rgb(161, 161, 161);}
            .choose_cabinet_content .copy:hover {color: #000;}

        .choose_cabinet_info_item {margin: 15px 0 0; padding: 15px 0 0; border-top: 1px solid rgb(229, 229, 229);}
        .choose_cabinet_info_item:first-child {margin-top: 0; padding-top: 0; border-top: none;}
            .choose_cabinet_info_item .line {margin: 0 10px;}
            .choose_cabinet_info_item .red {margin-left: 10px; color: rgb(222, 16, 16);}

        .choose_cabinet_additional {margin: 10px 0; padding: 10px 0; line-height: 20px; border-top: 1px dashed #d9d9d9; border-bottom: 1px dashed #d9d9d9;}
            .choose_cabinet_additional a {display: block; line-height: 20px;}

            .info-block {position: fixed; bottom: 30px; right: 0; padding: 10px 20px; background: rgb(56, 56, 56); font: bold 16px 'PT Sans', sans-serif; color: #fff;
                transform-origin: right;
                -webkit-transform-origin: right;
                -moz-transform-origin: right;
                -o-transform-origin: right;
                -ms-transform-origin: right;

                transform-style: preserve-3d;
                -webkit-transform-style: preserve-3d;
                -moz-transform-style: preserve-3d;
                -o-transform-style: preserve-3d;
                -ms-transform-style: preserve-3d;

                transform: perspective(450px) rotate3d(0,1,0,90deg);
                -webkit-transform: perspective(450px) rotate3d(0,1,0,90deg);
                -moz-transform: perspective(450px) rotate3d(0,1,0,90deg);
                -o-transform: perspective(450px) rotate3d(0,1,0,90deg);
                -ms-transform: perspective(450px) rotate3d(0,1,0,90deg);

                transition: all 0.5s;
                -webkit-transition: all 0.5s;
                -moz-transition: all 0.5s;
                -o-transition: all 0.5s;
                -ms-transition: all 0.5s;
            }
            .info-block.active {
                transform: perspective(450px) rotate3d(0,1,0,0deg);
                -webkit-transform: perspective(450px) rotate3d(0,1,0,0deg);
                -moz-transform: perspective(450px) rotate3d(0,1,0,0deg);
                -o-transform: perspective(450px) rotate3d(0,1,0,0deg);
                -ms-transform: perspective(450px) rotate3d(0,1,0,0deg);
            }

        /* TABS */

        .ui-tabs {background: transparent none; border: none;}
            .ui-tabs .ui-tabs-panel {padding: 20px 25px; background: #fff;}
            .ui-tabs .ui-tabs-nav {padding: 0; background: transparent none; border: none;}
                .white-bg {display: block; background: #fff; position: absolute; bottom: -20px; left: -20px; width: 130%; height: 20px;}
                .ui-tabs .ui-tabs-nav li {margin: 0; padding-bottom: 0 !important; z-index: 1}
                .ui-tabs .ui-tabs-nav .ui-state-default {margin-left: 1px; background: rgba(255,255,255,0.8); border: none; outline: none; overflow: hidden;}
                .ui-tabs .ui-tabs-nav .ui-state-default:first-child {margin-left: 0;}
                .ui-tabs .ui-tabs-nav .ui-state-default.ui-tabs-active {background: rgba(255,255,255,0.8); z-index: 2; overflow: visible;}
                    .ui-tabs .ui-tabs-nav .ui-tabs-active:first-child .white-bg {left: 0;}
                    .ui-tabs .ui-tabs-nav .ui-tabs-anchor {padding: 18px 20px 16px; font: normal 20px/20px 'PT Sans', sans-serif; color: #000; text-decoration: none; outline: none;
						background: rgb(251,251,251);
						background: -ms-linear-gradient(top,  rgb(251,251,251) 0%,rgb(251,251,251) 50%,rgb(234,234,234) 100%);
						background: linear-gradient(to bottom,  rgb(251,251,251) 0%,rgb(251,251,251) 50%,rgb(234,234,234) 100%);
					}
					.ui-tabs .ui-tabs-nav .ui-tabs-anchor:hover { color: #333}
                    .ui-tabs .ui-tabs-nav .ui-tabs-active .ui-tabs-anchor {background: #fff; font-weight: bold; border-left: 1px solid #EBECED; box-shadow: 20px 0 20px -13px rgba(0,0,0,0.1), -20px 0 20px -13px rgba(0,0,0,0.1);}
					.ui-tabs .ui-tabs-nav .ui-tabs-active:first-child .ui-tabs-anchor { border: none; box-shadow: 20px 0 20px -13px rgba(0,0,0,0.1)}
					.ui-tabs .ui-tabs-nav .ui-tabs-active:last-child .ui-tabs-anchor {box-shadow: -20px 0 20px -13px rgba(0,0,0,0.1)}
					.ui-tabs .ui-tabs-nav .ui-tabs-active:first-child:last-child .ui-tabs-anchor {box-shadow: none;}
					.ui-tabs-anchor .not_read_msg { color: #de1010; font-size: 16px; font-weight: normal; line-height: 1; position: absolute}
					.ui-tabs-anchor .not_read_msg i { display: inline-block; width: 20px; height: 17px; background: url(../img/sprite.png) -72px 0 no-repeat; vertical-align: middle; margin: 5px 5px}
					
		/* SPECIAL OFFERS */
		
		.special-offers-list {padding: 15px 0 5px;}
			.special-offers_item {padding: 30px 0 25px; border-top: 1px solid rgb(229, 229, 229);}
			.special-offers_item:first-child {padding-top: 0; border-top: none;}
				.special-offers_item .left {padding-right: 50px; float: left; font: normal 18px/25px 'PT Sans', sans-serif; color: #000; width: 75%; box-sizing: border-box;}
					.special-offers_item .left a {font: normal 18px/25px 'PT Sans', sans-serif; color: rgb(0, 106, 183); text-decoration: underline;}
					.special-offers_item .left a:hover {color: rgb(219, 29, 29);}
					.special-offers_item .name {font-weight: bold;}
				.special-offers_item .right {float: right; width: 25%;}
					.special-offers_item .right img {max-width: 100%;}
					

    /* AUTHORIZATION */

    .error_block {position: relative; top: -53px; left: -30px; padding: 20px 30px; background: rgb(229, 44, 44); width: 100%; color: #fff; font: normal 14px/16px 'open_sans', sans-serif;}
    .error_block p {margin: 0;}
    .authorization_block_wrapper {margin: 0 auto; padding: 70px 0 40px; width: 30%; transition: all 0.4s;}
        .authorization_block {margin-bottom: 35px; padding: 40px 30px; background: #fff; border: 1px solid rgb(229, 229, 229); transition: all 1s; font-size: 15px;}
            .authorization_block .logo_a {margin-top: 15px; margin-bottom: 30px; text-align: center;}
        .authorization_info {font: italic 15px/25px 'PT Sans', sans-serif; color: #fff; text-align: center; transition: all 0.5s;}
            .authorization_info a {font: italic 15px/25px 'PT Sans', sans-serif; color: #fff; text-decoration: underline}
            .authorization_info a:hover {text-decoration: underline; color: #000;}
        .authorization_form .fieldset {margin-top: 15px;}
        .authorization_form .fieldset.buttons {margin-top: 25px;}
        .authorization_form .fieldset:first-child {margin-top: 0;}
            .authorization_form label {display: block; margin-bottom: 15px; font: normal 15px/20px 'PT Sans', sans-serif; color: rgb(161, 161, 161);}
            .authorization_form .btn {float: left;}
            .authorization_form .pass_forgot {float: right; margin: 10px 0 0; font: normal 15px/20px 'PT Sans', sans-serif; color: rgb(0, 106, 183); text-decoration: underline;}
            .authorization_form .pass_forgot:hover {color: rgb(222, 16, 16);}

    /* SIMPLE PAGE */

    .simple_page {margin: 30px 0; background: #fff; padding-bottom: 30px; min-height: 600px;}
    .simple_page.tarrifs {padding-bottom: 30px;}
        .simple_page p {margin: 10px 0; padding: 0 30px; font: normal 14px/20px 'PT Sans', sans-serif;}
        .simple_page h1 {padding: 40px 30px 10px;}
        .simple_page h2 {padding: 0 30px;}
        .simple_page h3 {padding: 0 30px; font-size: 16px;}
        .simple_page h4 {padding: 0 30px;}
        .simple_page a {font: normal 14px/20px 'PT Sans', sans-serif; color: rgb(193, 54, 54); text-decoration: underline;}
        .simple_page a:hover {color: #000; text-decoration: underline;}
        .simple_page ol {padding: 0 0 0 50px;}
            .simple_page ol > li {margin: 10px 0; list-style: decimal; font: normal 14px 'PT Sans', sans-serif;}
            
     ul.simple-list {
         list-style-type: disc !important;
         padding-left: 20px;
         margin: 10px 0;
	}

     .simple_page ul {
         padding: 0 0 0 50px;
     }

     .simple_page ul > li {
         margin: 10px 0; 
     }
    
    	ul.simple-list > li { margin-bottom: 10px;}

        .simple_page table {margin: 0 30px; width: auto;}
            .simple_page table th {padding: 10px 15px; background: rgb(236, 236, 236); border: 1px solid rgb(214, 214, 214); font: bold 10px/13px 'PT Sans', sans-serif; color: rgb(46, 46, 46); text-align: left; text-transform: uppercase; vertical-align: top;}
            .simple_page table td {padding: 10px 15px; border: 1px solid rgb(226, 226, 226); font: normal 13px/18px 'PT Sans', sans-serif; text-align: left; vertical-align: top;}

    .browser_list {margin: 50px 0 0;}
        .browser_item {float: left; position: relative; padding-top: 70px; width: 25%; height: 195px; text-align: center; transition: all 0.5s;}
            .browser_item span {display: block; position: absolute; bottom: 50px; left: 25%; margin: 10px auto 0; color: #fff;}
        .browser_item.chrome {background: rgb(248, 96, 96);}
        .browser_item.ie {background: rgb(50, 171, 218);}
        .browser_item.safari {background: rgb(60, 93, 151);}
        .browser_item.firefox {background: rgb(250, 154, 78);}
        .browser_item:hover {background: rgb(60, 60, 60); text-decoration: none;}

    /* CABINET BUSINESSMAN */

    .cb-sprite {display: inline-block; background: url(../img/cb-sprite.png) no-repeat;}
        .cb-edit {margin-top: -2px; background-position: -15px 0; width: 12px; height: 13px; vertical-align: middle;}
        .cb-plus {background-position: -28px 0; width: 11px; height: 13px;}

    .cabinet-buss-block {position: relative;}
    .cabinet-buss-block, .cabinet-bs-block {height: 100%;}
    .cabinet-buss-block .layout {position: absolute; right: 0; bottom: 65px; left: 0; margin: 0 auto; padding: 25px 20px; width: 90%; max-width: 1050px; height: 93%; box-sizing: border-box; transition: all .5s;}

        .cabinet-bs-block {position: relative; padding: 20px; background: rgb(255, 222, 65); background: rgba(255, 222, 65, .8); min-height: 370px; min-width: 750px; box-shadow: 0 1px 30px rgba(0, 0, 0, .1); box-sizing: border-box;}
            .cabinet-bs-block a {font: normal 14px/20px 'PT Sans', sans-serif; color: rgb(0, 106, 183); text-decoration: underline;}
            .cabinet-bs-block a:hover {color: rgb(222, 16, 16);}

        .cabinet-bs-block .left {position: relative; float: left; padding-right: 30px; width: 60%; height: 100%; box-sizing: border-box;}
            .cabinet-bs-block .left .man {position: absolute; bottom: 128px; left: -130px; background: url(../img/cb-man.png) no-repeat; background-size: 100%; width: 611px; height: 442px; transition: all .5s;}
                .cabinet-bs-block .left .text {position: absolute; right: 60px; top: 31px; font: normal 14px/20px 'PT Sans', sans-serif; color: #000; color: rgba(0, 0, 0, .8); width: 200px; z-index: 1; transition: all .5s;}
                    .cabinet-bs-block .left .text p:first-child {margin-top: 0;}
                    .cabinet-bs-block .left a {font: normal 14px/20px 'PT Sans', sans-serif; color: #000; color: rgba(0, 0, 0, .8); text-decoration: underline;}
                    .cabinet-bs-block .left a.js-link {text-decoration: none; border-bottom: 1px dashed;}
                    .cabinet-bs-block .left a:hover {color: rgb(222, 16, 16);}
                    
                    .cabinet-bs-block .left .text > div {display: none;}
                    .cabinet-bs-block .left .show-1-elem > .elem-1 {display: block;}
                    .cabinet-bs-block .left .show-2-elem > .elem-2 {display: block;}

        .cabinet-bs-block .right {float: right; width: 40%; height: 100%;}
        .cabinet-bs-block .clouds-inner {position: absolute; bottom: 0; left: 0; background: url(../img/clouds-inner.png) no-repeat bottom center; width: 100%; height: 288px;}

            .cabinet-bs_app {position: relative; padding: 30px 10px 105px 30px; background: #fff; border: 1px solid rgb(235, 235, 235); font: normal 14px/20px 'PT Sans', sans-serif; color: #000; height: 100%; box-sizing: border-box; z-index: 1;}
            .cabinet-bs_app .app-list-wrap {position: relative; height: 100%;}
                .cabinet-bs_app .app-list-wrap .app-list {position: absolute; height: 100%; width: 100%;}
                    .cabinet-bs_app .app_heading {padding: 0 20px 12px 0; border-bottom: 1px solid rgb(229, 229, 229); color: #555;}
                        .cabinet-bs_app .app_heading .cb-plus {float: right; margin-top: 5px;}

                    .cabinet-bs_app .app_content {max-height: 89%; overflow: auto;}
                        .cabinet-bs_app .app-item {padding: 12px 20px 20px 0; border-bottom: 1px solid rgb(217, 217, 217);}
                            .cabinet-bs_app .app-item .app_left {float: left; max-width: 70%;}
                                .cabinet-bs_app .app-item .name {font: bold 18px/20px 'PT Sans', sans-serif; color: #000;}
                            .cabinet-bs_app .app-item .app_right {float: right; padding-top: 3px;}
                            .cabinet-bs_app .app-item .app_info {margin-top: 12px; color: #555;}

                    .cabinet-bs_app .app_help {padding-top: 20px;}
                        .cabinet-bs_app .app_help a {position: relative; display: inline-block; margin-bottom: 10px; padding-left: 25px;}
                            .cabinet-bs_app .app_help a:before {content: ''; position: absolute; top: 0; bottom: 0; left: 0; margin: auto; background: url(../img/cb-sprite.png) no-repeat -40px 0; width: 14px; height: 16px;}
                            .cabinet-bs_app .app_help a.pdf-link:before {background-position: 0 0; height: 17px;}
                            .cabinet-bs_app .app_help a.info-link:before {background-position: -55px 0;}
                            .cabinet-bs_app .app_help a.info-link {color: #de1010;}

                .cabinet-bs_info {position: absolute; bottom: 30px; left: 30px;}

    .cabinet-buss-block .clouds {position: absolute; right: 0; bottom: 0; left: 0; margin: auto; background: url(../img/clouds.png) center bottom no-repeat; width: 100%; height: 379px;}
    
.cabinet-buss-block .simple_page {margin: 0; padding: 40px; height: 100%; min-height: 300px; box-sizing: border-box;}
	.cabinet-buss-block .simple_page h1 {padding: 0;}
	.cabinet-buss-block .simple_page table {margin: 0; width: 100%; border-spacing: 0; border-collapse: collapse;}
	.cabinet-buss-block .simple_page table .w6 {width: 6%;}
	.cabinet-buss-block .simple_page table .w11 {width: 11%;}
	.cabinet-buss-block .simple_page table .w13 {width: 13%;}
	.cabinet-buss-block .simple_page table .w20 {width: 20%;}	
	.cabinet-buss-block .simple_page table .w28 {width: 28%;}	

		
.js-scroll::-webkit-scrollbar {
    width: 10px;
}

.js-scroll::-webkit-scrollbar-track {
    background-color: rgb(245,245,245);
    /*box-shadow: -1px 0 0 rgb(229, 229, 229);*/
    border-left: 1px solid rgb(229, 229, 229);
    border-right: 1px solid rgb(229, 229, 229);
}

.js-scroll::-webkit-scrollbar-thumb {
    background-color: rgb(194, 194, 194);
    border-radius: 5px;
    border: 2px solid rgb(245,245,245);
}

/* MEDIA QUERIES */
@media (max-width: 1700px){
    .input_text {width: 94%;}
}
@media (max-width: 1300px){
    .dialog_msg {width: 65%;}
    .dialog_author, .dialog_send-msg_author {width: 18.4%;}
    .dialog_send-msg_input {width: 58.1%;}
    .dialog_send-msg_btn {width: 16%;}
    .input_text {width: 92%;}
}
@media (max-width: 1150px){
    .authorization_form .pass_forgot, .authorization_form .btn {float: none; display: block;}
}
@media (max-width: 1024px){
    .dialog_msg {width: 65%;}
    .dialog_author, .dialog_send-msg_author {width: 18%;}
    .dialog_send-msg_input {width: 55%;}
    .dialog_send-msg_btn {width: 20%;}
    .authorization_block_wrapper {width: 40%;}
    .chat_left {width: 320px;}
}
@media (max-width: 900px){
    .icon-arrowBottom {display: none;}
    .chat_nav_item_title, .chat_nav_detail_item {padding: 10px 20px;}
    .chat_nav_item_title, .chat_nav_detail_item .date, .chat_nav_detail_item .title {font-size: 12px;}
    .chat_icons {position: static; font-size: 11px;}
    .dialog_btn {margin: 0;}
    .dialog_btn .btn {margin: 5px 0 0;}
}
@media (max-width: 800px){
    .authorization_block_wrapper {width: 50%;}
}
@media (max-width: 700px){
    .header {padding: 10px 15px;}
    .header_text {margin-top: 4px; font-size: 13px;}
    .header_nav_item, .header_nav_item a {font-size: 13px;}
    .current_dialog_msg, .btn, .dialog_send-msg_author {font-size: 12px;}
    .current_dialog_msg {margin-top: 15px;}
    .dialog_author, .dialog_send-msg_author {width: 25%;}
    .dialog_msg {width: 55%;}
    .dialog_msg_date {width: 11%;}
    .dialog_send-msg_input {width: 40%;}
    .dialog_send-msg_btn {width: 23%;}
    .authorization_block_wrapper {width: 55%;}
}
@media (max-width: 600px){
    .authorization_block_wrapper {padding: 0; width: 100%;}
    .authorization_info {padding: 0 20px;}
    .authorization_form .btn {float: left;}
    .authorization_form .pass_forgot {float: right;}
}
/*@media (max-height: 1500px){
    .cabinet-buss-block .layout {height: 90%;}
}*/
@media (max-height: 960px){
    .textarea {min-height: 110px;}
} 
@media (max-height: 950px){
    .textarea {min-height: 100px;}
    .cabinet-bs_app .app_content {max-height: 87%;}
}
@media (max-height: 900px){
    .textarea {min-height: 90px;}
}
@media (max-height: 850px){
    .textarea {min-height: 70px;}
    .cabinet-buss-block .layout {height: 90%;}
    .cabinet-bs_app .app_content {max-height: 83%;}
}
@media (max-height: 750px){
    .textarea {min-height: 50px;}
    .cabinet-bs_app .app_content {max-height: 79%;}
    .cabinet-bs-block .left .man {bottom: 8px; left: -103px; background-size: 75%;}
    .cabinet-bs-block .left .text {width: 40%;}
}
@media (max-height: 680px){
    .cabinet-buss-block .layout {height: 85%;}
    .cabinet-bs-block .left .man {bottom: -85px; left: -80px; background-size: 55%;}
    .cabinet-bs_app .app_content {max-height: 60%;}
}