/* HTML5-specific CSS setup */
html, body {margin:0; padding:0; width:100%; height:100%}
body {position:relative; height:auto !important; min-height:100%; height:100%; font-family:UC, arial; font-size:16px; color:#333; background:#f2f2f2}
a {color:#1b76bb} a:hover {text-decoration:none} img {margin:0; padding:0; border:0}                                                      
article,aside,figure,footer,header,hgroup,nav,section{display:block}
a.l100 {display:block; width:100%; height:100%}
input,textarea {outline:none; border-radius:0; /*-webkit-appearance:none*/}
@font-face {font-family:'Arial_tenge_ru_en_kz';	src: url('/fonts/arial_tenge_ru_en_kz.eot');	src: url('/fonts/arial_tenge_ru_en_kz.eot?#iefix') format('embedded-opentype'), url('/fonts/arial_tenge_ru_en_kz.woff') format('woff'), url('/fonts/arial_tenge_ru_en_kz.ttf') format('truetype'), url('/fonts/arial_tenge_ru_en_kz.svg#Arial_tenge_ru_en_kz') format('svg');	font-weight:normal;	font-style:normal}
@font-face {font-family:'Opensans'; src: url('/fonts/opensans-regular.eot'); src: local('Open Sans'), url('/fonts/opensans-regular.woff') format('woff'), url('/fonts/opensans-regular.ttf') format('truetype'), url('/fonts/opensans-regular.svg#Opensans') format('svg'); font-weight:normal; font-style:normal}
@font-face {font-family:'UC'; src:url('/fonts/13947-w.eot'); src: url('/fonts/13947-w.eot?#iefix') format('embedded-opentype'), url('/fonts/13947-w.woff2') format('woff2'), url('/fonts/13947-w.woff') format('woff'), url('/fonts/13947.ttf') format('truetype'), url('/fonts/13947-w.svg#13947-w') format('svg'); font-weight:normal; font-style:normal}

.tng {display:inline; margin:0; padding:0; text-decoration:none; font-family:Arial_tenge_ru_en_kz}
.price .tng {font-size:.85em}
.body-b {background:#1B76BB}
.body-d-g {background:#e6e6e6}
.mod-rp {overflow:hidden}

/*
#1B76BB - синий
#0C5791 - тм.синий
#FFCC00 - желтый
#808080 - тм.серый
*/
             
/*==Основные общие стили==============================*/

header {display:block; position:relative; z-index:50; height:78px; padding:10px 0 0; text-align:center; left:0; top:0; right:0; background:#fff}
.header-b {background:#1b76bb; height:55px; padding:0 10px}
.header-sh {display:block; padding:0 3%}
.header-b .header-sh {display:table; width:100%;padding:0 }
.header-td {display:table-cell; vertical-align:middle}
.hd-td-01 {width:44px}
.hd-td-02 {width:180px}
.hd-td-04 {width:60px; text-align:right}
.logo {display:block;margin:0 auto}
.close-r {display:block; position:absolute; right:3%; top:24px; width:34px; height:34px; background:url(img/close.png) no-repeat center}
nav {display:none; text-align:left; padding:0 0 0 16px}
.s1st {display:inline-block; position:relative; vertical-align:middle}
.a1st {display:block; height:54px; padding:0 8px 0 60px; line-height:54px; color:#fff; font-size:1.2em; text-transform:uppercase; text-decoration:none; background:no-repeat 8px center #1b76bb;cursor:pointer}
.s1st:hover .a1st {background-color:#0c5791}
.a1st_01 {background-image:url(img/ico-01.png)} .a1st_02 {background-image:url(img/ico-02.png)} .a1st_03 {background-image:url(img/ico-03.png)}
.a1st_04 {background-image:url(img/ico-04.png)} .a1st_05 {background-image:url(img/ico-05.png)} .a1st_06 {background-image:url(img/ico-06.png)}
.s1st .submenu {display:none; position:absolute; text-align:left; left:0; right:0; top:54px; background:#0c5791;min-width:200px}
.s1st:hover .submenu {display:block}
.s1st_hint {display:block; position:absolute; left:28px; top:-7px; border-radius:3px; color:#000; padding:0 3px; min-width:12px; background:#FFCC00;text-align:center}
.a2st {display:block; text-transform:uppercase; margin:12px 0; text-decoration:none; font-size:1.1em; color:#fff}
.auth-in-block {display:block; padding:0 4px 0 16px; position:relative}
.auth-in-selecta {background:#0c5791}
.optionis-block, .optionis-block-mob {display:block; width:40px; height:55px; cursor:pointer; background:url(img/opt.png) no-repeat center}
.optionis-block-mob {height:32px}
.auth-sub {display:none; position:absolute; width:200px; top:55px; padding:5px; right:0; background:#0C5791}
.search-form {display:none; width:152px; height:32px; background:#fff}
.search-form .s-inp {display:block; float:left; height:32px; line-height:32px; border:0; width:98px; padding:0 8px; background:transparent}
.search-form .s-but {display:block; float:right; cursor:pointer; width:32px; height:32px; border:0; background:url(img/lupa.png) no-repeat center}
.auth-out {display:block; line-height:28px; height:28px; cursor:pointer; text-align:center; text-transform:uppercase; margin:8px 0; color:#fff; border:1px solid}
.auth-s-row {display:block; position:relative; text-align:right; padding:0 40px 0 0}
.auth-s-row .name {display:inline-block; line-height:28px; color:#fff; text-transform:uppercase}
.auth-s-row .img-frame {display:block; position:absolute; width:28px; height:28px; background:#fff; right:0; top:0}
.auth-s-row .img-frame img {max-width:28px; max-height:28px}
.unhide {display:block}

.menu-adap-but {display:inline-block;  z-index:50; width:60px; height:55px; right:60px; top:0; margin:0; overflow:hidden}
/*.menu-adap-sh {display:block; position:absolute; z-index:0; width:100%; height:90px; margin:-25px 0 0; border-radius:100%; background:#e88130}
*/
#nav-toggle,#nav-toggle2 {position:relative; z-index:1; vertical-align:middle; height:55px; margin:0}
#nav-toggle span,#nav-toggle2 span {position:absolute; right:16px; top:27px; margin:0 0 0 -8px}
#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after,
#nav-toggle2 span,
#nav-toggle2 span:before,
#nav-toggle2 span:after {cursor:pointer; border-radius:1px; height:2px; width:28px; background:#fff; position:absolute; display:block; content:''}
#nav-toggle span:before,#nav-toggle2 span:before {top:-10px}
#nav-toggle span:after,#nav-toggle2 span:after {bottom:-10px}
/* Добавим анимацию всех свойств для блоков нашей иконки */
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after,#nav-toggle2 span, #nav-toggle2 span:before, #nav-toggle2 span:after {
  transition: all 500ms ease-in-out;
}
/* Центральный блок делаем прозрачным */
#nav-toggle.active2 span,#nav-toggle2.active2 span {background-color:transparent}
/* Смещаем псевдо-элементы в центр иконки (на место основного блока) */
#nav-toggle.active2 span:before, #nav-toggle.active2 span:after,#nav-toggle2.active2 span:before, #nav-toggle2.active2 span:after {top:0}
/* Наклоняем псевдо-элементы под углом 45 градусов, но в разные стороны */
#nav-toggle.active2 span:before,#nav-toggle2.active2 span:before {
    -moz-transform: rotate(45deg); /*? Firefox */
    -ms-transform: rotate(45deg); /* IE */
    -webkit-transform: rotate(45deg); /*? Safari, Chrome, iOS */
    -o-transform: rotate(45deg); /*? Opera */
    transform: rotate(45deg);}
#nav-toggle.active2 span:after,#nav-toggle2.active2 span:after {
    -moz-transform: rotate(-45deg); /*? Firefox */
    -ms-transform: rotate(-45deg); /* IE */
    -webkit-transform: rotate(-45deg); /*? Safari, Chrome, iOS */
    -o-transform: rotate(-45deg); /*? Opera */
    transform: rotate(-45deg);}
.menu_menu_none {display:none}    
.menu-adap-but .active2 {background:#0C5791}
.nav-adpt {display:none; position:absolute; top:55px; z-index:455; left:0; right:0; padding:0}
.nav-adpt .splitt {display:block; margin:auto; height:1px; width:100%; background:#fff}
.s1rd {display:block; padding:14px 16px; position:relative; background:#0C5791 no-repeat 16px center}
.a1rd {color:#fff; font-size:1.2em; text-decoration:none; text-transform:uppercase; padding:0 0 0 0px}
.s2rd {display:block; padding:14px 16px; position:relative; background:#0C5791 no-repeat 16px center}
.a2rd, .s1rd .a2rd {color:#fff; font-size:1.1em; text-decoration:none; padding:0 0 0 0px;display:inline-block;height:33px}
.td .m_contact, .q_answer .m_contact {color:#1B76BB}
.new_ticket_img {max-width:40px}
.td strong {color:##474747}
.td .m_time {color:#000}
.sinrd {display:block; padding:6px 0; margin:0 0 4px; background:#00ADBD}
.ainrd {color:#fff; text-transform:uppercase; text-decoration:none}
.s1rd_01 {background-image:url(img/ico-01.png)} .s1rd_02 {background-image:url(img/ico-02.png)} .s1rd_03 {background-image:url(img/ico-03.png)}
.s1rd_04 {background-image:url(img/ico-04.png)} .s1rd_05 {background-image:url(img/ico-05.png)} .s1rd_06 {background-image:url(img/ico-06.png)}
.aplus, .aminus {display:block; position:absolute; top:0; right:0; width:60px; height:100%; background:url(img/aplus.png) no-repeat center; background-size:28px 28px}
.aminus {background-image:url(img/aminus.png)}
.none {display:none!important}
.ico-adp-block {display:block; position:relative; padding:0 16px; height:48px; background:#CF4E17}
.auth-block-adp {display:block; position:absolute; z-index:50; left:16px; top:0; margin:6px 0 0; width:101px; height:34px; background:url(img/vhod.png) 0 -34px}  
.auth-block-adp:hover {background-position:0 0}
.auth-in {display:block; height:34px; line-height:34px; padding:0 0 0 32px; color:#fff; text-decoration:none}
.lang-switch-adp {display:block; position:absolute; right:16px; top:0; margin:6px 0 0 0}
.lang-switch-adp a {display:block; color:#fff; text-decoration:none; padding:0 0 0 40px; height:36px; line-height:36px; background:no-repeat 0 center}
.lang-switch-adp a.en36 {background-image:url(img/en.png)} .lang-switch a.ru36 {background-image:url(img/ru.png)}
.auth-adp-swap {display:none; padding:20px 16px 12px; background:#e88130}
.auth-adp-swap .header {display:block; font-size:1.2em; color:#fff; text-transform:uppercase}
.auth-adp-swap .s-inp {display:block; padding:0 16px; height:46px; width:220px; margin:16px auto 0; line-height:46px; border-radius:23px; border:0; background:#fff}
.auth-adp-swap .s-but-sh {display:block; margin:16px auto 8px; vertical-align:top}
.auth-adp-swap .s-but {display:table; width:248px; height:56px; margin:0 auto; text-align:center; line-height:56px; color:#fff; text-transform:uppercase; font-size:1.4em}
.auth-adp-swap .s-but-l {display:table-cell; width:29px; height:56px; background-image:url(img/knopka-p1.png)}
.auth-adp-swap .s-but-m {display:table-cell; height:56px; background-image:url(img/knopka-p2.png)}
.auth-adp-swap .s-but-r {display:table-cell; width:29px; height:56px; background-image:url(img/knopka-p3.png)}
.auth-adp-swap .s-but span {background-position:0 -56px}
.auth-adp-swap .s-but:hover span {background-position:0 0}
.unhide-adp {display:block}
.modal-gr {display:none; position:fixed; left:0; top:0; right:0; bottom:0; z-index:15; background:url(img/tile-gr.png)}
.unhide-gr {display:block}
.modal-w {display:none}
.mod-a-w {display:block}

.modal-w {display:none}
.mod-a-w {display:block}
.modal-close-bg {display:block; position:fixed; z-index:0; left:0; right:20px; top:0; bottom:0; cursor:pointer}
.close-modal {display:block; width:34px; height:34px; cursor:pointer; position:absolute; right:0; top:0; background:url(img/x.png) no-repeat center}
.head-opt {display:block; color:#808080; line-height:34px; height:34px; cursor:pointer; position:absolute; right:40px; top:0}
.pers-modal {position:relative; z-index:10}   
.pers-adpt-m {display:inline-block; z-index:50; min-width:446px; max-height:95%; overflow:auto; position:fixed; top:50%; left:50%; padding:0; background:#fff;
    -moz-transform: translate(-50%, -50%); /*? Firefox */
    -ms-transform: translate(-50%, -50%); /* IE */
    -webkit-transform: translate(-50%, -50%); /*? Safari, Chrome, iOS */
    -o-transform: translate(-50%, -50%); /*? Opera */
    transform: translate(-50%, -50%);}
.pers-adpt-m .header {display:block; line-height:34px; padding:0 2%; margin:0 0 16px; background:#f2f2f2}
.pers-adpt-m .header .name {color:#1B76BB; font-size:1.2em; text-transform:uppercase}
.pers-adpt-m .footer {display:block; position:relative; line-height:52px; color:#1B76BB; padding:0 2%; margin:0; background:#f2f2f2}
.pers-adpt-m .s-but, .pers-adpt-m .s-inp  {float:none}
.modal-sh {display:block; z-index:999; position:fixed; overflow:auto; left:0; top:0; bottom:0; right:0; background:url(img/tile-sh.png)}
.mod-a-w {display:block}
.pers-modal .pers-form-adpt {padding:0 16px}
.pers-modal-sub {display:block; padding:6px 16px 16px}
.pers-row {display:table; width:100%; color:#808080; padding:0 0 12px; font-size:1.1em}
.pers-row-l {display:table-cell; vertical-align:top; text-align:right; width:22%}
.pers-row-l span {line-height:30px}
.pers-row-r {display:table-cell; line-height:30px; vertical-align:top; padding:0 0 0 12px}
.pers-row .s-inp {display:block; width:280px; height:30px; line-height:30px; border:1px solid #808080; background:#fff}
.pers-row .s-inp:focus {border-color:#1B76BB}
.pers-spoil {display:inline-block; height:26px; border-bottom:1px dashed; color:#1B76BB}
.choose-sort {display:block; position:relative; vertical-align:middle; overflow:hidden; cursor:pointer; width:280px; padding:0; line-height:30px; height:30px; border:1px solid #808080; margin:0; background:url(img/arrow-b.png) 100% center no-repeat transparent}
.choose-sort select {position:relative; z-index:2; width:100%; cursor:pointer; height:30px; -moz-opacity:0; opacity:0; filter:alpha(opacity=0)}
.choose-sort .input_wrapper {position:absolute; z-index:1; left:0; top:0; right:0; text-indent:8px; padding:0}
.choose-sort .input_wrapper input {width:100%; height:30px; line-height:30px; border:0; color:#333; padding:0; font-size:1em; font-family:UC; background:none}
.choose-sort-2 {display:inline-block; width:124px; margin:6px 0}
.choose-item-sort {width:100%; border:0; background-image:url(img/arrow-2.png)}
.choose-item-sort .input_wrapper {text-indent:0}
.choose-item-sort .input_wrapper input {color:#1b76bb}
.pers-send {display:block; text-align:center; text-transform:uppercase; height:34px; line-height:34px; border:0; width:167px; font-size:1.2em; position:absolute; right:16px; cursor:pointer; top:10px; background:url(img/knopka-sohranit.png); background-size:100% 200%}
.pers-send:hover {color:#ffcc00; background-position:0 -100%}
.pers-reset {display:block; position:absolute; font-size:1.1em; cursor:pointer; line-height:30px; height:30px; right:196px; top:10px}
.pers-reset:hover {color:#ffcc00}

.autocomplete-block {position:absolute; top:62px; left:0; padding:10px; width:376px; background:#1B76BB}
.autocomplete-block-2 {position:relative; padding:10px; width:100%; background:#1B76BB}
.autocomp-block-sp {display:table; width:100%}
.a-bl-sp-l {display:table-cell; vertical-align:top}
.a-bl-sp-l .header {display:block; color:#fff; font-size:1.1em; padding:0 0 2px; background:url(img/splitt-w.png) 0 100% repeat-x}
.ablsp {display:block; padding:3px 0 14px}
.ablsp a {color:#ccc}
.a-bl-sp-r {display:table-cell; width:120px; padding:0 10px 0 16px}
.choos-block {border:1px dashed #fff; padding:4px; background:#3281C3}
input.nicecheck {position:absolute; left:-9999em}
input.nicecheck + label {display:inline-block; background:url(img/choos-bl.png) no-repeat 0 center; font-family:UC; margin:0; color:#fff; font-size:1em; line-height:24px; padding:0 0 0 26px; cursor:pointer;height:26px}
input.nicecheck:checked + label {background-image:url(img/choos-bl-2.png)}

.main-form {text-align:center; padding:60px 0 40px}
.main-form .header {display:block; color:#fff; text-transform:uppercase; font-family:Opensans; font-weight:normal; padding:0 0 48px; font-size:2.3em}
.main-form .s-inp, .s-inp-i {display:block; width:88%; max-width:330px; font-size:1.2em; padding:0 10px; margin:0 auto 16px; font-family:Opensans; border:0; line-height:46px; height:46px; background:#fff}
.main-form .a-in {display:block; width:88%; max-width:350px; padding:0; margin:24px auto 16px; height:57px; line-height:57px; color:#fff; font-size:1.8em; text-transform:uppercase; font-family:UC; border:0; background:url(img/knopka-voiti.png); background-size:100% 200%}
.main-form .a-in:hover {color:#ffcc00; cursor:pointer; background-position:0 -100%}
.main-form .a-forg {display:block; color:#fff;font-size:16px; font-family:Opensans}

.main-block {display:block; padding:0 3%}


footer {display:block; position:absolute; z-index:10; color:#fff; left:0; margin:0; text-align:center; bottom:0; width:100%; height:400px; background:#810100} 
.foot-fantom {display:block; height:430px}
.lang_a {width:35px;display:inline-block;vertical-align:top;cursor:pointer}
.sel {border:1px solid grey}
.lang_a img {width:100%}
.mail_support, .right_part a{color:#fff}
.main-form {padding:20px 0 40px}
.table_footer {
    border-top: 1px solid #fff;
	width:100%;
	margin:0 auto;
	bottom:0;
	position:absolute;
	background:#1b76bb;
}
.table_footer_p {padding:5px 10px;}
.s-but {display:inline-block; vertical-align:middle; width:30px; height:30px; border:0; cursor:pointer; background:url(img/lupa.png) no-repeat center}
.autocomplete-block {font-size:14px;text-align:left}
.autocomplete-block div {color:#fff}
.autocomplete-block a {color:#ccc}
.choos-block {border:1px dashed #fff; padding:4px; background:#3281C3}
#search-autocomplete-header-wrap  input[type='checkbox'] {position:absolute; left:-9999em}
#search-autocomplete-header-wrap input + label {display:inline-block; background:url(img/choos-bl.png) no-repeat 0 center; font-family:UC; margin:0; color:#fff; font-size:1em; line-height:24px; padding:0 0 0 26px; cursor:pointer} 
#search-autocomplete-header-wrap:checked + label {background-image:url(img/choos-bl-2.png)}
#search-autocomplete-header-wrap input :checked + label {background-image:url(img/choos-bl-2.png)}
.f-client-b {}
.popup_txt {display:table; position:fixed; z-index:999999; width:100%; height:100%}
.popup_txt2 {display:table-cell; vertical-align:middle; text-align:center}
.popup_txt3 {display:inline-block; position:relative; z-index:10; background:#fff; border-radius:16px; padding:16px}
.popup_txt4 {display:block; width:100%; height:100%; top:0; position:absolute; z-index:0}
.none {display:none}
.notif-block {background:url(img/ico-01.png) no-repeat;display:block;width:41px;height:32px;position:relative}
.select-td select {height:30px;border:0}
.select2 {background-color:#306090}
.select {background:#1B76BB}
#a1st_1 a.a1st {background-image:url(/client_style/img/potrebnossty.png);background-size:33px 33px;background-repeat:no-repeat}
#a1st_2 a.a1st{background-image:url(/client_style/img/kompanii.png);background-size:33px 33px}
#a1st_3 a.a1st{background-image:url(/client_style/img/sdelki.png);background-size:33px 33px}
#a1st_4  a.a1st{background-image:url(/client_style/img/proekty.png);background-size:33px 33px}
#a1st_5  a.a1st{background-image:url(/client_style/img/lichnoe.png);background-size:33px 33px}
.s1st  .a2nds div {background-size:33px 33px}
.s1rd img {width:33px}
.s1rd:hover {background:#1B76BB}
a {background-repeat:no-repeat}
.cpli-1 {display:inline-block;vertical-align:top;width:200px}
.filter_d_b img {width:30px;vertical-align:middle}
.filter_d_b div{margin:20px;vertical-align:top;}
.filter_d_b button {height:43px;text-transform:uppercase}
.default_filtr button {border:1px solid #1B76BB;color:#1B76BB;background:none;display:block;min-width:150px;width:auto;padding:10px 5px;margin:0 10px;cursor:pointer;text-align:left;text-transform:uppercase}
.default_filtr button:hover, .but-plan :hover {color:#FF6600;border:1px solid #FF6600;}

.filter_d_b button, .but-plan {border:1px solid #1B76BB;color:#1B76BB;background:none;display:inline-block;min-width:150px;width:auto;padding:0 5px;margin:0 10px;text-align:left}
.but-plan {padding:10px 5px}
.filter_d_mob  img {width:30px;vertical-align:middle}
.filter_d_mob   button {border:0;background:none;width:50px}
.for_button {border:1px solid #1B76BB;color:#1B76BB;background:none;display:inline-block;min-width:130px;width:auto;padding:0 5px;margin:0 10px 0 0;text-align:center;height:30px}
.title_h3 {color:#fff;text-transform:uppercase;padding:0 0 0 10px;font-weight:normal}
.pre-cont-block {min-height:30px; margin:12px 0 20px; line-height:30px}
.pre-cont-block a.cont-spoil {display:inline-block; padding:0 4px; text-decoration:none; cursor:pointer; line-height:18px; margin:12px 8px 0 0; font-size:1.1em; color:#808080}
.pre-cont-block a.selecta, .pre-cont-block a.cont-spoil:hover {color:#1b76bb; border-bottom:2px solid}
.pre-cont-block a.selecta {cursor:default}  
.default_filtr {margin:10px auto}
.default_filtr  select {height:30px;}
.main-form .popup-form2 .header {margin:0;padding:0}
.mail-list-tr {display:inline-block;vertical-align:top;width:30px}
.contact-tb {display:block; width:100%; font-size:1.2em}
.contact-tb tr, .contact-tb tbody {display:block}
.contact-th {display:none; background:#e6e6e6; padding:6px 12px 4px; text-align:left; font-weight:normal; border-right:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2}
.contact-td {display:table; background:#fff; width:100%;  border-right:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2;padding:5px 0}
.contact-span {display:table-cell; padding:12px; text-align:left; width:88px; background:#e6e6e6}
.contact-span-2 {display:table-cell; padding:12px}
.popup-add-bottom .contact-td , .table-edit-b .contact-td{background:none;padding:0}
/*#ui-datepicker-div {bottom:120px;top:auto !important}*/
#ui-datepicker-div {bottom:auto;}
.folders a {text-align:center;display:block}
.close-folder {position:absolute;width:50px;height:23px;right:0;top:auto;display:none;background-size:100%;cursor:pointer;background:rgba(255,255,255,0.7)}
.folders .del_folder {background:url(/img/close-red.png) no-repeat rgba(255,255,255,0.7);display:inline-block;height:20px;width:20px;background-size:100%;cursor:pointer;padding:1px;}
.folders .edit_folder {background:url(/client_style/img/write_2.png) no-repeat rgba(255,255,255,0.7);height:20px;width:20px;display:inline-block;vertical-align:top;background-size:100%;cursor:pointer;padding:1px;border-right:1px solid lightgrey}

.folders {position:relative}
.folders:hover .close-folder {display:block}
.folders:hover  {background:rgba(242,242,242,0.64)}
.short_pre_cont {display:block}
.extra_task {cursor:pointer}
.contact-tb .fisrt-work-td {width:30%}
.mail-td-1 img {display:inline-block;width:26px;height:26px;vertical-align:middle;padding:5px 9px}
.table_lenta {padding:0 10px}
.plan_prs_btn {display: inline-block; padding:5px; background-color: #47ba47; color: #ffffff;text-transform:uppercase;font-size:10px;float:right}
.plan_prs_btn:hover, .start_plan_btn:hover, .finish_plan_btn:hover, .pause_plan_btn:hover {opacity:0.8}
.start_plan_btn {display: inline-block; background-color: #1b76bb;color: #ffffff;padding: 3px 6px;vertical-align:top}
.finish_plan_btn {display: inline-block; background-color: #47ba47;color: #ffffff;padding:6px 5px 5px 5px;text-transform:uppercase;font-size:10px;vertical-align:top}
.pause_plan_btn {display: inline-block; background-color: #dd4646;color: #ffffff;padding:3px 7px 4px 7px; vertical-align:top}
.plan_img_time {vertical-align:middle}
.pre-cont-block-forindex {margin:0}
.ad_more:hover {text-decoration:underline}
.plan_ul_li_table {width:100%;text-align:left}
.plan_ul_li_table td:first-child {width:60%}
.add_post_def {width:26px}
.ok_task_btn {background-color: #ffffff;color: #47ba47;width:auto;display:block;text-transform:uppercase;height:20px;padding:4px;text-align:center;cursor:pointer;border:1px solid #47ba47;font-size:11px}
.ok_task_btn_with_marg {margin:5px 0 0 0}
.esc_task_btn_with_marg {border:1px solid #dd4646;color: #dd4646;margin:5px 0 0 0}
.ok_task_btn:hover {background-color:#47ba47; color:#ffffff}
.esc_task_btn_with_marg:hover {background-color:#dd4646; color:#ffffff}
.table_func_s {border:0;background:#ffffff}
.succ_task_btn {margin-top: 5px;display: block;width:auto;height: 20px;color: #FFCD3E;border:1px solid #FFCD3E;padding:4px;text-align:center;cursor:pointer;text-transform:uppercase;font-size:11px;background:#ffffff}
.succ_task_btn:hover {background-color:#FFCD3E; color:#ffffff}
.popup__overlay2 .popup2 {height:90%}
.popup-form2 {height:90%;overflow-y:scroll}
#save_button_div #save_button{width:100%;cursor:pointer;}
#save_button:hover {opacity:.8}
/*.sort_line a{color:#1b76bb}*/

/*==Адаптивные стили==================================*/

@media all and (min-width: 0px) {
.header-2 {color: #1b76bb; text-transform: uppercase;font-size: 1.3em;}
.nav-adpt .selecta {background:#1B76BB}
.naz-s  img{width:14px}
.menu-2nd {display:none}
.mail-td-none {display:none}
#popup-ci-link {display:none}
.split2 {display:block;height:0px;width:100%;background:#306090}
.mail-td-mobile {display:table-cell}
.optionis-block {display:none}
#mail-list-wrap {display:block;width:100%}
.optionis-block-mob {display:inline-block}
.mail-send-table, .mail-send-tr, .mail-send-td {display:block}
.mail-send-table #message_tbl {width:100% !important}
.mail-send-td {text-align:left}
#editform input[type="text"], #editform select, #editform input[type="submit"], #editform input[type="button"]
{  width: 100%;
    height: 50px;
	border:0;
	font-size:14px
	
}
#editform input.s-inp-3 {width: 100% !important;}
.s-inp-3 {display:block;padding:0 1px; }
.autocomplete-suggestions {padding:10px 5px;background:#fff;border-left:1px solid lightgrey;border-right:1px solid lightgrey;border-bottom:1px solid lightgrey;overflow:scroll;margin:4px 0;width:100% !important}
.autocomplete-suggestion {cursor:pointer;padding:8px 0;border-bottom:1px solid #F2F2F2}
.autocomplete-suggestion:hover {background:#F2F2F2;color:#000}
.container_file {width:100%}
.main-form .container_button {width:100%;margin:15px 0;background:url(/client_style/img/but-2.png);background-size:100% 200%;color:#3887C4;background-position:0 0}
.filter_d_mob {display:block;margin:-20px auto 0 auto;width:100%;height:45px}
.filter_d_b {display:none}
a {cursor:pointer}
#loop-search {display:none}
.dop_menu_function {display:inline-block;width:12px;margin:8px 8px 0 8px;cursor:pointer}
#ss-block-title-mob {display:table-cell;font-size:1em}
#ss-block-title {display:none}
h3 {display:inline-block;vertical-align:top}
.dop_menu_function {background-image:url(/client_style/img/top_s.png);background-repeat:no-repeat;background-position:0 0;height:12px;background-size:100%}
.scale_transf {background-image:url(/client_style/img/bottom.png);}
.title_h3 {padding:0}
.logo-start img {width:24px}
.bk-top {top:120px}

.pre-cont-block {display:none}
.short_pre_cont .pre-cont-block {display:block}
#editform #box {width:89%}
.mh1, .main-form  .header {display:none}
.mail-td-1 {display:table-cell;}  
.mail-td-2 {display:inline-block;float:left;border:0}
.f-t-s select{width:100%}
.blovk-inl-2 {display:block;vertical-align:top}
.blovk-inl {display:inline-block;vertical-align:top}
.blovk-inl-main {display:block;margin:10px auto;text-align:center;}
.a-in2
{  width: 200px !important;
    height: 35px;
	background:url(/client_style/img/but-2.png);
	background-size:100% 200%;
	background-position:0 0;
cursor:pointer;	color:#3887C4
}
.a-in2:hover {background-position:0 100%;color:#fc0}
.a2rd img {vertical-align:middle;padding-right:5px}
.image_rel {max-width:90%;max-height:100px;}
.for-ss {width:100%}
.for-ss input.s-inp {width:80%;vertical-align:top;font-size:16px}
.apls2_mobile {display:inline-block;vertical-align:top}
.city_gal {display:inline-block;vertical-align:top;width:25px;height:25px;position:absolute;top:0;left:0;margin:10px 0 0 300px}
.rel-cit-b {position:relative}
.image-n-pk {display:none;}
.image-n-mob {display:block}
.mail-list-block-n .td {padding:5px 5px}
.td p {margin:3px 0}
.s-inp-3 {height:40px;}
.select {height:40px}
#editform .add_table input[type="text"], #editform .add_table select {border:1px solid lightgrey !important}
.fast-t-block {width:100%}
.datatable .mail-td-1 {width:43%}
.text_area {min-height:70px;border:1px solid lightgrey;resize:none;width:90%}
.div_carousel {display:block;margin:20px auto}
.item img {width:100%}
.owl-item {display:inline-block;height:180px;margin:0 10px 0 10px;overflow:hidden}
#folders {height:400px}
.mobile-short-table td {display:table-cell}
.mobile-short-table tr {display:table-row}
.default_filtr .func_button {width:100%}
.table_func_s, #subscribe {width:100%}
.sbs_frm  {width:100%}
.first_tds_1 {width:95%}
.contact-span-2 {word-break:break-all}
.a-in3
{  width: 200px !important;
    height: 35px;
	background:url(/client_style/img/but-2.png);
	background-size:100% 200%;
	background-position:0 0;
cursor:pointer;	
}
.a-in3 {display: block; padding: 10px; text-align: center; font-size: 16px;margin: 20px 0;line-height: 2;}
.bil-ctd {width:100%}
.inp-bill, #fromb_2 input {width:88%;padding:0 10px;}
.inp-bill-d {width:88%;padding:0 10px;margin:0 0 8px 0}
.a-in3 {margin:20px auto}
.inp-bill-p {width:88%;padding:0 10px;}
.com_read_c {display:inline-block;width:33%;vertical-align:top}
.iam_ava {position:relative;max-width:40px;display:inline-block;vertical-align:top;margin:0 10px}
.iam_read_n {background:rgba(255,255,255,0.66);border-radius:25px;position:absolute;top:-4px;right:-7px;width:20px;height:20px;display:block}
.iam_read_n img {width:90%;margin:3px 2px}

/* 07.12.2016 bisness process */
.bp-block {display:block;text-align:left;width:97%;margin:0 auto}
.bp-sub-block {vertical-align:top;display:inline-block;width:250px;height:150px;padding:10px;background:#fff;margin:10px 10px 10px 0;cursor:pointer;position:relative}
.bp-sub-block:hover {box-shadow:0px 0px 5px rgba(27,118,187,0.6)}
.bp-split {display:block;width:20px;background-image:url(/client_style/img/arr_right.png);background-size:100%;background-repeat:no-repeat;background-position:center;min-height:40px;vertical-align:middle;margin:10px auto 0 auto}
.header-bp {display:inline-block;}
.bp-href-add {display:inline-block;vertical-align:middle;padding:0 10px}
.bp-href-add  img{width:30px;cursor:pointer;}
.bp-title {font-size:14px;display:inline-block;width:143px;vertical-align:top}
.bp-p-block {display:block;text-align:left;}
.bp-p-block .s-inp {width:230px;border:1px solid lightgrey;display:inline-block;resize:none}
.bp-p-block .s-inp-sel {width:252px} 
#bp_p_res {margin:10px 0}
.bp-avatar img {max-width:40px}
.bp-avatar {border-bottom:1px solid lightgrey;padding:0 0 5px 0 }
.bp-p-block .s-text {height:80px}
#bp_add_form .a-in2 {display:block;font-size:14px;line-height:35px;margin:0 auto}
#bp_add_form {margin:20px auto}
.bp-active {box-shadow:0px 0px 10px rgba(27,118,187,0.7)}
.bp-sub-avatar {display:inline-block;vertical-align:top;}
.bp-avatar .bp_inwork {max-width:32px;margin:-2px 0 0 0}
.bp-text-block {padding:10px 0 0 0}
.bp-href {position:absolute;bottom:0;margin:0 0 10px 0}
.bp-dop-block {display:inline-block;vertical-align:middle}
.bp-sub-avatar-2 {width:30px;padding:0 6px 0 0}
.bp-sub-avatar-1 {width:130px;}
.to_plan {font-size:14px}

.spoil-block {position:relative;height:auto}
.spoil-cont {display:block;font-size:14px;margin:0 0 10px 0;border-bottom:1px solid lightgrey}
.spoil-cont .sp-add{border-bottom:1px dashed #000;cursor:pointer;text-transform:uppercase;margin:0 10px 15px 10px;display:inline-block;vertical-align:top;height:19px}
.sp-div {display:none;margin:0 0 10px 0;height:auto;position:relative;text-align:left}
.sp-add.select {color:#1B76BB;border-bottom:0;background:none}
.sp-div.select {display:block;background:none;color:#000;font-size:14px}
.sp-div .a-in2 {display:block;line-height:2.4;margin:15px auto;text-align:center}
.sp-div .s-inp {height:30px;border:1px solid lightgrey}
#popup_task_close .popup3 {position:relative;height:auto;min-height:200px;width:90%;max-width:500px}
.check_d_n {display:inline-block;vertical-align:top;padding:4px;width:45%}
.checkb_list {width:13px;height:13px}
.chl-plus {position:absolute;right:0;top:0;margin:0 10px 0 0}
.new_checks {position:relative}
#check_category_id {max-width:352px}

}

@media all and (min-width: 480px) {

.search-form {display:inline-block}


}  

@media all and (min-width: 640px) {
#projects {margin:20px 0 0px 0;width:auto}
.s-span {padding:0 0 0px 0}
.main_mess {padding: 0px 0 10px 70px;}
.main-form .header {padding:0 0 48px}
.main-form {padding:40px 0 60px}
.main-block {display:table; width:100%; padding:0}
.main-l-block {display:table-cell; vertical-align:top; width:70%; padding:0 0 0 3%}
.main-l-block .header-main {display:block; padding:48px 0 0 8%; font-family:Opensans; text-transform:uppercase; font-size:3em; color:#1b76bb}
.date-switch {display:block; padding:28px 0 28px 3%}
.date-switch a {margin:0 30px}
.main-r-block {display:table-cell; padding:18px 10px; margin:0; border:0; vertical-align:top; background:#fff}
.main-add-item {width:31%; margin:0 0.4% 8px}

.main-c-block {text-align:left; padding:40px 3% 16px}
.main-c-block .add-but {margin:0 0 0 24px}
.search-p-block {float:right}
.pre-cont-block a.cont-spoil {margin:12px 60px 0 0}
.contact-tb {display:table}
.contact-tb tr {display:table-row}
.contact-tb tbody {display:table-row-group}
.contact-th {display:table-cell; background:#e6e6e6; padding:6px 12px 4px; text-align:left; font-weight:normal; border-right:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2}
.contact-td {display:table-cell; background:#fff; padding:12px; width:auto; border-right:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2}
.contact-span {display:none} .contact-span-2 {display:inline; padding:0} 
 
.main-h-block {display:table; width:94%; padding:24px 3%}
.main-h-l-block {display:table-cell; width:70%; vertical-align:top; padding:0; border:0; text-align:left}
.main-avatar {margin:0 24px 0 0}
.main-name {width:76%; font-size:3em}
.main-h-r-block {display:table-cell; text-align:right}

.main-gr-block {display:table; width:94%; padding:24px 3%}
.main-gr-l-block {display:table-cell; width:318px; vertical-align:top}
.main-gr-item-tb {width:100%}
.main-gr-r-block {display:table-cell; padding:0 0 0 32px}
.container_button {width:30%}
/*07.12.16*/
.bp-split {display:inline-block;width:20px;background-image:url(/client_style/img/arr_right.png);background-size:100%;background-repeat:no-repeat;background-position:center;min-height:40px;vertical-align:middle;margin:70px 10px 0 10px}
}

@media all and (min-width: 1024px) {

.datatable .mail-td-1 img {width:38px;height:auto}
.datatable .cla img  {width:auto}
.mail-td-1 img {width:25px;height:25px}
.com_read_c {display:table-cell;width:auto;vertical-align:top}
.inp-bill-p {display:inline-block;width:163px!important}
.contact-tb .bil-ctd {width:50%}
.inp-bill {width:180px;padding:0 10px}
.inp-bill-d {width:88%;max-width:330px;padding:0 10px}
.table_func_s{width:200px}
 #subscribe {width:161px}
.sbs_frm  {width:200px}
.first_tds_1 {width:95%}
.func_button {width:200px}


.datatable .mail-td-1 {width:25%}
#editform .add_table input[type="text"], #editform .add_table select {height:20px !important;border:1px solid lightgrey !important}
.mail-list-block-n .td {padding:5px} 
.image-n-pk {display:inline-block;}
.image-n-mob {display:none}
.apls2_mobile {display:none}
.mail-td-2 {border-bottom:1px solid #ffffff;float:none;display:table-cell}
.for-ss  {width:25%}
.autocomplete-suggestions {width:200px !important}
.image_rel {max-width:150px;max-height:300px;}
.send-td-span {width:10%}
.container_button {float:right}
.blovk-inl-main select {max-width:200px}
.blovk-inl-main {text-align:left}
.blovk-inl-2 {display:inline-block;vertical-align:top;min-width:200px;text-align:left}
.contact-tb .split2 {display:none;background:none;height:0}
.main-form  .header {display:block}
.f-t-s select{width:24%}
.mh1 {display:block}
.logo-start img {width:30px}
.dop_function {border-radius:5px;;border:1px solid #1B76BB;width:25px;height:25px;text-align:center;padding:5px 5px 0 5px;cursor:pointer} 
.modal_func {position:absolute;top:auto;left:-130px;width:150px;height:60px;background:#1B76BB;text-align:center;z-index:999;padding:10px}
.container_file { width: 40%;
    height: 35px;
	vertical-align:top;
	text-transform:uppercase;
	margin:17px 0 0 0px}

#editform input[type="text"], #editform select, #editform input[type="submit"], #editform input[type="button"]
{  width: 30%;
    height: 35px;
}
#editform input.a-in {height:57px}
#editform .a-in2, .a-in2, .a-in3
{  width: 200px !important;
    height: 35px;
	background:url(/client_style/img/but-2.png);
	background-size:100% 200%;
	background-position:0 0;
cursor:pointer;	
}
.a-in3 {display: block; padding: 10px; text-align: center; font-size: 16px;margin: 20px 0;line-height: 2;}
.a-in3:hover {background-position:0 100%}
#editform .a-in2:hover {background-position:0 100%}
.mail-send-table{display:table}
.mail-send-tr {display:table-row}
.mail-send-td  {display:table-cell}
#mail-list-wrap {display:table;width:100%}
.split2, .mail-td-mobile {display:none}
#popup-ci-link {display:none}
.menu-2nd, .optionis-block {display:block}
.main-add-item {width:18%; margin:0 0.4%}
.mail-td-none {display:table-cell}
.main-l-block {padding:0}
.main-l-block .header-main {padding:48px 0 0 34%}
.date-switch {padding:28px 0 28px 26%}
.sub-tb {display:table; padding:0 0 0 4%; width:100%}
.sub-tb tr {display:table-row}
.sub-tb td {display:table-cell; height:74px}
.sub-tb tbody {display:table-row-group}
.sub-tb-l {width:40%}
.fast-t-block {width:50%}

.main-h-l-block {width:50%}
.main-avatar {display:inline-block; vertical-align:top; margin:0 24px 0 0; width:50px; height:50px; border-radius:50%; background:#fff}
.main-name {display:inline-block; text-transform:uppercase; line-height:50px; vertical-align:top; font-size:3em; font-family:Opensans}
.short-pers {padding:0}
#message_tbl {width:928px !important}
.send-dp {  width: 20%;
    height: 35px;
	vertical-aling:top;
	text-transform:uppercase;
	margin:17px 0 0 0px}
.filter_d_mob {display:none}	
.filter_d_b {display:block;margin:10px auto;width:100%}
#loop-search {display:table-cell}
.dop_menu_function {display:none}
#ss-block-title-mob {display:none}
#ss-block-title {display:table-cell}
.naz-s  img{width:16px}
.pre-cont-block {display:block}
#editform #box {width:30%}
nav {text-align:center}
.table-width-1 {width:90%}
.div_carousel {max-width:980px}
.ui-widget-content {bottom:95px}
}

@media all and (min-width: 1280px) {
.short_pre_cont .pre-cont-block {display:none}
.short_adaptive {display:none}
.div_carousel {max-width:100%}
.menu-adap-but, .nav-fantom {display:none}
nav {display:block}

.main-l-block .header-main {padding:48px 0 0 40%}
.date-switch {padding:28px 0 28px 34%}

}

@media all and (min-width: 1366px) {

}

@media all and (max-width: 768px) {
	.plan_prs_btn {float:none}
}

.tick_comment_text img{max-width:120px!important;max-height:200px}