/* 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('http://crm.insy.kz/client_style/fonts/13947.ttf') format('truetype'), url('http://crm.insy.kz/client_style/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:60px; padding:0}
.header-sh {display:block; padding:0 3%}
.header-b .header-sh {display:table; width:97%; padding:0 0 0 3%}
.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:60px; padding:0 8px 0 60px; line-height:60px; color:#fff; font-size:1.2em; text-transform:uppercase; text-decoration:none; background:no-repeat 8px center #1b76bb}
.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; padding:0 8px; left:0; right:0; top:60px; background:#0c5791}
.s1st:hover .submenu {display:block}
.s1st_hint {display:block; position:absolute; left:36px; top:4px; border-radius:3px; color:#000; padding:0 3px; min-width:12px; background:#FFCC00}
.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 {display:block; width:40px; height:60px; cursor:pointer; background:url(img/opt.png) no-repeat center}
.auth-sub {display:none; position:absolute; width:200px; top:60px; padding:4px 18px; right:0; background:#0C5791}
.search-form, .search-form-mob {display:none; width:152px; height:32px; background:#fff}
.search-form .s-inp , .search-form-mob .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:60px; 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:60px; margin:0}
#nav-toggle span,#nav-toggle2 span {position:absolute; right:16px; top:29px; 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:60px; 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 {color:#fff; font-size:1.1em; text-decoration:none; padding:0 0 0 64px}
.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:42px; height:100%; background:url(img/aplus.png) no-repeat center; background-size:32px 32px}
.aminus {background-image:url(img/aminus.png)}
.none {display:none}
.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}
.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}
.nicecheck {position:absolute; left:-9999em}
.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}
.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%}
.main-l-block {}
.main-l-block .header-main {display:block; padding:40px 3% 24px; font-family:Opensans; text-transform:uppercase; font-size:2.4em; color:#1b76bb}
.date-switch {display:block; padding:12px 0}
.date-switch a {display:inline-block; padding:0 4px 4px; cursor:pointer; margin:0 4px; font-size:1em; color:#808080}
.date-switch a.selecta {color:#1b76bb; cursor:default; border-bottom:2px solid}
.main-r-block {padding:18px 3%; margin:24px 0 0; border:6px solid #f2f2f2; background:#fff}
.main-r-block .header-2 {color:#1b76bb; text-transform:uppercase; font-size:1.3em}
.main-r-block .splitt {display:block; margin:4px 0; height:2px; background:url(img/splitt-g.png)}
.sub-tb {display:block; padding:0 0 0 1%; width:auto}
.sub-tb tr, .sub-tb tbody {display:block}
.sub-tb td {display:block; border-right:6px solid #f2f2f2; min-height:74px; vertical-align:top; border-top:6px solid #f2f2f2; background:#fff}
.sub-tb-l .splitt {display:block; margin:0 8px; height:1px; background:#cecece}
.div-sub-tb {display:table; width:100%; height:90px; min-height:90px}
.div-sub-tb-l {display:table-cell; vertical-align:top; width:50%; border-right:6px solid #f2f2f2}
.div-sub-tb-r {display:table-cell; vertical-align:top}
.sub-tb .header-3 {display:block; font-size:1.2em; padding:8px}
.dst02s {}
.dst02s .div-sub-tb-l {border:0; width:30%; border-top:6px solid #f2f2f2}
.dst02s .div-sub-tb-r {border-left:6px solid #f2f2f2; border-top:6px solid #f2f2f2}
.dst03s {}
.dst03s .div-sub-tb-l {border:0; width:30%}
.dst03s .div-sub-tb-r {border-left:6px solid #f2f2f2}

.main-add-block {display:block; padding:16px 3%; text-align:left}
.main-add-item {display:inline-block; width:44%; min-height:68px; font-size:1.05em; text-align:left; padding:8px 0; margin:0 1% 8px; border:1px solid #fff; vertical-align:top}
.main-add-item .name {display:block; padding:0 8px}
.main-add-item .text {display:block; padding:4px 8px 0; color:#808080}
 
.main-c-block {display:block; text-align:center; padding:28px 3% 16px}
.main-c-block .header h1, .main-c-block .header h2 {display:inline-block; vertical-align:middle; font-weight:normal; text-transform:uppercase; font-family:Opensans; margin:0; padding:0; color:#1B76BB; font-size:3em}
.mh1 {display:block; vertical-align:middle; font-weight:normal; text-transform:uppercase; font-family:Opensans; margin:0; padding:0; color:#1B76BB; font-size:3em;text-align:center;margin:0 auto}
.main-c-block .header h2 {font-size:2em}
.main-c-block .add-but {display:inline-block; vertical-align:middle; font-size:1.1em; text-transform:uppercase; text-decoration:none; text-align:center; margin:0; line-height:34px; width:207px; height:34px; background:url(img/knopka-dobavit.png)}
.main-c-block .add-but:hover {color:#ffcc00; background-position:0 -34px}
.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}  
.search-p-block {display:block; width:216px; margin:0 auto; border:1px solid #1b76bb; background:#fff}
.search-p-block .s-inp {display:inline-block; vertical-align:middle; width:160px; font-family:Opensans; font-size:1.1em; padding:0 8px; height:30px; line-height:30px; border:0; background:transparent}
.search-p-block .s-but {display:inline-block; vertical-align:middle; width:30px; height:30px; border:0; cursor:pointer; background:url(img/lupa.png) no-repeat center}
.contact-tb {display:block; width:100%; font-size:1.1em}
.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%; padding:0; border-right:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2}
.contact-span {display:table-cell; padding:12px; text-align:left; width:88px; background:#e6e6e6}
.contact-span-2 {display:table-cell; padding:12px}

.main-h-block {display:block; width:94%; padding:24px 3%; background:#f2f2f2}
.main-h-l-block {display:block; text-align:left; padding:0 0 16px; border-bottom:1px solid #e6e6e6}
.main-avatar {display:inline-block; vertical-align:top; margin:0 8px 0 0; width:50px; height:50px; border-radius:50%; background:#fff}
.main-name {display:inline-block; width:76%; text-transform:uppercase; line-height:50px; vertical-align:top; font-size:1.8em; font-family:Opensans}
.main-h-r-block {text-align:center}
.short-pers {display:inline-block; vertical-align:middle; font-size:1.1em; padding:16px 0 12px}
.short-pers .img-frame {display:inline-block; vertical-align:middle; width:50px; height:50px; border-radius:50%}
.short-pers .text {display:inline-block; vertical-align:middle; text-align:left; padding:0 8px}
.short-pers .name {display:block}
.short-pers .role {display:block}
.main-h-block .add-but {display:inline-block; vertical-align:middle; font-size:1em; text-transform:uppercase; text-decoration:none; text-align:center; margin:0 0 0 24px; line-height:34px; width:207px; height:34px; background:url(img/knopka-dobavit.png)}
.main-h-block .add-but:hover {color:#ffcc00; background-position:0 -34px}
      
.main-gr-block {display:block; padding:24px 3%; background:#e6e6e6}
.main-gr-l-block {display:block}
.main-gr-item-tb {display:table; width:97%; margin:0 0 6px; min-height:90px; height:90px; padding:5px; font-size:1.1em; color:#1b76bb; background:#fff}
.main-gr-item-tr {display:table-row}
.main-gr-item-td {display:table-cell; padding:8px 4px; width:50%}
.mgit-h .main-gr-item-td {height:24px; padding:0 4px; border-bottom:1px solid #d0d0d0}
.mgit-sp {color:#333}
.main-gr-r-block {padding:0}
.mngrb-row {display:block; font-size:1.1em; background:#fff}
.mngrb-row-sh {background:#f2f2f2; padding:0 8px 0 16px}
.make-zam {display:inline-block; padding:0 0 0 32px; margin:0 24px 0 0; line-height:32px; background:url(img/galochka.png) no-repeat 0 center}
.make-download {display:inline-block; padding:0 0 0 40px; color:#808080; line-height:32px; background:url(img/files.png) no-repeat 0 center}
.mngrb-row .text {display:block; padding:10px 8px; font-family:Opensans; font-size:.875em; color:#808080}

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;}
.main-form .header {padding:0 0 15px}
.a-forg {text-decoration:underline;cursor:pointer}
.a-forg:hover {text-decoration:none;}
.main-form .login-inp {background:url(/client_style/img/login.png) no-repeat 10px 10px #fff;}
.main-form .pass-inp {background:url(/client_style/img/zamok.png) no-repeat 10px 10px #fff;}
.main-form .login-inp, .main-form .pass-inp  {padding:0 0 0 40px}
.pl_canvas {font-size:16px;color:#fff}
.err {color:rgba(255, 181, 20, 1);font-size:22px;padding:10px 0 0 0;display:block}
.left-a{float:left; text-align:left;}
.right-a{float:right; text-align:right;}
.with_a{max-width:365px; margin:0 auto;}
#mysend:disabled {background:url(/client_style/img/disabled.png) no-repeat 0 0;background-size:100% 200%;color:#999B9E}
.message_ok {color:#fff;font-size:16px}

.main-form  #sf2 .s-inp, .s-span {display:inline-block;vertical-align:top}
.s-span {color:#fff;width:130px;font-size:16px}
.main_mess {padding: 0px 0 10px 70px;display:block}
.a1st {padding:0 7px 0px 7px}
.auth-out {text-decoration:none;}
.auth-out:hover {color:#FF6600;border:1px solid #FF6600;}
.balance {color:#FF6600}
.search-form {margin:0}
.c-td-6 {padding:10px}
.add_link {border-bottom: 1px dashed #306090;margin-top: 10px;margin-left: 10px;margin-bottom: 5px;display: inline-block;font-size:14px;cursor:pointer}
.add_com {display:block;border:1px solid #1B76BB;color:#1B76BB;text-transform:uppercase;padding:10px 20px;background:none;cursor:pointer;margin:0 10px}
.add_com:hover {border:1px solid #FF6600;color:#FF6600;}
#comments_list {margin:30px 0}
.s_obr {font-size:16px}
.steps_s {display:inline-block;vertical-align:top;width:33%}
.arrow_right {background:url(/client_style/img/arr_right.png) no-repeat;position:absolute;width:50px;height:76px;display:table;vertical-align:middle;background-size:100% 100%}
.result_mes {font-size:16px}
.search-autocomplete-class {position:absolute; left:-9999em}
.search-autocomplete-class + 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-class:checked + label {background-image:url(/img/choos-bl-2.png)}
.block-feed {display:inline-block;width:49%;vertical-align:top;text-align:left}
.star_button {border:0;background:0;margin:10px 0;padding:0}
.star_button:hover {border:0}
.star_button img {width:30px}
.sts_crt_steps.step_1 {}
#site_create_form {/*position:absolute;top:0;left:0;*/height:100%;width:100%}
.sts_crt_steps.step_1, .sts_crt_steps.step_2, .sts_crt_steps.step_3 {position:absolute;top:0;left:0;height:100%;width:100%}
.sts_crt_steps {height:100%;width:100%}
.sts_crt_steps_c {padding:0 40px;height:100%;}
.sts_crt_steps table, .sts_crt_st_l table {height:100%;width:100%;}
.site_title_1 {font-size:34px;padding:0 0 40px 0;}
.sts_crt_btn {display:inline-block;border-radius:40px;height:50px;width:auto;padding:0 10px;background:#0d8ede;color:#ffffff;text-transform:uppercase;cursor:pointer;line-height:50px;text-align:center;font-size:18px;max-width:200px;min-width:120px}
.sts_crt_link {display:inline-block;text-align:right;font-size:18px;float:right;margin:5px 0 0 0;color:grey;text-decoration:none}
.sts_crt_steps .sts_crt_st_l, .sts_crt_steps .sts_crt_st_r {display:inline-block;vertical-align:top;width:50%;height:100%;}
.sts_crt_steps .sts_crt_st_r {background:#ffffff}
.sts_crt_steps .sts_crt_st_l {background:#0d8ede;font-size:24px;color:#ffffff}
.sts_crt_steps .sts_crt_st_l_pre {font-size:42px;color:#ffffff}
.sts_crt_st_l_pre, .sts_crt_st_r_pre {padding:40px}
.sts_crt_st_r_pre {text-align:center}
.sts_crt_st_r_pre select{height:50px;width:100%;max-width:300px;margin:0 auto;border-color:#ffffff;border-bottom:2px solid #0d8ede;font-size:16px}
.sts_crt_btn.disable {background:#e6e6e6;cursor:auto}
.sts_crt_st_r .sts_crt_link{float:none;padding:0 10px 0 0}
.sts_crt_st_r .sts_crt_link:hover {color:#0d8ede;}
.sts_crt_st_r .step_links{position:absolute;bottom:0;right:0;margin:0 40px 60px 0}
.sts_crt_st_l .step_links{position:absolute;bottom:0;left:0;margin:0 0px 60px 40px}
.sts_crt_st_l .step_links img{width:35px;}
.st_cr_templ {display:inline-block;vertical-align:top;width:50%;height:300px;overflow:hidden;cursor:pointer}
.st_cr_templ .st_cr_templ_pre{padding:20px;height:260px;position:relative;text-align:center}
.st_cr_templ img{max-width:100%;}
.st_cr_templ .st_cr_templ_hide_ch{display:none}
/*.st_cr_templ .st_cr_templ_hide_ch+label{display:block;width:100%;height:100%;position:relative;overflow:hidden;cursor:pointer}*/
.st_th_fnc_ch {max-width:300px;text-align:left;margin:5px auto}
.st_th_fnc_ch input {width:18px;height:18px;}
.st_th_fnc_ch label {display:inline-block;}
.st_cr_templ_desc_ab {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5)}
.st_cr_templ_desc_pre {padding:20px;position:relative}

.st_cr_templ .st_cr_templ_desc_ab{display:none}
.st_cr_templ:hover .st_cr_templ_desc_ab{display:block}
.st_cr_templ_name {text-transform:uppercase;text-align:center;margin:10px auto;}
.st_cr_templ .checked_label{display:none;background-image:url(/img/complete_white_icon.png);background-repeat: no-repeat;background-position: center center;background-color:rgba(27,118,187,.8);width:40px;height:40px;border-radius:40px;background-size:20px;top:0;left:0;margin:5px;z-index:99}
.st_cr_templ.checked .checked_label{display:block;}
.st_cr_templ_desc_pre_txt table {width:100%;height:100%;font-size:20px;color:#ffffff;}
.st_cr_templ_desc_pre_txt table td{vertical-align:middle;}
.sts_crt_btn_4 {display:block;margin:10px auto}


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

@media all and (min-width: 0px) {
.block-feed {display:block;width:100%}
.main_mess {padding: 0px 0 10px 10px;color:#fff}
.s-span {padding:0 0 10px 0}
#projects {margin:20px 0 10px 0;width:100%}
.steps_s {display:block;vertical-align:top;width:100%}
.mail-list-block-n {display:block;background:#e6e6e6;height:auto;font-size:14px;padding:5px;text-align:left;margin:10px 0px;width:100%}
.mail-list-block-1 {display:block;background:#e6e6e6;height:auto;font-size:14px;padding:5px}
.td {display:block;border-bottom:1px solid #ffffff;vertical-align:middle;padding:5px}
a {color:#000000}
.mail-list-block-1 .td {border:0}
.mail_message {max-width:100%}
#message_tbl {width:100% !important}
.send-dp {  width: 150px;height: 35px; vertical-aling:top;text-transform:uppercase;margin:17px 0 0 0px}
.mail-td-1 {display:table-cell;width:90%}
.search-form-mob {display:block}
.auth-in-block {display:none}
.mail-td-2 {display:table-cell;}
.detail_mess {max-width:100%;width:100%;overflow-x:scroll;}
.all_text {max-width:280px;word-break:break-word;border:1px solid lightgrey}
.mail-list-block-n {padding:5px 0 0 0}
#mail-iframe  div {font-size:12px;}
#mail-iframe {display:none}
.body_mail_mob {display:block;}
.com_read_c {display:inline-block;vertical-align:top;width:33%}
.iam_read_n {position:absolute;top:0;right:0;width:10px;height:10px;display:block}
.mail-td-2 {margin:0 10px }
.compred-but {display:block;height:50px;background-repeat:no-repeat;line-height:50px}
.compred-but:hover {background-position:0}
#compred_comment {height:100px;max-width:650px;resize:none;border:1px solid lightgrey}
.c-send-b .send-compr:hover {background-position:0 100%}
.main-form-compred {width:99%;margin:0 auto;text-align:left}

}

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


.all_text, #mail-iframe {max-width:300px;}
}  
@media all and (min-width: 480px) {

.all_text, .detail_mess, #mail-iframe  {max-width:450px}

}  

@media all and (min-width: 640px) {
.all_text {border:0}
.mail-list-block-n {padding:5px}
#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 40px}
.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}
.mail_message {max-width:100%}
.all_text, .detail_mess, #mail-iframe  {max-width:600px}
}

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

.com_read_c {display:table-cell;vertical-align:top;width:auto}
.pl_canvas {display: inline-block;
    vertical-align: top;width:auto;
	
}

.right_part {width:98%;text-align:right}
.block-feed .a-imc {float:right}
.block-feed {display:inline-block;width:49%}
.all_text, .detail_mess, #mail-iframe  {max-width:90%}
.auth-in-block {display:block}
.mail-td-1 {width:auto}
.search-form-mob {display:none}
.search-form {display:inline-block}
.mail_message {max-width:600px}

 .mail-list-block-n {display:table-row;background:#e6e6e6;height:30px;font-size:14px;padding:5px;text-align:left;margin:0}
 .mail-list-block-1 {display:table;background:#e6e6e6;height:30px;font-size:14px;padding:5px}
.td {display:table-cell;border-bottom:1px solid #ffffff;vertical-align:middle;padding:5px}
a {color:#000000}
.steps_s {display:inline-block;vertical-align:top;width:33%}
.main-add-block {padding:16px 0; text-align:center}
.main-add-item {width:18%; margin:0 0.4%}

.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%}

.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}
#mail-iframe {display:block}
.body_mail_mob {display:none}
.ui-widget-content {bottom:95px}
.compred-but {display:inline-block}
a.compred-but:hover {background-position:0}
.main-form-compred {width:90%;margin:0 auto;text-align:left}
}

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

.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) {

}