@font-face {
 font-family: 'Jura';
 src: url('/.s/t/1271/fonts/jura-demibold.eot');
 src: url('/.s/t/1271/fonts/jura-demibold.eot?#iefix') format('embedded-opentype'), url('/.s/t/1271/fonts/jura-demibold.woff') format('woff'), url('/.s/t/1271/fonts/jura-demibold.ttf') format('truetype'), url('/.s/t/1271/fonts/jura-demibold.svg#webfont') format('svg');
 font-weight: normal; font-style: normal;
}
@font-face {
 font-family: "Avenir Next W10 Regular";
 src: url("/fonts/baseFont/de6ddab4-6357-4d45-b626-52c3bd8fd77a.eot?#iefix");
 src: url("/fonts/baseFont/de6ddab4-6357-4d45-b626-52c3bd8fd77a.eot?#iefix") format("eot"), url("/fonts/baseFont/fb555151-cbda-4728-b28d-6e5f085c2d55.woff") format("woff"), url("/fonts/baseFont/8c58f11b-45a1-43dc-995e-785023989e7e.ttf") format("truetype"), url("/fonts/baseFont/28108543-a866-4464-b36d-3362b695bd4a.svg#28108543-a866-4464-b36d-3362b695bd4a") format("svg");
 font-style: normal; font-weight: normal;
}
@font-face {
 font-family: "Avenir Next";
 src: url("/fonts/baseFont/2bf26c0b-2c2a-4d68-8f6b-447ecd526105.eot?#iefix");
 src: url("/fonts/baseFont/2bf26c0b-2c2a-4d68-8f6b-447ecd526105.eot?#iefix") format("eot"), url("/fonts/baseFont/95aa7ca1-de33-40d9-ae40-ff045fcada66.woff") format("woff"), url("/fonts/baseFont/915534d0-f381-4fa3-9ff3-c56e5c6cfd08.ttf") format("truetype"), url("/fonts/baseFont/a252017e-236d-4161-895a-5f6b851154e4.svg#a252017e-236d-4161-895a-5f6b851154e4") format("svg");
}
@font-face {
 font-family: "Avenir Next";
 src: url("/fonts/baseFont/a47247cc-4e49-4a7a-90df-e89cd3887fbf.eot?#iefix");
 src: url("/fonts/baseFont/a47247cc-4e49-4a7a-90df-e89cd3887fbf.eot?#iefix") format("eot"), url("/fonts/baseFont/8e0e32b3-034a-41e8-bd15-c22974ebcdb5.woff") format("woff"), url("/fonts/baseFont/e67c8a0b-c32f-4b4b-b883-956fb420313e.ttf") format("truetype"), url("/fonts/baseFont/5e006032-8b7f-4fa8-88e3-1fe5ba1cc726.svg#5e006032-8b7f-4fa8-88e3-1fe5ba1cc726") format("svg");
 font-style: normal; font-weight: bold;
}

html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, a, blockquote, cite, em, img, q, strong, sub, sup, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
 margin: 0; padding: 0;
 background: transparent;
 border: 0; font-size: 100%; outline: 0;
}

header, footer, aside, menu, nav, section, article, figure, figcaption, details, canvas {display: block;}

html, body {min-height: 100%;} /* Прижимаем подвал */
html {height: 100%;}

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

h1,h2, h3, h4, h5, h6 {margin: 18px 0; padding: 0; font-weight: normal;}
h1 {font-size: 25px;}
h2 {font-size: 23px;}
h3 {font-size: 17px; font-weight: bold;}
h4 {font-size: 15px;}
h5 {font-size: 15px;}
h6 {font-size: 13px;}

p {margin: 11px 0;}

hr {
 margin: 0 0 35px; padding: 10px 0 0;
 border: none; border-bottom: 2px solid #dbe4e9;
 clear: both;
}

iframe, object, embed {max-width: 100%;}

.wrapper {margin: 0 auto;}
.clr {clear: both;}


/*=============================== BRIZING start =================================*/
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.text img {-webkit-box-sizing: content-box !important; -moz-box-sizing: content-box !important; box-sizing: content-box !important;}
body {background:#e8ebed; margin:0;padding:0;font-size: 15px;font-family:"Avenir Next",Tahoma,Geneva,sans-serif;color:#727171;position: relative; width: 100%; height: auto !important; min-height: 100%;padding-bottom: 50px;}
header, nav, section, article, aside, footer {display: block}

a {color: #263845; text-decoration: none !important; transition-property: color, #000; transition-duration: 0.5s; transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);}
a:hover {text-decoration:underline;}
h2 {font-size: 17px; text-transform: uppercase; letter-spacing: 0.15em; font-weight: bold;}
.home h2 {font-size: 20px;}

header > div:first-child {background: none repeat scroll 0% 0% #1C2A33;}
header > div:last-child {background: none repeat scroll 0% 0% #263845;}
header > div > div {background: url(/img/bg_noise-on-light.png) repeat scroll 0% 0% rgba(38, 59, 73, 0.19);}
header > div > div > div {max-width: 960px; margin: 0 auto; padding: 0 10px;}
header > div:last-child > div > div {padding: 30px 10px; text-align:center; color: #fff; font-size: 40px; font-family: 'Avenir Next W10 Regular';}
header > div:last-child a {color: #fff;}
header .back {text-indent:-19px;}

.logo {display:block; margin: 0 auto 30px auto; width: 133px; height: 51px; background: url(/img/logo_ukit.svg) no-repeat 50%; font-size: 0; color: transparent;}

article {max-width:960px; margin: 0 auto; padding: 30px 10px;}
section:not(.landing):not(.ac-container) {
 margin-bottom: 50px;
}

/* categories */
.categories {margin: 0px; padding: 0px; list-style: outside none none; overflow: hidden;}
.categories li {float: left; margin: 0 0 5px 5px;}
.categories li a {
 display: block;
 padding: 30px 10px 15px;
 width: 130px;
 height: 130px;
 font-size: 15px;
 text-align: center;
 letter-spacing: 0.025em;
 color: #263845 !important;
 text-decoration: none !important;
 background: #f7f9fc;
 -webkit-transition-property: color, background;
 transition-property: color, background;
 -webkit-transition-duration: 0.5s;
 transition-duration: 0.5s;
 -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
 transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
}
.categories li a:hover {
 color: #000000 !important;
 background: #ffffff;
}
.categories .label {height:34px; margin-bottom: 20px;}
.cid-14, .categories a[href^="/questions/general"] .label {background: url(/icon/accaunt.png) no-repeat center;} /* Бета-тест */
.cid-9, .categories a[href^="/questions/domains"] .label {background: url(/icon/domain.png) no-repeat center;} /* Домены */
.cid-10, .categories a[href^="/questions/publication"] .label {background: url(/icon/publications.png) no-repeat center;} /* Публикация */
.cid-11, .categories a[href^="/questions/communication"] .label {background:url(/icon/user_engagement.png) no-repeat center;} /* Комуникация */
.cid-12, .categories a[href^="/questions/promotion"] .label {background: url(/icon/seo_statistics.png) no-repeat center !important;} /* SEO */
.cid-13, .categories a[href^="/questions/pricing"] .label {background: url(/icon/billungs.png) no-repeat center !important;} /* Тарифы */
.cid-1, .categories a[href^="/questions/text"] .label {background: url(/icon/text.png) no-repeat center;} /* Текст */
.cid-2, .categories a[href^="/questions/interface"] .label {background: url(/icon/design.png) no-repeat center;} /* Дизайн */
.cid-3, .categories a[href^="/questions/widgets"] .label {background: url(/icon/widgets.png) no-repeat center;} /* Виджеты*/
.cid-4, .categories a[href^="/questions/social-media"] .label {background: url(/icon/social.png) no-repeat center;} /* Соц. сети */
.cid-5, .categories a[href^="/questions/shop"] .label {background: url(/icon/store.png) no-repeat center;} /* Магазин */
.cid-6, .categories a[href^="/questions/advertising"] .label {background: url(/icon/advertisement.png) no-repeat center;} /* Реклама */
/* categories */

/* faq */
section .title {position: relative; padding: 10px; z-index: 500; font-size: 16pt;}
section .title > a {position: relative; z-index: 700; color: #1B4F6B !important; transition: all 0.3s ease 0s;}
section .title > a:hover {color: #3b7694 !important;}
section .title > a:first-child {margin-right: 5px; padding: 5px;}
section .title img {position: relative; z-index: 650;}
section .answer, section .content {position: relative; z-index: 400;}
section .answer a, section .content a {color: #338FFF}
section .answer a:hover, section .content a:hover {color: #0073ff;text-decoration:underline !important;}
section .answer p img, section .content p img {max-width: 100%}
section div[id^="answer"], section .content div {margin-top: -70px; background: #fff;}
section div[id^="answer"] {padding: 70px 15px 30px 15px;}
section .content div {margin: 0px !important; padding: 15px 15px 30px;}
section .content div a {padding: 15px 0 30px !important;}
.no_padding {padding: 15px 0 30px !important;}
.catsTd a {display: block; margin: 2px; padding: 10px 10px 10px 45px; background: #fff url(http://forum.ucoz.ru/images/forum_icons/accaunt.png) 5px 5px no-repeat;}
/* faq */

.text li {margin: 5px 0 0 20px;}
.text ul li {list-style: square outside;}
.text ol li {list-style: decimal;}
.text img {border: 3px solid #ccc !important;}

.ULmessage {
 font-size: 12px;
 text-transform: uppercase;
 letter-spacing: 0.2em;
 font-weight: 700;
 text-align: center;
}
.UL {
 max-width: 500px;
 margin: 0 auto;
}
.UL input, .UL textarea { 
 background: transparent none repeat scroll 0px 0px;
 border: 2px solid rgba(59, 118, 148, 0.75);
 color: #DAE1E6;
 font: 14px/21px "Avenir Next W10 Regular";
 height: 36px;
 outline: 0px none !important;
 padding: 8px 8px 7px;
 margin: 0px 10px;
 width: 100%;
 border-radius: 6px;
 transition-property: #000, border, opacity;
 transition-duration: 0.5s;
 transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
 
 max-width: 100%;
 color: #1C2A33;
 background: #C5D4DB none repeat scroll 0% 0%;
 border-color: #C5D4DB;
 
 margin: 10px 0;
}
.UL input:focus, .UL textarea:focus { 
 border-color: #338FFF !important;
 box-shadow: 0px 0px 10px 0px rgba(51, 143, 255, 0.08);
}
.UL input:hover, .UL textarea:hover { 
 border: 2px solid rgba(59, 118, 148, 0.75);
}
.UL textarea {
 height: 78px;
 resize: none;
}
.UL .sec-code {
 display: inline-block;
 line-height: 20px;
 vertical-align: middle;
 margin-left: 20px;
}
.UL input[type="submit"] {
 background: #338FFF none repeat scroll 0% 0%;
 border: medium none;
 color: #FFF !important;
 cursor: pointer;
 display: inline-block;
 font-family: "Avenir Next";
 font-size: 14px;
 font-weight: 400;
 height: 36px;
 line-height: 33px;
 outline: 0px none;
 padding: 2px 18px;
 text-align: center;
 text-decoration: none !important;
 vertical-align: middle;
 white-space: nowrap;
 letter-spacing: 0.5px;
 transition-property: #000, color, opacity, box-shadow;
 transition-duration: 0.5s;
 transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
 border-radius: 6px;
 -moz-user-select: none;
 float: right;
 width: 130px;
 text-transform: uppercase;
}
.UL input[type="submit"]:hover {
 background: #66ABFF none repeat scroll 0% 0%;
}
.sitePage3 .xw-hdr {
 position: relative;
}
/*=============================== BRIZING end =================================*/


/* ABEZGAUZ start
=================================*/

/* Обтекание */
.fl {float: left;}
.fr {float: right;}

/* Верхняя панель */
.uBAR {
 position: relative;
 width: 100%; height: 60px;
}

.uBAR .fl {
 float: right;
}

.logo-ukit {
 float: left;
 height: 45px;
 padding-top: 5px;
}

/* Поиск */
.faqTOP .search, .faqTOP h2 {
 display: block;
}
.faqTOP h2 {
 width: 55%;
 float: left;
 margin-top: 10px;
 margin-bottom: 20px;
}
.faqTOP .search {
 width: 45%;
 float: right;
}
.search {
 position: relative;
 height: 36px;
 overflow: hidden;
}
.search .query {
 border-radius: 4px 0 0 4px !important;
 float: left;
 width: calc(100% - 107px); height: 36px;
 margin: 0; padding: 0 0 0 10px;
 background: #c5d4db;
 border: none;
 border-radius: 5px 0 0 5px;
 font-size: 14px; line-height: 36px; color: #1c2a33;
 -webkit-transition: box-shadow 0.2s ease-in-out;
 -moz-transition: box-shadow 0.2s ease-in-out;
 -o-transition: box-shadow 0.2s ease-in-out;
 -ms-transition: box-shadow 0.2s ease-in-out;
 transition: box-shadow 0.2s ease-in-out;
}
.search button {
 border-radius: 0 4px 4px 0 !important;
 height: 36px;
 background: #338fff;
 color: #fff;
 border: none;
 padding: 0 25px;
 cursor: pointer;
 text-transform: uppercase;
 float: right;
 margin: 0;
 transition: 0.3s;
}
.search .query:focus {box-shadow: inset 0 0 0 2px #4b93b7; outline: none;}
.search-bat {
 position: absolute;
 width: 60px; height: 32px;
 top: 2px; right: 2px;
}
.search-bat {
 background: -webkit-linear-gradient(left, rgba(197, 212, 219, .90), rgb(197, 212, 219) 100%);
 background: -moz-linear-gradient(left, rgba(197, 212, 219, .90), rgb(197, 212, 219) 100%);
 background: -ms-linear-gradient(left, rgba(197, 212, 219, .90), rgb(197, 212, 219) 100%);
 background: -o-linear-gradient(left, rgba(197, 212, 219, .90), rgb(197, 212, 219) 100%);
 background: linear-gradient(to right, rgba(197, 212, 219, .90), rgb(197, 212, 219) 100%);
}
.search .search-button, .search input.search-button:active {
 position: absolute;
 width: 14px; height: 14px;
 top: 50%; right: 0;
 padding: 0;
 border: 0;
 border-radius: 0;
 text-indent: -9999px;
 cursor: pointer;
}
.search .search-button, .search input.search-button:active {
 margin: -7px 7px 0 0;
 background: url(http://forum.ucoz.ru/images/search.png) no-repeat;
}

/* Кнопки */
a.btn {
 height: 36px;
 margin-top: 12px; padding: 0 24px;
 border-radius: 5px;
 text-align: center; font-size: 17px; line-height: 36px;
 text-transform: uppercase;
}
a.btn:hover, .search button:hover {background: #338fff;color: #fff;}
.btnGO {
 background: #338fff;
 border: 1px solid #338fff;
 color: #fff;
}
.btnSTART {
 background: #e8ebed;
 border: 1px solid #333;
 color: #1B4F6B;
}

/* faq-TOP */
.faqTOP {
 position: relative;
 max-width: 100%; height: auto;
 margin: 5px 0 15px;
 overflow: hidden;
 font-size: 11pt;
}
.faqTOP h2 {padding: 0px 3px;}
.faqTOP ul {
 position: relative;
 width: 100%; height: auto;
 padding: 5px 10px;
 background: #f7f9fc;
}
.faqTOP ul li {
 list-style: none;
 padding: 5px 10px;
 border-bottom: 2px solid #dbe4e9;
}
.faqTOP ul li:last-child {border-bottom: none;}
.faqTOP ul li a {
 display: block;
 padding: 8px 10px;
 border-left: 2px solid #dbe4e9;
}
.faqTOP ul li a:hover {border-left: 2px solid #4b93b7;}

.faqTOP li > div {display: table; width: 100%;}
.faqTOP li > div > div {display: table-cell;}
.faqTOP li > div > div + div {text-align: right; padding-right: 25px; background-size: 15px !important; opacity: 0.5; background-position: right !important; font-size: 10px; width: 20%;}
.faqTOP li > div > div + div span {cursor: pointer;}

/* faq */
.fastLinks {
 margin-bottom: 15px;
 font-size: 11pt;
}
.fastLink {
 padding: 0 10px;
 border-left: 2px solid #dbe4e9;
}
.fastLink:hover {border-left: 2px solid #4b93b7;}
.fastLink a {
 display: block;
 margin-left: 30px;
 line-height: 48px; text-decoration: none;
}
.fastLink a:hover {cursor: pointer;}

.qNum {
 display: block;
 float: left;
 padding: 15px 0;
 font-weight: 700;
}

/* Подвал */
.d-footer {
 position: absolute;
 bottom: 0;
 width: 100%; height: 50px;
 background: #dbe2e8;
 font-size: 12px; line-height: 50px;
}
.d-footer-main {
 max-width: 960px;
 margin: 0 auto; padding: 0 10px;
 overflow: hidden;
}
.d-footer a {
 color: #8da8b8; text-decoration: none !important;
 -webkit-transition-property: color;
 transition-property: color;
 -webkit-transition-duration: .5s;
 transition-duration: .5s;
 -webkit-transition-timing-function: cubic-bezier(.23, 1, .32, 1);
 transition-timing-function: cubic-bezier(.23, 1, .32, 1);
}
.d-footer a:active, .d-footer a:focus, .d-footer a:hover {color: #6e90a4;}
.d-footer-links > li {
 display: inline-block;
 margin-left: 25px;
}
.d-footer-links > li:first-child {margin-left: 0;}
ul.ul-socials-list li {
 display: inline-block;
 margin-left: 6px;
}
ul.ul-socials-list li:first-child {margin-left: 0;}
.ul-socials-list__item {
 display: inline-block;
 width: 24px; height: 24px;
 background: rgba(93, 131, 151, .33);
 border-radius: 50%;
 vertical-align: middle; text-align: center; line-height: 24px; color: #dbe2e8 !important;
 -webkit-transition-property: background !important;
 transition-property: background !important;
 -webkit-transition-duration: .5s;
 transition-duration: .5s;
 -webkit-transition-timing-function: cubic-bezier(.23, 1, .32, 1);
 transition-timing-function: cubic-bezier(.23, 1, .32, 1);
}
.ul-socials-list__item--vkontakte:hover {background: #4c75a3;}
.ul-socials-list__item--odnoklassniki:hover {background: #f48c33;}
.ul-socials-list__item--facebook:hover {background: #425399;}
.ul-socials-list__item--twitter:hover {background: #01b5f0;}
.ul-socials-list__item--google:hover {background: #e15540;}
.ul-socials-list__item--instagram:hover {background: #31668e;}
.ul-socials-list__icon {vertical-align: baseline; font-size: 14px; line-height: 24px;}
.ok_img {
 width: 24px; height: 24px;
 background-image: url(/img/logo_ok.png);
 background-size: 80%;
 background-position: 50% 50%;
 background-repeat: no-repeat;
}

/* Аккордеон */
.ac-container {
 width: 90%;
 margin: 10px auto 15px auto;
 text-align: left;
}
.ac-container label {
 position: relative;
 display: block;
 height: 50px;
 padding: 0px 20px;
 background: #dbe2e8;
 box-shadow: 0px 0px 0px 1px rgba(155, 155, 155, 0.3), 0px 2px 2px rgba(0, 0, 0, 0.1);
 z-index: 20;
 text-align: center; font-family: 'Arial Narrow', Arial, sans-serif; font-size: 19px; line-height: 50px; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8); color: #777;
 cursor: pointer;
}
.ac-container input:checked + label, .ac-container input:checked + label:hover {
 background: #338fff;
 box-shadow: 0px 0px 0px 1px rgba(155, 155, 155, 0.3), 0px 2px 2px rgba(0, 0, 0, 0.1);
 color: #fff; text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.6);
}
.ac-container label:hover:after, .ac-container input:checked + label:hover:after {
 content: '\f13a ';
 position: absolute;
 width: 24px; height: 24px;
 top: 0px; right: 13px;
 font-family: 'FontAwesome';
}
.ac-container input:checked + label:hover:after {content: '\f139';}
.ac-container input {display: none;}
.ac-container article {
 position: relative;
 height: 0px;
 margin-top: -1px; padding: 0 !important;
 background: rgba(255, 255, 255, 0.5);
 overflow: hidden;
 z-index: 10;
}
.ac-container article p {
 padding: 9px;
 font-size: 14px; color: #777;
}
.ac-container input:checked ~ article {box-shadow: 0px 0px 0px 1px rgba(155, 155, 155, 0.3);}
.ac-container input:checked ~ article.ac-small, 
.ac-container input:checked ~ article.ac-medium, 
.ac-container input:checked ~ article.ac-large {height: auto; }
/* ABEZGAUZ end */

@media only screen and (min-width: 890px) {
 .categories li:nth-child(n+9) {margin-top: 5px;}
 .categories li:nth-child(8n+1) {clear: left; margin-left: 0px;} 
 a.btn {width: 31%;}
 .search {width: 100%;}
}

@media only screen and (min-width: 575px) and (max-width: 890px) {
 a.btn {width: 48%;}
 .search {width: 48%;}
}

@media only screen and (max-width: 575px) {
 a.btn {width: 100%; padding: 0 12px;}
 .search {width: 100%;}
}

#totop {
 position: fixed;
 bottom: 70px;
 left: 20px;
 display: block;
 width: 41px;
 height: 43px;
 background: url(/img/top.png) no-repeat center center;
 opacity: 0;
 visibility: hidden;
 -webkit-transition: all 0.25s 0s ease-out;
 transition: all 0.25s 0s ease-out;
}
#totop.visible {
 visibility: visible;
 opacity: 1;
}
#totop:hover {
 background-image: url(/img/toph.png);
}

@media only screen and (max-width: 980px) {
 #totop {
 display: none;
 }
}

::-webkit-input-placeholder {color:#777;}
::-moz-placeholder {color:#777;}/* Firefox 19+ */
:-moz-placeholder {color:#777;}/* Firefox 18- */
:-ms-input-placeholder {color:#777;}

b, strong {color:#000}

span.xw-hdr-text {
 margin-left: 60px;
}

.answer img {max-width: 100%;}

.sys-icon {color: #8AA7B7;}

:invalid {box-shadow: none;}