:root {

}




html {}

body {
    background: #7272b2;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
}
body.admin {

}

h1 {
    font-family: 'Playfair Display', serif;
    font-weight: bold;
    font-size: 38px;
}

a {
    color: #fff;
    transition: 0.2s;
}
a:hover {
    color: #fba69b;
}

ul {
  list-style: none;
}




.container {}
.container:before,
.container:after,
.row:before,
.row:after {
	display: none;
}




.mm-page {
	height: 100%;
}




.btn {
    background: #fba69b;
    padding: 7px 25px;
    font-size: 18px;
}
.btn:hover,
.btn:active {
    background: #ff8271;
}










/* Верхний коллонтитул */
header {
    position: fixed;
    z-index: 100;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 0px;
    background: url(images/bg-head.jpg) center top no-repeat;
    background-size: 100%;
}
.admin header {
    top: 39px;
}


header .logo {

}
header .logo img {
	width: 130px;
	height: 56px;
}


header .phones {
    
}
header .phone {
    font-size: 16px;
}


header .btn {}


@media (max-width: 1199px) {



}
@media (max-width: 991px) {

    header .logo img {
		width: 80px;
		height: 34px;
    }


    header .phone {
        font-size: 14px;
    }


    .btn {
        background: #fba69b;
        padding: 4px 18px;
        font-size: 16px;
    }

}
@media (max-width: 767px) {

    header {
        background-size: 768px;
    }

}
@media (max-width: 575px) {

    header .phone {
        font-size: 12px;
    }


    .btn {
        background: #fba69b;
        padding: 4px 12px;
        font-size: 12px;
    }

}





.main-header {
    position: fixed;
    z-index: 1;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 0px;
    background: url(images/bg-head.jpg) center top no-repeat;
    background-size: 100%;

    padding-bottom: 315px;
    padding-top: 62px;
    background-position-y: -127px;
    top: 128px;
    z-index: -1;
}
.admin .main-header {
    top: 167px;
}

.main-header p {
    padding-top: 10px;
    font-size: 16px;
}

.main-header .btn {
    margin: 0 auto;
}



@media (max-width: 1199px) {



}
@media (max-width: 991px) {

    .main-header {
        padding-bottom: 150px;
        background-position-y: -62px;
        top: 63px;
    }

    .admin .main-header {
        top: 102px;
    }

}
@media (max-width: 767px) {

    .main-header {
        background-size: 768px;
    }


    .main-header h1 {
        font-size: 28px;
    }

}
@media (max-width: 575px) {

    .main-header {
        padding-bottom: 62px;
    }

}





















/* Нижний коллонтитул */
footer {
    position: relative;
    background: #39394e;
}
footer::after {
    content: "";
    z-index: 1;
    position: absolute;
    height: 1px;
    left: 0;
    bottom: 4px;
    right: 0;
    background-color: #42425a;
}


footer .logo {

}
footer .logo img {
    width: 130px;
	height: 56px;
}




.social {
    float: right;
}



.social li {
    z-index: 2;
    position:relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    margin-right: 10px;
}

.social li a {
    position: absolute;
    width: 100%;
    height: 100%;
    font-size: 34px;
    background-color: #42425a;
    text-align: center;
    border-radius: 10px;
}

.social li a:hover {
    background: #67679e;
}

.social li i {
    margin-top: 7px;
    color: #000;
}




@media (max-width: 1199px) {



}
@media (max-width: 991px) {

    footer .logo img {
        width: 80px;
		height: 34px;
    }

    .social li {
        width: 36px;
        height: 36px;
        margin-right: 6px;
    }
    .social li a {
        font-size: 24px;
    }

}
@media (max-width: 767px) {



}
@media (max-width: 575px) {

    footer .logo img {
        width: 60px;
        height: 26px;
    }


	.social li {
        width: 24px;
        height: 24px;
        margin-right: 4px;
    }

    .social li a {
        font-size: 12px;
        border-radius: 6px;
    }

}













.welcome {
    background-color: #67679e;
}

.welcome p {
    font-family: 'Playfair Display', serif;
    font-size: 22px;
}

.welcome a,
.welcome span {
    white-space: pre-line;
    font-size: 18px;
}

.welcome i {
    font-size: 64px;
}



@media (max-width: 1199px) {



}
@media (max-width: 991px) {

    .welcome p {
        font-size: 18px;
    }

    .welcome a,
    .welcome span {
        font-size: 16px;
    }

    .welcome i {
        font-size: 48px;
    }

}
@media (max-width: 767px) {



}
@media (max-width: 575px) {

	

}


























/* Тело сайта */
main {
    margin-top: 128px;
}
.main main {
    margin-top: 558px;
}



@media (max-width: 1199px) {



}
@media (max-width: 991px) {

    main {
        margin-top: 79px;
    }
    .main main {
        margin-top: 400px;
    }

}
@media (max-width: 767px) {

	main {
        margin-top: 63px;
    }
    .main main {
        margin-top: 306px;
    }

}
@media (max-width: 575px) {

	main {
        margin-top: 77px;
    }
    .main main {
        margin-top: 306px;
    }

}


















.section-block {}









.hots {
    background: #0C2C56;
}

.hots h2 {
    margin-bottom: 25px;
}


@media (max-width: 1199px) {



}
@media (max-width: 991px) {



}
@media (max-width: 767px) {

    .hots h2 {
        font-size: 1.5rem;
    }

}
@media (max-width: 575px) {

    .hots h2 {
        font-size: 1.25rem;
    }

}










.features {
    background: url(/upload/medialibrary/d97/d971f9d680c0e7dd93186bc9eea0888b.jpg) no-repeat;
    background-size: cover;
}

.features h3 {
    font-size: 10em;
    text-align: center;
    font-family: 'Playfair Display', serif;
}

.fea-block {
    padding: 25px 25px;
    background: rgba(59, 54, 99, 0.5);
}

.fea-block:first-child {
    margin-top: 20px;
}

.features p {
    font-size: 18px;
    width: 75%;
    display: inline-block;
}


.beautifull {
    padding-left: 0px;
    padding-top: 38px;
    text-align: center;
    margin-bottom: 17px;
}

.beautifull > img {
    width: 80%;
}


.edemR {
    padding-top: 0px;
}

.sprite {
    background: url(/upload/medialibrary/e8c/e8c47149624bf0779600911fd36a6caf.png) no-repeat;
    display: inline-block;
    vertical-align: top;
    margin-right: 25px;
    width: 55px;
}

.sprite-1 {
    width: 48px;
    height: 62px;
    background-position: 0 0;
}

.sprite-2 {
    width: 56px;
    height: 56px;
    background-position: 0 -62px;
}

.sprite-3 {
    width: 47px;
    height: 55px;
    background-position: 0 -118px;
}

.sprite-4 {
    width: 43px;
    height: 53px;
    background-position: 0 -173px;
}



@media (max-width: 1199px) {



}
@media (max-width: 991px) {



}
@media (max-width: 767px) {



}
@media (max-width: 575px) {

	.features p {
        font-size: 14px;
        width: auto;
    }


    .fea-block {
        padding: 15px;
    }



    .sprite {
        margin-right: 12px;
        width: 55px;
    }

}














.aliens {
    background: url(/upload/medialibrary/3a7/3a775653c6f9a7ab7316812fce3350e4.jpg) no-repeat;
    background-size: cover;
    padding-bottom: 80px;
}

.aliens h3 {
    font-family: 'Playfair Display', serif;
    margin-top: 60px;
    font-size: 48px;
}

.aliens p {
    width: 50%;
    margin: 0 auto;
    font-size: 18px;
    padding-top: 30px;
    padding-bottom: 40px;
}



@media (max-width: 1199px) {



}
@media (max-width: 991px) {



}
@media (max-width: 767px) {

    .aliens p {
        width: auto;
    }

}
@media (max-width: 575px) {

    .aliens {
        padding-bottom: 40px;
    }

	.aliens h3 {
        margin-top: 25px;
        font-size: 24px;
    }

    .aliens p {
        font-size: 14px;
    }
}











.modal {}
.modal .close {
    top: 8px;
    right: 14px;
    z-index: 1;
}


.bx-inoxi-iblock-element-add.modal-form {}

.bx-inoxi-iblock-element-add.modal-form label {
    color: #000000;
}

.bx-inoxi-iblock-element-add.modal-form .form-control {
    height: 48px;
    padding: 8px 20px;
    color: #000000;
    font-size: 14px;
    font-weight: 400;
}
.bx-inoxi-iblock-element-add.modal-form textarea.form-control {
    font-family: 'Roboto Mono';
    font-weight: 500;
}

.bx-inoxi-iblock-element-add.modal-form.was-validated .form-control:invalid,
.bx-inoxi-iblock-element-add.modal-form .form-control.is-invalid {
    padding: 8px 20px;
}
.bx-inoxi-iblock-element-add.modal-form.was-validated .form-control:valid,
.bx-inoxi-iblock-element-add.modal-form .form-control.is-valid,
.bx-inoxi-iblock-element-add.modal-form.was-validated .custom-select:valid,
.bx-inoxi-iblock-element-add.modal-form .custom-select.is-valid {
    padding: 8px 20px;
}


.bx-inoxi-iblock-element-add.modal-form .form-check-label {
    font-size: 12px;
    font-weight: 400;
    color: #9b39a1;
}
.bx-inoxi-iblock-element-add.modal-form .form-check-label a {
    color: #9b39a1;
}





@media (max-width: 1199px) {


}
@media (max-width: 991px) {



}
@media (max-width: 767px) {



}
@media (max-width: 575px) {

    .bx-inoxi-iblock-element-add.modal-form .form-control {
        height: 36px;
        padding: 6px 20px;
    }
    .bx-inoxi-iblock-element-add.modal-form.was-validated .form-control:invalid,
    .bx-inoxi-iblock-element-add.modal-form .form-control.is-invalid {
        padding: 6px 20px;
    }
    .bx-inoxi-iblock-element-add.modal-form.was-validated .form-control:valid,
    .bx-inoxi-iblock-element-add.modal-form .form-control.is-valid,
    .bx-inoxi-iblock-element-add.modal-form.was-validated .custom-select:valid,
    .bx-inoxi-iblock-element-add.modal-form .custom-select.is-valid {
        padding: 6px 20px;
    }

}
























.inner-page {
    background: white;
    color: black;
}

.inner-page h1 {
    color: #000;
}

.inner-page p {
    color: #000;
}

.ab-podhead {
    margin-top: 20px;
    margin-bottom: 20px;
}

@media (max-width: 1199px) {



}
@media (max-width: 991px) {

    .inner-page h1 {
        font-size: 24px;
    }

    h3, .h3 {
        font-size: 20px;
    }

    p {
        font-size: 15px;
    }

}
@media (max-width: 767px) {



}
@media (max-width: 575px) {



}

































.name-error {
	font-size: 320px;
	line-height: 320px;
	font-weight: bold;
	color: #DFB17B;
}
.text-error {
	font-size: 18px;
}











.mm-menu_offcanvas {

}

.mm-wrapper_opened .mm-page {
	overflow: hidden;
}











@media (max-width: 1199px) {



}
@media (max-width: 991px) {



}
@media (max-width: 767px) {



}
@media (max-width: 575px) {

	

}