@font-face {
    font-family: HelveticaNeue-lite; /* Гарнитура шрифта */
    src: local(Bebasneue), url('../fonts/helveticaneuecyr_167.otf');  /*лайт*/
}
@font-face {
    font-family: HelveticaNeue-medium; /* Гарнитура шрифта */
    src: local(Bebasneue), url('../fonts/helveticaneuecyr_139.otf');
}
@font-face {
    font-family: HelveticaNeue-thin; /* Гарнитура шрифта */
    src: local(Bebasneue), url('../fonts/helveticaneuecyr_323.otf');
}
@font-face {
    font-family: Neucha; /* Гарнитура шрифта */
    src: local(Neucha), url('../fonts/neucha.otf');
}

/* сброс стилей */
* {margin:0; padding:0; border:none;} 

/* базовые стили */
html {height: 100%;}
BODY {height: 100%; min-width: 320px; font-size:16px; background-color: #FFF; color: #000; font-family: 'HelveticaNeue-lite'; background: url(../image/fon-3.png);}
P {margin-bottom: 10px; line-height: 1.3;}
*::selection {background-color: #CBEEF5;}
*::-moz-selection {background-color: #CBEEF5;}

/* общие стили */
a:link,a:visited {color: #15B452; text-decoration:underline;}								
a:hover,a:active {color: #15B452; text-decoration:underline;}	

.hide {display: none;}
.center {text-align: center;}
.wrap-main {min-height: 100%; position: relative; font-size: 1.2rem;}
.wrapper {width: 100%; max-width: 1070px; padding: 0 25px; margin: 0 auto; position: relative; box-sizing: border-box;}
.wrapper:after, .row:after, .clearfix:after {display: table; line-height: 0; content: ''; clear: both;}

/* Мобильные устройства */
@media handheld {
	video {width: 100%; height: 100%;}
}

/* инпуты и кнопки */
input::-webkit-input-placeholder       {font-size: 1.2rem; font-family: 'HelveticaNeue-lite'}
input::-moz-placeholder                {font-size: 1.2rem; font-family: 'HelveticaNeue-lite'}
input:-moz-placeholder                 {font-size: 1.2rem; font-family: 'HelveticaNeue-lite'}
input:-ms-input-placeholder            {font-size: 1.2rem; font-family: 'HelveticaNeue-lite'}
a.btn-more {padding: 4px 10px; border-radius: 3px; background: url(../image/fon-4.png); background-size: cover; color: #FFF; text-decoration: none; display: inline-block; margin-bottom: 5px;}
.btn-search {position: absolute; width: 46px; height: 31px; background-color: #C31AB5; border-radius: 4px 0px 0px 4px; right: 2px; top: 2px;}
a.btn-show-all {padding: 0px 10px; border-radius: 3px; background: url(../image/fon-7.png); background-size: cover; color: #FFF; text-decoration: none; display: inline-block; margin-bottom: 0px; font-size: 0.65em; height: 22px; line-height: 22px;}
.comment-add-wrap input {border: solid 1px #B6B6B6; border-radius: 3px; width: 100%; height: 50px; line-height: 50px; padding: 0 20px; font-size: 1.2rem; font-family: 'HelveticaNeue-lite'; box-sizing: border-box;}
.comment-add-wrap textarea {border: solid 1px #B6B6B6; border-radius: 3px; width: 100%; height: 215px; line-height: 50px; padding: 0 20px; font-size: 1.2rem; font-family: 'HelveticaNeue-lite'; resize: none; box-sizing: border-box;}
.comment-add-wrap input.btn-send-comment {border: none; border-radius: 3px; width: auto; height: 40px; line-height: 40px; padding: 0 43px; display: table; margin: 0 auto; color: #FFF; font-size: 1rem; background: url(../image/fon-8.png); background-size: cover;}
.comment-add-wrap label {display: block; margin: 12px 0px 3px;}

/* шапка */
header {color: #FFF; background: url(../image/fon-1.png) #000 no-repeat 0px 0px;}
.top-menu {height: 85px; text-align: center; font-family: 'HelveticaNeue-medium';}
.top-menu li {list-style: none; display: inline-block; line-height: 85px; font-size: 1.5rem;}
.top-menu li:hover {background: url(../image/fon-2.png) no-repeat 50% 0;}
.top-menu li a {color: #FFF; text-decoration: none; position: relative; top: 0; bottom: 0; left: 0; right: 0; padding: 0 40px; display: block;}

/*заставка*/
.top-intro {height: 470px; background: url(../image/fon-top.jpg) #000 no-repeat 50% 0; background-size: cover;}
.top-intro_eng {height: 470px; background: url(../image/fon-top_eng.jpg) #000 no-repeat 50% 0; background-size: cover;}
.top-logo { color: #FFF; height: 470px; position: relative; width: 100%; box-sizing: border-box; background: url(../image/fon-logo.png) no-repeat 0 0;}
.top-logo_eng { color: #FFF; height: 470px; position: relative; width: 100%; box-sizing: border-box; background: url(../image/fon-logo_eng.png) no-repeat 0 0;}
.top-text {position: absolute; bottom: 0; font-size: 3rem; padding-bottom: 12px;}
.top-text p {text-transform: uppercase;}
.url {font-size: 2.5rem;}
.top-text p, .url {font-family: "Neucha"; text-shadow: 0px 3px 1px #000, 3px 0px 1px #000, 0px -3px 1px #000, -3px 0px 1px #000;}

/* основной контент */
.main-zagol {font-size: 3rem; font-family: 'HelveticaNeue-medium'; padding: 10px 0;}
.main-content-wrap {}
.main-content-left, .main-content-right {box-sizing: border-box;}
.main-content-left {width: 62.7%; float: left;}
.main-content-right {width: 36%; float: right; margin-bottom: 20px; background-color: #FFF; border: solid 1px #DDD; box-shadow: 0px 0px 20px 0px rgba(86, 86, 86, 0.39); padding: 20px 10px;}

.articles-list-wrap {margin-bottom: 50px;}
.touch-wrap {}
.search-wrap {position: relative; margin: 60px 0;}
.form-search {border: solid 2px #0FCFBF; border-radius: 4px; padding: 0 5px; height: 35px; line-height: 35px; box-sizing: border-box; width: 100%;}
.welcome-text-wrap {}
.article {background-color: #FFF; border: solid 1px #DDD; box-shadow: 0px 0px 20px 0px rgba(86, 86, 86, 0.39); padding: 20px 10px; margin-bottom: 42px; position: relative;}
.article h2 {color: #C235AD; font-size: 2.4rem; font-weight: normal; padding-left: 10px;}
.article-date {padding: 6px 10px 12px; font-size: 1.5rem;}
.article-image {width: 100%; max-width: 640px;}
.article-image img {width: 100%; max-width: 640px;}
.article-text {padding: 15px 0 80px; position: relative;}

.paginator {margin-bottom: 97px; text-align: center; font-weight: bold;}
.paginator li {list-style: none; display: inline-block; width: 35px; height: 35px; background-color: #FFF; box-shadow: 0px 0px 20px 0px rgba(86, 86, 86, 0.39); line-height: 35px;}
.paginator li:first-child, .paginator li:last-child {background: none; box-shadow: none;}
.paginator li a {color: #000; text-decoration: none; position: relative; top: 0; bottom: 0; left: 0; right: 0; display: block;}
.paginator li.active {background: url(../image/fon-5.png); background-size: cover;}
.paginator li.active a {color: #FFF;}

.topic {font-weight: bold; font-family: 'HelveticaNeue-medium';}

.text-ui {position: absolute; bottom: 10px; right: 10px; height: 42px;}
.text-ui-item {float: left; height: 42px; margin-right: 10px; margin-top: 6px;}
.text-ui-item:first-child {margin-right: 0px;}
.text-ui-item:last-child {margin-right: 0px; margin-top: 3px;}
.text-ui-item.ui-count {border: solid 1px #898F9C; padding: 0px 6px; font-size: 0.65em; height: 18px; border-radius: 4px; line-height: 18px;}
.text-ui-item.ui-count:before {position: absolute; content: ''; background: url(../image/corner.png); height: 4px; width: 4px; margin-left: -10px; margin-top: 6px;}

.text-ui-item.ui-hand-top {background: url(../image/sprite1.png) no-repeat 0px 0px; height: 41px; width: 29px; margin-top: -4px;}
.text-ui-item.ui-hand-bottom {background: url(../image/sprite1.png) no-repeat -31px 0px; height: 41px; width: 29px; margin-top: -4px; margin-right: 5px;}
.text-ui-item.ui-circle {background: url(../image/sprite1.png) no-repeat -65px 0px; height: 41px; width: 29px; margin-top: -4px; margin-right: 8px;}

.comment-wrap {padding: 0 0 120px;}
.comment-right-info {padding-left: 117px; min-height: 186px;}
.comment-topic {color: #C235AD; font-size: 1.5rem; font-weight: normal; margin-bottom: 15px;}
.comment-add-wrap .comment-topic {font-size: 2.2rem;}
.comment-add-wrap {padding: 0 50px;}
.comment-desclam {font-size: 1.5rem; font-weight: normal; margin-bottom: 32px;}
.comment-item.level-1 {position: relative; border-bottom: solid 1px #000; margin-bottom: 23px;}
.comment-item.level-2 {position: relative; border-bottom: solid 1px #000; margin-bottom: 23px; padding-left: 70px;}
.comment-item.level-3 {position: relative; border-bottom: solid 1px #000; margin-bottom: 23px; padding-left: 140px;}
.comment-item-photo {position: absolute;}
.comment-item-name {font-size: 1.2rem; font-weight: bold; margin-bottom: 5px;}
.comment-item-name span {font-weight: normal; font-size: 1.1rem;}
.comment-item-text {font-size: 0.9rem; font-weight: bold; line-height: 1.3;}
.comment-item-ui .text-ui {left: 0px; right: auto;}
.level-2 .comment-item-ui .text-ui {left: 70px; right: auto;}
.level-3 .comment-item-ui .text-ui {left: 140px; right: auto;}
.not-robot {margin: 14px 0 35px;}

.post-nav-wrap {margin: 41px 0 66px; padding: 0 90px;}
.post-nav-wrap a {color: #000; text-decoration: none; font-size: 1rem; line-height: 0.9rem;}
.post-nav-wrap a span {display: block; font-weight: bold; font-size: 1.2rem;}
.post-left {float: left; text-align: right;}
.post-right {float: right; text-align: left;}

/* футер */
.ffooter {height: 200px;}
footer {height: 200px; position: absolute; bottom: 0; left: 0; width: 100%; background-color: #000; color: #FFF;}
footer p {font-size: 0.9rem; line-height: 1.2;}
.footer-menu {border: solid 1px #680E61; padding: 8px 15px 13px; margin: 45px 0 31px; display: inline-block;}
.footer-menu li {list-style: none; display: inline-block; font-size: .9rem; padding-right: 20px;}
.footer-menu li a {color: #FFF; text-decoration: none;}
.footer-logo {position: absolute; right: 25px; top: 0px; height: 147px; padding-left: 170px; background: url(../image/fon-6.png) no-repeat 0px 0px;}
.footer-logo_eng {position: absolute; right: 25px; top: 0px; height: 147px; padding-left: 170px; background: url(../image/fon-6_eng.png) no-repeat 0px 0px;}
.footer-logo,.footer-logo_eng a {color: #FFF; text-decoration: none; font-size: 1.5rem; line-height: 147px;}