@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'Material-Design-Iconic-Font';
    src: url('../fonts/Material-Design-Iconic-Font.woff2?v=2.2.0') format('woff2'),
    url('../fonts/Material-Design-Iconic-Font.woff?v=2.2.0') format('woff'),
    url('../fonts/Material-Design-Iconic-Font.ttf?v=2.2.0') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/*
font SF UI Display
 */

/*
Regular
 */
@font-face {
    font-family: 'SF UI Display';
    src: url('../fonts/SFUIDisplay-Regular.eot');
    src: local('../fonts/SF UI Display Regular'), local('SFUIDisplay-Regular'),
        url('../fonts/SFUIDisplay-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SFUIDisplay-Regular.woff2') format('woff2'),
        url('../fonts/SFUIDisplay-Regular.woff') format('woff'),
        url('../fonts/SFUIDisplay-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/*
Ultralight
 */
@font-face {
    font-family: 'SF UI Display';
    src: url('../fonts/SFUIDisplay-Ultralight.eot');
    src: local('../fonts/SF UI Display Ultralight'), local('SFUIDisplay-Ultralight'),
        url('../fonts/SFUIDisplay-Ultralight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SFUIDisplay-Ultralight.woff2') format('woff2'),
        url('../fonts/SFUIDisplay-Ultralight.woff') format('woff'),
        url('../fonts/SFUIDisplay-Ultralight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}
/*
heavy
 */
@font-face {
    font-family: 'SF UI Display';
    src: url('../fonts/SFUIDisplay-Heavy.eot');
    src: local('../fonts/SF UI Display Heavy'), local('SFUIDisplay-Heavy'),
        url('../fonts/SFUIDisplay-Heavy.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SFUIDisplay-Heavy.woff2') format('woff2'),
        url('../fonts/SFUIDisplay-Heavy.woff') format('woff'),
        url('../fonts/SFUIDisplay-Heavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}
/*
black
 */
@font-face {
    font-family: 'SF UI Display';
    src: url('../fonts/SFUIDisplay-Black.eot');
    src: local('SF UI Display Black'), local('SFUIDisplay-Black'),
        url('../fonts/SFUIDisplay-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SFUIDisplay-Black.woff2') format('woff2'),
        url('../fonts/SFUIDisplay-Black.woff') format('woff'),
        url('../fonts/SFUIDisplay-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}
/*
Semibold
 */
@font-face {
    font-family: 'SF UI Display';
    src: url('../fonts/SFUIDisplay-Semibold.eot');
    src: local('../fonts/SF UI Display Semibold'), local('SFUIDisplay-Semibold'),
        url('../fonts/SFUIDisplay-Semibold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SFUIDisplay-Semibold.woff2') format('woff2'),
        url('../fonts/SFUIDisplay-Semibold.woff') format('woff'),
        url('../fonts/SFUIDisplay-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
/*
blod
 */
@font-face {
    font-family: 'SF UI Display';
    src: url('../fonts/SFUIDisplay-Bold.eot');
    src: local('../fonts/SF UI Display Bold'), local('SFUIDisplay-Bold'),
        url('../fonts/SFUIDisplay-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SFUIDisplay-Bold.woff2') format('woff2'),
        url('../fonts/SFUIDisplay-Bold.woff') format('woff'),
        url('../fonts/SFUIDisplay-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
/*
thin
 */
@font-face {
    font-family: 'SF UI Display';
    src: url('../fonts/SFUIDisplay-Thin.eot');
    src: local('../fonts/SF UI Display Thin'), local('SFUIDisplay-Thin'),
        url('../fonts/SFUIDisplay-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SFUIDisplay-Thin.woff2') format('woff2'),
        url('../fonts/SFUIDisplay-Thin.woff') format('woff'),
        url('../fonts/SFUIDisplay-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}
/*
medium
 */
@font-face {
    font-family: 'SF UI Display';
    src: url('../fonts/SFUIDisplay-Medium.eot');
    src: local('../fonts/SF UI Display Medium'), local('SFUIDisplay-Medium'),
        url('../fonts/SFUIDisplay-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SFUIDisplay-Medium.woff2') format('woff2'),
        url('../fonts/SFUIDisplay-Medium.woff') format('woff'),
        url('../fonts/SFUIDisplay-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
/*
light
 */
@font-face {
    font-family: 'SF UI Display';
    src: url('../fonts/SFUIDisplay-Light.eot');
    src: local('../fonts/SF UI Display Light'), local('SFUIDisplay-Light'),
        url('../fonts/SFUIDisplay-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SFUIDisplay-Light.woff2') format('woff2'),
        url('../fonts/SFUIDisplay-Light.woff') format('woff'),
        url('../fonts/SFUIDisplay-Light.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

/*
for slogan
font-family: 'Montserrat', sans-serif;
 */

* {
    margin: 0;
    padding: 0;
    }

/*for Chrom*/
* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
input, textarea { outline:none; }
input:active, textarea:active { outline:none; }
:focus { outline:none; }

/*for FireFox*/
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
	border: none;
}

:focus::-webkit-input-placeholder {color: transparent;}
:focus::-moz-placeholder          {color: transparent;}
:focus:-moz-placeholder           {color: transparent;}
:focus:-ms-input-placeholder      {color: transparent;}

*:focus::-webkit-input-placeholder { opacity:0; }
*:focus:-moz-placeholder { opacity:0; }
*:focus::-moz-placeholder { opacity:0; }
*:focus:-ms-input-placeholder { opacity:0; }

/*::-webkit-input-placeholder {
   color: #ffffff;
}
:-moz-placeholder {
   color: #ffffff;
}
::-moz-placeholder {
   color: #ffffff;
}
:-ms-input-placeholder {
   color: #ffffff;
}*/

a { outline: none !important;
	cursor: pointer;
}
a img {
    border:-moz-none !important;
    outline:-moz-none !important;
}
img {
    max-width: 100%;
}
body {
    /*padding: 0 !important;*/
}
.sppb-row {
	margin: 0 !important;
}
.row {

}
.container-fluid {
    padding: 0;
    width: 100%;
    float: left;
}
.sppb-col-md-12 {
   padding-left: 0 !important;
   padding-right: 0 !important;
}

#Header {
    height: 911px;
}
.main-content {
    background-image: url(../images/bg-sections.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}
/*---------- logo-menu ----------*/
.custom_logo-menu {
    padding-top: 15px;
}
.custom_logo-menu .wrap-logo-menu {
    max-width: 1070px;
    margin: 0 auto;
}
.custom_logo-menu .logo {}
.custom_logo-menu .menu {}
.custom_logo-menu .menu ul {
    width: 100%;
    float: left;
    padding-top: 10px;
}
.custom_logo-menu .menu ul li {
    display: block;
    float: left;
    margin-right: 40px;
}
.custom_logo-menu .menu ul li:last-child {
    margin-right: 0;
}
.custom_logo-menu .menu ul li a {
    color: #000;
    font-weight: 600;
    font-size: 14px;
    opacity: 0.7;
}
.custom_logo-menu .menu ul li a:hover {
    font-weight: bold;
    opacity: 0.9;
    text-decoration: none;
}
/*---------- slogan ----------*/
.custom_slogan {
    padding-top: 140px;
}
.custom_slogan .wrap-slogan-girl {
    max-width: 1070px;
    margin: 0 auto;
}
.custom_slogan .wrap-slogan {
    position: relative;
    /*font-family: 'Montserrat', sans-serif;*/
}
.custom_slogan .wrap-slogan h1 {
    font-size: 130px;
    font-weight: bold;
    text-transform: uppercase;
    color: transparent;
    -webkit-text-stroke: 3px #A40263;
    margin-bottom: 0;
}
.custom_slogan .wrap-slogan h1:hover {
    color: #A40263;
}
.custom_slogan .wrap-slogan .coner {
    width: 140px;
    height: 95px;
    background-image: url(../images/coner.png);
    background-repeat: no-repeat;
    background-position: top right;
    font-weight: 300;
    font-size: 26px;
    color: #000;
    opacity: 0.8;
    line-height: 1.1;
    padding-top: 35px;
    position: absolute;
    top: 30px;
    right: 100px;
}
.custom_slogan .wrap-slogan .h3 {
    opacity: 0.9;
    font-weight: 500;
    margin-top: 0;
}
.custom_slogan .wrap-slogan .link-modal {
    margin-top: 30px;
}
.custom_slogan .wrap-slogan .link-modal a {
    background-color: #F6BD0C;
    border-radius: 40px;
    padding: 8px 79px;
    color: #000;
    font-weight: 600;
    font-size: 18px;
}
.custom_slogan .wrap-slogan .link-modal a:hover,
.custom_slogan .wrap-slogan .link-modal a:focus {
    background-color: #f0de43;
    text-decoration: none;
}
.custom_slogan .girl {
    text-align: right;
}
.custom_slogan .girl .wrap-girl {
    position: relative;
}
.custom_slogan .girl .wrap-girl img {
    position: absolute;
    width: 460px;
    right: 0;
    top: 133px;
}
/*------------ about mission --------------*/
.custom_about {
    /*padding-top: 300px;*/
    position: relative;
}
.custom_about .row {
    margin: 0;
}
.custom_about.mission {
    padding-top: 95px;
}
.custom_about .wrap-about {
    max-width: 1070px;
    overflow: hidden;
    background: #FFFFFF;
    box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.1);
    border-radius: 20px;
    padding-bottom: 50px;
    margin: 0 auto;
}
.custom_about .wrap-about .title-about {
    text-align: center;
}
.custom_about .wrap-about .title-about .h1 {
    margin-bottom: 50px;
}
.custom_about.mission .wrap-about .title-about .h1 {
    margin-bottom: 70px;
}
.custom_about .wrap-about .img-title {}
.custom_about .wrap-about .img-title img {
    opacity: 0.6;
}
.custom_about .wrap-about:hover .img-title img {
    opacity: 1;
}
.custom_about .wrap-about .text-about {
    padding-top: 60px;
}
.custom_about .wrap-about .text-about p {
    line-height: 1.8;
}
.custom_about .wrap-about .text-about p:last-child {
    margin-bottom: 0;
}
.custom_about .wrap-about .img-about {}
.custom_about .wrap-img-about {
    position: relative;
}
.custom_about .wrap-img-about img {
    position: absolute;
    right: 35px;
    bottom: 0;
    border-radius: 0 0 20px 0;
}
/*----------- choise ------------*/
.custom_choise {
    margin-top: 60px;
}
.custom_choise .row-choise-1 {}
.custom_choise .row-choise-1 .wrap-row-choise-1 {
    max-width: 1070px;
    overflow: hidden;
    margin: 0 auto;
}
.custom_choise .row-choise-1 .desc-title {}
.custom_choise .row-choise-1 .desc-title .h1 {
    margin-bottom: 25px;
}
.custom_choise .row-choise-1 .desc-title .p-cite {
    padding-right: 130px;
}
.custom_choise .row-choise-1 .desc-title .p-cite span.open-cite {
    padding-right: 15px;
    display: block;
    float: left;
    height: 120px;
}
.custom_choise .row-choise-1 .desc-title .p-cite span.close-cite {
    padding-left: 15px;
}
.custom_choise .row-choise-1 .desc-title .p-cite span.text-cite {
    padding-top: 12px;
    line-height: 1.8;
    font-size: 18px;
}
.custom_choise .row-choise-1 .img-title {}
.custom_choise .row-choise-2 {
    margin-top: 35px;
}
.custom_choise .row-choise-2 .block-choise {
    margin-bottom: 30px;
}
.custom_choise .row-choise-2 .block-choise .wrap-block-choise {
    background: #FFFFFF;
    border-radius: 10px;
    box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.1);
    height: 210px;
    padding: 30px 20px;
    background-repeat: no-repeat;
}
.custom_choise .row-choise-2 .block-choise .wrap-block-choise .h4 {
    margin: 0 0 20px;
}
.custom_choise .row-choise-2 .block-choise .wrap-block-choise p {
    letter-spacing: 0.02em;
}
.custom_choise .row-choise-2 .block-choise-1 .wrap-block-choise {
    background-image: url(../images/bg-choise-1.png);
    background-position: 95% top;
}
.custom_choise .row-choise-2 .block-choise-2 .wrap-block-choise {
    background-image: url(../images/bg-choise-2.png);
    background-position: 95% top;
}
.custom_choise .row-choise-2 .block-choise-3 .wrap-block-choise {
    background-image: url(../images/bg-choise-3.png);
    background-position: right top;
}
.custom_choise .row-choise-2 .block-choise-4 .wrap-block-choise {
    background-image: url(../images/bg-choise-4.png);
    background-position: right top;
}
.custom_choise .row-choise-2 .block-choise-5 .wrap-block-choise {
    background-image: url(../images/bg-choise-5.png);
    background-position: 95% top;
}
.custom_choise .row-choise-2 .block-choise-6 .wrap-block-choise {
    background-image: url(../images/bg-choise-6.png);
    background-position: 95% top;
}
.custom_choise .row-choise-2 .block-choise-1 .wrap-block-choise .h4 {
    color: #A40263;
}
.custom_choise .row-choise-2 .block-choise-2 .wrap-block-choise .h4 {
    color: #F6BD0C;
}
.custom_choise .row-choise-2 .block-choise-3 .wrap-block-choise .h4 {
    color: #2D9CDB;
}
.custom_choise .row-choise-2 .block-choise-4 .wrap-block-choise .h4 {
    color: green;
}
.custom_choise .row-choise-2 .block-choise-5 .wrap-block-choise .h4 {
    color: #F6BD0C;
}
.custom_choise .row-choise-2 .block-choise-6 .wrap-block-choise .h4 {
    color: #A40263;
}
/*--------------- learning ------------*/
.custom_learning {
    margin-top: 70px;
}
.custom_learning .h1 {
    margin-bottom: 40px;
    padding-left: 40px;
}
.custom_learning .wrap-learning {}
.custom_learning .block-learning {}
.custom_learning .block-learning .wrap-block-learning {
    border-radius: 10px;
    box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.1);
    width: 100%;
    height: 210px;
    float: left;
}
.custom_learning .block-learning .wrap-block-learning:hover {
    opacity: 0.8;
}
.custom_learning .block-learning .left-block-learning {
    width: 65%;
    float: left;
    background-color: #ffffff;
    padding: 30px 20px 0 20px;
    border-radius: 10px 0 0 10px;
}
.custom_learning .block-learning .left-block-learning .h2 {
    margin: 0 0 35px;
}
.custom_learning .block-learning .left-block-learning p {
    color: #000000;
    opacity: 0.6;
}
.custom_learning .block-learning .right-block-learning {
    width: 35%;
    height: 100%;
    float: left;
    padding: 20px 20px 0 40px;
    border-radius: 0 10px 10px 0;
}
.custom_learning .block-learning .right-block-learning .img-icon-learning {}
.custom_learning .block-learning .right-block-learning .img-arrow-learning {
    padding-top: 50px;
}
.custom_learning .block-learning-1 {}
.custom_learning .block-learning-1 .left-block-learning .h2 {
    color: #8AFF61;
}
.custom_learning .block-learning-1 .right-block-learning {
    background-color: #8AFF61;
}
.custom_learning .block-learning-2 {}
.custom_learning .block-learning-2 .left-block-learning .h2 {
    color: #2D9CDB;
}
.custom_learning .block-learning-2 .right-block-learning {
    background-color: #2D9CDB;
}
.custom_learning .row-learning-2 {
    margin-top: 30px;
}
.custom_learning .block-learning-3 {}
.custom_learning .block-learning-3 .left-block-learning .h2 {
    color: #A40263;
}
.custom_learning .block-learning-3 .right-block-learning {
    background-color: #A40263;
}
.custom_learning .block-learning-4 {}
.custom_learning .block-learning-4 .left-block-learning .h2 {
    color: #F6BD0C;
}
.custom_learning .block-learning-4 .right-block-learning {
    background-color: #F6BD0C;
}
/*------------ introductory --------------*/
.custom_introductory {
    margin-top: 80px;
}
.custom_introductory .wrap-introductory {
    max-width: 910px;
    margin: 0 auto;
}
.custom_introductory .wrap-introductory .h1 {
    margin: 0 0 55px 0;
}
.custom_introductory .wrap-introductory ul {
    text-align: center;
    max-width: 720px;
    margin: 0 auto;
}
.custom_introductory .wrap-introductory ul li {
    display: inline-block;
    margin: 0 5px;
}
.custom_introductory .wrap-introductory ul li:first-child {
    margin-left: 0;
}
.custom_introductory .wrap-introductory ul li:last-child {
    margin-right: 0;
}
.custom_introductory .wrap-introductory ul li .block-introductory {
    border-radius: 10px;
    box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    padding: 24px;
    margin-bottom: 12px;
}
.custom_introductory .wrap-introductory ul li .name-introductory {
    color: #000000;
    opacity: 0.6;
    font-weight: bold;
    font-size: 18px;
}
.custom_introductory .wrap-introductory .link-modal {
    margin-top: 80px;
    text-align: center;
}
.custom_introductory .wrap-introductory .link-modal a {
    background-color: #F6BD0C;
    border-radius: 30px;
    padding: 14px 79px;
    color: #000;
    font-weight: 600;
    font-size: 18px;
    box-shadow: 0px 0px 15px -2px rgba(0, 0, 0, 0.25);
}
.custom_introductory .wrap-introductory .link-modal a:hover,
.custom_introductory .wrap-introductory .link-modal a:focus {
    background-color: #f0de43;
    text-decoration: none;
}
/*-------------- additional -------------*/
.custom_additional {
    margin-top: 80px;
}
.custom_additional .wrap-additional {
    max-width: 1070px;
    margin: 0 auto;
}
.custom_additional .wrap-additional .h1 {
    margin: 0 0 40px 0;
}
.custom_additional .block-additional {
    margin-bottom: 30px;
}
.custom_additional .block-additional .wrap-block-additional {
    box-shadow: 0px 0px 15px -2px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    height: 215px;
}
.custom_additional .block-additional .left-block-additional {
    border-radius: 10px 0 0 10px;
    width: 62%;
    float: left;
    position: relative;
}
.custom_additional .block-additional .left-block-additional .name-additional {
    font-weight: bold;
    font-size: 36px;
    text-align: center;
    padding-top: 55px;
    height: 160px;
}
.custom_additional .block-additional .left-block-additional .detail-additional {
    position: absolute;
    width: 100%;
    height: 55px;
    bottom: 0;
    top: 100%;
    text-align: center;
    padding-top: 10px;
    border-radius: 0 0 0 10px;
}
.custom_additional .block-additional .left-block-additional .detail-additional a {
    color: #FFFFFF;
    opacity: 0.8;
    font-weight: 600;
    font-size: 20px;
}
.custom_additional .block-additional .right-block-additional {
    border-radius: 0 10px 10px 0;
    height: 100%;
    width: 38%;
    float: left;
    text-align: center;
    padding-top: 40px;
}
.custom_additional .block-additional-1 {}
.custom_additional .block-additional-1 .left-block-additional .name-additional {
    color: #8AFF61;
}
.custom_additional .block-additional-1 .left-block-additional .detail-additional {
    background: #8AFF61;
    opacity: 0.5;
}
.custom_additional .block-additional-1 .right-block-additional {
    background-color: #8AFF61;
}
.custom_additional .block-additional-2 {}
.custom_additional .block-additional-2 .left-block-additional .name-additional {
    color: #8AFF61;
}
.custom_additional .block-additional-2 .left-block-additional .detail-additional {
    background: #8AFF61;
    opacity: 0.5;
}
.custom_additional .block-additional-2 .right-block-additional {
    background-color: #8AFF61;
}
.custom_additional .block-additional-3 {}
.custom_additional .block-additional-3 .left-block-additional .name-additional {
    color: #2D9CDB;
}
.custom_additional .block-additional-3 .left-block-additional .detail-additional {
    background: #2D9CDB;
    opacity: 0.5;
}
.custom_additional .block-additional-3 .right-block-additional {
    background-color: #2D9CDB;
}
.custom_additional .block-additional-4 {}
.custom_additional .block-additional-4 .left-block-additional .name-additional {
    color: #2D9CDB;
}
.custom_additional .block-additional-4 .left-block-additional .detail-additional {
    background: #2D9CDB;
    opacity: 0.5;
}
.custom_additional .block-additional-4 .right-block-additional {
    background-color: #2D9CDB;
}
.custom_additional .block-additional-5 {}
.custom_additional .block-additional-5 .left-block-additional .name-additional {
    color: #A40263;
}
.custom_additional .block-additional-5 .left-block-additional .detail-additional {
    background: #A40263;
    opacity: 0.5;
}
.custom_additional .block-additional-5 .right-block-additional {
    background-color: #A40263;
}
.custom_additional .block-additional-6 {}
.custom_additional .block-additional-6 .left-block-additional .name-additional {
    color: #A40263;
}
.custom_additional .block-additional-6 .left-block-additional .detail-additional {
    background: #A40263;
    opacity: 0.5;
}
.custom_additional .block-additional-6 .right-block-additional {
    background-color: #A40263;
}
.custom_additional .block-additional-7 {}
.custom_additional .block-additional-7 .left-block-additional .name-additional {
    color: #F6BD0C;
}
.custom_additional .block-additional-7 .left-block-additional .detail-additional {
    background: #F6BD0C;
    opacity: 0.5;
}
.custom_additional .block-additional-7 .right-block-additional {
    background-color: #F6BD0C;
}
.custom_additional .block-additional-8 {}
.custom_additional .block-additional-8 .left-block-additional .name-additional {
    color: #F6BD0C;
}
.custom_additional .block-additional-8 .left-block-additional .detail-additional {
    background: #F6BD0C;
    opacity: 0.5;
}
.custom_additional .block-additional-8 .right-block-additional {
    background-color: #F6BD0C;
}
.custom_additional .block-additional .wrap-block-additional:hover .left-block-additional .detail-additional {
    opacity: 1;
}
.custom_additional .block-additional .wrap-block-additional:hover .left-block-additional .detail-additional a {
    text-decoration: none;
}
.custom_additional .block-additional .wrap-block-additional:hover .right-block-additional {
    opacity: 0.5
}
/*---------------- public-info -----------------*/
.custom_public-info {
    margin-top: 90px;
}
.custom_public-info .wrap-public-info {
    max-width: 1070px;
    margin: 0 auto;
    padding: 20px 0 40px;
    background-image: url(../images/bg-public-info.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
  	background-size: cover;
    overflow: hidden;
}
.custom_public-info .wrap-public-info .h1 {
    margin: 0 0 55px 0;
}
.custom_public-info .wrap-public-info ul.public-ul {
    width: 100%;
    float: left;
    margin-bottom: 30px;
}
.custom_public-info .wrap-public-info ul.public-ul li {
    display: block;
    float: left;
    box-shadow: 0px 0px 15px -2px rgba(0, 0, 0, 0.25);
    background-color: #ffffff;
    border-radius: 10px;
    height: 225px;
    width: 290px;
    margin-right: 30px;
}
.custom_public-info .wrap-public-info ul.public-ul li:last-child {
    margin-right: 0;
}
.custom_public-info .wrap-public-info ul.public-ul li a {
    display: block;
    width: 100%;
    height: 100%;
}
.custom_public-info .wrap-public-info ul.public-ul li .left-public {
    width: 65%;
    float: left;
    padding: 35px 0 0 15px;
}
.custom_public-info .wrap-public-info ul.public-ul li .left-public .name-public {
    font-weight: bold;
    font-size: 30px;
    opacity: 0.7;
    line-height: 1.2;
}
.custom_public-info .wrap-public-info ul.public-ul li .left-public .watch-public {
    color: #C4C4C4;
    font-weight: bold;
    font-size: 18px;
}
.custom_public-info .wrap-public-info ul.public-ul li .left-public .watch-public span {
    display: block;
    float: left;
    padding-right: 10px;
}
.custom_public-info .wrap-public-info ul.public-ul li .right-public {
    width: 35%;
    float: left;
    height: 100%;
    position: relative;
}
.custom_public-info .wrap-public-info ul.public-ul li .right-public .litera-public {
    font-weight: 600;
    font-size: 96px;
    opacity: 0.7;
    text-align: center;
    line-height: 0.8;
    color: #ffffff;
}
.custom_public-info .wrap-public-info ul.public-ul li .right-public .img-pdf-public {
    position: absolute;
    text-align: center;
    bottom: 20px;
    width: 100%;
}
.custom_public-info .wrap-public-info ul.public-ul-1 {
    padding-left: 90px;
}
.custom_public-info .wrap-public-info ul.public-ul-1 li .left-public .name-public {
    color: #8AFF61;
}
.custom_public-info .wrap-public-info ul.public-ul-1 li .right-public {
    background-color: #8AFF61;
}
.custom_public-info .wrap-public-info ul.public-ul-1 li .right-public .litera-public {

}
.custom_public-info .wrap-public-info ul.public-ul-2 {
    padding-left: 410px;
}
.custom_public-info .wrap-public-info ul.public-ul-2 li .left-public .name-public {
    color: #2D9CDB;
}
.custom_public-info .wrap-public-info ul.public-ul-2 li .right-public {
    background-color: #2D9CDB;
}
.custom_public-info .wrap-public-info ul.public-ul-2 li .right-public .litera-public {

}
.custom_public-info .wrap-public-info ul.public-ul li:hover .left-public .watch-public span {
    padding-top: 5px;
}
.custom_public-info .wrap-public-info ul.public-ul li:hover .right-public .litera-public {
    opacity: 1;
}
/*---------- Gallery ---------*/
#Gallery {}
.custom_gallery {}
.custom_gallery .wrap-gallery {
    max-width: 940px;
    margin: 0 auto;
}
.custom_gallery .wrap-gallery .h1 {
    margin: 0 0 25px 0;
}
.custom_gallery .wrap-gallery .carousel {
    max-width: 840px;
    margin: 0 auto;
}
.custom_gallery .wrap-gallery .carousel .carousel-inner {}
.custom_gallery .wrap-gallery .carousel .carousel-inner .item {}
.custom_gallery .wrap-gallery .carousel .carousel-inner .item .h4 {
    opacity: 0.3;
    margin-top: 0;
}
.custom_gallery .wrap-gallery .carousel .carousel-inner .item ul {}
.custom_gallery .wrap-gallery .carousel .carousel-inner .item ul li {
    display: inline-block;
    margin-bottom: 4px;
}
.custom_gallery .wrap-gallery .carousel .carousel-inner .item ul li img {
    border-radius: 20px;
}
.custom_gallery .wrap-gallery .carousel .carousel-control.left,
.custom_gallery .wrap-gallery .carousel .carousel-control.right {
    background-image: none;
}
.custom_gallery .wrap-gallery .carousel .carousel-control {
    left: -105px;
}
.custom_gallery .wrap-gallery .carousel .carousel-control.right {
    right: -80px;
    left: auto;
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-prev,
.carousel-control .icon-next {
    font-size: 20px;
    background-color: #E4E4E4;
    border-radius: 100%;
    line-height: 1.8;
    text-shadow: none;
    color: #090909;
    width: 40px;
    height: 40px;
}
/*---------- Footer ------------*/
#Footer {}
.custom_before-footer {
    padding-top: 115px;
}
.custom_before-footer .wrap-before-footer {
    max-width: 350px;
    margin: 0 auto;
}
.custom_before-footer .wrap-before-footer .p-cite {}
.custom_before-footer .wrap-before-footer .p-cite p {
    margin-bottom: 0;
    line-height: 1.5;
}
.custom_before-footer .wrap-before-footer .p-cite .open-cite {
    padding-right: 15px;
    display: block;
    float: left;
    height: 140px;
}
.custom_before-footer .wrap-before-footer .p-cite .text-cite {
    font-size: 18px;
    color: #FFFFFF;
    opacity: 0.8;
}
.custom_before-footer .wrap-before-footer .p-cite .close-cite {
    padding-left: 15px;
}
.custom_before-footer .wrap-before-footer .p-cite p.author-cite {
    font-weight: 300;
    font-size: 20px;
    color: #FFFFFF;
    opacity: 0.6;
}
.custom_footer {
    margin-top: 160px;
}
.custom_footer .wrap-footer {
    background-image: url(../images/bg-footer.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    padding: 120px 0 0;
    height: 695px;
}
.custom_footer .wrap-footer .content-footer {
    max-width: 1070px;
    margin: 0 auto;
}
.custom_footer .wrap-footer .content-footer .h1 {
    margin: 0 0 50px 0;
    color: #000;
}
.custom_footer .wrap-footer .content-footer .map {}
.custom_footer .wrap-footer .content-footer .map iframe {
    border-radius: 10px;
}
.custom_footer .wrap-footer .content-footer .footer-info {
    padding-top: 70px;
}
.custom_footer .wrap-footer .content-footer .footer-info ul {
    padding-left: 20px;
}
.custom_footer .wrap-footer .content-footer .footer-info ul li {
    display: block;
    color: #000;
    font-size: 18px;
}
.custom_footer .wrap-footer .content-footer .footer-info ul li a {
    text-decoration: underline;
}
.custom_footer .wrap-footer .content-footer .footer-info ul li a:hover,
.custom_footer .wrap-footer .content-footer .footer-info ul li a:focus {
    text-decoration: none;
}
.custom_footer .wrap-footer .content-footer .footer-info .address {}
.custom_footer .wrap-footer .content-footer .footer-info .address ul li a {
    color: #000;
}
.custom_footer .wrap-footer .content-footer .footer-info .links-footer {
    margin-top: 90px;
}
.custom_footer .wrap-footer .content-footer .footer-info .links-footer ul li a {
    color: #000;
    opacity: 0.7;
}

/************* Modals *************/
/*---------- modal form ------------*/
.modal {
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: rgb(255, 255, 255, 0.5);
}
#Apply,
#Admission,
#Format {
    background-image: url(../images/Fon-form.png);
}
.modal-dialog {
    margin-top: 12%;
}
.form-modal-dialog {
    width: 515px;
}
.form-modal-dialog .modal-content {
    box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.1);
    border-radius: 20px;
    border: none;
}
.modal-dialog .modal-header {
    border-bottom: none;
}
.modal-dialog .modal-header .close {
    background-color: #b4b4b4;
    border-radius: 100%;
    padding: 2px 8px;
    line-height: 28px;
}
.form-modal-dialog .modal-header .close {
    margin-top: -52px;
    margin-right: -45px;
}
.form-modal-dialog .modal-header .modal-title {
    float: left;
    font-weight: 500;
}
.form-modal-dialog .modal-header .logo-modal {
    float: right;
}
.form-modal-dialog .modal-body {}
.form-modal-dialog .modal-body .include-form {}
.form-modal-dialog .modal-body .include-form .convertforms {
    margin: 0 auto;
}
.form-modal-dialog .modal-body .include-form .convertforms input {
    width: 70%;
    border-top: none;
    border-left: none;
    border-right: none;
}
.form-modal-dialog .modal-body .include-form .convertforms textarea {
    border-radius: 20px !important;
    background-color: #F0F0F0 !important;
    resize: none;
}
.form-modal-dialog .modal-body .include-form .convertforms button.cf-btn {
    width: 40%;
}
/*--------------- modal learning -------------*/
.info-modal-dialog-1 {
    width: 640px;
}
.info-modal-dialog-2 {
    width: 770px;
}
.info-modal-dialog-3 {
    width: 850px;
    margin-top: 8%;
}
.info-modal-dialog-4 {
    width: 850px;
    margin-top: 8%;
}
.info-modal-dialog .modal-content {
    box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    border: none;
}
#Format .modal-header .modal-title {
    color: #8AFF61;
}
.info-modal-dialog .modal-header {
    padding: 35px 30px 30px;
}
.modal-header .close {
    margin-top: -74px;
    margin-right: -60px;
}
.info-modal-dialog .info-modal-dialog .modal-header .modal-title {
    font-weight: 600;
}
.info-modal-dialog .modal-body {
    padding: 0 30px 45px;
}
.info-modal-dialog .modal-body .learning-text {}
.info-modal-dialog .modal-body .learning-text p {
    opacity: 1;
    margin-bottom: 15px;
}
.info-modal-dialog .modal-body .learning-text ul.learning-ul {}
.info-modal-dialog .modal-body .learning-text ul.learning-ul li {
    opacity: 0.8;
    display: block;
    padding-left: 16px;
    margin-bottom: 15px;
}
.info-modal-dialog .modal-body .learning-text ul li:last-child {
    margin-bottom: 0;
}
.info-modal-dialog .modal-body .learning-text ul.learning-ul li.learning-li-1 {
    border-left: 2px solid #8AFF61;
}
.info-modal-dialog .modal-body .learning-text ul.learning-ul li.learning-li-2 {
    border-left: 2px solid #2D9CDB;
}
.info-modal-dialog .modal-body .learning-text ul.learning-ul li.learning-li-3 {
    border-left: 2px solid #A40263;
}
.info-modal-dialog .modal-body .learning-text ul.learning-ul li.learning-li-4 {
    border-left: 2px solid #FFBC10;
}
#Programm {
    background-image: url(../images/bg-learning-1.png);
}
#Programm .modal-header .modal-title {
    color: #2D9CDB;
}
#Schedule {
    background-image: url(../images/bg-learning-2.png);
}
#Schedule .modal-header .modal-title {
    color: #A40263;
}
.info-modal-dialog-3 .modal-body {
    overflow: hidden;
}
.info-modal-dialog-3 ul.schedule-ul {
    overflow: hidden;
    margin-bottom: 0;
}
.info-modal-dialog-3 ul.schedule-ul li {
    display: block;
    width: 100%;
    float: left;
    margin-bottom: 8px;
}
.info-modal-dialog-3 ul.schedule-ul li.block-schedule .time-schedule {
    float: left;
    border-radius: 10px;
    color: #000;
    opacity: 1;
    padding: 10px 23px;
    width: 18%;
    text-align: center;
}
.info-modal-dialog-3 ul.schedule-ul li.block-schedule .desc-schedule {
    float: left;
    padding-left: 25px;
    padding-top: 1.5%;
    width: 82%;
}
.info-modal-dialog-3 ul.schedule-ul li.block-schedule-1 {
    border-right: 2px solid #8AFF61;
}
.info-modal-dialog-3 ul.schedule-ul li.block-schedule-1 .time-schedule {
    background-color: rgba(138, 255, 97, 0.4);
}
.info-modal-dialog-3 ul.schedule-ul li.block-schedule-1 .desc-schedule {
    padding-top: 2.5%;
}
.info-modal-dialog-3 ul.schedule-ul li.block-schedule-2 {
    border-right: 2px solid #2D9CDB;
}
.info-modal-dialog-3 ul.schedule-ul li.block-schedule-2 .time-schedule {
    background-color: rgba(45, 156, 219, 0.4);
}
.info-modal-dialog-3 ul.schedule-ul li.block-schedule-3 {
    border-right: 2px solid #A40263;
}
.info-modal-dialog-3 ul.schedule-ul li.block-schedule-3 .time-schedule {
    background-color: rgba(164, 2, 99, 0.4);
}
.info-modal-dialog-3 ul.schedule-ul li.block-schedule-4 {
    border-right: 2px solid #FFBC10;
}
.info-modal-dialog-3 ul.schedule-ul li.block-schedule-4 .time-schedule {
    background-color: rgba(255, 188, 16, 0.4);
}
.info-modal-dialog-3 ul.schedule-ul li.block-schedule-5 {
    border-right: 2px solid #8AFF61;
}
.info-modal-dialog-3 ul.schedule-ul li.block-schedule-5 .time-schedule {
    background-color: rgba(138, 255, 97, 0.4);
}
.info-modal-dialog-3 ul.schedule-ul li.block-schedule-6 {
    border-right: 2px solid #2D9CDB;
}
.info-modal-dialog-3 ul.schedule-ul li.block-schedule-6 .time-schedule {
    background-color: rgba(45, 156, 219, 0.4);
}
.info-modal-dialog-3 ul.schedule-ul li.block-schedule-7 {
    border-right: 2px solid #A40263;
}
.info-modal-dialog-3 ul.schedule-ul li.block-schedule-7 .time-schedule {
    background-color: rgba(164, 2, 99, 0.4);
}
.info-modal-dialog-3 ul.schedule-ul li.block-schedule-8 {
    border-right: 2px solid #FFBC10;
}
.info-modal-dialog-3 ul.schedule-ul li.block-schedule-8 .time-schedule {
    background-color: rgba(255, 188, 16, 0.4);
}
.info-modal-dialog-3 ul.schedule-ul li.block-schedule-9 {
    border-right: 2px solid #8AFF61;
}
.info-modal-dialog-3 ul.schedule-ul li.block-schedule-9 .time-schedule {
    background-color: rgba(138, 255, 97, 0.4);
}
.info-modal-dialog-3 ul.schedule-ul li.block-schedule-9 .desc-schedule {
    padding-top: 0;
}
#Cost {
    background-image: url(../images/bg-learning-3.png);
}
#Cost .modal-header .modal-title {
    color: #FFBC10;
}
.info-modal-dialog-4 .head-cost {
    margin: 0 0 40px;
    text-align: center;
}
.info-modal-dialog-4 .color-divs {}
.info-modal-dialog-4 .color-divs .wrap-color-div {
    border-radius: 10px;
    padding: 8px 12px 10px;
    margin-bottom: 8px;
    line-height: 1.3
}
.info-modal-dialog-4 .color-divs .wrap-color-div strong {
    display: block;
}
.info-modal-dialog-4 .color-divs .wrap-color-div-1 {
    background-color: rgba(138, 255, 97, 0.4);
}
.info-modal-dialog-4 .color-divs .wrap-color-div-2 {
    background-color: rgba(45, 156, 219, 0.4);
}
.info-modal-dialog-4 .color-divs .wrap-color-div-3 {
    background-color: rgba(164, 2, 99, 0.4);
}
.info-modal-dialog-4 .color-divs .wrap-color-div-4 {
    background-color: rgba(255, 188, 16, 0.4);
}
.info-modal-dialog-4 .color-divs p {
    text-align: center;
}
.info-modal-dialog-4 .desc-cost {}
.info-modal-dialog-4 .desc-cost .wrap-desc-cost {
    box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    background-color: #ffffff;
    padding: 15px;
}
.info-modal-dialog-4 .desc-cost .h6 {
    margin: 0 0 20px;
}
.info-modal-dialog-4 .desc-cost ul {}
.info-modal-dialog-4 .desc-cost ul.color-ul-1 {
    margin-bottom: 30px;
}
.info-modal-dialog-4 .desc-cost ul li {
    background-image: none;
    padding-left: 0;
    display: list-item;
    list-style-type: none;
}
.info-modal-dialog-4 .desc-cost ul li.color-li-1::before {
    color: #8AFF61;
    content: "\2022 ";
    padding-right: 10px;
    font-size: 20px;
    line-height: 0;
    vertical-align: baseline;
}
.info-modal-dialog-4 .desc-cost ul li.color-li-2::before {
    color: #2D9CDB;
    content: "\2022 ";
    padding-right: 10px;
    font-size: 20px;
    line-height: 0;
    vertical-align: baseline;
    height: 40px;
    display: block;
    float: left;
    padding-top: 10px;
}
.info-modal-dialog-4 .desc-cost ul li.color-li-3::before {
    color: #A40263;
    content: "\2022 ";
    padding-right: 10px;
    font-size: 20px;
    line-height: 0;
    vertical-align: baseline;
    height: 40px;
    display: block;
    float: left;
    padding-top: 10px;
}
.info-modal-dialog-4 .desc-cost ul li.color-li-4::before {
    color: #FFBC10;
    content: "\2022 ";
    padding-right: 10px;
    font-size: 20px;
    line-height: 0;
    vertical-align: baseline;
}
/*---------- modal lessons ------------*/
#IT {
    background-image: url(../images/bg-learning-3.png);
}
.lesson-modal-dialog {}
.lesson-modal-dialog .modal-content {
    box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    border: none;
}
.lesson-modal-dialog-1 {
    width: 1100px;
    margin-top: 5%;
}
.lesson-modal-dialog-1 .modal-header .close {
    margin-top: -52px;
    margin-right: -34px;
}
.lesson-modal-dialog .block-img {
    text-align: center;
}
.lesson-modal-dialog .block-img img {
    border-radius: 10px;
}
.lesson-modal-dialog-1 .block-img {
    text-align: center;
}
.lesson-modal-dialog .block-text {}
.lesson-modal-dialog .block-text .head-block-text {
    margin-bottom: 15px;
    float: left;
    width: 100%;
}
.lesson-modal-dialog .block-text .head-block-text .modal-title {
    float: left;
    margin: 0;
    line-height: 1;
}
.lesson-modal-dialog .block-text .head-block-text .link-form {
    float: left;
    margin-left: 30px;
}
.lesson-modal-dialog .block-text .head-block-text .link-form a {
    background-color: #FBEF88;
    border-radius: 30px;
    padding: 5px 28px;
    color: #000;
    font-weight: normal;
    font-size: 14px;
}
.lesson-modal-dialog .block-text .head-block-text .link-form a:hover {
    background-color: #f0de43;
    text-decoration: none;
}
.lesson-modal-dialog .block-text .title-block-lesson {
    float: left;
    width: 100%;
}
.lesson-modal-dialog .block-text ul.color-lesson-ul {
    width: 100%;
    float: left;
}
.lesson-modal-dialog .block-text ul.color-lesson-ul-1 {
    margin-bottom: 12px;
}
.lesson-modal-dialog .block-text ul.color-lesson-ul-1 li {
    display: block;
    padding-left: 10px;
    line-height: 1.2;
    font-size: 13px;
}
.lesson-modal-dialog-1 .block-text ul.color-lesson-ul-1 li {
    margin-bottom: 10px;
}
.lesson-modal-dialog .block-text ul.color-lesson-ul-1 li.lesson-li-1 {
    border-left: 2px solid #8AFF61;
}
.lesson-modal-dialog .block-text ul.color-lesson-ul-1 li.lesson-li-2 {
    border-left: 2px solid #2D9CDB;
}
.lesson-modal-dialog .block-text ul.color-lesson-ul-1 li.lesson-li-3 {
    border-left: 2px solid #A40263;
}
.lesson-modal-dialog .block-text ul.color-lesson-ul-1 li.lesson-li-4 {
    border-left: 2px solid #FFBC10;
}
.lesson-modal-dialog .block-text ul.color-lesson-ul-1 li.lesson-li-5 {
    border-left: 2px solid #8AFF61;
}
.lesson-modal-dialog ul.color-lesson-ul-2 {}
.lesson-modal-dialog ul.color-lesson-ul-2 li {
    background-image: none;
    padding-left: 0;
    display: list-item;
    list-style-type: none;
    font-size: 14px;
    margin-bottom: 3px;
}
.lesson-modal-dialog-1 ul.color-lesson-ul-2 {}
.lesson-modal-dialog-1 ul.color-lesson-ul-2 .short-column {
    width: 35%;
    float: left;
}
.lesson-modal-dialog-1 ul.color-lesson-ul-2 .long-column {
    width: 65%;
    float: left;
}
.lesson-modal-dialog-1 ul.color-lesson-ul-2 li.color-lesson-li-1::before {
    color: #8AFF61;
    content: "\2022 ";
    padding-right: 10px;
    font-size: 20px;
    line-height: 0;
    vertical-align: baseline;
}
.lesson-modal-dialog-1 ul.color-lesson-ul-2 li.color-lesson-li-2::before {
    color: #2D9CDB;
    content: "\2022 ";
    padding-right: 10px;
    font-size: 20px;
    line-height: 0;
    vertical-align: baseline;
}
.lesson-modal-dialog-1 ul.color-lesson-ul-2 li.color-lesson-li-3::before {
    color: #A40263;
    content: "\2022 ";
    padding-right: 10px;
    font-size: 20px;
    line-height: 0;
    vertical-align: baseline;
    display: block;
    float: left;
    padding-top: 10px;
}
.lesson-modal-dialog-1 ul.color-lesson-ul-2 li.color-lesson-li-4::before {
    color: #FFBC10;
    content: "\2022 ";
    padding-right: 10px;
    font-size: 20px;
    line-height: 0;
    vertical-align: baseline;
    height: 40px;
    display: block;
    float: left;
    padding-top: 10px;
}
.lesson-modal-dialog-1 .row-lesson-2 {
    margin-top: 10px;
}
.lesson-modal-dialog-1 .color-blocks {}
.lesson-modal-dialog-1 .wrap-color-block {
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 10px;
}
.lesson-modal-dialog-1 .wrap-color-block .h6 {
    margin-top: 0;
}
.lesson-modal-dialog-1 .wrap-color-block p {
    line-height: 1.3;
    font-size: 14px;
    margin-bottom: 0;
}
.lesson-modal-dialog-1 .wrap-color-block-1 {
    background-color: rgba(138, 255, 97, 0.4);
}
.lesson-modal-dialog-1 .wrap-color-block-2 {
    background-color: rgba(45, 156, 219, 0.4);
}
.lesson-modal-dialog-1 .wrap-color-block-3 {
    background-color: rgba(164, 2, 99, 0.4);
}
.lesson-modal-dialog-1 .wrap-color-block-4 {
    background-color: rgba(255, 188, 16, 0.4);
}
#Media {
    background-image: url(../images/bg-learning-4.png);
}
.lesson-modal-dialog-2 {
    width: 1100px;
    margin-top: 8%;
}
.lesson-modal-dialog-2 .modal-header .close {
    margin-top: -52px;
    margin-right: -34px;
}
.lesson-modal-dialog-2 .block-img img:first-child {
    margin-bottom: 20px;
}
.lesson-modal-dialog-2 .block-text .color-blocks {
    width: 100%;
    float: left;
}
.lesson-modal-dialog-2 .block-text .color-blocks .wrap-color-block {
    border-radius: 10px;
    padding: 10px 15px;
    margin-bottom: 10px;
}
.lesson-modal-dialog-2 .block-text .color-blocks .wrap-color-block p {
    line-height: 1.3;
    margin-bottom: 0;
    font-size: 14px;
}
.lesson-modal-dialog-2 .block-text .color-blocks .wrap-color-block-1 {
    background-color: rgba(138, 255, 97, 0.4);
}
.lesson-modal-dialog-2 .block-text .color-blocks .wrap-color-block-2 {
    background-color: rgba(45, 156, 219, 0.4);
}
.lesson-modal-dialog-2 .block-text .color-blocks .wrap-color-block-3 {
    background-color: rgba(164, 2, 99, 0.4);
}
.lesson-modal-dialog-2 .block-text .color-blocks .wrap-color-block-4 {
    background-color: rgba(255, 188, 16, 0.4);
}
.lesson-modal-dialog-2 .block-text .wrap-column {
    width: 100%;
    float: left;
    box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 15px;
}
.lesson-modal-dialog-2 .block-text .wrap-column .h6 {
    margin-top: 0;
}
.lesson-modal-dialog-2 .block-text .wrap-column ul.color-lesson-ul-2 {}
.lesson-modal-dialog-2 .block-text .wrap-column ul.color-lesson-ul-2 .color-lesson-li-1::before {
    color: #8AFF61;
    content: "\2022 ";
    padding-right: 10px;
    font-size: 20px;
    line-height: 0;
    vertical-align: baseline;
}
.lesson-modal-dialog-2 .block-text .wrap-column ul.color-lesson-ul-2 .color-lesson-li-2::before {
    color: #2D9CDB;
    content: "\2022 ";
    padding-right: 10px;
    font-size: 20px;
    line-height: 0;
    vertical-align: baseline;
}
.lesson-modal-dialog-2 .block-text .wrap-column ul.color-lesson-ul-2 .color-lesson-li-3::before {
    color: #A40263;
    content: "\2022 ";
    padding-right: 10px;
    font-size: 20px;
    line-height: 0;
    vertical-align: baseline;
    /*height: 40px;
    display: block;
    float: left;
    padding-top: 10px;*/
}
.lesson-modal-dialog-2 .block-text .wrap-column ul.color-lesson-ul-2 .color-lesson-li-4::before {
    color: #FFBC10;
    content: "\2022 ";
    padding-right: 10px;
    font-size: 20px;
    line-height: 0;
    vertical-align: baseline;
}
#Langs {
    background-image: url(../images/bg-learning-5.png);
}
.lesson-modal-dialog-2 p.note {
    width: 100%;
    float: left;
    margin: 10px 0 0;
    text-align: right;
    font-size: 12px;
}
#Repeat {
    background-image: url(../images/bg-learning-6.png);
}
.lesson-modal-dialog-4 {
    width: 1100px;
    margin-top: 8%;
}
.lesson-modal-dialog-4 .modal-header .close {
    margin-top: -52px;
    margin-right: -34px;
}
.lesson-modal-dialog-4 .block-img .h6 {
    margin: 20px 0 12px;
    text-align: left;
    padding-left: 10px;
}
.lesson-modal-dialog-4 .color-blocks {
    text-align: left;
}
.lesson-modal-dialog-4 .color-blocks .wrap-color-block {
    border-radius: 10px;
    padding: 10px 15px;
    margin-bottom: 6px;
}
.lesson-modal-dialog-4 .color-blocks .wrap-color-block p {
    line-height: 1.3;
    margin-bottom: 0;
    font-size: 14px;
}
.lesson-modal-dialog-4 .color-blocks .wrap-color-block-1 {
    background-color: rgba(138, 255, 97, 0.4);
}
.lesson-modal-dialog-4 .color-blocks .wrap-color-block-2 {
    background-color: rgba(45, 156, 219, 0.4);
}
.lesson-modal-dialog-4 .color-blocks .wrap-color-block-3 {
    background-color: rgba(164, 2, 99, 0.4);
}
.lesson-modal-dialog-4 .color-blocks .wrap-color-block-4 {
    background-color: rgba(255, 188, 16, 0.4);
}
.lesson-modal-dialog-4 .block-text ul.color-lesson-ul-2 {
    margin-top: 20px;
}
.lesson-modal-dialog-4 .block-text ul.color-lesson-ul-2 .color-lesson-li {
    margin-bottom: 10px;
}
.lesson-modal-dialog-4 .block-text ul.color-lesson-ul-2 .color-lesson-li:last-child {
    margin-bottom: 0;
}
.lesson-modal-dialog-4 .block-text ul.color-lesson-ul-2 .color-lesson-li-1::before {
    color: #8AFF61;
    content: "\2022 ";
    padding-right: 10px;
    font-size: 20px;
    line-height: 0;
    vertical-align: baseline;
}
.lesson-modal-dialog-4 .block-text ul.color-lesson-ul-2 .color-lesson-li-2::before {
    color: #2D9CDB;
    content: "\2022 ";
    padding-right: 10px;
    font-size: 20px;
    line-height: 0;
    vertical-align: baseline;
    /*height: 60px;
    display: block;
    float: left;
    padding-top: 10px;*/
}
.lesson-modal-dialog-4 .block-text ul.color-lesson-ul-2 .color-lesson-li-3::before {
    color: #A40263;
    content: "\2022 ";
    padding-right: 10px;
    font-size: 20px;
    line-height: 0;
    vertical-align: baseline;
}
.lesson-modal-dialog-4 .block-text ul.color-lesson-ul-2 .color-lesson-li-4::before {
    color: #FFBC10;
    content: "\2022 ";
    padding-right: 10px;
    font-size: 20px;
    line-height: 0;
    vertical-align: baseline;
}
.lesson-modal-dialog-4 .block-text .color-blocks-2 {
    width: 100%;
    float: left;
    margin-top: 35px;
}
.lesson-modal-dialog-4 .block-text .color-blocks-2 .h6 {
    margin: 0 0 10px;
    padding-left: 0;
}
#Painting {
    background-image: url(../images/bg-learning-3.png);
}
.lesson-modal-dialog-5 {
    width: 1100px;
    margin-top: 5%;
}
.lesson-modal-dialog-5 .block-img {
    padding-top: 50px;
}
.lesson-modal-dialog-5 .wrap-block-note {
    width: 100%;
    float: left;
    margin: 20px -15px;
}
.lesson-modal-dialog-5 .wrap-block-note .block-note {}
.lesson-modal-dialog-5 .wrap-block-note .block-note p {
    font-size: 12px;
    line-height: 1.2;
    margin-bottom: 0;
}
#Music {
    background-image: url(../images/bg-learning-4.png);
}
.lesson-modal-dialog-6 {}
#Choreography {
    background-image: url(../images/bg-learning-5.png);
}
.lesson-modal-dialog-7 {}
.lesson-modal-dialog-7 .block-img {
    padding-top: 0;
}
#Chess {
    background-image: url(../images/bg-learning-1.png);
}
.lesson-modal-dialog-8 {}
.lesson-modal-dialog-8 .block-img img:first-child {
    margin-bottom: 15px;
}
.lesson-modal-dialog-8 .block-text span {
    line-height: 1.3;
    font-size: 14px;
}
.lesson-modal-dialog-8 .row-lesson-2 {

}

/******** Thank Page ******/
#ThankPage {
    padding-top: 25vh!important;
    height: 100vh;
}
#ThankPage p {
    color: #3a424c;
    font-size: 200%;
    font-weight: 700;
}
#ThankPage p a {
    color: #da251c;
}
#ThankPage p a:hover {
    text-decoration: none;
    color: #b91109;
}

/********* other *********/
.su-counter-wrapper {
    padding: 0;
}
.su-counter-number {
    line-height: 1;
}
.convertforms .cf-form-wrap {
    padding: 0;
}
.convertforms textarea {
    resize: none;
}
.convertforms .cf-control-input .cf-text-left {}
.convertforms button.cf-btn {
    /*box-shadow: 0px 15px 15px rgba(104, 191, 27, 0.31);*/
}

/******** 404 ***********/
.error-page-inner {
    padding-top: 20px;
    padding-bottom: 80px;
}
.error-page-inner .img-error {
    text-align: center;
    margin-bottom: 30px;
}
.error-page-inner .img-error img {
    max-width: 25%;
}
.error-page-inner p {
    font-size: 18px;
    font-weight: 600;
}
.error-page-inner ul li {
    font-size: 16px;
}
.error-page-inner .right-error-page-inner ul li {
    list-style: none;
}
.error-page-inner a {
    color: red;
}

/******** modal ******/
.my-modal-dialog {
    width: 430px;
    margin-left: auto;
    margin-right: auto;
}
.my-modal-dialog .modal-header {
    border-bottom: none;
}
.my-modal-dialog .modal-header h4 {
    text-align: center;
}
.my-modal-dialog .modal-body {
    padding-top: 0;
}
.my-modal-dialog .modal-body p.confid {
    text-align: center;
    font-size: 14px;
}
.my-modal-confid {
    width: 1000px;
}
.my-modal-confid .modal-header {
    text-align: center;
}
.fox-container input {
    border-radius: 4px !important;
    height: 34px !important;
    border: 1px solid #E1E1E1;
    background-color: #F9F9F9 !important;
    font-size: 14px !important;
    padding-left: 14px !important;
}
.fox-container textarea {
  	border-radius: 0px !important;
  	border: 1px solid #E1E1E1;
    background-color: #F9F9F9 !important;
    font-size: 14px !important;
    padding-left: 14px !important;
}
.fox-container .chzn-container-single .chzn-single {
  	border-radius: 0px !important;
    height: 34px !important;
    border: 1px solid #E1E1E1;
    background-color: #F9F9F9 !important;
    font-size: 14px !important;
    padding-left: 14px !important;
  	box-shadow: none !important;
  	color: #999 !important;
  	line-height: 30px !important;
  	background-image: none !important;
}
.fox-container .fox-item-dropdown .controls select {
  	border-radius: 0px !important;
    height: 34px !important;
    border: 1px solid #E1E1E1;
    background-color: #F9F9F9 !important;
    font-size: 14px !important;
    padding-left: 14px !important;
  	box-shadow: none !important;
  	color: #999 !important;
  	line-height: 30px !important;
  	background-image: none !important;
}
.fox-container .fox-item-checkbox .checkbox {
  	font-size: 14px !important;
  	font-weight: normal !important;
}
.fox-container .fox-item-checkbox .checkbox input {
  	height: auto !important;
}
.fox-container button.btn {
    background-color: #448CCB !important;
    background-image: none !important;
    border: medium none !important;
    border-radius: 4px !important;
    font-size: 130%;
    font-weight: 700;
    height: 38px !important;
    margin: 0 !important;
    text-shadow: none !important;
    width: 100%;
}
.fox-container button.btn:hover,
.fox-container button.btn:focus {
    background-color: #2971b0 !important;
}
.fox-container button.btn span {
    color: white !important;
    text-transform: uppercase;
    font-weight: 700;
}
.fox-container textarea:focus,
.fox-container input[type="text"]:focus,
.fox-container input[type="email"]:focus {
    border-color: rgba(234, 177, 48, 0.8) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(234, 177, 48, 0.6) !important;
}