@font-face {
    font-family: 'Myriad Pro Regular';
    src: local('Myriad Pro Regular'), 
        url('../fonts/MyraidPro/MyriadProRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Myriad Pro Bold';
    src: local('Myriad Pro Bold'), 
        url('../fonts/MyraidPro/MyriadProBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.none,
.search-form,
.mobile-menu,
.header-menu-button,
.FeedbackForm,
.price-table,
.direction-hidden-container,
div.pagination {
    display: none;
}
html,
body {
    position: relative;
    width: 100%;
    font-family: 'Myraid Pro Regular', sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 18px;
}
.flexbox,
.about-item,
.about-row-text,
.header-contacts-container,
.arcticmodal-container_i2,
.gallery-block,
.advantages-container,
.direction-hidden-title-container,
.school-directions-width,
.gallery.page .ms2Gallery,
.contacts-icon,
.direction,
.school-reviews .review,
.school-reviews .flexbox:after {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.flexbox-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}
.flexbox-column,
.about-item,
.about-row-text,
.header-search,
.header-menu-button,
.contacts-page .flexbox,
.direction,
.school-reviews .review {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.flex-shrink,
.footer .logo,
.footer-contacts,
.master-photo,
.review-photo,
.direction-subtitle,
.direction-image,
.school-reviews .review-photo,
.school-reviews .review-name {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.flex-grow,
.about-row-text p,
.header-phone,
.footer-menu,
.master-descr,
.review-text,
.direction-name,
.school-reviews .review-quote,
.school-reviews .flexbox:after {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.flex-wrap,
.section.gallery .flexbox,
.advantages-container,
.school-directions-width,
.gallery.page .ms2Gallery,
.news .flexbox {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.about .flexbox,
.section.gallery .flexbox:not(.row) {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.inline-block,
.menu ul,
.master-photo-text span,
.master-descr-specialist-title,
.direction-subtitle,
.advantages,
.school-reviews .review-name {
    width: 100%;
    display: inline-block;
}
.width {
    position: relative;
    width: 100%;
    max-width: 1480px;
    padding: 0 20px;
    margin: 0 auto;
}
a {
    text-decoration: none;
}
h1,
h2 {
    font-family: 'Neucha', cursive;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 45px;
    color: #995bbe;
    text-align: center;
    margin: 0 0 50px;
}
.main-page h1,
.main-page .video h2 {
    margin-top: 60px;
}
h3 {
    font-family: 'Neucha', cursive;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 34px;
    text-align: center;
    color: #333;
    margin-bottom: 30px;
}
img {
    width: 100%;
    height: auto;
}
.article-page h2,
.article-page h3 {
    margin: 30px 0;
}
.article-page ul,
.article-page ol {
    margin-bottom: 10px;
}
.article-page li {
    line-height: 20px;
    padding-bottom: 10px;
    list-style-position: inside;
}

/* article-main-image-content */

.article-main-image-content {
    max-width: 640px;
    padding: 20px;
    margin: 0 auto 20px;
    border: 1px solid #ddd;
    text-align: center;
}

/* article-share */

.article-share {
    padding: 10px 0;
    margin-top: 20px;
    display: inline-block;
    width: 100%;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.article-share *:not(.article-share-title) {
    margin: 0;
    padding: 0;
}
.article-share-title {
    float: left;
    padding: 0 10px;
}




/*
==
Header
==
*/

.header {
    height: 65px;
    background: #fff;
    border-bottom: 2px dashed #995bbe;
    margin-bottom: 80px;
}
.header-menu {
    width: 50%;
    float: left;
}
.header-contacts-container {
    float: right;
    text-align: right;
}
.logo {
    position: absolute;
    top: -60px;
    right: 0;
    left: 0;
    margin: 0 auto;
    height: 190px;
    width: 230px;
    border-radius: 50%;
    background-color: #fff;
    background-image: url(../images/logo.png);
    background-repeat: no-repeat;
    background-position: 50% 70%;
    z-index: 1;
}

/*header-menu*/

.header-menu ul {
    display: inline-block;
    width: 100%;
    padding: 20px 0;
}
.header-menu li {
    display: inline-block;
    border-right: 2px solid #995bbe;
    padding: 0 15px;
}
.header-menu li:first-child {
    padding-left: 0;
}
.header-menu li:last-child {
    border-right: none;
}
.header-menu a {
    text-transform: uppercase;
    font-family: 'Myriad Pro Bold';
    color: #995bbe;
}
.header-menu a:hover {
    color: #410036;
}


/*header-phone*/

.header-phone a {
    text-transform: uppercase;
    font-family: 'Myriad Pro Bold';
    color: #995bbe;
    
    display: inline-block;
    /* padding: 12px 0;
    font-size: 30px; */
	padding: 19px 6px;
    font-size: 20px;
}

/* header-search */

.header-search {
    width: 90px;
    padding: 16px 0;
    text-align: center;
}
.menu-button,
.search-button,
.icon-search,
.mobile-close {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    padding: 10px;
    background-position: 50%;
    background-repeat: no-repeat;
    background: #fff;
    border: none;
    cursor: pointer;
}
.header-menu-button {
    padding: 16px 0;
}
.icon-search {
    width: 40px;
    height: 40px;
    background: #995bbe;
    position: absolute;
    bottom: 0;
    left: 0;
}
.icon-search:before {
    content: '';
    background: #995bbe;
    display: inline-block;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 25px;
    height: 25px;
}

.search-form {
    position: absolute;
    background: #fff;
    width: 100%;
    height: 63px;
    z-index: 1;
    margin: auto;
    top: 0;
    right: 0;
    padding: 13px;
}
.search-form.open {
    display: inline-block;
    width: 400px;
    right: 60px;
}
.search-form input {
    font-family: 'Myraid Pro Regular', sans-serif;
    border: 1px solid #995bbe;
    border-radius: 1px;
    padding: 10px;
    width: 300px;
}
.search-form button[type="submit"] {
    width: 35px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: 50%;
}
.search-button.search-close,
.mobile-close.search-close {
    z-index: 2;
    background-position: 50%;
    background-repeat: no-repeat;
}


/*
==
Menu
==
*/



.menu {
    padding-bottom: 10px;
    margin-bottom: 15px;
}
.menu ul {
    position: relative;
    text-align: center;
    background: #995bbe;
    height: 60px;
    padding: 20px 18px 0;
}
.menu ul:before {
    content: '';
    position: absolute;
    display: inline-block;
    bottom: -7px;
    left: 0;
    background-image: url(../images/violet-down-line.png);
    background-repeat: repeat-x;
    background-position: 0 0;
    height: 7px;
    width: 100%;
}
.menu li {
    list-style-type: none;
    display: inline-block;
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    padding: 0 15px;
}
.menu li:last-child {
    border-right: none;
}
.menu a {
    text-transform: uppercase;
    font-family: 'Myriad Pro Bold';
    font-size: 20px;
    color: #fff;
}
.menu a:hover,
.menu a.active {
    color: #fff2f6;
    -webkit-transition: .2s;
    transition: .2s;
}






/*
==
Container
==
*/

.container {
    background-image: url(../images/bg.png);
    background-color: #dcc1ea;
    background-position: 0;
    display: inline-block;
    width: 100%;
}






/*
==
Banner
==
*/

.gradient {
    width: 100%;
    display: inline-block;
    position: relative;
    
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.65) 30%,rgba(255,255,255,0.8) 37%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.65) 30%,rgba(255,255,255,0.8) 37%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}
.slider {
    padding: 0 0 20px;
    border-bottom: 5px solid #c71ba3;
    position: relative;
    width: 100%;
    min-height: 500px;
    max-height: 500px;
    overflow: hidden;
    position: relative;
}
.slider.home .slide-text {
    background-image: url(../images/cloud.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    width: 350px;
    height: 350px;
    display: inline-block;
    position: absolute;
    top: 20px;
    left: 165px;
}
.slider.home .slide-text span {
    font-family: 'Neucha', cursive;
    color: #995bbe;
    font-size: 25px;
    width: 260px;
    text-align: center;
    display: block;
    top: 75px;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: relative;
}
.slider img {
    width: 100%;
    height: auto;
    
}
.slide-text {
    position: absolute;
}
.owl-carousel .owl-stage-outer {
    max-height: 500px;
}
.banner .slide-picture-home {
    content: '';
    width: 240px;
    height: 150px;
    display: inline-block;
    position: absolute;
    bottom: -25px;
    left: 100px;
    background-image: url(../images/sprite-dogs-min.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    z-index: 1;
}
.slider-carousel {
    position: relative;
    min-height: 500px;
    width: 100%;
    background: #ffd5df;
}
.slider-carousel:before,
.slider-carousel:after {
    content: '';
    position: absolute;
    display: inline-block;
    width: 10%;
    height: 100%;
    background: #995bbe;
    top: 0;
    bottom: 0;
    margin: auto;
    
    display: none;
}
.slider-carousel:before {
    left: 0;
}
.slider-carousel:after {
    right: 0;
}
.photo-carousel-services .carousel-image {
    width: 100%;
}
.photo-carousel.ms2Gallery {
    margin: 25px 0 40px;
}
.slide-picture,
.icon-learn {
    background-image: url(../images/sprite-dogs-min.png);
    background-repeat: no-repeat;
    display: inline-block;
    position: absolute;
    bottom: 0;
    z-index: 1;
}
.slide-picture-contacts {
    width: 160px;
    height: 145px;
    right: 100px;
    bottom: -15px;
    background-position: -270px -180px;
    -ms-background-position-x: -270px;
    background-position-x: -270px;
    -ms-background-position-y: -180px;
    background-position-y: -180px;
}

.mse2-row {
    margin-bottom: 40px;
}

/*dots*/

.owl-dots {
    text-align: center;
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    margin: auto;
}
.owl-dot {
    width: 14px;
    height: 14px;
    background: #fff;
    border: 2px solid transparent;
    display: inline-block;
    border-radius: 50%;
    margin: 0 15px;
}
.owl-dot.active {
    background: #995bbe;
    border-color: #eee;
}

.slider.page .slide-image {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 500px;
    overflow: hidden;
}
.services-banner .slider.page .slide-image {
    height: 700px;
}
.slider.page .slide-image img {
    width: 100%;
    height: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    pointer-events: none;
}


/* breadcrumbs-ul */

.breadcrumbs {
    background: #fff;
}
.breadcrumbs-ul {
    display: inline-block;
    width: 100%;
    padding: 10px;
    cursor: default;
}
.breadcrumbs-li {
    display: inline-block;
    list-style-type: none;
    float: left;
}
.breadcrumbs-li i {
    font-size: 14px;
    font-style: normal;
    display: inline-block;
    padding: 0 8px;
    float: left;
}
.breadcrumbs-a {
    display: inline-block;
    font-size: 14px;
    float: left;
}
.breadcrumbs-a:not(span):hover {
    text-decoration: underline;
}




/*
==
About
==
*/




.section.about {
    width: 100%;
    padding-bottom: 60px;
    float: left;
}
.section.about.page-search {
    background: #fff;
}

.about-item {
    width: 33%;
    margin: 0 0.5%;
}
.about-item img {
    width: 100%;
}
.about-item p {
    font-size: 18px;
    text-align: center;
    line-height: 26px;
    margin-bottom: 26px;
    padding: 0 20px;
    color: #333;
}
.about-row {
    position: relative;
    text-align: center;
}
.about-row:nth-child(1) {
    min-height: 460px;
}
.about-row:nth-child(2) {
    overflow: hidden;
    max-height: 460px;
}

.about-row-text a,
.modal-price {
    background: #ffc7ea;
    padding: 10px 15px;
    margin: 0 auto;
    display: inline-block;
    text-transform: uppercase;
    font-size: 20px;
    color: #410036;
}
.about-row-text p > span {
    text-transform: uppercase;
    display: inline-block;
    padding-top: 20px;
}
.about-item:nth-child(2) .about-row-text a {
    background: #ede5fd;
    color: #923fab;
}

.about-item:nth-child(3) .about-row-text a {
    background: #ca387f;
    color: #fff;
}
.about-item:nth-child(3) p {
    color: #fff;
}
.about-row-image img {
    pointer-events: none;
}

/* first */

.about-item:nth-child(1) .about-row-text {
    padding: 50px;
    background: #ffd5df;
}
.about-item:nth-child(1) .about-row-text:after,
.about-item:nth-child(3) .about-row-text:after,
.section.photos .white:before,
.section.section-feedback .white:before,
.advantages .white:before {
    content: '';
    display: inline-block;
    width: 100%;
    height: 20px;
    background-position: 0 0;
    background-repeat: repeat-x;
    background-image: url(../images/pink-down-line.png);
    position: absolute;
    bottom: -22px;
    left: 0;
    z-index: 1;
    border-bottom: 2px dashed #ffd5df;
}
.about-item:nth-child(1) .about-row-image img {
    margin-top: -30%;
}

/* second */

.about-item:nth-child(2) .about-row-text {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    
    border-left: 1px dashed #ddd;
    border-bottom: 1px dashed #ddd;
    border-right: 1px dashed #ddd;
}
.about-item:nth-child(2) .about-row-text:after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 20px;
    background-position: 0 13px;
    background-repeat: repeat-x;
    background-image: url(../images/white-top-line.png);
    position: absolute;
    top: -22px;
    left: 0;
    z-index: 1;
    border-top: 2px dashed #fff;
}
.about-item:nth-child(2) .about-row-image {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}
.about-item:nth-child(2) .about-row-text {
    padding: 50px;
    background: #fff;
}

/* third */

.about-item:nth-child(3) h3 {
    color: #fff;
}
.about-item:nth-child(3) .about-row-text {
    padding: 50px;
    background: #e94395;
    color: #fff;
}
.about-item:nth-child(3) .about-row-text:after {
    background-image: url(../images/maline-down-line.png);
    border-bottom: 2px dashed #e94395;
}
.about-item:nth-child(3) .about-row-image img {
    margin-top: -30%;
}


.about-row-text a:hover,
.about-item:nth-child(2) .about-row-text a:hover,
.about-item:nth-child(3) .about-row-text a:hover,
.modal-price {
    -webkit-transition: .1s;
    transition: .1s;
    background: #995bbe;
    color: #fff;
}
.modal-price {
    margin-top: 20px;
}
.modal-price:hover {
    background: #7e5496;
}
button {
    border: none;
    cursor: pointer;
}







/*
==
.section photos
==
*/




.section.photos,
.section.video,
.section.section-feedback,
.section.reviews,
.section.gallery,
.section.school,
.section.map,
.separator,
.footer {
    width: 100%;
    display: inline-block;
    float: left;
}
.section.photos {
    background: #995bbe;
}
.section.photos.purple {
    background: #aa22a0;
    color: #fff;
    padding-bottom: 40px;
}
.section.photos.purple > .width {
    padding-top: 50px;
}
.section.photos.purple p {
    text-align: center;
}
.section p {
    line-height: 26px;
    padding-bottom: 20px;
    position: relative;
}
.section p:last-child {
    padding-bottom: 0;
}
.white {
    background: #fff;
    position: relative;
}
.section.photos .white:before,
.section.section-feedback .white:before,
.advantages .white:before {
    background-image: url(../images/white-down-line.png);
    background-position: 0 -9px;
    bottom: -10px;
    height: 11px;
    border: none;
}
.white h2,
.white h1 {
    margin: 0;
    padding-bottom: 40px;
}
.section.photos > .width {
    padding-top: 60px;
    padding-bottom: 10px;
    text-align: right;
    overflow: hidden;
}

/* owl-nav */

.section.photos .owl-nav button,
.section.video .owl-nav button,
.pagination-li .prev,
.pagination-li .next {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 70px;
    width: 70px;
    border-radius: 50%;
    background: #995bbe;
    border: none;
    background-image: url(../images/arrow-violet.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}
.section.video .owl-nav button,
.pagination-li .prev,
.pagination-li .next {
    background: #fff;
    background-image: url(../images/arrow-white.png);
}
.section.photos .owl-nav button span,
.section.video .owl-nav button span {
    display: none;
}
.section.photos .owl-nav button.owl-prev,
.section.video .owl-nav button.owl-prev {
    left: -35px;
}
.section.photos .owl-nav button.owl-next,
.section.video .owl-nav button.owl-next,
.pagination-li .next {
    right: -35px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

/*carousel-image */

.carousel-image {
    width: 350px;
    height: 350px;
    position: relative;
    display: inline-block;
    overflow: hidden;
}
.carousel-image img {
    position: absolute;
    width: 120%;
    height: auto;
    display: inline-block;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}
.section.photos a {
    text-decoration: underline;
    display: inline-block;
    color: #fff;
}
.section.photos a:hover,
.section.video a:hover {
    text-decoration: none;
}



/*
==
.section.video
==
*/




.section.video {
    background: #fff;
}
.section.video > .width {
    text-align: right;
    overflow: hidden;
}
.section.video a  {
    text-decoration: underline;
    display: inline-block;
    padding: 20px;
    color: #995bbe;
}





/*
==
.section gallery
==
*/


.section.gallery.photos {
    background: #dcc1ea;
    padding-bottom: 30px;
}
.gallery-block {
    width: 49%;
    margin-bottom: 20px;
    padding: 4px;
    position: relative;
    background: #fff;
}
.section.photos a.gallery-block-a {
    position: relative;
    padding: 0;
}
.section.photos a.gallery-block-a:first-child {
    border-right: 4px solid #fff;
}


a.gallery-block-a {
    width: 49%;
    height: 350px;
    overflow: hidden;
}
.gallery-block-img {
    width: 160%;
    margin: auto;
    position: absolute;
    top: 0;
    left: -25%;
    right: 0;
    bottom: 0;
}


.gallery-block-a span {
    position: absolute;
    height: 40px;
    left: 40px;
    bottom: 0;
    z-index: 1;
    background: #fff;
    padding: 10px;
    color: #995bbe;
    text-transform: uppercase;
    font-family: 'Neucha', cursive;
    font-weight: bold;
}
.section.gallery.page {
    background: #fff;
}
.section.gallery.page h1,
.section.gallery.page h1 {
    margin: 40px 0 30px;
}
.ms2Gallery {
    margin-bottom: 60px;
}
.gallery.page .ms2Gallery a {
    width: 16%;
    margin: 0.3%;
    padding: 5px;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}
.gallery.page .ms2Gallery img {
    border-radius: 5px;
}


/*  contacts-page */

.contacts-page {
    display: inline-block;
    width: 100%;
    float: left;
    background: #fff;
    text-align: center;
}
.contacts-page .flexbox {
    padding: 60px 0;
}
.contacts-page .feedback-form {
    padding: 0;
}
.contacts-page .feedback-form-inputs {
    max-width: 560px;
    margin: 0 auto;
}
.contacts-page .feedback-form fieldset:nth-child(1) {
    float: none;
    text-align: left;
}
#map {
    height: 400px;
    width: 100%;
}
.section.map {
    background: #fff;
    padding: 20px 0;
    border-top: 2px dashed #ddd;
}
.separator {
    height: 20px;
    background: #fff;
    border-bottom: 2px dashed #ddd;
}
.contacts-page-div {
    width: 50%;
    padding-right: 60px;
}
.contacts-page-div:nth-child(2) {
    padding-right: 0;
    padding-left: 60px;
}
.contacts-page-div h2 {
    font-family: 'Myriad Pro Regular';
    text-transform: none;
    text-align: right;
    color: #fff;
    margin: 0;
    font-size: 30px;
}
.contacts-page-div h2 b {
    font-family: 'Myriad Pro Bold';
}
.section.photos.purple .contacts-icon * {
    display: inline-block;
    width: 100%;
    text-align: left;
    float: right;
    padding: 3px 0;
    margin: 0;
    font-size: 24px;
    font-family: 'Myriad Pro Bold';
}
.section.photos.purple .contacts-icon .icon {
    width: 40px;
    height: 35px;
    position: relative;
}
.contacts-icon .icon:before {
    content: '';
    display: inline-block;
    width: 25px;
    height: 30px;
    background-position: 0 3px;
    -ms-background-position-y: 3px;
    background-position-y: 3px;
    background-repeat: no-repeat;
    background-size: contain;
}
.contacts-icon {
    padding: 4px 0;
}
.contacts-flexbox {
    position: relative;
}
.contacts-flexbox:before {
    content: '';
    display: inline-block;
    height: 150px;
    min-height: 150px;
    min-width: 60px;
    width: 60px;
    position: absolute;
    top: -70px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-image: url(../images/sprite-dogs-min.png);
    background-repeat: no-repeat;
    background-position: 100% 0;
    -ms-background-position-x: 100%;
    background-position-x: 100%;
}











/*
==
.section.section-feedback
==
*/


.section.section-feedback {
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 45%,rgba(255,255,255,0.8) 46%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 45%,rgba(255,255,255,0.8) 46%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}
.section.section-feedback .white {
    padding-top: 40px;
}




/*
==
.masters-school
==
*/


.masters-school .master {
    background: #eae4fc;
}

.advantages {
    background: #fff;
    position: relative;
    padding: 60px 0;
}
.advantages:before {
    top: 10px;
    left: 0 !important;
    right: 0;
    margin: 0 auto;
    bottom: inherit;
}
.advantages:after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 28px;
    left: 0;
    height: 2px;
    width: 100%;
    border-top: 2px dashed #995bbe;
}
.advantages-block {
    width: 31%;
    padding: 20px;
    margin: 0 1%;
}
.advantages .width > p {
    display: block;
    width: 50%;
    margin: auto;
    padding: 40px 0;
    line-height: 26px;
    text-align: center;
    color: #333;
}
.advantages-block h3 {
    color: #995bbe;
}
.advantages-block p {
    line-height: 26px;
    text-align: center;
    color: #333;
}


/*
==
.school_reviews
==
*/

.school-reviews {
	background-color: #fff;
	padding-bottom: 60px;
}
.school-reviews .flexbox {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.school-reviews .flexbox:after {
	content: '';
	width: 25%;
	height: 100%;
}
.school-reviews .review {
	padding: 20px;
	margin-bottom: 0;
	text-align: center;
	border-radius: 5px;
	height: 100%;
}
.review-row {
	padding: 10px;
	width: 25%;
}
.school-reviews .review-photo {
	position: relative;
    display: inline-block;
    height: 125px;
    width: 100%;
    float: left;
}
.school-reviews .review-photo:before {
	top: 0;
	right: 5px;
}
.review-quote {
	font-size: 16px;
    line-height: 22px;
}
.review-photo-overflow {
	position: relative;
	overflow: hidden;
    height: 115px;
    width: 115px;
    border-radius: 50%;
    margin: auto;
}
.review-photo-overflow img {
	margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}






/*
==
.masters
==
*/


.masters {
    background: #fff;
    display: inline-block;
    width: 100%;
    float: left;
    padding-bottom: 40px;
}
.masters .master {
    padding: 60px;
    border-bottom: 2px dashed #995bbe;
    position: relative;
}
.masters .master:before,
.advantages:before {
    content: '';
    position: absolute;
    display: inline-block;
    width: 51px;
    height: 40px;
    background-image: url(../images/sprite-dogs-min.png);
    background-repeat: no-repeat;
    background-position: -51px -169px;
    -ms-background-position-x: -51px;
    background-position-x: -51px;
    -ms-background-position-y: -169px;
    background-position-y: -169px;
    bottom: -20px;
    left: 23%;
    z-index: 1;
}
.masters .master:nth-child(even) {
    background: #fdf9fa;
}
.masters .master .flexbox {
    padding: 0 40px;
}
.master-photo {
    width: 450px;
    text-align: center;
}
.master-photo-wrap {
    width: 300px;
    height: 300px;
    position: relative;
    overflow: hidden;
    margin: auto;
}
.master-photo-wrap img {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
.master-services .master-photo-wrap img {
    /*
    width: 180%;
    left: -50%;
    */
    text-align: center;
    width: 100%;
    left: 0;
}
.master-photo-name {
    font-family: 'Neucha', cursive;
    text-transform: uppercase;
    font-size: 32px;
    color: #aa22a0;
    padding: 20px 10px 10px;
}
.master-photo-desc b {
    text-transform: uppercase;
    font-weight: normal;
}
.master-photo-desc {
    padding: 2px;
}
.master-descr {
    color: #333;
}
.master-descr-specialist-title {
    color: #995bbe;
    font-size: 20px;
    text-transform: uppercase;
    margin: 20px 0;
}
.master-descr-specialist-title:before {
    content: '';
    position: relative;
    display: inline-block;
    width: 50px;
    height: 36px;
    background-image: url(../images/sprite-dogs-min.png);
    background-repeat: no-repeat;
    background-position: 0 -173px;
    -ms-background-position-y: -173px;
    background-position-y: -173px;
    top: 10px;
}






/*
==
.reviews
==
*/



.section.reviews {
    background: #fff;
    position: relative;
    padding-bottom: 10px;
}
.section.reviews:before {
    content: '';
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 2px;
    border-bottom: 2px dashed #995bbe;
    bottom: 40px;
    left: 0;
}
.review {
    padding: 40px 60px;
    border: 2px dashed #995bbe;
    border-radius: 1px;
    margin-bottom: 20px;
    color: #333;
}
.review-row:nth-child(odd) .review,
.review:nth-child(odd) {
    background: #ffedf1;
}
.review-row:nth-child(even) .review,
.review:nth-child(even) {
    background: #f2f0fb;
}
.review-photo {
    width: 160px;
    position: relative;
}
.review-photo-image {
    position: relative;
    z-index: 1;
    margin-right: 30px;
    width: 130px;
    height: 135px;
    overflow: hidden;
    text-align: center;
}
.review-photo-image img {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.review img {
    width: 100%;
}
.review-photo:before {
    content: '';
    position: absolute;
    display: inline-block;
    background-image: url(../images/sprite-dogs-min.png);
    background-repeat: no-repeat;
    background-position: -111px -171px;
    -ms-background-position-x: -111px;
    background-position-x: -111px;
    -ms-background-position-y: -171px;
    background-position-y: -171px;
    width: 90px;
    height: 105px;
    top: 12px;
    left: 5px;
    margin: auto;
}
.review-header span,
.school-reviews .review-name {
    color: #aa22a0;
    font-size: 18px;
    display: inline-block;
    margin-bottom: 30px;
}
.review-header .review-date {
    float: right;
}
.review-photos {
    margin-top: 20px;
    display: inline-block;
    width: 100%;
}
.review-photos img {
    width: 50%;
    padding: 15px;
    pointer-events: none;
    float: left;
}
.review-text {
    font-size: 16px;
}



/* pagination */

.pagination {
    display: inline-block;
    padding: 30px 10px;
    width: 100%;
    height: 90px;
}
.pagination-ul {
    height: 100%;
    width: 350px;
    display: block;
    margin: 0 auto;
    text-align: center;
    background: #fff;
}
.pagination-li {
    position: relative;
    display: inline-block;
}
.pagination-li .prev,
.pagination-li .next {
    border-radius: 50%;
    border: 2px dashed #995bbe;
    background-position: 50%;
    top: -10px;
    left: 0;
}
.pagination-li.prev,
.pagination-li.next {
    width: 80px;
}
.pagination-li .next {
    right: -20px;
}
.pagination-a {
    color: #995bbe;
    font-size: 26px;
    font-family: 'Neucha', cursive;
    display: inline-block;
    padding: 10px 5px;
}
.pagination-li .prev:hover,
.pagination-li .next:hover,
.pagination-li a:hover{
    color: #f2f0fb;
    border-color: #f2f0fb;
    -webkit-transition: .2s;
    transition: .2s;
}

/*
==
.services
==
*/


.table-overflow {
    position: relative;
}
.price-table {
    width: 100%;
    max-width: 1000px;
    background: #ffedf1;
    margin: auto;
}
.arcticmodal-container .price-table {
    display: inline-block;
}
.price-table span {
    width: 100%;
    display: inline-block;
}
.table-top {
    background: #aa22a0;
    padding: 10px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Myriad Pro Bold', sans-serif;
}
.table-top-uah {
    font-size: 16px;
    font-style: italic;
    padding: 10px 40px;
    text-align: left;
}
.table-title {
    font-size: 40px;
    text-align: center;
    font-family: 'Myriad Pro', sans-serif;
    text-transform: uppercase;
    color: #5e065c;
}
.price-table b,
.table-subtitle {
    color: #5e065c;
    text-align: center;
    font-weight: normal;
}
.table-body,
.table-header,
.table-top-uah {
    border-left: 2px dashed #995bbe;
    border-right: 2px dashed #995bbe;
}
.table-body h4 {
    font-size: 40px;
    text-align: center;
    font-family: 'Myriad Pro', sans-serif;
    text-transform: uppercase;
    color: #5e065c;
    font-weight: normal;
}
.table-body h4 + p {
    color: #5e065c;
    text-align: center;
    font-weight: normal;
    padding-bottom: 40px;
    border-bottom: 2px dashed #9885a3;
}
.table-body {
    padding: 20px 0 0;
    border-bottom: 2px dashed #995bbe;
}
.table-body table {
    width: 100% !important;
    border: 0px solid #ffedf1 !important;
    text-align: center;
    border-spacing: 0;
    border-collapse: collapse;
}
.table-body tr:nth-child(even) {
    background: #fff;
}
.table-body tr:nth-child(1) {
    border-bottom: 2px dashed #9885a3;
}
.table-body td {
    padding: 15px;
    border-right: 2px dashed #9885a3;
}
.table-body td:last-child {
    border-right: none;
}
.table-body td:first-child {
    text-align: left;
}
.table-body td i {
    font-style: italic;
}






/*
==
.news
==
*/


.news {
    margin-bottom: 30px;
}
.article-page {
    background: #fff;
    padding-top: 40px;
    padding-bottom: 40px;
}
.article-page a,
.article-page p,
.article-page li {
    color: #333;
}
.article-preview {
    width: 32%;
    margin: 15px 0.5%;
    border: 1px solid #ddd;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    padding: 15px;
}
.article-preview a {
    color: #995bbe;
}
.article-preview h3 {
    margin: 14px 0;
    text-transform: none;
    font-size: 28px;
    color: #995bbe;
}
.section .article-preview p {
    color: #333;
    padding-bottom: 20px;
}
.article-preview-date {
    color: #999;
    font-size: 16px;
    float: left;
}
.article-preview-footer span {
    font-size: 16px;
    float: left;
}
.article-preview-footer span.article-preview-more-arrow {
    font-size: 16px;
    float: right;
    color: #995bbe;
}









/*
==
.scholl
==
*/


/* directions */

.school-directions {
    background: #fff;
}
.direction {
    position: relative;
    width: 23%;
    text-align: center;
    margin: 40px 1% 60px;
}
.direction-subtitle {
    color: #fff;
    padding: 10px;
    font-size: 16px;
    text-transform: uppercase;
    border-bottom: 8px solid #fff;
}
.direction:nth-child(1) .direction-subtitle,
.direction:nth-child(1).active .direction-name {
    background: #995bbe;
}
.direction:nth-child(2) .direction-subtitle,
.direction:nth-child(2).active .direction-name {
    background: #f082a5;
}
.direction:nth-child(3) .direction-subtitle,
.direction:nth-child(3).active .direction-name {
    background: #09a3a3;
}
.direction:nth-child(4) .direction-subtitle,
.direction:nth-child(4).active .direction-name {
    background: #e41849;
}

.direction-hidden-container:nth-child(1) .direction-hidden-title-container * {
    color: #995bbe;
}
.direction-hidden-container:nth-child(2) .direction-hidden-title-container * {
    color: #f082a5;
}
.direction-hidden-container:nth-child(3) .direction-hidden-title-container * {
    color: #09a3a3;
}
.direction-hidden-container:nth-child(4) .direction-hidden-title-container * {
    color: #e41849;
}




.direction.active:before {
    content: '';
    display: inline-block;
    position: absolute;
    bottom: -77px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 30px;
    height: 30px;
    background: #ffedf1;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-left: 2px dashed #995bbe;
    border-top: 2px dashed #995bbe;
    z-index: 1;
}
.direction-image {
    position: relative;
    display: inline-block;
    height: 180px;
    width: 100%;
    overflow: hidden;
    float: left;
}
.direction-image img {
    position: absolute;
    width: 100%;
    height: auto;
    margin: auto;
    top: 10%;
    left: 0;
    right: 0;
    bottom: 0;
}
.direction-name {
    color: #fff;
    font-size: 34px;
    text-transform: uppercase;
    font-family: 'Neucha', cursive;
    position: relative;
    display: inline-block;
    width: 100%;
    background: #b3b3b3;
    padding: 40px 20px 100px;
    cursor: default;
}
.direction-01.active .direction-name {
    background: #995bbe;
}
.direction-02.active .direction-name {
    background: #f082a5;
}
.direction-03.active .direction-name {
    background: #09a3a3;
}
.direction-04.active .direction-name {
    background: #e41849;
}

.direction-number {
    display: inline-block;
    padding: 7px;
    width: 60px;
    height: 60px;
    background: #999;
    border-radius: 50%;
    border: 2px solid #fff;
    position: absolute;
    bottom: -18px;
    left: 0;
    right: 0;
    margin: auto;
}
.direction-number:before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 69px;
    height: 69px;
    border-radius: 50%;
    border: 2px dashed #fff;
    top: -8px;
    left: -8px;
    
}
.direction-01.active .direction-number {
    background: #999;
}
.direction-02.active .direction-number {
    background: #c94590;
}
.direction-03.active .direction-number {
    background: #999;
}
.direction-04.active .direction-number {
    background: #999;
}















/* .direction-hidden-containers */

.direction-hidden-container {
    width: 100%;
    padding: 40px 0 50px;
    background: #ffedf1;
    border-top: 2px dashed #995bbe;
}
.direction-hidden-container .flexbox > div:nth-child(1) {
    width: 55%;
    padding-top: 30px;
}
.direction-hidden-container .flexbox > div:nth-child(2) {
    width: 45%;
}
.direction-hidden-text p,
.direction-hidden-profession {
    color: #333;
}
.direction-hidden-container.open {
    display: inline-block;
    position: relative;
}
.direction-hidden-number {
    font-size: 180px;
    color: #995bbe;
    font-family: 'Neucha', cursive;
    padding: 0 30px;
}
.direction-hidden-title-container h2 {
    font-size: 70px;
    text-align: left;
    margin-top: 15px;
    margin-bottom: 25px;
}
.direction-hidden-profession-title {
    text-transform: uppercase;
    color: #995bbe;
}
.direction-hidden-profession p:first-child {
    padding-bottom: 10px;
    padding-left: 50px;
}
.icon-learn {
    left: 0;
    bottom: 7px;
    background-position: -2px -217px;
    -ms-background-position-x: -2px;
    background-position-x: -2px;
    -ms-background-position-y: -217px;
    background-position-y: -217px;
    height: 30px;
    width: 40px;
}
.direction-hidden-profession p:last-child {
    padding-left: 50px;
}
.direction-hidden-profession {
    padding-left: 35px;
}



















/*
==
.feedback-form
==
*/



.feedback-form {
    width: 100%;
    display: inline-block;
    padding: 80px 0;
}
fieldset {
    border: none;
}
/* .feedback-form fieldset:nth-child(1) */
.feedback-form .feedback-form-image {
    width: 45%;
    float: left;
}
/* .feedback-form fieldset:nth-child(2) */
.feedback-form .feedback-form-inputs {
    width: 55%;
    float: right;
    display: inline-block;
    padding-bottom: 60px;
    overflow: hidden;
}
.contacts-page .feedback-form .feedback-form-inputs {
    float: none;
    padding-bottom: 20px;
    overflow: initial;
}
.contacts-page .form-title {
    text-align: left;
}
/* .feedback-form fieldset:nth-child(3) */
.feedback-form .feedback-form-submit {
    width: 100%;
    text-align: center;
    padding: 15px;
}


.contacts-page-scheme {
    width: auto;
    margin: auto;
    padding-bottom: 60px;
}
.contacts-page .feedback-form {
    width: 60%;
    margin: auto;
}
.contacts-page .form-dog:before {
    left: 466px;
}

.feedback-form .feedback-form-submit button {
    position: relative;
    background: #995bbe;
    padding: 15px 20px;
    border: none;
    color: #fff;
    font-size: 18px;
    font-family: 'Myriad Pro Bold', sans-serif;
    text-transform: uppercase;
    border-radius: 1px;
    cursor: pointer;
    -webkit-transition: .1s;
    transition: .1s;
}
.feedback-form .feedback-form-submit button:before {
    content: '';
    display: inline-block;
    background-color: transparent;
    border: 2px dashed #995bbe;
    width: 100%;
    height: 100%;
    position: absolute;
    top: -10px;
    left: -10px;
    padding: 8px;
    border-radius: 1px;
    -webkit-transition: .2s;
    transition: .2s;
}
.feedback-form .feedback-form-submit button:hover {
    background: #7e5496;
}
.feedback-form .feedback-form-submit button:hover:before {
    border-color: transparent;
    top: -2px;
    left: -2px;
    padding: 0;
}


.form-title {
    padding: 10px;
    font-size: 16px;
    display: inline-block;
    width: 100%;
}
.feedback-form-inputs label {
    padding-bottom: 5px;
    display: inline-block;
    width: 100%;
}
.feedback-form-inputs input,
.feedback-form-inputs textarea {
    font-family: 'Myraid Pro Regular', sans-serif;
    border: 2px dashed #995bbe;
    padding: 15px;
    width: 100%;
    max-width: 560px;
    min-height: 60px;
    font-size: 16px;
}
.feedback-form-inputs textarea {
    height: 160px;
    position: relative;
}
.form-dog {
    position: relative;
}
.form-dog:before {
    content: '';
    display: inline-block;
    background-image: url(../images/sprite-dogs-min.png);
    background-repeat: no-repeat;
    background-position: -265px 0;
    -ms-background-position-x: -265px;
    background-position-x: -265px;
    height: 170px;
    width: 110px;
    position: absolute;
    bottom: 0;
    left: 540px;
    z-index: 1;
}

.feedback-form-image {
    text-align: center;
}
.feedback-form-image img {
    width: 447px;
    pointer-events: none;
}















/*
==
Footer
==
*/

.footer {
    position: relative;
    background: #995bbe;
    overflow: hidden;
    border-top: 4px solid #995bbe;
}
.footer:before {
    content: '';
    display: inline-block;
    width: 100%;
    background-image: url(../images/white-down-line.png);
    background-repeat: repeat-x;
    background-position: 0 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    height: 20px;
}
.footer-row:nth-child(1) {
    padding-top: 40px;
    height: 180px;
}
.footer-row:nth-child(2) {
    background: #7e5496;
    padding: 10px 0;
}
.copyright {
    font-size: 12px;
    text-transform: uppercase;
    color: #dbb6e2;
}
.footer .logo {
    position: relative;
    height: 220px;
    top: -115px;
}

/*footer-menu*/

.footer-menu {
    padding: 0 40px;
}
.footer-menu ul {
    display: inline-block;
}
.footer-menu li {
    list-style-type: none;
    display: inline-block;
    width: 33%;
    float: left;
    padding: 0 0 20px 0;
}
.footer-menu a {
    text-transform: uppercase;
    text-decoration: underline;
    font-size: 16px;
    color: #fffdfe;
}
.footer-menu a:hover {
    text-decoration: none;
}
.footer-contacts-phone {
    font-size: 36px;
    font-family: 'Myriad Pro Bold', sans-serif;
    color: #fff;
    margin-top: -10px;
    display: inline-block;
}

/*social*/

.social {
    margin-top: 20px;
}
.social li {
    padding: 2px;
    display: inline-block;
    list-style-type: none;
}
.social a {
    width: 30px;
    height: 30px;
    display: inline-block;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 0 0;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}




/* online button */

.online-container {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 80px;
    margin: auto;
    height: 120px;
    width: 120px;
    padding: 8px;
    border-radius: 50%;
    border: 2px solid #995bbe;
    background: rgba(255, 255, 255, 0.2);
    z-index: 1;
    
    opacity: 0;
    visibility: hidden;
    
    -webkit-transition: .4s;
    transition: .4s;
}
.online-container.show {
    opacity: 1;
    visibility: visible;
}
.online-container:hover {
    border-color: rgba(153, 91, 190, 0.1);
}
.online-container:hover button {
    background: #7e5496;
}
.success-response {display: none;}
.arcticmodal-container .success-response {display: block;}

/*
.online-container:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: -17px;
    margin: auto;
    width: 145px;
    height: 145px;
    border-radius: 50%;
    border: 2px dashed transparent;
    -webkit-transition: .2s;
    transition: .2s;
    cursor: pointer;
}
.online-container:hover:before {
    border: 2px dashed #995bbe;
}
*/
.online-button {
    background: #995bbe;
    border-radius: 50%;
    height: 100px;
    width: 100px;
    border: none;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Myriad Pro Bold', sans-serif;
    font-size: 20px;
    cursor: pointer;
    -webkit-transition: .2s;
    transition: .2s;
}
.online-button > span:last-child {
    font-size: 18px;
}
.online-container > span {
    position: absolute;
    background-color: transparent;
    border-radius: 50%;
}

@-webkit-keyframes clickButton {
    0%   {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
       -webkit-transform: scale(0.8);
        transform: scale(0.8);  
    }
    100%   {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes clickButton {
    0%   {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
       -webkit-transform: scale(0.8);
        transform: scale(0.8); 
    }
    100%   {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}


@-webkit-keyframes clickButtonPlus {
    0%   {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
       -webkit-transform: scale(1.2);
        transform: scale(1.2); 
    }
    100%   {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes clickButtonPlus {
    0%   {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
       -webkit-transform: scale(1.2);
        transform: scale(1.2); 
    }
    100%   {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

span.online-circle-dot {
    width: 15px;
    height: 15px;
    background: #995bbe;
    top: -48px;
    right: -40px;
    -webkit-animation: clickButton 1s infinite;
    animation: clickButton 1s infinite;
}
span.online-circle-small {
    width: 25px;
    height: 25px;
    border: 3px solid #995bbe;
    top: -60px;
    right: 0;
    -webkit-animation: clickButton 2s infinite;
    animation: clickButton 2s infinite;
}
span.online-circle-big {
    width: 38px;
    height: 38px;
    border: 6px solid #995bbe;
    top: -28px;
    right: -26px;
    -webkit-animation: clickButtonPlus 3s infinite;
    animation: clickButtonPlus 3s infinite;
}


/* feedback */

.formContainer {
    width: 400px;
    margin: auto;
    text-align: center;
    position: relative;
    background: #fff;
    padding: 40px;
}
.modal-close.arcticmodal-close {
    background: #995bbe !important;
}
.formLogo {
    display: inline-block;
    margin-bottom: 20px;
    width: auto;
}
.formTitle,
.formDescr {
    text-align: center;
    display: inline-block;
    width: 100%;
    margin-bottom: 0;
}
.formTitle {
    font-size: 24px;
    display: inline-block;
    margin-bottom: 5px;
}
.formContainer form {
    padding: 10px;
    text-align: left;
}
.formContainer label {
    margin-top: 10px;
    font-size: 14px;
}
.formContainer label span {
    padding: 15px 0 10px;
    display: inline-block;
}
.formContainer input {
    display: inline-block;
    border: 1px solid #995bbe;
    border-radius: 2px;
    padding: 15px;
    width: 100%;
}
.formContainer input[type="submit"] {
    background: #995bbe;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'Myriad Pro Bold', sans-serif;
    cursor: pointer;
    margin-top: 20px;
}

/* video Modal */

.videoModal {
    margin: auto;
    background: #fff;
    position: relative;
    width: 600px;
    min-height: 400px;
}




/* svg */


.search-button {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0ODMuMDgzIDQ4My4wODMiIGZpbGw9IiNhYzViYzIiPjxwYXRoIGQ9Ik0zMzIuNzQgMzE1LjM1YzMwLjg4My0zMy40MzMgNTAuMTUtNzguMiA1MC4xNS0xMjcuNUMzODIuODkgODQuNDMzIDI5OC43NCAwIDE5NS4wNCAwUzcuMTkgODQuNDMzIDcuMTkgMTg3Ljg1IDkxLjM0IDM3NS43IDE5NS4wNCAzNzUuN2M0Mi4yMTcgMCA4MS4wMzMtMTMuODgzIDExMi40ODMtMzcuNGwxMzkuNjgzIDEzOS42ODNjMy40IDMuNCA3LjY1IDUuMSAxMS45IDUuMXM4Ljc4My0xLjcgMTEuOS01LjFjNi41MTctNi41MTcgNi41MTctMTcuMjgzIDAtMjQuMDgzTDMzMi43NCAzMTUuMzV6TTQxLjE5IDE4Ny44NUM0MS4xOSAxMDMuMTMzIDExMC4wNCAzNCAxOTUuMDQgMzRjODQuNzE3IDAgMTUzLjg1IDY4Ljg1IDE1My44NSAxNTMuODVTMjgwLjA0IDM0MS43IDE5NS4wNCAzNDEuNyA0MS4xOSAyNzIuNTY3IDQxLjE5IDE4Ny44NXoiLz48L3N2Zz4=);
}
.menu-button {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MyA1MyIgZmlsbD0iI2FjNWJjMiI+PHBhdGggZD0iTTIgMTMuNWg0OWEyIDIgMCAwIDAgMC00SDJhMiAyIDAgMCAwIDAgNHpNMiAyOC41aDQ5YTIgMiAwIDAgMCAwLTRIMmEyIDIgMCAwIDAgMCA0ek0yIDQzLjVoNDlhMiAyIDAgMCAwIDAtNEgyYTIgMiAwIDAgMCAwIDR6Ii8+PC9zdmc+);
}
.icon-search:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNmZmYiIHZpZXdCb3g9IjAgMCA1Ni45NjYgNTYuOTY2Ij48cGF0aCBkPSJNNTUuMTQ2IDUxLjg4N0w0MS41ODggMzcuNzg2QTIyLjkyNiAyMi45MjYgMCAwIDAgNDYuOTg0IDIzYzAtMTIuNjgyLTEwLjMxOC0yMy0yMy0yM3MtMjMgMTAuMzE4LTIzIDIzIDEwLjMxOCAyMyAyMyAyM2M0Ljc2MSAwIDkuMjk4LTEuNDM2IDEzLjE3Ny00LjE2MmwxMy42NjEgMTQuMjA4Yy41NzEuNTkzIDEuMzM5LjkyIDIuMTYyLjkyLjc3OSAwIDEuNTE4LS4yOTcgMi4wNzktLjgzN2EzLjAwNCAzLjAwNCAwIDAgMCAuMDgzLTQuMjQyek0yMy45ODQgNmM5LjM3NCAwIDE3IDcuNjI2IDE3IDE3cy03LjYyNiAxNy0xNyAxNy0xNy03LjYyNi0xNy0xNyA3LjYyNi0xNyAxNy0xN3oiLz48L3N2Zz4=);
}
.search-button.search-close,
.mobile-close.search-close {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBmaWxsPSIjOTk1YmJlIj48cGF0aCBkPSJNNTA1Ljk0MyA2LjA1OGMtOC4wNzctOC4wNzctMjEuMTcyLTguMDc3LTI5LjI0OSAwTDYuMDU4IDQ3Ni42OTNjLTguMDc3IDguMDc3LTguMDc3IDIxLjE3MiAwIDI5LjI0OUEyMC42MTIgMjAuNjEyIDAgMCAwIDIwLjY4MyA1MTJhMjAuNjE0IDIwLjYxNCAwIDAgMCAxNC42MjUtNi4wNTlMNTA1Ljk0MyAzNS4zMDZjOC4wNzYtOC4wNzYgOC4wNzYtMjEuMTcxIDAtMjkuMjQ4eiIvPjxwYXRoIGQ9Ik01MDUuOTQyIDQ3Ni42OTRMMzUuMzA2IDYuMDU5Yy04LjA3Ni04LjA3Ny0yMS4xNzItOC4wNzctMjkuMjQ4IDAtOC4wNzcgOC4wNzYtOC4wNzcgMjEuMTcxIDAgMjkuMjQ4bDQ3MC42MzYgNDcwLjYzNmEyMC42MTYgMjAuNjE2IDAgMCAwIDE0LjYyNSA2LjA1OCAyMC42MTUgMjAuNjE1IDAgMCAwIDE0LjYyNC02LjA1N2M4LjA3NS04LjA3OCA4LjA3NS0yMS4xNzMtLjAwMS0yOS4yNXoiLz48L3N2Zz4=);
}
.icon.adress:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NjAuMjk4IiBoZWlnaHQ9IjQ2MC4yOTciIGZpbGw9IiNmZmYiPjxwYXRoIGQ9Ik0yMzAuMTQ5IDEyMC45MzlMNjUuOTg2IDI1Ni4yNzRjMCAuMTkxLS4wNDguNDcyLS4xNDQuODU1LS4wOTQuMzgtLjE0NC42NTYtLjE0NC44NTJ2MTM3LjA0MWMwIDQuOTQ4IDEuODA5IDkuMjM2IDUuNDI2IDEyLjg0NyAzLjYxNiAzLjYxMyA3Ljg5OCA1LjQzMSAxMi44NDcgNS40MzFoMTA5LjYzVjMwMy42NjRoNzMuMDk3djEwOS42NGgxMDkuNjI5YzQuOTQ4IDAgOS4yMzYtMS44MTQgMTIuODQ3LTUuNDM1IDMuNjE3LTMuNjA3IDUuNDMyLTcuODk4IDUuNDMyLTEyLjg0N1YyNTcuOTgxYzAtLjc2LS4xMDQtMS4zMzQtLjI4OC0xLjcwN0wyMzAuMTQ5IDEyMC45Mzl6Ii8+PHBhdGggZD0iTTQ1Ny4xMjIgMjI1LjQzOEwzOTQuNiAxNzMuNDc2VjU2Ljk4OWMwLTIuNjYzLS44NTYtNC44NTMtMi41NzQtNi41NjctMS43MDQtMS43MTItMy44OTQtMi41NjgtNi41NjMtMi41NjhoLTU0LjgxNmMtMi42NjYgMC00Ljg1NS44NTYtNi41NyAyLjU2OC0xLjcxMSAxLjcxNC0yLjU2NiAzLjkwNS0yLjU2NiA2LjU2N3Y1NS42NzNsLTY5LjY2Mi01OC4yNDVjLTYuMDg0LTQuOTQ5LTEzLjMxOC03LjQyMy0yMS42OTQtNy40MjMtOC4zNzUgMC0xNS42MDggMi40NzQtMjEuNjk4IDcuNDIzTDMuMTcyIDIyNS40MzhjLTEuOTAzIDEuNTItMi45NDYgMy41NjYtMy4xNCA2LjEzNi0uMTkzIDIuNTY4LjQ3MiA0LjgxMSAxLjk5NyA2LjcxM2wxNy43MDEgMjEuMTI4YzEuNTI1IDEuNzEyIDMuNTIxIDIuNzU5IDUuOTk2IDMuMTQyIDIuMjg1LjE5MiA0LjU3LS40NzYgNi44NTUtMS45OThMMjMwLjE0OSA5NS44MTdsMTk3LjU3IDE2NC43NDFjMS41MjYgMS4zMjggMy41MjEgMS45OTEgNS45OTYgMS45OTFoLjg1OGMyLjQ3MS0uMzc2IDQuNDYzLTEuNDMgNS45OTYtMy4xMzhsMTcuNzAzLTIxLjEyNWMxLjUyMi0xLjkwNiAyLjE4OS00LjE0NSAxLjk5MS02LjcxNi0uMTk1LTIuNTYzLTEuMjQyLTQuNjA5LTMuMTQxLTYuMTMyeiIvPjwvc3ZnPg==);
}
.icon.phone:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0ODAuNTYgNDgwLjU2IiBmaWxsPSIjZmZmIj48cGF0aCBkPSJNMzY1LjM1NCAzMTcuOWMtMTUuNy0xNS41LTM1LjMtMTUuNS01MC45IDAtMTEuOSAxMS44LTIzLjggMjMuNi0zNS41IDM1LjYtMy4yIDMuMy01LjkgNC05LjggMS44LTcuNy00LjItMTUuOS03LjYtMjMuMy0xMi4yLTM0LjUtMjEuNy02My40LTQ5LjYtODktODEtMTIuNy0xNS42LTI0LTMyLjMtMzEuOS01MS4xLTEuNi0zLjgtMS4zLTYuMyAxLjgtOS40IDExLjktMTEuNSAyMy41LTIzLjMgMzUuMi0zNS4xIDE2LjMtMTYuNCAxNi4zLTM1LjYtLjEtNTIuMS05LjMtOS40LTE4LjYtMTguNi0yNy45LTI4LTkuNi05LjYtMTkuMS0xOS4zLTI4LjgtMjguOC0xNS43LTE1LjMtMzUuMy0xNS4zLTUwLjkuMS0xMiAxMS44LTIzLjUgMjMuOS0zNS43IDM1LjUtMTEuMyAxMC43LTE3IDIzLjgtMTguMiAzOS4xLTEuOSAyNC45IDQuMiA0OC40IDEyLjggNzEuMyAxNy42IDQ3LjQgNDQuNCA4OS41IDc2LjkgMTI4LjEgNDMuOSA1Mi4yIDk2LjMgOTMuNSAxNTcuNiAxMjMuMyAyNy42IDEzLjQgNTYuMiAyMy43IDg3LjMgMjUuNCAyMS40IDEuMiA0MC00LjIgNTQuOS0yMC45IDEwLjItMTEuNCAyMS43LTIxLjggMzIuNS0zMi43IDE2LTE2LjIgMTYuMS0zNS44LjItNTEuOC0xOS0xOS4xLTM4LjEtMzguMS01Ny4yLTU3LjF6TTM0Ni4yNTQgMjM4LjJsMzYuOS02LjNjLTUuOC0zMy45LTIxLjgtNjQuNi00Ni4xLTg5LTI1LjctMjUuNy01OC4yLTQxLjktOTQtNDYuOWwtNS4yIDM3LjFjMjcuNyAzLjkgNTIuOSAxNi40IDcyLjggMzYuMyAxOC44IDE4LjggMzEuMSA0Mi42IDM1LjYgNjguOHpNNDAzLjk1NCA3Ny44Yy00Mi42LTQyLjYtOTYuNS02OS41LTE1Ni03Ny44bC01LjIgMzcuMWM1MS40IDcuMiA5OCAzMC41IDEzNC44IDY3LjIgMzQuOSAzNC45IDU3LjggNzkgNjYuMSAxMjcuNWwzNi45LTYuM2MtOS43LTU2LjItMzYuMi0xMDcuMi03Ni42LTE0Ny43eiIvPjwvc3ZnPg==);
}
.facebook {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MDguNzg4IDQwOC43ODgiPjxwYXRoIGQ9Ik0zNTMuNzAxIDBINTUuMDg3QzI0LjY2NSAwIC4wMDIgMjQuNjYyLjAwMiA1NS4wODV2Mjk4LjYxNmMwIDMwLjQyMyAyNC42NjIgNTUuMDg1IDU1LjA4NSA1NS4wODVoMTQ3LjI3NWwuMjUxLTE0Ni4wNzhoLTM3Ljk1MWE4Ljk1NCA4Ljk1NCAwIDAgMS04Ljk1NC04LjkybC0uMTgyLTQ3LjA4N2E4Ljk1NSA4Ljk1NSAwIDAgMSA4Ljk1NS04Ljk4OWgzNy44ODJ2LTQ1LjQ5OGMwLTUyLjggMzIuMjQ3LTgxLjU1IDc5LjM0OC04MS41NWgzOC42NWE4Ljk1NSA4Ljk1NSAwIDAgMSA4Ljk1NSA4Ljk1NXYzOS43MDRhOC45NTUgOC45NTUgMCAwIDEtOC45NSA4Ljk1NWwtMjMuNzE5LjAxMWMtMjUuNjE1IDAtMzAuNTc1IDEyLjE3Mi0zMC41NzUgMzAuMDM1djM5LjM4OWg1Ni4yODVjNS4zNjMgMCA5LjUyNCA0LjY4MyA4Ljg5MiAxMC4wMDlsLTUuNTgxIDQ3LjA4N2E4Ljk1NSA4Ljk1NSAwIDAgMS04Ljg5MiA3LjkwMWgtNTAuNDUzbC0uMjUxIDE0Ni4wNzhoODcuNjMxYzMwLjQyMiAwIDU1LjA4NC0yNC42NjIgNTUuMDg0LTU1LjA4NFY1NS4wODVDNDA4Ljc4NiAyNC42NjIgMzg0LjEyNCAwIDM1My43MDEgMHoiIGZpbGw9IiM0NzU5OTMiLz48L3N2Zz4=);
}
.instagram {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NTEuMDM0IDU1MS4wMzQiPjxsaW5lYXJHcmFkaWVudCBpZD0iYSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIyNzUuNTE3IiB5MT0iNC41NyIgeDI9IjI3NS41MTciIHkyPSI1NDkuNzIiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMCA1NTQpIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNlMDliM2QiLz48c3RvcCBvZmZzZXQ9Ii4zIiBzdG9wLWNvbG9yPSIjYzc0YzRkIi8+PHN0b3Agb2Zmc2V0PSIuNiIgc3RvcC1jb2xvcj0iI2MyMTk3NSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzcwMjRjNCIvPjwvbGluZWFyR3JhZGllbnQ+PHBhdGggZD0iTTM4Ni44NzggMEgxNjQuMTU2QzczLjY0IDAgMCA3My42NCAwIDE2NC4xNTZ2MjIyLjcyMmMwIDkwLjUxNiA3My42NCAxNjQuMTU2IDE2NC4xNTYgMTY0LjE1NmgyMjIuNzIyYzkwLjUxNiAwIDE2NC4xNTYtNzMuNjQgMTY0LjE1Ni0xNjQuMTU2VjE2NC4xNTZDNTUxLjAzMyA3My42NCA0NzcuMzkzIDAgMzg2Ljg3OCAwek00OTUuNiAzODYuODc4YzAgNjAuMDQ1LTQ4LjY3NyAxMDguNzIyLTEwOC43MjIgMTA4LjcyMkgxNjQuMTU2Yy02MC4wNDUgMC0xMDguNzIyLTQ4LjY3Ny0xMDguNzIyLTEwOC43MjJWMTY0LjE1NmMwLTYwLjA0NiA0OC42NzctMTA4LjcyMiAxMDguNzIyLTEwOC43MjJoMjIyLjcyMmM2MC4wNDUgMCAxMDguNzIyIDQ4LjY3NiAxMDguNzIyIDEwOC43MjJ2MjIyLjcyMnoiIGZpbGw9InVybCgjYSkiLz48bGluZWFyR3JhZGllbnQgaWQ9ImIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMjc1LjUxNyIgeTE9IjQuNTciIHgyPSIyNzUuNTE3IiB5Mj0iNTQ5LjcyIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAgNTU0KSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZTA5YjNkIi8+PHN0b3Agb2Zmc2V0PSIuMyIgc3RvcC1jb2xvcj0iI2M3NGM0ZCIvPjxzdG9wIG9mZnNldD0iLjYiIHN0b3AtY29sb3I9IiNjMjE5NzUiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM3MDI0YzQiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIGQ9Ik0yNzUuNTE3IDEzM0MxOTYuOTMzIDEzMyAxMzMgMTk2LjkzMyAxMzMgMjc1LjUxNnM2My45MzMgMTQyLjUxNyAxNDIuNTE3IDE0Mi41MTdTNDE4LjAzNCAzNTQuMSA0MTguMDM0IDI3NS41MTYgMzU0LjEwMSAxMzMgMjc1LjUxNyAxMzN6bTAgMjI5LjZjLTQ4LjA5NSAwLTg3LjA4My0zOC45ODgtODcuMDgzLTg3LjA4M3MzOC45ODktODcuMDgzIDg3LjA4My04Ny4wODNjNDguMDk1IDAgODcuMDgzIDM4Ljk4OCA4Ny4wODMgODcuMDgzIDAgNDguMDk0LTM4Ljk4OSA4Ny4wODMtODcuMDgzIDg3LjA4M3oiIGZpbGw9InVybCgjYikiLz48bGluZWFyR3JhZGllbnQgaWQ9ImMiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iNDE4LjMxIiB5MT0iNC41NyIgeDI9IjQxOC4zMSIgeTI9IjU0OS43MiIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAwIDU1NCkiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2UwOWIzZCIvPjxzdG9wIG9mZnNldD0iLjMiIHN0b3AtY29sb3I9IiNjNzRjNGQiLz48c3RvcCBvZmZzZXQ9Ii42IiBzdG9wLWNvbG9yPSIjYzIxOTc1Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNzAyNGM0Ii8+PC9saW5lYXJHcmFkaWVudD48Y2lyY2xlIGN4PSI0MTguMzEiIGN5PSIxMzQuMDciIHI9IjM0LjE1IiBmaWxsPSJ1cmwoI2MpIi8+PC9zdmc+);
}
.icon.email:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OTAuMiA0OTAuMiIgZmlsbD0iI2ZmZiI+PHBhdGggZD0iTTQyMC45NSA2MS44QzM3Ni4yNSAyMC42IDMyMC42NSAwIDI1NC4yNSAwYy02OS44IDAtMTI5LjMgMjMuNC0xNzguNCA3MC4zcy03My43IDEwNS4yLTczLjcgMTc1YzAgNjYuOSAyMy40IDEyNC40IDcwLjEgMTcyLjYgNDYuOSA0OC4yIDEwOS45IDcyLjMgMTg5LjIgNzIuMyA0Ny44IDAgOTQuNy05LjggMTQwLjctMjkuNSAxNS02LjQgMjIuMy0yMy42IDE2LjItMzguNy02LjMtMTUuNi0yNC4xLTIyLjgtMzkuNi0xNi4yLTQwIDE3LjItNzkuMiAyNS44LTExNy40IDI1LjgtNjAuOCAwLTEwNy45LTE4LjUtMTQxLjMtNTUuNi0zMy4zLTM3LTUwLTgwLjUtNTAtMTMwLjQgMC01NC4yIDE3LjktOTkuNCA1My42LTEzNS43IDM1LjYtMzYuMiA3OS41LTU0LjQgMTMxLjUtNTQuNCA0Ny45IDAgODguNCAxNC45IDEyMS40IDQ0LjdzNDkuNSA2Ny4zIDQ5LjUgMTEyLjVjMCAzMC45LTcuNiA1Ni43LTIyLjcgNzcuMi0xNS4xIDIwLjYtMzAuOCAzMC44LTQ3LjEgMzAuOC04LjggMC0xMy4yLTQuNy0xMy4yLTE0LjIgMC03LjcuNi0xNi43IDEuNy0yNy4xbDE4LjYtMTUyLjFoLTY0bC00LjEgMTQuOWMtMTYuMy0xMy4zLTM0LjItMjAtNTMuNi0yMC0zMC44IDAtNTcuMiAxMi4zLTc5LjEgMzYuOC0yMiAyNC41LTMyLjkgNTYuMS0zMi45IDk0LjcgMCAzNy43IDkuNyA2OC4yIDI5LjIgOTEuMyAxOS41IDIzLjIgNDIuOSAzNC43IDcwLjMgMzQuNyAyNC41IDAgNDUuNC0xMC4zIDYyLjgtMzAuOCAxMy4xIDE5LjcgMzIuNCAyOS41IDU3LjkgMjkuNSAzNy41IDAgNjkuOS0xNi4zIDk3LjItNDkgMjcuMy0zMi42IDQxLTcyIDQxLTExOC4xIDAtNTguNC0yMi4zLTEwOC4zLTY3LjEtMTQ5LjV6bS0xNDcuNCAyMzAuMWMtMTEuMyAxNS4yLTI0LjggMjIuOS00MC41IDIyLjktMTAuNyAwLTE5LjMtNS42LTI1LjgtMTYuOC02LjYtMTEuMi05LjktMjUuMS05LjktNDEuOCAwLTIwLjYgNC42LTM3LjIgMTMuOC00OS44czIwLjYtMTkgMzQuMi0xOWMxMS44IDAgMjIuMyA0LjcgMzEuNSAxNC4yczEzLjggMjIuMSAxMy44IDM3LjljLS4xIDE5LjctNS44IDM3LjEtMTcuMSA1Mi40eiIvPjwvc3ZnPg==);
}


/* what this */

input,
select,
option,
textarea,
button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
li {
    list-style-position: inside;
}

:active,
:focus {
    outline: none;
}
::-webkit-input-placeholder {
    font-size: 16px;
    font-family: 'Myraid Pro Regular', sans-serif;
    color: #999;
    opacity: 1;
} 
::-moz-placeholder {
    font-size: 16px;
    font-family: 'Myraid Pro Regular', sans-serif;
    color: #999;
    opacity: 1;
} 
:-moz-placeholder {
    font-size: 16px;
    font-family: 'Myraid Pro Regular', sans-serif;
    color: #999;
    opacity: 1;
}
:-ms-input-placeholder {
    font-size: 16px;
    font-family: 'Myraid Pro Regular', sans-serif;
    color: #999;
    opacity: 1;
}

/* overlay */

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    visibility: hidden;
    opacity: 0;
    z-index: 1;
    -webkit-transition: .2s;
    transition: .2s;
}
.overlay.active {
    opacity: 1;
    visibility: visible;
}

/* scroller */

.scroller {
    z-index: 100;
    display: inline-block;
    position: fixed;
    bottom: 20px;
    right: 20px;
    
    width: 80px;
    height: 40px;
    text-align: center;
    border-radius: 5px;
    padding: 10px;
    cursor: pointer;
    
    opacity: 0;
    visibility: hidden;
    
    background: #995bbe;
    color: #fff;
    
    -webkit-transition: .4s;
    transition: .4s;
}
.scroller.show {
    opacity: 1;
    visibility: visible;
}