@font-face {
    font-family: 'mebiuss';
    src: url('../fonts/Minecraft 1.0.eot');
    src: local('☺'), url('../fonts/Minecraft 1.0.woff') format('woff'), url('../fonts/Minecraft 1.0.ttf') format('truetype'), url('../fonts/Minecraft 1.0.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}
body {
    font-family: 'mebiuss', sans-serif;
    background-image: url('../img/bg.jpg');
    background-position: top center;
    background-repeat: no-repeat;
    background-color: #141d2b;
    text-transform: uppercase;
}
.container {
    width: 1000px;
    margin: 0 auto;
}
nav {
    height: 120px;
}
.nav__links {
    padding: 50px 0;
    width: 420px;
}
.nav__links a {
    color: #fff;
    padding: 10px 0;
    font-size: 14px;
    transition: all 0.5s ease-in-out;
}
.nav__links a:hover {
    color: #4be0fb;
}
.nav__links a.active {
    color: #30e9a5;
    border-bottom: 2px solid #30e9a5;
}
.slider {
    position: relative;
    overflow: hidden;
    height: 375px;
}
.slider_gallery{
    height: 500px;
}
.slider__list {
    position: relative;
    height: 100%;
    left: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.slider__item {
    float: left;
    height: 100%;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}
.slider__nav {
    z-index: 10;
    cursor: pointer;
    position: absolute;
    top: 50%;
    opacity: .6;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.slider__nav:hover {
    opacity: 1;
}
.slider__nav_left {
    left: 25px;
}
.slider__nav_right {
    right: 25px;
}
.slider__item article {
    width: 260px;
    padding: 0px 70px;
}
.slider__item article p {
    margin: 10px 0;
}
.slider__item article span {
    padding: 5px 0;
    display: inline-block;
}
.slider__underline {
    padding-bottom: 10px !important;
    border-bottom: 3px solid #fff;
    margin-bottom: 5px;
}
.slider__control {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 10;
}
.slider__control-item {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 15px 10px;
    cursor: pointer;
    opacity: 0.4;
    background: #fff;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.slider__control-item:hover {
    background: #29dffa;
}
.slider__control-item.current {
    opacity: 1;
    background: #fff;
}
.slider__nav > li {} .announces {} .gallery {} .heading {
    height: 90px;
}
.heading h2 {
    font-size: 24px;
    color: #fff;
}
.list {
    list-style: none;
}
.item {
    position: relative;
    margin: 10px 0;
}
.item_promo {
    height: 235px;
}
.item_promo article {
    width: 180px;
    padding: 0 30px;
}
.item_promo article p {
    margin: 10px 0;
}
.item_promo article span {
    padding: 5px 0;
    display: inline-block;
}
.item_photo {
    height: 365px;
}
.item_announce {
    height: 290px;
    margin: 15px 0;
}
.item__img {
    position: relative;
    text-align: center;
    height: 235px;
    background-color: #000;
    overflow: hidden;
}
.item__img > img {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.item_announce .item__img {
    height: 185px;
}
.item__button {
    position: relative;
    z-index: 10;
    opacity: 0;
}
.item__img:hover .item__button {
    opacity: 1;
}
.item__img:hover > img {
    opacity: 0.5;
    transform:scale(1.1);
}
.item__desc {
    height: 130px;
    background-image: url('../img/desc.png');
    background-position: top right;
    background-repeat: no-repeat;
    box-sizing: border-box;
    padding: 10px 15px;
    background-color: #fafafa;
}
.item__desc_blue {
    background-color: #6ab4d7;
}
.item__desc_dark-blue {
    background-color: #275f73;
}
.item__desc_green {
    background-color: #6ad7a5;
}
.item__desc_violet {
    background-color: #b670df;
}
.item_announce .item__desc {
    height: 105px;
    background-image: url('../img/desc_reverse.png');
}
.item__date {
    font-size: 14px;
    padding: 10px 0;
    color: #fff;
}
.item__desc_blue .item__date {
    color: #b2e6ff;
}
.item__desc_green .item__date {
    color: #b1fedb;
}
.item__desc_violet .item__date {
    color: #ddadfa;
}
.item_announce .item__date {
    color: #3a3839;
}
.item__title {
    color: #fff;
    font-size: 16px;
    line-height: 20px;
}
.item__photo-extra {} .item__img-extra:hover > img {
    opacity: 1;
}
.item_announce .item__title {
    color: #1a50b2;
}
.item__big-title {
    font-size: 25px;
    color: #fff;
    line-height: 30px;
}
.news {} .item_news {} .news__date {
    color: #7cdcff;
    text-align: center;
    width: 140px;
    height: 140px;
    border: 2px solid #7cdcff;
    margin-right: 30px;
}
.news__date-day {
    font-size: 40px;
    margin-bottom: 20px;
}
.news__date-month {
    font-size: 20px;
    margin-bottom: 10px;
}
.news__info {
    width: 315px;
    padding-right: 50px;
    box-sizing: border-box;
}
.news__title {
    font-size: 18px;
    color: #29dffa;
    line-height: 20px;
}
.news__text {
    font-family: 'Roboto', sans-serif;
    text-transform: none;
    color: #fff;
    font-size: 20px;
    line-height: 22px;
    padding-top: 10px;
}
footer {
    margin-top: 20px;
    padding: 20px 0;
    border-top: 1px dashed #8b9097;
}
.footer__title {
    color: #7cdcff;
    font-size: 18px;
}
footer p {
    font-family: 'Roboto', sans-serif;
    text-transform: none;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    color: #fff;
    padding: 15px 0;
    padding-right: 40px;
}
footer p a {
    display: inline-block;
    text-decoration: underline;
    color: #7cdcff;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
footer p a:hover {
    color: #b670df;
}
.footer__button {
    width: 50px;
    height: 50px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    margin-right: 15px;
}
.footer__up-button:hover .footer__button, .footer__button:hover {
    background-color: #b670df;
}
.footer-up-icon {
    background-color: #354b66;
    background-image: url('../img/up.png');
}
.footer-vk-icon {
    background-color: #6996c7;
    background-image: url('../img/vk.png');
}
.footer-tw-icon {
    background-color: #28c3ff;
    background-image: url('../img/tw.png');
}
.footer-fb-icon {
    background-color: #496194;
    background-image: url('../img/fb.png');
}
.footer__up-button {
    text-decoration: none;
    color: #fff;
    display: inline-block;
    margin-top: 20px;
}
.footer__social .footer__title {
    margin: 20px 0;
}
.breadcrumbs {
    font-family: 'Roboto', sans-serif;
    text-transform: none;
    font-size: 14px;
    color: #4dd5ee;
}
.breadcrumbs a {
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.breadcrumbs a:after {
    content: '\\';
    padding-left: 5px;
    padding-right: 3px;
}
.breadcrumbs a:hover {
    color: #f5e348;
}
.breadcrumbs a:last-child:after {
    display: none;
}
.breadcrumbs a:last-child {
    color: #fff;
    cursor: default;
}
.pagination{
    padding: 40px 0;
}
.pagination a{
    width: 45px;
    height: 45px;
    border: 2px solid #29dffa;
    color: #29dffa;
    text-align: center;
    line-height: 45px;
        -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.pagination a:hover{
    background-color: #29dffa;
    color: #086980;
}
.pagination a.current,.pagination a.current:hover{
    border-color:#fff;
    background-color: transparent;
    color: #fff;
    cursor: default;
}
.gallery__slider h1{
    padding: 30px 0;
    font-size: 24px;
    color: #fff;
}
.slider__thumb {
    display: inline-block;
    width: 70px;
    height: 70px;
    margin: 20px 10px;
    cursor: pointer;
    opacity: 0.6;
    background: #fff;
    border: 1px solid transparent;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.slider__thumb:hover {
    opacity: 1;
}
.slider__thumb.current {
    opacity: 1;
    border-color: #f5486d;
}.contacts {
    margin-bottom: 30px;
}

.contacts > h1 {
    padding: 30px 0;
    color: #fff;
    font-size: 24px;
}

.contacts__body {
    padding: 20px;
    background-color: #fff;
}


.contacts__left {
    width: 300px;
}

.contacts__top {
    width: 100%;
}

.contacts__top > h2 {
    color: #3b3b3b;
    font-size: 20px;
    margin-bottom: 25px;
}

.contacts__article,.inner p{
    margin: 15px 0;
    font-family: 'Roboto', sans-serif;
    text-transform: none;
    font-size: 16px;
    line-height: 22px;
    width: 100%;
}
.inner{
    padding: 30px 0;
}
.inner p{
    font-weight: 300;
}
.inner__left{
    width: 740px;
    background-color: #fff;
    padding: 20px;
    box-sizing: border-box;
}
.contacts__label {
    width: 90px;
}
.inner__img{
    overflow: hidden;
}
.inner__img img{
    max-width: 100%;
}
.contacts__text {
    font-weight: 300;
    width: 200px;
}

.contacts__text > tel {
}

.contacts__text > br {
}

.contacts__text > a {
    color: #3389cb;

    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    text-decoration: underline;
}
.contacts__text > a:hover {
    color: #f5486d;
}

.contacts__bottom {
    padding: 10px 0;
}

.contacts__bottom > h3 {
    color: #1e3247;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.share__button {
}

.share__button {
    width: 30px;
    height: 30px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    margin:0 10px;
}
.share__button:hover {
    background-color: #f5486d;
}
.contacts__right {
    width: 630px;
}

.share-vk-icon {
    background-color: #6996c7;
    background-image: url('../img/vk-small.png');
}
.share-tw-icon {
    background-color: #28c3ff;
    background-image: url('../img/tw-small.png');
}
.share-fb-icon {
    background-color: #496194;
    background-image: url('../img/fb-small.png');
}

.modals {
    display: none;
}

.feedback {
    width: 400px;
    text-align: center;
}

.feedback > h2 {
    color: #2c9be1;
    font-size: 24px;
    margin-bottom: 25px;
}

.feedback > form {
}

.feedback input,textarea {
    padding: 15px;
    margin: 15px 0;
    font-size: 16px;
    resize:vertical;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    border: 2px solid #b7b7b7;
    display: block;
    text-align: center;
    width: 100%;
    outline: 0;
    box-sizing:border-box;
      font-family: 'mebiuss', sans-serif;
      text-transform: uppercase;
    color: #4d616e;
}
.feedback input:focus,textarea:focus {
color: #fff;
    border: 2px solid #4d616e;
background-color: #4d616e;
}
.feedback input[type="submit"]{
    background-color: #2c9be1;
    border: 2px solid #2c9be1;
    cursor: pointer;
    color: #fff;
}
.feedback input[type="submit"]:hover{
    background-color: #f5486d;
    border: 2px solid #f5486d;

}
::selection{
    background-color: #14f9b1;
    color: #fff;
}
.slider__thumbs{
    background-color: rgba(0,0,0,.5);
}