@import url("https://fonts.googleapis.com/css?family=Roboto");
@import url("https://fonts.googleapis.com/css?family=Caveat|Neucha|Pangolin&display=swap");
@import url("https://fonts.googleapis.com/css?family=Marck+Script&display=swap");

.name-box {
    width: 100%;
    min-height: 100px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 20px;
    margin-bottom: 20px;
}

.name-box-white {
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    font-size: 46px;
    font-weight: 600;
    letter-spacing: 5px;
}

.name-box-black {
    color: #7700ac;
    text-shadow: 1px 1px 1px #000;
    font-size: 46px;
    font-weight: 600;
    letter-spacing: 5px;
}

.name-box-purpur {
    color: #7700ac;
    text-shadow: 1px 1px 1px #000;
    font-size: 46px;
    font-weight: 600;
    letter-spacing: 5px;
}

.name-box-green {
    color: #06a500;
    text-shadow: 1px 1px 1px #000;
    font-size: 46px;
    font-weight: 600;
    letter-spacing: 5px;
}

* {
    padding: 0;
    margin: 0;
}

body {
    font-family: "Neucha", sans-serif;
    font-weight: 300;
    font-size: 12px;
    letter-spacing: 2px;
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
    -webkit-overflow-scrolling: touth;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

p {
    font-size: 16px;
    margin: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    padding: 0px;
    margin: 0px;
}

.banner-fon {
    background: url(../img/white-2.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.banner {
    width: 100%;
    min-height: 10px;
}

header {
    width: 100%;
    min-height: 80px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: rgba(0, 163, 25, 0.9);
    -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    background: -webkit-radial-gradient(at top, rgba(0, 163, 25, 0.8), #07bf00);
    background: -o-radial-gradient(at top, rgba(0, 163, 25, 0.8), #07bf00);
    background: radial-gradient(at top, rgba(0, 163, 25, 0.8), #07bf00);
}

header a {
    text-decoration: none;
    outline: none;
    display: block;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

nav {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.topmenu:after {
    content: "";
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.topmenu {
    content: "";
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.topmenu > li {
    margin: 0px 20px;
    position: relative;
    min-height: 80px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-top: 4px solid rgba(255, 255, 255, 0);
    -webkit-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

.topmenu > li:hover {
    border-top: 4px solid #fff;
}

.topmenu > li > a {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    padding-bottom: 10px;
    padding-top: 10px;
}

.submenu {
    background-color: rgba(0, 163, 25, 0.9);
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 5;
    width: 160px;
    opacity: 0;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

.submenu a {
    color: #fff;
    text-align: left;
    font-size: 16px;
    padding: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.submenu li:last-child a {
    border-bottom: none;
}

.topmenu > li:hover .submenu {
    opacity: 1;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
}

.banner-box {
    width: 100%;
    min-height: 520px;
    background: -webkit-radial-gradient(at top, rgba(127, 186, 255, 0.88), #670281);
    background: -o-radial-gradient(at top, rgba(127, 186, 255, 0.88), #670281);
    background: radial-gradient(at top, rgba(127, 186, 255, 0.88), #670281);
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 20px;
}

.banner-box_2 > a {
    margin-left: 60px;
}

.banner-box_2 > a > img {
    width: 240px;
}

.banner-box-item {
    width: 100%;
    min-height: 100px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 30px 0px;
}

.banner-box-item > h2 {
    font-size: 32px;
    font-weight: 600;
    color: #a9ff53;
}

.banner-box-item > p {
    font-weight: bold;
    font-size: 26px;
    color: #fff;
}

.banner-box-item-i {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    min-height: 100px;
}

.banner-i {
    width: 60px;
    height: 60px;
    border-radius: 10px;
    border: 4px solid rgba(255, 255, 255, 0.79);
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0px 10px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.banner-i:hover {
    background-color: #6ad300;
}

.banner-i > i {
    color: #fff;
    font-size: 28px;
}

.category {
    width: 100%;
    min-height: 600px;
    padding: 20px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.category-item {
    width: 30%;
    min-height: 300px;
    margin: 10px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.category-item-tonir {
    width: 100%;
    min-height: 300px;
    background-color: rgba(0, 0, 0, 0.4);
    padding-bottom: 20px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.category-item-tonir:hover {
    background-color: rgba(0, 0, 0, 0);
}

.category-item-tonir > h3 {
    font-size: 32px;
    font-weight: 600;
    color: #22ff4c;
    text-shadow: 2px 2px 2px #000;
    font-family: "Roboto";
    text-align: center;
}

.category-item-tonir > a {
    width: 152px;
    min-height: 52px;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    background-color: #6ac734;
    border-radius: 10px;
    -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    margin-top: 20px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.category-item-tonir > a:hover {
    background-color: #41b200;
}

.category-item-1 {
    background: url(../img/category-1.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.category-item-2 {
    background: url(../img/category-2.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.category-item-3 {
    background: url(../img/category-3.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.category-item-4 {
    background: url(../img/category-4.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.category-item-5 {
    background: url(../img/category-5.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.category-item-6 {
    background: url(../img/category-6.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.category-item-7 {
    background: url(../img/category-7.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.category-item-8 {
    background: url(../img/category-8.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.category-item-9 {
    background: url(../img/category-9.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.fon-white {
    width: 100%;
    min-height: 200px;
    background: url(../img/white.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.demo-galley {
    width: 100%;
    min-height: 500px;
    background: -webkit-repeating-radial-gradient(center top, ellipse farthest-corner, rgba(20, 212, 255, 0.7) 0%, rgba(137, 13, 179, 0.7) 100%);
    background: -o-repeating-radial-gradient(center top, ellipse farthest-corner, rgba(20, 212, 255, 0.7) 0%, rgba(137, 13, 179, 0.7) 100%);
    background: repeating-radial-gradient(ellipse farthest-corner at center top, rgba(20, 212, 255, 0.7) 0%, rgba(137, 13, 179, 0.7) 100%);
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.demo-gallery-box {
    width: 100%;
    min-height: 300px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.popup-gallery {
    width: 100%;
    min-height: 300px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.gallery-item {
    width: 340px;
    height: 260px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 10px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.gallery-item-vinetka {
    width: 100%;
    height: 260px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 20px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 0.54)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.54));
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.54));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.54));
}

.gallery-item-vinetka > h3 {
    font-size: 18px;
    text-align: center;
    color: #fff;
    font-weight: 600;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.gallery-item:hover .gallery-item-vinetka > h3 {
    color: #8eff4c;
}

.g-1 {
    background: url(../img/demo-gal-1.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.g-2 {
    background: url(../img/demo-gal-2.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.g-3 {
    background: url(../img/demo-gal-3.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.g-4 {
    background: url(../img/demo-gal-4.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}


.g-child0-1 {
    background: url(../img/g-child-1.jpg) no-repeat;
    background-size: cover;
    background-position: top;
}

.g-child0-2 {
    background: url(../img/g-child-2.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.g-child0-3 {
    background: url(../img/g-child-3.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.g-child0-4 {
    background: url(../img/g-child-4.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}



.g-child-1 {
    background: url(../img/mamaimal/1.jpg) no-repeat;
    background-size: cover;
    background-position: top;
}

.g-child-2 {
    background: url(../img/mamaimal/2.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.g-child-3 {
    background: url(../img/mamaimal/3.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.g-child-4 {
    background: url(../img/mamaimal/4.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.g-child2-1 {
    background: url(../img/razvi/1.jpg) no-repeat;
    background-size: cover;
    background-position: top;
}

.g-child2-2 {
    background: url(../img/razvi/2.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.g-child2-3 {
    background: url(../img/razvi/3.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.g-child2-4 {
    background: url(../img/razvi/4.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.g-child3-1 {
    background: url(../img/talant/1.jpg) no-repeat;
    background-size: cover;
    background-position: top;
}

.g-child3-2 {
    background: url(../img/talant/2.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.g-child3-3 {
    background: url(../img/talant/3.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.g-child3-4 {
    background: url(../img/talant/4.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.name-box > a {
    font-size: 28px;
    color: #fff;
    text-shadow: 2px 2px 2px #000;
    font-weight: 600;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.name-box > a:hover {
    color: #8eff4c;
}

.teacher {
    width: 100%;
    min-height: 200px;
    padding: 10px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.teacher-content {
    width: 100%;
    min-height: 200px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.teacher-item {
    width: 280px;
    min-height: 460px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: #fff;
    -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    padding-top: 30px;
    padding-bottom: 30px;
}

.teacher-photo {
    width: 90%;
    height: 220px;
}

.teacher-photo-1 {
    background: url(../img/demo-teach-1.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.teacher-photo-2 {
    background: url(../img/demo-teach-2.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.teacher-photo-3 {
    background: url(../img/demo-teach-3.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.teacher-photo-4 {
    background: url(../img/demo-teach-4.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.teacher-photo-child-1 {
    background: url(../img/mentor-3.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.teacher-photo-child-2 {
    background: url(../img/mentor-12.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.teacher-photo-child-3 {
    background: url(../img/mentor-20.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.teacher-photo-child-4 {
    background: url(../img/mentor-21.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}


.teacher-photo-bzh-2 {
    background: url(../img/mentor-16.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.teacher-photo-bzh-3 {
    background: url(../img/mentor-22.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.teacher-photo-bzh-4 {
    background: url(../img/mentor-21.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}


.teacher-photo-ka-1 {
    background: url(../img/mentor-6.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
.teacher-photo-ka-2 {
    background: url(../img/mentor-21.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
.teacher-photo-ka-3 {
    background: url(../img/mentor-7.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
.teacher-photo-ka-4 {
    background: url(../img/mentor-16.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}


.teacher-photo-kp-1 {
    background: url(../img/mentor-16.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
.teacher-photo-kp-2 {
    background: url(../img/mentor-21.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
.teacher-photo-kp-3 {
    background: url(../img/mentor-18.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
.teacher-photo-kp-4 {
    background: url(../img/mentor-7.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
.teacher-photo-kp-5 {
    background: url(../img/mentor-6.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}


.teacher-photo-ledy-1 {
    background: url(../img/mentor-15.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
.teacher-photo-ledy-2 {
    background: url(../img/mentor-2.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
.teacher-photo-ledy-3 {
    background: url(../img/mentor-1.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
.teacher-photo-ledy-4 {
    background: url(../img/mentor-21.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}



.teacher-item > h3 {
    font-size: 20px;
    margin-top: 20px;
}

.teacher-hr {
    width: 80%;
    border-top: 1px solid #c6c6c6;
}

.teacher-item > p {
    text-align: center;
    margin-bottom: 30px;
}

.teacher-item > a {
    width: 140px;
    min-height: 40px;
    background-color: #9800db;
    color: #fff;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 600;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.teacher-item > a:hover {
    -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.teacher-name-box {
    width: 100%;
    min-height: 100px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.teacher-name-box > a {
    color: #9800db;
    font-size: 28px;
    font-weight: 600;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    text-shadow: 1px 1px 1px #363636;
}

.teacher-name-box > a:hover {
    color: #8eff4c;
}

.information {
    width: 100%;
    min-height: 400px;
    background: repeating-radial-gradient(ellipse farthest-corner at center top, rgba(0, 196, 244, 0.58) 0%, rgba(137, 13, 179, 0.66) 60.5%, rgba(120, 16, 120, 0.15) 100%), -webkit-gradient(linear, left top, left bottom, from(rgba(120, 16, 120, 0.4)), to(rgba(120, 16, 120, 0.4)));
    background: -webkit-repeating-radial-gradient(center top, ellipse farthest-corner, rgba(0, 196, 244, 0.58) 0%, rgba(137, 13, 179, 0.66) 60.5%, rgba(120, 16, 120, 0.15) 100%), -webkit-linear-gradient(rgba(120, 16, 120, 0.4), rgba(120, 16, 120, 0.4));
    background: -o-repeating-radial-gradient(center top, ellipse farthest-corner, rgba(0, 196, 244, 0.58) 0%, rgba(137, 13, 179, 0.66) 60.5%, rgba(120, 16, 120, 0.15) 100%), -o-linear-gradient(rgba(120, 16, 120, 0.4), rgba(120, 16, 120, 0.4));
    background: repeating-radial-gradient(ellipse farthest-corner at center top, rgba(0, 196, 244, 0.58) 0%, rgba(137, 13, 179, 0.66) 60.5%, rgba(120, 16, 120, 0.15) 100%), linear-gradient(rgba(120, 16, 120, 0.4), rgba(120, 16, 120, 0.4));
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 40px;
}

.information-left {
    width: 60%;
    min-height: 500px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.information-left-top {
    width: 100%;
    min-height: 200px;
    padding: 10px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-right: 2px dotted rgba(255, 255, 255, 0.58);
    border-bottom: 2px dotted rgba(255, 255, 255, 0.58);
}

.information-left-top > h4 {
    font-size: 28px;
    color: rgba(255, 255, 255, 0.83);
    text-align: center;
    margin-bottom: 20px;
}

.information-left-top > span {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.information-left-top > span > p {
    font-size: 28px;
    color: #fff;
    font-weight: 700;
    font-family: "Roboto";
}

.information-left-bottom {
    width: 100%;
    min-height: 200px;
    padding: 10px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 30px;
    border-right: 2px dotted rgba(255, 255, 255, 0.58);
}

.information-left-bottom > h4 {
    font-size: 36px;
    color: rgba(255, 255, 255, 0.83);
    font-weight: 600;
    text-align: center;
    margin-bottom: 20px;
}

.table {
    width: 100%;
    min-height: 100px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-align-items: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 10px;
    font-family: "Roboto";
    color: #fff;
}

.table-item > h5 {
    font-size: 16px;
    font-weight: 600;
}

.table-item > hr {
    border-top: 1px solid rgba(255, 255, 255, 0.33);
    margin: 0;
    margin-top: 10px;
    margin-bottom: 10px;
}

.information-right {
    width: 40%;
    min-height: 500px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.information-next {
    width: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.information-next a {
    font-size: 22px;
    color: rgba(255, 255, 255, 0.83);
    font-weight: 600;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.information-next a:hover {
    font-size: 22px;
    color: rgba(255, 255, 255, 0.7);
    font-weight: 600;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.information-next a:hover {
    color: #fff;
}

.information-right > h3 {
    font-size: 40px;
    color: #8eff4c;
}

.information-right-forma {
    width: 50%;
    min-height: 300px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

form > input {
    width: 100%;
    min-height: 46px;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.33);
    background-color: rgba(255, 255, 255, 0.1);
    padding: 10px;
    font-size: 18px;
    color: #fff;
    margin: 0;
    margin-bottom: 10px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

form > input:hover {
    background: -webkit-radial-gradient(center bottom, ellipse farthest-corner, rgba(161, 255, 102, 0.3) 0%, rgba(0, 193, 240, 0) 70.4%) rgba(255, 255, 255, 0.1);
    background: -o-radial-gradient(center bottom, ellipse farthest-corner, rgba(161, 255, 102, 0.3) 0%, rgba(0, 193, 240, 0) 70.4%) rgba(255, 255, 255, 0.1);
    background: radial-gradient(ellipse farthest-corner at center bottom, rgba(161, 255, 102, 0.3) 0%, rgba(0, 193, 240, 0) 70.4%) rgba(255, 255, 255, 0.1);
    -webkit-box-shadow: inset 0px -1px 0px #a1ff66;
    box-shadow: inset 0px -1px 0px #a1ff66;
    border-bottom: 1px solid rgba(29, 255, 0, 0.73);
}

form > input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.7);
}

form > input:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.7);
}

form > input::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.7);
}

form > input::placeholder {
    color: rgba(255, 255, 255, 0.7);
}

form {
    width: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.type_number {
     -moz-appearance: textfield;
}
.type_number::-webkit-inner-spin-button { 
  display: none;
}

form > button {
    width: 280px;
    min-height: 46px;
    border: none;
    background-color: rgba(72, 196, 0, 0.75);
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    margin: 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    letter-spacing: 2px;
}

form > button:hover {
    background-color: #3ba200;
}

.comment {
    width: 100%;
    min-height: 600px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: url(../img/white.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    padding-bottom: 60px;
    -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.comment-name {
    width: 100%;
    min-height: 100px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.comment-name h2 {
    padding-right: 30px;
    padding-left: 30px;
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 34px;
    color: #3ba200;
    font-weight: 600;
    text-transform: uppercase;
    background: url(../img/fon-name-2.png) no-repeat;
    background-size: cover;
    background-position: center;
}

.comment-content {
    width: 90%;
    min-height: 100px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 20px;
}

.comment-content-item iframe {
    border: 4px solid #6ec001;
}

.blok-r {
    margin-top: 20px;
    margin-bottom: -20px;
}

.blok-r > h2 {
    font-size: 30px;
}

.blok-r-box {
    width: 100%;
    min-height: 200px;
    padding: 10px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.blok-r-item {
    width: 600px;
    min-height: 200px;
    padding: 16px;
    -ms-text-align-last: auto;
    text-align-last: auto;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: #fff;
    margin: 20px;
    border-radius: 14px;
    -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.blok-r-item-2 {
    width: 400px;
}

.blok-r-item > h4 {
    font-size: 16px;
    color: #b764ff;
}

.blok-r-item > p {
    font-size: 14px;
    color: #000;
}

.blok-2-name {
    width: 100%;
    min-height: 100px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.blok-2-name > h2 {
    color: #9800db;
    text-shadow: 1px 1px 1px #000;
    font-weight: 600;
}

.contact-fon {
    background: url(../img/white-3.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.contact {
    width: 100%;
    min-height: 500px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: space-saround;
    -ms-flex-pack: space-saround;
    justify-content: space-saround;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: repeating-radial-gradient(ellipse farthest-corner at center top, rgba(0, 196, 244, 0.58) 0%, rgba(137, 13, 179, 0.66) 60.5%, rgba(120, 16, 120, 0.15) 100%), -webkit-gradient(linear, left top, left bottom, from(rgba(120, 16, 120, 0.4)), to(rgba(120, 16, 120, 0.4)));
    background: -webkit-repeating-radial-gradient(center top, ellipse farthest-corner, rgba(0, 196, 244, 0.58) 0%, rgba(137, 13, 179, 0.66) 60.5%, rgba(120, 16, 120, 0.15) 100%), -webkit-linear-gradient(rgba(120, 16, 120, 0.4), rgba(120, 16, 120, 0.4));
    background: -o-repeating-radial-gradient(center top, ellipse farthest-corner, rgba(0, 196, 244, 0.58) 0%, rgba(137, 13, 179, 0.66) 60.5%, rgba(120, 16, 120, 0.15) 100%), -o-linear-gradient(rgba(120, 16, 120, 0.4), rgba(120, 16, 120, 0.4));
    background: repeating-radial-gradient(ellipse farthest-corner at center top, rgba(0, 196, 244, 0.58) 0%, rgba(137, 13, 179, 0.66) 60.5%, rgba(120, 16, 120, 0.15) 100%), linear-gradient(rgba(120, 16, 120, 0.4), rgba(120, 16, 120, 0.4));
    padding-top: 80px;
}

.contact > hr {
    width: 50%;
    border-top: 1px dotted rgba(72, 196, 0, 0.73);
    margin: 0;
    margin-top: 20px;
}

.contact-box {
    width: 100%;
    min-height: 100px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.contact-item {
    min-width: 100px;
    min-height: 100px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-align-items: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0px 40px;
}

.contact-item > h4 {
    text-transform: uppercase;
    font-weight: 600;
    font-family: "Roboto";
    color: #48c400;
    margin-bottom: 10px;
}

.contact-item > p {
    font-family: "Roboto";
    color: #fff;
}

.contact-item-soc {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.contact-item-soc > a {
    color: #fff;
    font-size: 24px;
    margin: 0px 6px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.contact-item-soc > a:hover {
    color: #48c400;
}

.adress {
    width: 100%;
    min-height: 100px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.adress-item {
    width: 100%;
    min-height: 34px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.adress-item > i {
    margin-right: 10px;
    font-size: 22px;
    color: #48c400;
}

.adress-item > p {
    font-size: 20px;
    color: #fff;
}

.contact-form {
    width: 100%;
    min-height: 200px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.contact-form > h3 {
    font-size: 28px;
    color: #fff;
}

.copy {
    width: 100%;
    min-height: 30px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: rgba(79, 0, 108, 0.92);
    color: #b7b4b4;
    padding-right: 10px;
}

.copy a {
    font-size: 16px;
    color: #ffffff;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.copy a:hover {
    color: #0fbe00;
}

.raspisanie {
    width: 100%;
    min-height: 400px;
    padding: 20px;
    padding-bottom: 40px;
    background: url(../img/fon-creative-4.png) no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.hr-item {
    width: 90%;
    border-top: 4px dotted rgba(119, 0, 172, 0.57);
    margin: 0;
    margin-bottom: 20px;
}

.raspisanie-box {
    width: 100%;
    min-height: 400px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.raspisanie-item {
    width: 280px;
    min-height: 200px;
    -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    border-radius: 10px;
    padding: 20px;
    margin: 20px;
    background-color: #0dac00;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.raspisanie-item > h3 {
    text-align: center;
    color: #fff;
    font-weight: 600;
    margin-bottom: 20px;
    font-size: 20px;
}

.raspisanie-item > p {
    text-align: center;
    font-family: "Roboto";
    color: rgba(255, 255, 255, 0.81);
    font-weight: 600;
    font-size: 16px;
}

.raspisanie > span {
    width: 100%;
    min-height: 100px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.raspisanie > span > p {
    text-align: center;
    font-size: 28px;
    color: #7700ac;
    font-weight: 600;
    text-shadow: 1px 1px 1px #000;
}

.mentor {
    width: 100%;
    min-height: 400px;
    padding: 20px;
    padding-bottom: 40px;
    background: url(../img/fon-creative-2.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.mentor > ul {
    width: 100%;
    min-height: 400px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.mentor > ul > li {
    width: 1100px;
    min-height: 300px;
    border-top: 4px dotted rgba(13, 172, 0, 0.54);
    padding: 30px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.mentor > ul > li:first-child {
    border-top: none;
}

.mentor-photo {
    width: 280px;
    min-height: 280px;
    background-color: #005fb2;
}

.mentor-info {
    width: 760px;
    min-height: 280px;
    padding: 10px;
    padding-left: 30px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-align-items: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.mentor-info > h3 {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 4px;
    color: #00a21f;
}

.mentor-info > span {
    font-size: 18px;
    margin-bottom: 20px;
    color: #404040;
}

.mentor-info > p {
    font-family: "Roboto";
    letter-spacing: 0;
    font-size: 16px;
}

.mentor-info > ul {
    margin-left: 12px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.mentor-info > ul > li {
    font-family: "Roboto";
    letter-spacing: 0;
    font-size: 16px;
}

.mentor-photo-1 {
    background: url(../img/mentor-1.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.mentor-photo-2 {
    background: url(../img/mentor-2.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.mentor-photo-3 {
    background: url(../img/mentor-3.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.mentor-photo-4 {
    background: url(../img/mentor-4.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.mentor-photo-5 {
    background: url(../img/mentor-5.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.mentor-photo-6 {
    background: url(../img/mentor-6.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.mentor-photo-7 {
    background: url(../img/mentor-7.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.mentor-photo-8 {
    background: url(../img/mentor-8.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.mentor-photo-9 {
    background: url(../img/mentor-9.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.mentor-photo-10 {
    background: url(../img/mentor-10.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.mentor-photo-11 {
    background: url(../img/mentor-11.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.mentor-photo-12 {
    background: url(../img/mentor-12.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.mentor-photo-13 {
    background: url(../img/mentor-13.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.mentor-photo-14 {
    background: url(../img/mentor-14.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.mentor-photo-15 {
    background: url(../img/mentor-15.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.mentor-photo-16 {
    background: url(../img/mentor-16.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.mentor-photo-17 {
    background: url(../img/mentor-17.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.mentor-photo-18 {
    background: url(../img/mentor-18.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.mentor-photo-19 {
    background: url(../img/mentor-19.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.mentor-photo-20 {
    background: url(../img/mentor-20.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.mentor-photo-21 {
    background: url(../img/mentor-21.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.mentor-photo-22 {
    background: url(../img/mentor-22.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.albums {
    width: 100%;
    min-height: 400px;
    padding: 20px;
    padding-bottom: 40px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.albums-box {
    width: 100%;
    min-height: 400px;
    padding: 20px;
    padding-bottom: 40px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.albums-box a {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.album-item {
    width: 400px;
    min-height: 300px;
    -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    margin: 10px;
}

.albom-tonir {
    width: 100%;
    min-height: 300px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 20px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 0.44)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.44));
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.44));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.44));
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.albom-tonir:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 0.63)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.63));
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.63));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.63));
}

.albom-tonir > h3 {
    color: #fff;
    font-weight: 600;
    font-size: 26px;
    text-align: center;
}

.album-item-1 {
    background: url(../img/album-1.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.album-item-2 {
    background: url(../img/album-2.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.album-item-3 {
    background: url(../img/album-3.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.album-item-4 {
    background: url(../img/album-4.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.album-item-5 {
    background: url(../img/album-5.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.album-item-6 {
    background: url(../img/album-6.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.album-item-7 {
    background: url(../img/album-7.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.album-item-8 {
    background: url(../img/album-8.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.album-item-9 {
    background: url(../img/album-9.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.album-item-10 {
    background: url(../img/album-10.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}


.album-item-11 {
    background: url(../img/mamaimal/1.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}


.album-item-12 {
    background: url(../img/razvi/1.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}


.album-item-13 {
    background: url(../img/talant/1.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.shablon-album {
    width: 100%;
    min-height: 400px;
    padding: 20px;
    padding-bottom: 40px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.gallery-album {
    width: 260px;
    min-height: 200px;
    -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.gallery-album:hover {
    opacity: 0.9;
}

.kp-1 {
    background: url(../img/kinoprofi/1.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.kp-2 {
    background: url(../img/kinoprofi/2.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.kp-3 {
    background: url(../img/kinoprofi/3.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.kp-4 {
    background: url(../img/kinoprofi/4.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ka-1 {
    background: url(../img/kinoactor/1.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ka-2 {
    background: url(../img/kinoactor/2.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ka-3 {
    background: url(../img/kinoactor/3.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ka-4 {
    background: url(../img/kinoactor/4.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.il-1 {
    background: url(../img/ledy/1.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.il-2 {
    background: url(../img/ledy/2.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.il-3 {
    background: url(../img/ledy/3.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.il-4 {
    background: url(../img/ledy/4.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-1-1 {
    background: url(../img/malishkin/1.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-1-2 {
    background: url(../img/malishkin/2.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-1-3 {
    background: url(../img/malishkin/3.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-1-4 {
    background: url(../img/malishkin/4.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-1-5 {
    background: url(../img/malishkin/5.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-1-6 {
    background: url(../img/malishkin/6.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-1-7 {
    background: url(../img/malishkin/7.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-1-8 {
    background: url(../img/malishkin/8.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-1-9 {
    background: url(../img/malishkin/9.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-1-10 {
    background: url(../img/malishkin/10.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-1-11 {
    background: url(../img/malishkin/11.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-1-12 {
    background: url(../img/malishkin/12.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-1-13 {
    background: url(../img/malishkin/13.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-1-14 {
    background: url(../img/malishkin/14.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-1-15 {
    background: url(../img/malishkin/15.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-1-16 {
    background: url(../img/malishkin/16.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-1-17 {
    background: url(../img/malishkin/17.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-1-18 {
    background: url(../img/malishkin/18.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-1-19 {
    background: url(../img/malishkin/19.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-1-20 {
    background: url(../img/malishkin/20.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-1-21 {
    background: url(../img/malishkin/21.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-1-22 {
    background: url(../img/malishkin/22.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-1-23 {
    background: url(../img/malishkin/23.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-1-24 {
    background: url(../img/malishkin/24.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-1-25 {
    background: url(../img/malishkin/25.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-1-26 {
    background: url(../img/malishkin/26.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-1-27 {
    background: url(../img/malishkin/27.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-1-28 {
    background: url(../img/malishkin/28.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-1-29 {
    background: url(../img/malishkin/29.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-1-30 {
    background: url(../img/malishkin/30.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-1-31 {
    background: url(../img/malishkin/31.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-1-32 {
    background: url(../img/malishkin/32.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-1-33 {
    background: url(../img/malishkin/33.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}



.ga-3-1 {
    background: url(../img/kinofest/1.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-3-2 {
    background: url(../img/kinofest/2.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-3-3 {
    background: url(../img/kinofest/3.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-3-4 {
    background: url(../img/kinofest/4.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-3-5 {
    background: url(../img/kinofest/5.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-3-6 {
    background: url(../img/kinofest/6.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-3-7 {
    background: url(../img/kinofest/7.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-3-8 {
    background: url(../img/kinofest/8.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-4-1 {
    background: url(../img/detinews/1.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-4-2 {
    background: url(../img/detinews/2.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-4-3 {
    background: url(../img/detinews/3.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-4-4 {
    background: url(../img/detinews/4.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-4-5 {
    background: url(../img/detinews/5.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-4-6 {
    background: url(../img/detinews/6.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-4-7 {
    background: url(../img/detinews/7.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-4-8 {
    background: url(../img/detinews/8.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-4-9 {
    background: url(../img/detinews/9.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-4-10 {
    background: url(../img/detinews/10.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-4-11 {
    background: url(../img/detinews/11.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-4-12 {
    background: url(../img/detinews/12.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-4-13 {
    background: url(../img/detinews/13.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-4-14 {
    background: url(../img/detinews/14.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-4-15 {
    background: url(../img/detinews/15.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-4-16 {
    background: url(../img/detinews/16.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-4-17 {
    background: url(../img/detinews/17.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-4-18 {
    background: url(../img/detinews/18.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-4-19 {
    background: url(../img/detinews/19.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-5-1 {
    background: url(../img/kanikuly/1.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-5-2 {
    background: url(../img/kanikuly/2.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-5-3 {
    background: url(../img/kanikuly/3.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-5-4 {
    background: url(../img/kanikuly/4.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-5-5 {
    background: url(../img/kanikuly/5.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-5-6 {
    background: url(../img/kanikuly/6.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-5-7 {
    background: url(../img/kanikuly/7.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-5-8 {
    background: url(../img/kanikuly/8.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-5-9 {
    background: url(../img/kanikuly/9.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-5-10 {
    background: url(../img/kanikuly/10.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-5-11 {
    background: url(../img/kanikuly/11.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-5-12 {
    background: url(../img/kanikuly/12.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-5-13 {
    background: url(../img/kanikuly/13.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-5-14 {
    background: url(../img/kanikuly/14.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-5-15 {
    background: url(../img/kanikuly/15.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-5-16 {
    background: url(../img/kanikuly/16.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-5-17 {
    background: url(../img/kanikuly/17.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-5-18 {
    background: url(../img/kanikuly/18.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-5-19 {
    background: url(../img/kanikuly/19.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-5-20 {
    background: url(../img/kanikuly/20.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-5-21 {
    background: url(../img/kanikuly/21.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-5-22 {
    background: url(../img/kanikuly/22.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-5-23 {
    background: url(../img/kanikuly/23.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-5-24 {
    background: url(../img/kanikuly/24.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-5-25 {
    background: url(../img/kanikuly/25.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-5-26 {
    background: url(../img/kanikuly/26.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-5-27 {
    background: url(../img/kanikuly/27.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-5-28 {
    background: url(../img/kanikuly/28.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-5-29 {
    background: url(../img/kanikuly/29.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-5-30 {
    background: url(../img/kanikuly/30.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-5-31 {
    background: url(../img/kanikuly/31.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-5-32 {
    background: url(../img/kanikuly/32.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-5-33 {
    background: url(../img/kanikuly/33.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-5-34 {
    background: url(../img/kanikuly/34.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-6-1 {
    background: url(../img/nagrady/1.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-6-2 {
    background: url(../img/nagrady/2.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-6-3 {
    background: url(../img/nagrady/3.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-6-4 {
    background: url(../img/nagrady/4.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-6-5 {
    background: url(../img/nagrady/5.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-6-6 {
    background: url(../img/nagrady/6.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-6-7 {
    background: url(../img/nagrady/7.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.demo-ga-7-1 {
    background: url(../img/bloger/1.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.demo-ga-7-2 {
    background: url(../img/bloger/2.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.demo-ga-7-3 {
    background: url(../img/bloger/3.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.demo-ga-7-4 {
    background: url(../img/bloger/4.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-7-1 {
    background: url(../img/bloger/1.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-7-2 {
    background: url(../img/bloger/2.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-7-3 {
    background: url(../img/bloger/3.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-7-4 {
    background: url(../img/bloger/4.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-7-5 {
    background: url(../img/bloger/5.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-7-6 {
    background: url(../img/bloger/6.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-7-7 {
    background: url(../img/bloger/7.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-7-8 {
    background: url(../img/bloger/8.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-7-9 {
    background: url(../img/bloger/9.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-7-10 {
    background: url(../img/bloger/10.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-7-11 {
    background: url(../img/bloger/11.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-7-12 {
    background: url(../img/bloger/12.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-7-13 {
    background: url(../img/bloger/13.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-7-14 {
    background: url(../img/bloger/14.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-7-15 {
    background: url(../img/bloger/15.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-7-16 {
    background: url(../img/bloger/16.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-7-17 {
    background: url(../img/bloger/17.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-7-18 {
    background: url(../img/bloger/18.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-7-19 {
    background: url(../img/bloger/19.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-7-20 {
    background: url(../img/bloger/20.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-7-21 {
    background: url(../img/bloger/21.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-7-22 {
    background: url(../img/bloger/22.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-7-23 {
    background: url(../img/bloger/23.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-7-24 {
    background: url(../img/bloger/24.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-7-25 {
    background: url(../img/bloger/25.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-7-26 {
    background: url(../img/bloger/26.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-7-27 {
    background: url(../img/bloger/27.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-7-28 {
    background: url(../img/bloger/28.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-7-29 {
    background: url(../img/bloger/29.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-7-30 {
    background: url(../img/bloger/30.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-7-31 {
    background: url(../img/bloger/31.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-7-32 {
    background: url(../img/bloger/32.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-7-33 {
    background: url(../img/bloger/33.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-7-34 {
    background: url(../img/bloger/34.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-7-35 {
    background: url(../img/bloger/35.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-7-36 {
    background: url(../img/bloger/36.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-7-37 {
    background: url(../img/bloger/37.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-7-38 {
    background: url(../img/bloger/38.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-7-39 {
    background: url(../img/bloger/39.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}



.ga-7-40 {
    background: url(../img/bloger/40.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-7-41 {
    background: url(../img/bloger/41.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-7-42 {
    background: url(../img/bloger/42.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-7-43 {
    background: url(../img/bloger/43.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-7-44 {
    background: url(../img/bloger/44.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-7-45 {
    background: url(../img/bloger/45.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-7-46 {
    background: url(../img/bloger/46.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-7-47 {
    background: url(../img/bloger/47.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-7-48 {
    background: url(../img/bloger/48.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-7-49 {
    background: url(../img/bloger/49.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}





.ga-7-50 {
    background: url(../img/bloger/50.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}


.ga-7-51 {
    background: url(../img/bloger/51.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-7-52 {
    background: url(../img/bloger/52.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-7-53 {
    background: url(../img/bloger/53.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-7-54 {
    background: url(../img/bloger/54.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-7-55 {
    background: url(../img/bloger/55.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-7-56 {
    background: url(../img/bloger/56.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-7-57 {
    background: url(../img/bloger/57.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-7-58 {
    background: url(../img/bloger/58.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-7-59 {
    background: url(../img/bloger/59.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}







.ga-8-1 {
    background: url(../img/ledy/1.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-8-2 {
    background: url(../img/ledy/2.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-8-3 {
    background: url(../img/ledy/3.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-8-4 {
    background: url(../img/ledy/4.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-8-5 {
    background: url(../img/ledy/5.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-8-6 {
    background: url(../img/ledy/6.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-8-7 {
    background: url(../img/ledy/7.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-8-8 {
    background: url(../img/ledy/8.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-8-9 {
    background: url(../img/ledy/9.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-8-10 {
    background: url(../img/ledy/10.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-8-11 {
    background: url(../img/ledy/11.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-8-12 {
    background: url(../img/ledy/12.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-8-13 {
    background: url(../img/ledy/13.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}



/*----------------- 9 --------------*/



.ga-9-1 {
    background: url(../img/kinoactor/1.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-9-2 {
    background: url(../img/kinoactor/2.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-9-3 {
    background: url(../img/kinoactor/3.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-9-4 {
    background: url(../img/kinoactor/4.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-9-5 {
    background: url(../img/kinoactor/5.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-9-6 {
    background: url(../img/kinoactor/6.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-9-7 {
    background: url(../img/kinoactor/7.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-9-8 {
    background: url(../img/kinoactor/8.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-9-9 {
    background: url(../img/kinoactor/9.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-9-10 {
    background: url(../img/kinoactor/10.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-9-11 {
    background: url(../img/kinoactor/11.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-9-12 {
    background: url(../img/kinoactor/12.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-9-13 {
    background: url(../img/kinoactor/13.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-9-14 {
    background: url(../img/kinoactor/14.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-9-15 {
    background: url(../img/kinoactor/15.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-9-16 {
    background: url(../img/kinoactor/16.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-9-17 {
    background: url(../img/kinoactor/17.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-9-18 {
    background: url(../img/kinoactor/18.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-9-19 {
    background: url(../img/kinoactor/19.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-9-20 {
    background: url(../img/kinoactor/20.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-9-21 {
    background: url(../img/kinoactor/21.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-9-22 {
    background: url(../img/kinoactor/22.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-9-23 {
    background: url(../img/kinoactor/23.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-9-24 {
    background: url(../img/kinoactor/24.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-9-25 {
    background: url(../img/kinoactor/25.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-9-26 {
    background: url(../img/kinoactor/26.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-9-27 {
    background: url(../img/kinoactor/27.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-9-28 {
    background: url(../img/kinoactor/28.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-9-29 {
    background: url(../img/kinoactor/29.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-9-30 {
    background: url(../img/kinoactor/30.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-9-31 {
    background: url(../img/kinoactor/31.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-9-32 {
    background: url(../img/kinoactor/32.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-9-33 {
    background: url(../img/kinoactor/33.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-9-34 {
    background: url(../img/kinoactor/34.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-9-35 {
    background: url(../img/kinoactor/35.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-9-36 {
    background: url(../img/kinoactor/36.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-9-37 {
    background: url(../img/kinoactor/37.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-9-38 {
    background: url(../img/kinoactor/38.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-9-39 {
    background: url(../img/kinoactor/39.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-9-40 {
    background: url(../img/kinoactor/40.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-9-41 {
    background: url(../img/kinoactor/41.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-9-42 {
    background: url(../img/kinoactor/42.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-9-43 {
    background: url(../img/kinoactor/43.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-9-44 {
    background: url(../img/kinoactor/44.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

/*---------- 10 --------------*/

.ga-10-1 {
    background: url(../img/kinoprofi/1.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-10-2 {
    background: url(../img/kinoprofi/2.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-10-3 {
    background: url(../img/kinoprofi/3.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-10-4 {
    background: url(../img/kinoprofi/4.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-10-5 {
    background: url(../img/kinoprofi/5.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-10-6 {
    background: url(../img/kinoprofi/6.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-10-7 {
    background: url(../img/kinoprofi/7.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-10-8 {
    background: url(../img/kinoprofi/8.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-10-9 {
    background: url(../img/kinoprofi/9.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-10-10 {
    background: url(../img/kinoprofi/10.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-10-11 {
    background: url(../img/kinoprofi/11.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-10-12 {
    background: url(../img/kinoprofi/12.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-10-13 {
    background: url(../img/kinoprofi/13.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-10-14 {
    background: url(../img/kinoprofi/14.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-10-15 {
    background: url(../img/kinoprofi/15.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-10-16 {
    background: url(../img/kinoprofi/16.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-10-17 {
    background: url(../img/kinoprofi/17.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-10-18 {
    background: url(../img/kinoprofi/18.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}


/*-------------11------------*/

.ga-11-1 {
    background: url(../img/mamaimal/1.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-11-2 {
    background: url(../img/mamaimal/2.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-11-3 {
    background: url(../img/mamaimal/3.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-11-4 {
    background: url(../img/mamaimal/4.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-11-5 {
    background: url(../img/mamaimal/5.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-11-6 {
    background: url(../img/mamaimal/6.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-11-7 {
    background: url(../img/mamaimal/7.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-11-8 {
    background: url(../img/mamaimal/8.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-11-9 {
    background: url(../img/mamaimal/9.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-11-10 {
    background: url(../img/mamaimal/10.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-11-11 {
    background: url(../img/mamaimal/11.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-11-12 {
    background: url(../img/mamaimal/12.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-11-13 {
    background: url(../img/mamaimal/13.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-11-14 {
    background: url(../img/mamaimal/14.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-11-15 {
    background: url(../img/mamaimal/15.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-11-16 {
    background: url(../img/mamaimal/16.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-11-17 {
    background: url(../img/mamaimal/17.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-11-18 {
    background: url(../img/mamaimal/18.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-11-19 {
    background: url(../img/mamaimal/19.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-11-20 {
    background: url(../img/mamaimal/20.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}


.ga-11-21 {
    background: url(../img/mamaimal/21.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-11-22 {
    background: url(../img/mamaimal/22.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-11-23 {
    background: url(../img/mamaimal/23.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-11-24 {
    background: url(../img/mamaimal/24.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-11-25 {
    background: url(../img/mamaimal/25.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-11-26 {
    background: url(../img/mamaimal/26.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-11-27 {
    background: url(../img/mamaimal/27.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-11-28 {
    background: url(../img/mamaimal/28.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-11-29 {
    background: url(../img/mamaimal/29.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-11-30 {
    background: url(../img/mamaimal/30.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}


.ga-11-31 {
    background: url(../img/mamaimal/31.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-11-32 {
    background: url(../img/mamaimal/32.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-11-33 {
    background: url(../img/mamaimal/33.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-11-34 {
    background: url(../img/mamaimal/34.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-11-35 {
    background: url(../img/mamaimal/35.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-11-36 {
    background: url(../img/mamaimal/36.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}



/*-------------12------------*/

.ga-12-1 {
    background: url(../img/razvi/1.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-12-2 {
    background: url(../img/razvi/2.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-12-3 {
    background: url(../img/razvi/3.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-12-4 {
    background: url(../img/razvi/4.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-12-5 {
    background: url(../img/razvi/5.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-12-6 {
    background: url(../img/razvi/6.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-12-7 {
    background: url(../img/razvi/7.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-12-8 {
    background: url(../img/razvi/8.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-12-9 {
    background: url(../img/razvi/9.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-12-10 {
    background: url(../img/razvi/10.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-12-11 {
    background: url(../img/razvi/11.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-12-12 {
    background: url(../img/razvi/12.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-12-13 {
    background: url(../img/razvi/13.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-12-14 {
    background: url(../img/razvi/14.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-12-15 {
    background: url(../img/razvi/15.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-12-16 {
    background: url(../img/razvi/16.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}




/*-------------13------------*/

.ga-13-1 {
    background: url(../img/talant/1.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-13-2 {
    background: url(../img/talant/2.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-13-3 {
    background: url(../img/talant/3.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-13-4 {
    background: url(../img/talant/4.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-13-5 {
    background: url(../img/talant/5.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-13-6 {
    background: url(../img/talant/6.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-13-7 {
    background: url(../img/talant/7.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-13-8 {
    background: url(../img/talant/8.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-13-9 {
    background: url(../img/talant/9.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-13-10 {
    background: url(../img/talant/10.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}


.ga-13-11 {
    background: url(../img/talant/11.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-13-12 {
    background: url(../img/talant/12.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-13-13 {
    background: url(../img/talant/13.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-13-14 {
    background: url(../img/talant/14.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-13-15 {
    background: url(../img/talant/15.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-13-16 {
    background: url(../img/talant/16.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-13-17 {
    background: url(../img/talant/17.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-13-18 {
    background: url(../img/talant/18.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-13-19 {
    background: url(../img/talant/19.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-13-20 {
    background: url(../img/talant/20.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}


.ga-13-21 {
    background: url(../img/talant/21.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-13-22 {
    background: url(../img/talant/22.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-13-23 {
    background: url(../img/talant/23.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-13-24 {
    background: url(../img/talant/24.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-13-25 {
    background: url(../img/talant/25.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-13-26 {
    background: url(../img/talant/26.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-13-27 {
    background: url(../img/talant/27.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-13-28 {
    background: url(../img/talant/28.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-13-29 {
    background: url(../img/talant/29.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-13-30 {
    background: url(../img/talant/30.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}




.ga-13-31 {
    background: url(../img/talant/31.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-13-32 {
    background: url(../img/talant/32.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-13-33 {
    background: url(../img/talant/33.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-13-34 {
    background: url(../img/talant/34.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-13-35 {
    background: url(../img/talant/35.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-13-36 {
    background: url(../img/talant/36.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-13-37 {
    background: url(../img/talant/37.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-13-38 {
    background: url(../img/talant/38.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-13-39 {
    background: url(../img/talant/39.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-13-40 {
    background: url(../img/talant/40.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}



.ga-13-41 {
    background: url(../img/talant/41.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-13-42 {
    background: url(../img/talant/42.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-13-43 {
    background: url(../img/talant/43.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-13-44 {
    background: url(../img/talant/44.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-13-45 {
    background: url(../img/talant/45.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-13-46 {
    background: url(../img/talant/46.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-13-47 {
    background: url(../img/talant/47.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-13-48 {
    background: url(../img/talant/48.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-13-49 {
    background: url(../img/talant/49.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.ga-13-50 {
    background: url(../img/talant/50.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}


/*-------------------------------*/

.page {
    width: 100%;
    min-height: 600px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.page-name {
    width: 100%;
    min-height: 460px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 10px;
    padding: 0px 100px;
    background-color: rgba(255, 255, 255, 0.84);
    -webkit-box-shadow: inset 0px 6px 28px rgba(0, 0, 0, 0.25), inset 0px -6px 10px rgba(0, 0, 0, 0.22);
    box-shadow: inset 0px 6px 28px rgba(0, 0, 0, 0.25), inset 0px -6px 10px rgba(0, 0, 0, 0.22);
    
    padding-top: 40px;
    padding-bottom: 40px;
}

.page-name > h1 {
    font-size: 54px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    font-family: "Neucha";
    letter-spacing: 6px;
    line-height: 1.5;
    color: #7700ac;
    text-shadow: 1px 1px 1px #000;
}

.page-name > p {
    margin-top: 20px;
    font-size: 22px;
    text-align: center;
    color: #000;
    padding: 0px 100px;
}

.fon-page-name {
    width: 100%;
    min-height: 200px;
}

.page-name-1 {
    background: url(../img/category-1.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.page-name-2 {
    background: url(../img/category-2.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.page-name-3 {
    background: url(../img/category-3.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.page-name-4 {
    background: url(../img/category-4.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.page-name-5 {
    background: url(../img/category-5.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.page-name-6 {
    background: url(../img/category-6.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.page-name-7 {
    background: url(../img/malishkin/33.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.page-name-8 {
    background: url(../img/category-8.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.page-name-9 {
    background: url(../img/category-9.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.page-name-10 {
    background: url(../img/category-10.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.page-name-11 {
    background: url(../img/bizness-1.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.page-plus {
    width: 100%;
    min-height: 300px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: #F2F0EE;
    padding: 10px;
    padding-top: 30px;
    padding-bottom: 60px;
    background: url(../img/fon-creative-2.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.page-plus > p {
    width: 80%;
    font-size: 28px;
    font-weight: 600;
    text-align: center;
    margin-top: 30px;
    color: #7700ac;
}

.page-plus-box {
    width: 100%;
    min-height: 200px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 30px;
}

.page-plus-box > ul {
    max-width: 45%;
    list-style: none;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 30px;
    column-count: 2;
    column-gap: 2;
}

.page-plus-box > ul > li {
    padding: 6px 0px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.page-plus-box > ul > li > img {
    margin-right: 10px;
}

.page-plus-box > ul > li > p {
    letter-spacing: 0;
    font-size: 18px;
}

.page-video {
    width: 100%;
    min-height: 300px;
    padding: 10px 0px;
    background-color: #1d1d1d;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.page-video-item {
    width: 50%;
    min-height: 300px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.page-video-item > iframe {
    width: 100%;
    min-height: 400px;
}

.page-video > a {
    width: 280px;
    height: 40px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    color: #fff;
    border: 1px solid #fff;
    margin-top: 20px;
    margin-bottom: 10px;
}

.page-video > a:hover {
    color: #ff1c1c;
    border: 1px solid #ff1c1c;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/*----------- advantages -----------*/
.advantages {
    width: 100%;
    min-height: 400px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    color: #000;
    padding-top: 40px;
}

.advantages > .name-box {
    margin-bottom: 60px;
}

.advantages-item {
    width: 280px;
    min-height: 320px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.advantages-item > p {
    text-align: center;
    margin-top: 16px;
    font-size: 16px;
    font-weight: 100;
    font-family: "Roboto";
    letter-spacing: 0;
}

.advantages-item > img {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.advantages-item > img:hover {
    -webkit-transform: rotateZ(-10deg);
    -ms-transform: rotateZ(-10deg);
    transform: rotateZ(-10deg);
}

.price {
    width: 100%;
    min-height: 200px;
    background: url(../img/fon-creative-2.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 60px;
    padding-top: 60px;
    -webkit-box-shadow: inset 0px 6px 28px rgba(0, 0, 0, 0.25), inset 0px -6px 10px rgba(0, 0, 0, 0.22);
    box-shadow: inset 0px 6px 28px rgba(0, 0, 0, 0.25), inset 0px -6px 10px rgba(0, 0, 0, 0.22);
}

.price-content {
    width: 100%;
    min-height: 200px;
    padding: 10px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.peice-content-item {
    width: 40%;
    min-height: 200px;
    padding-top: 30px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.peice-content-item > p {
    text-align: center;
    font-size: 22px;
}

.peice-content-item > span {
    font-size: 62px;
    font-weight: 700;
    font-family: "Roboto";
    letter-spacing: 0;
    color: #249601;
    text-shadow: 1px 1px 1px #000;
}

.vertical-hr {
    width: 0px;
    min-height: 200px;
    border-left: 4px dotted rgba(13, 172, 0, 0.54);
}

.price-forma {
    width: 100%;
    min-height: 100px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 40px;
    margin-top: 20px;
}

.price-forma > h3 {
    font-size: 32px;
    color: #069000;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
}

.price-forma > form {
    width: 100%;
    min-height: 100px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.price-forma > form > input {
    width: 280px;
    min-height: 48px;
    border: 2px solid #069000;
    border-radius: 10px;
    margin-right: 20px;
    color: #000;
    -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    margin-bottom: 0;
    background-color: rgba(6, 144, 0, 0.69);
}

.price-forma > form > input:hover {
    background-color: rgba(6, 144, 0, 0.69);
}

.price-forma > form > button {
    width: 280px;
    min-height: 48px;
    border: 2px solid #069000;
    border-radius: 10px;
    -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    background-color: #069000;
}

.price-forma > form > button:hover {
    background-color: #07b400;
    border: 2px solid #07b400;
}

::-webkit-input-placeholder {
    color: rgba(74, 74, 74, 0.7);
}

:-moz-placeholder {
    color: rgba(74, 74, 74, 0.7);
}

::-moz-placeholder {
    color: rgba(74, 74, 74, 0.7);
}

:-ms-input-placeholder {
    color: rgba(74, 74, 74, 0.7);
}

input-placeholder {
    color: rgba(74, 74, 74, 0.7);
}

.new-child-napr {
    width: 100%;
    min-height: 200px;
    padding: 10px;
    padding-top: 40px;
    padding-bottom: 60px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.new-child-napr > h2 {
    width: 100%;
    min-height: 100px;
    font-size: 36px;
    color: #7700ac;
    text-align: center;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 40px;
}

.new-child-napr-box {
    width: 100%;
    min-height: 200px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.new-child-napr-box-item {
    width: 280px;
    min-height: 360px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 10px;
    text-align: center;
    margin: 0px 20px;
    border-radius: 10px;
    -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    background: -webkit-radial-gradient(at top, rgba(127, 186, 255, 0.88), #670281);
    background: -o-radial-gradient(at top, rgba(127, 186, 255, 0.88), #670281);
    background: radial-gradient(at top, rgba(127, 186, 255, 0.88), #670281);
    color: #fff;
}

.new-child-napr-box-item > h3 {
    width: 100%;
    min-height: 100px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 28px;
    text-transform: uppercase;
}

.new-child-napr-box-item > span {
    width: 100%;
    min-height: 40px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 18px;
}

.new-child-napr-box-item > p {
    width: 100%;
    min-height: 100px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 16px;
}

.new-child-napr-box-item > a {
    width: 220px;
    min-height: 40px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: rgba(255, 255, 255, 0.54);
    margin-top: 20px;
    border-radius: 10px;
    color: #7700ac;
    font-size: 18px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.new-child-napr-box-item > a:hover {
    background-color: white;
}

.blok-2 {
    width: 100%;
    min-height: 200px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    flex-wrap: wrap;
    color: #7700ac;
    background: url(../img/fon-creative-4.png) no-repeat;
    background-size: cover;
    background-position: center;
    padding-bottom: 40px;
}

.blok-2-name {
    width: 100%;
    min-height: 100px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 40px;
    padding-right: 40px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.blok-2-name h2 {
    font-size: 36px;
    font-weight: 600;
    text-align: center;
    text-shadow: 1px 1px 1px #000;
}

.blok-2-content {
    width: 100%;
    min-height: 100px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 20px;
}

.blok-2-content-item {
    width: 800px;
    min-height: 60px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px;
    padding: 10px;
    text-align: center;
    border: 1px solid #cecece;
    border-radius: 20px;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.blok-2-content-item:hover {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
}

.blok-2-content-item img {
    margin-right: 20px;
}

.blok-2-content-item p {
    font-size: 20px;
    width: 90%;
    color: #7700ac;
}

.blok-2 a {
    margin-top: 20px;
}

.blok-2-content-item p span {
    font-size: 12px;
    color: #ccc;
}

.blok-2-end {
    width: 800px;
    min-height: 100px;
    text-align: center;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px;
    margin-top: 60px;
}

.blok-2-end > p {
    text-align: center;
    font-size: 20px;
    font-style: italic;
}

.blok-2-start {
    width: 800px;
    min-height: 100px;
    text-align: center;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px;
    margin-top: 40px;
}

.blok-2-start > p {
    text-align: center;
    font-size: 18px;
    font-weight: 600;
}

.blok-2-end-child {
    margin-top: 40px;
}

.price-child-end {
    width: 800px;
    min-height: 100px;
    text-align: center;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.price-child-end > p {
    font-size: 22px;
}

.price-child-end > p > span {
    font-size: 32px;
    font-weight: 600;
}

.hr-child {
    width: 280px;
    height: 1px;
    border-top: 2px solid #7700ac;
}

.color-green > h2 {
    color: #06a500;
}

.color-green > p {
    color: #06a500;
}

.color-green > .blok-2-content-item > p {
    color: #06a500;
}

.color-green-hr-child {
    border-top: 2px solid #06a500;
}

.child-demo {
    width: 100%;
    min-height: 200px;
    padding-bottom: 40px;
    padding-top: 40px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.blok-8-content {
    width: 100%;
    min-height: 200px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 40px;
}

.blok-8-item {
    width: 200px;
    min-height: 200px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-radius: 10px;
    /*    box-shadow: 0 6px 8px rgba(0,0,0,0.25), 0 1px 1px rgba(0,0,0,0.22);*/
    -webkit-box-shadow: 0 0 10px rgba(100, 100, 100, 0.2) inset, 1px 1px 1px #CCC;
    box-shadow: 0 0 10px rgba(100, 100, 100, 0.2) inset, 1px 1px 1px #CCC;
    margin: 10px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.blok-8-item:hover {
    -webkit-transform: rotateZ(-5deg);
    -ms-transform: rotateZ(-5deg);
    transform: rotateZ(-5deg);
}

.blok-8-item span {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 6px;
    color: #fff;
}

.blok-8-item p {
    font-size: 20px;
    color: #fff;
}

.b8i-1 {
    background-color: #00c08b;
}

.b8i-2 {
    background-color: #ea5180;
}

.b8i-3 {
    background-color: #53bfe2;
}

.mal-1 {
    background: url(../img/malishkin/33.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.mal-2 {
    background: url(../img/malishkin/32.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.mal-3 {
    background: url(../img/malishkin/31.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.mal-4 {
    background: url(../img/malishkin/30.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.schedule {
    width: 100%;
    min-height: 200px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 10px;
    background: url(../img/white.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    padding-bottom: 40px;
}

.schedule-item {
    width: 200px;
    min-height: 200px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 20px;
    border: 2px solid radial-gradient(at top, rgba(127, 186, 255, 0.88), #670281);
    border-radius: 50%;
    color: #fff;
    background: -webkit-radial-gradient(at top, rgba(127, 186, 255, 0.7), rgba(103, 2, 129, 0.9));
    background: -o-radial-gradient(at top, rgba(127, 186, 255, 0.7), rgba(103, 2, 129, 0.9));
    background: radial-gradient(at top, rgba(127, 186, 255, 0.7), rgba(103, 2, 129, 0.9));
    -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.schedule-item > span {
    margin: 4px 0px;
}

.yers-schedule {
    font-size: 18px;
}

.day-schedule {
    font-size: 18px;
}

.time-schedule {
    font-size: 26px;
}

.price-content-dr {
    @includ flex (column, center, center);
}

.price-dr {
    width: 100%;
    min-height: 100px;
}

.vertical-hr-dr {
    width: 280px;
    min-height: 30px;
    border-left: none;
    border-bottom: 4px dotted rgba(13, 172, 0, 0.54);
}

.but-fr {
    width: 100%;
    min-height: 100px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.but-fr > a {
    width: 300px;
    min-height: 80px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 28px;
    color: #fff;
    background-color: #47c100;
    border-radius: 10px;
    -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-top: 20px;
}

.but-fr > a:hover {
    background-color: #3e8414;
}

@media screen and (max-width: 1100px) {
    .mentor > ul > li {
        width: 100%;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 10px;
    }

    .mentor-info {
        width: 100%;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 960px) {
    .category-item {
        width: 47%;
    }

    .information {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .information-left {
        width: 100%;
    }

    .information-left-top {
        border-right: 0px;
    }

    .information-left-bottom {
        border-right: 0px;
    }

    .information-right {
        width: 100%;
    }
}

@media screen and (max-width: 600px) {
    .teacher-item {
        margin-bottom: 20px;
    }

    .category-item {
        width: 97%;
    }

    .category-item-tonir > h3 {
        font-size: 22px;
        text-align: center;
    }

    .comment-content-item {
        width: 100%;
    }

    .comment-content-item > iframe {
        width: 100%;
    }

    .contact > hr {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 460px) {
    form {
        width: 100%;
        min-height: 200px;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: colum;
        -moz-flex-direction: colum;
        -ms-flex-direction: colum;
        -o-flex-direction: colum;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: colum;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .last-input {
        width: 90%;
        margin: 0;
        margin-bottom: 10px;
    }

    form > input {
        width: 90%;
        margin-bottom: 10px;
    }

    .information-right {
        min-height: 300px;
        border-top: 2px dotted rgba(255, 255, 255, 0.58);
        margin-top: 30px;
        padding-top: 10px;
    }

    .table-item {
        margin-bottom: 20px;
    }

    .name-box-black {
        font-size: 26px;
    }

    .banner-i {
        margin: 6px;
    }

    .teacher-item {
        width: 90%;
    }

    .information-left-top > span > p {
        font-size: 20px;
    }

    .information-left-bottom > h4 {
        font-size: 24px;
    }

    .information-left-top > h4 {
        font-size: 22px;
    }

    .blok-r-item {
        width: 100%;
    }

    .information {
        padding: 0;
    }

    .information-right > h3 {
        font-size: 28px;
    }

    .category {
        padding: 0;
    }

    .banner-box > img {
        width: 90%;
    }

    .blok-2-name > h2 {
        font-size: 22px;
        text-align: center;
    }

    .gallery-item {
        width: 100%;
    }

    .name-box-white {
        font-size: 38px;
    }

    .information-right-forma {
        width: 100%;
    }

    .raspisanie > span > p {
        font-size: 16px;
    }

    .page-name {
        padding: 10px 10px;
        min-height: 400px;
    }

    .page-plus-box > ul {
        min-width: 100%;
        width: 90%;
        margin: 0;
    }

    .page-plus-box > ul > li {
        width: 100%;
    }

    .page-plus-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 70%;
    }

    .name-box-green {
        text-align: center;
    }

    .name-box-white {
        text-align: center;
    }

    .name-box-black {
        text-align: center;
    }

    .page-name > h1 {
        font-size: 18px;
        line-height: 1.5;
    }

    .page-name > p {
        font-size: 14px;
        padding: 0;
    }

    .page-plus-box > ul > li > p {
        font-size: 12px;
        padding-top: 0;
    }

    .page-video-item {
        width: 100%;
    }

    .name-box-purpur {
        font-size: 30px;
    }

    .advantages-item {
        min-height: 250px;
    }

    .price {
        padding-top: 0;
    }

    .price-content {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .peice-content-item {
        width: 100%;
        padding-top: 0;
        min-height: 120px;
    }

    .vertical-hr {
        width: 90%;
        min-height: 0;
        border-top: 4px dotted rgba(13, 172, 0, 0.54);
        margin-bottom: 40px;
        margin-top: 40px;
    }

    .price-forma > h3 {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .price-forma > form > input {
        margin: 0;
        margin-bottom: 10px;
    }

    .page-video-item > iframe {
        min-height: 160px;
    }

    .page-video-item {
        min-height: 180px;
    }

    .page-video {
        min-height: 160px;
    }

    .adress-item > p {
        font-size: 12px;
    }

    .blok-8-item span {
        text-align: center;
    }

    .adress-item {
        padding: 10px;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .page-plus > p {
        width: 90%;
        font-size: 14px;
        font-weight: 100;
    }

    .name-box-green {
        font-size: 22px;
    }

    .name-box-black {
        font-size: 22px;
    }

    .name-box-white {
        font-size: 22px;
    }

    .name-box {
        min-height: 60px;
    }

    .blok-2-content-item {
        width: 90%;
    }

    .blok-2-start {
        width: 90%;
    }

    .blok-2-start > p {
        font-size: 14px;
    }

    .blok-2-end {
        width: 90%;
    }

    .blok-2-end > p {
        font-size: 14px;
    }
}