/* хром, сафари */
.element::-webkit-scrollbar { width: 0; }

/* ie 10+ */
.element { -ms-overflow-style: none; }

/* фф (свойство больше не работает, других способов тоже нет)*/
.element { overflow: -moz-scrollbars-none; }
body {
    font-family: 'robotoregular';
    color: #fff;
}
.disabled-text {
    display: none;
}

/* backgrounds */

/*body.page-index {*/
    /*background-image: url(../images/m1.jpg);*/
    /*background-color: #333;*/
    /*background-size: cover;*/
    /*background-repeat: no-repeat;*/
    /*background-attachment: fixed;*/
/*}*/

/*body.page-features {*/
    /*background-image: url(../images/m2.jpg);*/
    /*background-color: #333;*/
    /*background-size: cover;*/
    /*background-repeat: no-repeat;*/
    /*background-attachment: fixed;*/
/*}*/

/*body.page-intellect {*/
    /*background-image: url(../images/m3.jpg);*/
    /*background-color: #333;*/
    /*background-size: cover;*/
    /*background-repeat: no-repeat;*/
    /*background-attachment: fixed;*/
/*}*/

/*body.page-advantages {*/
    /*background-image: url(../images/m4.jpg);*/
    /*background-color: #333;*/
    /*background-size: cover;*/
    /*background-repeat: no-repeat;*/
    /*background-attachment: fixed;*/
/*}*/

/*body.page-philosopiya {*/
    /*background-image: url(../images/m5.jpg);*/
    /*background-color: #333;*/
    /*background-size: cover;*/
    /*background-repeat: no-repeat;*/
    /*background-attachment: fixed;*/
/*}*/

/*body.page-otzivy {*/
    /*background-image: url(../images/m6.jpg);*/
    /*background-color: #333;*/
    /*background-size: cover;*/
    /*background-repeat: no-repeat;*/
    /*background-attachment: fixed;*/
/*}*/

/*body.page-ekskursiya {*/
    /*background-image: url(../images/m7.jpg);*/
    /*background-color: #333;*/
    /*background-size: cover;*/
    /*background-repeat: no-repeat;*/
    /*background-attachment: fixed;*/
/*}*/

/*body.page-programs {*/
    /*background-image: url(../images/m8.jpg);*/
    /*background-color: #333;*/
    /*background-size: cover;*/
    /*background-repeat: no-repeat;*/
    /*background-attachment: fixed;*/
/*}*/


/* header */

div[data-role="header"] {
    overflow: auto;
    position: fixed;
    z-index: 1010;
    width: 100%;
    background: rgba(8, 8, 8, 0.6);

}
a.logo {
    background: url('../images/logo.png') center no-repeat;
    width: 110px;
    height: 80px;
    display: block;
    float: left;
    margin-left: 20px;
}

a.menu-icon {
    float: right;
    margin-right: 20px;
    margin-top: 30px;
    background: url("../images/sprite.png") -9px -9px no-repeat;
    width: 35px;
    height: 26px;
    font-size: 0;
}

.city.choose-city {
    float: right;
    margin-top: 25px;
    border: 1px solid #f3f1f0;
    border-radius: 20px;
    padding: 6px 25px;
    color: #fff;
    margin-right: 15px;
    font-family: 'robotolight';
    text-decoration: none;
    width: 70px;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* page */

.ui-page {
    margin-top: 0;
    min-height: 500px;
}


/* dialog */

#choose-city .ui-dialog-contain {
    background: rgba(255, 255, 255, 0.95);
    width: 100%;
    top: 0;
    left: 0;
    /*height: 100%;*/
    margin: 0;
    max-width: 100%;
    border-radius: 0;
}
#choose-city .ui-listview {
    margin-top: 40px !important;
}
#choose-city {
    margin: 0;
    height: 100%;
    z-index: 1020;
}

#choose-city .ui-icon-delete {
    left: auto;
    right: 10px;
}

#choose-city .ui-listview a {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    background: transparent;
    background-image: none;
}

#choose-city .ui-listview a:hover,
#choose-city .ui-listview a:focus {
    color: #ea6c36;
}

#choose-city .ui-listview a:after {
    display: none;
}

#video .ui-dialog-contain {
    background: rgba(255, 255, 255, 0.95);
    width: 100%;
    top: 0;
    left: 0;
    margin: 0;
    max-width: 100%;
    border-radius: 0;
    margin-top: 50%;
}

#video {
    margin: 0;
    height: 100%;
    z-index: 1020;
}

#video .ui-icon-delete {
    left: auto;
    right: 10px;
    z-index: 1000;
}
#citySender-dialog {
    z-index: 1050;
}
#video .ui-content {
    padding: 1px;
}

#video video {
    width: 100%;
}

#show-map .ui-dialog-contain {
    background: rgba(255, 255, 255, 0.95);
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    margin: 0;
    max-width: 100%;
    border-radius: 0;
}

#show-map {
    margin: 0;
    height: 100%;
    z-index: 1060;
}

#show-map .ui-icon-delete {
    left: auto;
    right: 10px;
    z-index: 1061;
}

#show-map .ui-content,
#show-map #map-container {
    height: 100%;
    padding: 0;
}


/* menu panel */

#menu {
    background-color: rgba(255, 255, 255, 0.95);
    height: 100%;
    min-height: 459px;
    z-index: 1040;
    position: fixed !important;
}

#menu a.ui-icon-delete {
    float: right;
    width: 29px;
    height: 31px;
    padding: 0;
    border: 0;
    box-shadow: 0px 0px 0px 0px;
    border-radius: 0;
    background: url("../images/sprite.png") -3px -200px no-repeat;
    margin-right: 40px;
    margin-top: 40px;
}

#menu a.ui-icon-delete:after {
    display: none;
}

#menu a.logo {
    background: url("../images/sprite.png") -1px -266px no-repeat;
    margin-top: 17px;
}

#menu .menu-links {
    float: left;
    width: 100%;
}

#menu .menu-links a {
    float: left;
    width: 100%;
    border-bottom: 1px solid #ccc;
    color: #777777;
    padding: 6px 17px;
    box-sizing: border-box;
    text-decoration: none;
    font-size: 14px;
}

#menu .menu-links a:hover,
#menu .menu-links a:focus {
    color: #fff;
    background: #ea6c36;
}

#menu .ui-panel-inner {
    padding: 0;
}

#menu .menu-footer {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

#menu .phone {
    color: #777;
    font-size: 15px;
    padding: 2px 17px;
}

#menu .menu-footer .menu-footer-cont>a {
    color: #777;
    font-size: 15px;
    padding: 2px 17px;
    text-decoration: none;
    display: block;
}

#menu .menu-footer .social-icons {
    float: left;
    width: 100%;
    border-top: 1px solid #ccc;
    height: 50px;
}

#menu .menu-footer .social-icons .social-icon a {
    float: left;
    width: 33.3%;
    border-right: 1px solid #ccc;
    box-sizing: border-box;
    height: 30px;
    background: url("../images/soc-icons.png") 0px 0px no-repeat;
    background-size: 45% auto;
}

#menu .menu-footer .social-icons .social-icon.icon1 a {
    background-position: center 0px;
}

#menu .menu-footer .social-icons .social-icon.icon2 a {
    background-position: 25px -52px;
}

#menu .menu-footer .social-icons .social-icon.icon3 a {
    background-position: 22px -106px;
    border-right: 0;
}

.ui-panel-dismiss-open.ui-panel-dismiss-position-left {
    background: rgba("0, 0, 0, 0.6");
}


/* down-button */

.ui-footer {
    border: none;
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    z-index: 10;
}

.ui-footer a {
    width: 35px;
    height: 35px;
    background: url("../images/sprite.png") 5px -59px no-repeat;
    background-size: 555% auto;
    outline: none;
    border: none;
    box-shadow: 0px 0px 0px 0px;
}


/*  */


/* screen 1 */
#index {
    background-image: url(../images/m1.jpg);
    background-color: #333;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    width: 100vw;
    height: 100vh;
}
#index .wrapper {
    height: 100vh;
}
#index .innovation {
    text-align: center;
    /*    position: absolute;*/
    width: 100%;
    padding: 0 40px;
    color: #fff;
    font: 41px / 49px 'iskraBold';
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
    margin: 0 auto 28px auto;
    box-sizing: border-box;
}

#index .eco {
    width: 100%;
    text-align: center;
    color: #fff;
    font: 24px / 24px 'robotolight';
    margin-bottom: 32px;
}

#index .ui-link[href="#ekskursiya"] {
    width: 250px;
    height: 45px;
    background: #ea6c36;
    bottom: 0;
    position: relative;
    margin: 0 auto;
    border-radius: 45px;
    text-align: center;
    color: #fff;
    font: 16px / 43px 'robotoregular';
    -webkit-transition: all linear .2s;
    transition: all linear .2s;
    display: block;
    text-decoration: none;
}

#index .ui-link[href="#ekskursiya"]:before {
    width: 100%;
    height: 100%;
    display: block;
    content: '';
    position: absolute;
    border-radius: 45px;
    border: 4px solid rgba(255, 255, 255, .6);
    top: -4px;
    left: -4px;
    -webkit-transition: all linear .2s;
    transition: all linear .2s;
}

#index .ui-link[href="#ekskursiya"]:hover {
    cursor: pointer;
    background: rgba(234, 108, 54, .0);
    /*    background: rgba(234, 108, 54, .325);*/
}

#index .ui-link[href="#ekskursiya"]:hover:before {
    /*    border: 3px solid #ea6c36;*/
    border: 4px solid #fff;
}

.wrapper {
    width: 100%;
    /*height: 100vh;*/
    /*min-height: 560px;*/
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
}




/*  */


/* screen 2 */
#features {
    background-image: url(../images/m2.jpg);
    background-color: #333;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    width: 100%;
    height: 100vh;
    color: #fff;
    text-shadow:none
}
#features .wrapper {
    height: 100vh;
}
#features .ecoDev {
    text-align: center;
    font: 40px / 55px 'iskraBold';
    color: #fff
}

#features .ecoDev span {
    font: 24px / 30px 'robotolight';
}

#features .natural {
    /*height: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;*/
    width: 330px;
    display: block;
    margin: 0 auto;
}

#features .col1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    width: 330px;
    -webkit-transition: all linear .25s;
    transition: all linear .25s;
}

#features .col2 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    width: 330px;
    -webkit-transition: all linear .25s;
    transition: all linear .25s;
}

#features .col3 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
    width: 330px;
    left: 50%!important;
    margin-left: -165px;
    -webkit-transition: all linear .25s;
    transition: all linear .25s;
}

#features .col4 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    width: 69px;
}

#features .col5 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
    width: 35px;
}

#features .col .img {
    background: url("../images/sprite.png") 0px 0px no-repeat;
}

#features .col1 .img {
    width: 106px;
    height: 89px;
    background-position: -142px 0px;
    margin: 35px auto 35px auto;
}

#features .col2 .img {
    width: 90px;
    height: 106px;
    background-position: -159px -148px;
    margin: 35px auto 35px auto;
}

#features .col3 .img {
    width: 92px;
    height: 89px;
    background-position: -164px -308px;
    margin: 35px auto 35px auto;
}

#features .bold {
    font: 24px / 30px 'iskraBold';
    text-align: center;
    color: #fff;
}

#features .bold span {
    color: #ff9164;
}

#features .light {
    text-align: center;
    font: 24px / 30px 'robotolight';
    margin-top: 25px;
    color: #fff;
}

.cycle-pager-features {
    text-align: center;
    padding: 15px 0;
    margin-top: 50px;
}

.cycle-pager-features span {
    color: rgba(255, 255, 255, 0.2);
    font-size: 30px;
    vertical-align: middle;
}

.cycle-pager-features .cycle-pager-active,
.cycle-pager-features span:hover {
    color: #fff;
    font-size: 40px;
    cursor: pointer;
}




/*  */


/* screen 3 */

#intellect {
    position: relative;
    background-image: url(../images/m3.jpg);
    background-color: #333;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    width: 100%;
    height: 100vh;
    color: #fff;
    text-shadow:none
}

#intellect .wrapper {
    position: relative;
    display: block;
    overflow: hidden;
    height: 100vh;
    padding-bottom: 0px;
}

#intellect .whatMake {
    text-align: center;
    font: 30px / 30px 'iskraBold';
    width: 70vw;
    margin: 30vh auto 40px auto;
    color: #fff;
}

#intellect .whatMake span {
    color: #ff9164;
}

#intellect .sST {
    width: 936px;
    margin: 0 auto;
    height: 290px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

#intellect .sST .sliderOfTypes {
    width: 420px;
    height: 100%;
    position: relative;
}

#intellect .changeType {
    width: 12px;
    height: 21px;
    position: absolute;
    cursor: pointer;
    top: 40px;
    z-index: 3;
}

#intellect .definitions {
    font: 20px / 30px 'robotoLight';
    width: 70vw;
    margin: 0 auto;
}

#intellect .definitions span {
    font-weight: bold;
    font-family: 'robotoBold';
}

#intellect .def1 {
    padding-bottom: 10px;
}

#intellect .def3 {
    margin: 20px auto;
    font: 16px / 23px 'robotoLight';
}

#intellect .def3 .face {
    width: 72px;
    height: 72px;
    margin: 9px 23px 4px 4px;
    background: url('../images/sprite.png') 0px -271px no-repeat;
    float: left;
    background-size: 400%;
}
#intellect-slider .wrapper {
    height: 100vh;
}
#intellect-slider .slideHolder {
    position: relative;
    width: 100%;
    opacity: 1;
    display: block;
    z-index: 2;
    background: #fff;
    height: 100vh;
    box-sizing: border-box;
    margin-top: -10vh;
}
#intellect-slider .slideHolder .slides {
    position: absolute;
    width: 70vw;
    height: 100%;
    left: 15%!important;
    -webkit-transition: all linear .25s;
    transition: all linear .25s;
    opacity: 1;
    background: #fff;
}

#intellect-slider .slideHolder .slides.active {
    left: 0;
    opacity: 1;
    z-index: 10;
    -webkit-transition: all linear .25s .25s;
    transition: all linear .25s .25s;
}

#intellect-slider .slideHolder .slides.hide {
    opacity: 0;
    z-index: 9;
}

#intellect-slider .slideHolder .slides.leftHide {
    left: -8px;
    opacity: 0;
}

#intellect-slider .slideHolder .slides.rightHide {
    left: 8px;
    opacity: 0;
}

#intellect-slider .circleImg {
    width: 100px;
    height: 100px;
    margin: 10vh auto 0 auto;
    border-radius: 50%;
    background: url("../images/sprite.png");
}

#intellect-slider .slide1 .circleImg {
    background-position: -329px -582px;
}

#intellect-slider .slide2 .circleImg {
    background-position: -331px -441px;
}

#intellect-slider .slide3 .circleImg {
    background-position: -331px -714px;
}

#intellect-slider .slide4 .circleImg {
    background-position: -331px -1011px;
}

#intellect-slider .slide5 .circleImg {
    background-position: -331px -297px;
}

#intellect-slider .slide6 .circleImg {
    background-position: -327px -145px;
}

#intellect-slider .slide7 .circleImg {
    background-position: -327px 3px;
}

#intellect-slider .slide8 .circleImg {
    background-position: -333px -856px;
}

#intellect-slider .slides .boldColor {
    width: 100%;
    height: auto;
    font: 30px / 32px 'iskraBold';
    margin: 10vh auto 2vh auto;
    text-align: center;
}

#intellect-slider .slide1 .boldColor {
    color: #be90d4;
}

#intellect-slider .slide2 .boldColor {
    color: #ff557d;
}

#intellect-slider .slide3 .boldColor {
    color: #31a8e6;
}

#intellect-slider .slide4 .boldColor {
    color: #2ecc71;
}

#intellect-slider .slide5 .boldColor {
    color: #ffbf00;
}

#intellect-slider .slide6 .boldColor {
    color: #ff6d5e;
}

#intellect-slider .slide7 .boldColor {
    color: #9b73d2;
}

#intellect-slider .slide8 .boldColor {
    color: #fde3a7;
}

#intellect-slider .slides .slideDefinition {
    text-align: center;
    font: 24px / 34px 'robotoLight';
    color: #777;
}

#intellect-slider .cycle-pager-intellect {
    width: 480px;
    height: 70px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: -30vh auto 30px auto;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 1000;
}

#intellect-slider .cycle-pager-intellect .iconType {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-transition: all linear .25s;
    transition: all linear .25s;
    position: relative;
    width: 55px!important;
    display: inline-block;
    height: 50px!important;
}

#intellect-slider .cycle-pager-intellect .ic1 {
    width: 34px;
    height: 26px;
}

#intellect-slider .cycle-pager-intellect .ic2 {
    width: 33px;
    height: 26px;
}

#intellect-slider .cycle-pager-intellect .ic3 {
    width: 22px;
    height: 23px;
}

#intellect-slider .cycle-pager-intellect .ic4 {
    width: 32px;
    height: 33px;
}

#intellect-slider .cycle-pager-intellect .ic5 {
    width: 19px;
    height: 33px;
}

#intellect-slider .cycle-pager-intellect .ic6 {
    width: 31px;
    height: 30px;
}

#intellect-slider .cycle-pager-intellect .ic7 {
    width: 32px;
    height: 26px;
}

#intellect-slider .cycle-pager-intellect .ic8 {
    width: 29px;
    height: 32px;
}

#intellect-slider .cycle-pager-intellect .iconType:before,
#intellect-slider .cycle-pager-intellect .iconType:after {
    -webkit-transition: all linear .15s;
    transition: all linear .15s;
    position: absolute;
    display: block;
    content: '';
    background: url("../images/pager-icons.png") 0px 0px no-repeat;
    width: 50px;
    height: 50px;
}

#intellect-slider .cycle-pager-intellect .iconType:after {
    height: 70px;
    width: 70px;
}

#intellect-slider .cycle-pager-intellect .iconType:after {
    opacity: 0;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    left: 50%;
    top: 50%;
}

#intellect-slider .cycle-pager-intellect .iconType:hover {
    cursor: pointer;
    -webkit-transition: all linear .25s;
    transition: all linear .25s;
}

#intellect-slider .cycle-pager-intellect .iconType:hover:before,
#intellect-slider .cycle-pager-intellect .iconType.cycle-pager-active:before {
    opacity: 0;
    -webkit-transform: scale(.6);
    transform: scale(.6);
}

#intellect-slider .cycle-pager-intellect .iconType:hover:after,
#intellect-slider .cycle-pager-intellect .iconType.cycle-pager-active:after {
    opacity: .8;
    -webkit-transform: scale(.8);
    transform: scale(.8);
}

#intellect-slider .cycle-pager-intellect .ic1:before {
    background-position: -38px -12px;
}

#intellect-slider .cycle-pager-intellect .ic2:before {
    background-position: -108px -11px;
}

#intellect-slider .cycle-pager-intellect .ic3:before {
    background-position: -174px -12px;
}

#intellect-slider .cycle-pager-intellect .ic4:before {
    background-position: -243px -11px;
}

#intellect-slider .cycle-pager-intellect .ic5:before {
    background-position: -315px -11px;
}

#intellect-slider .cycle-pager-intellect .ic6:before {
    background-position: -382px -11px;
}

#intellect-slider .cycle-pager-intellect .ic7:before {
    background-position: -452px -11px;
}

#intellect-slider .cycle-pager-intellect .ic8:before {
    background-position: -521px -11px;
}

#intellect-slider .cycle-pager-intellect .ic1:after {
    margin: -31px 0 0 -34px;
    background-position: -32px -108px;
}

#intellect-slider .cycle-pager-intellect .ic2:after {
    margin: -31px 0 0 -32px;
    background-position: -101px -103px;
}

#intellect-slider .cycle-pager-intellect .ic3:after {
    margin: -32px 0 0 -36px;
    background-position: -166px -105px;
}

#intellect-slider .cycle-pager-intellect .ic4:after {
    margin: -35px 0 0 -36px;
    background-position: -232px -98px;
}

#intellect-slider .cycle-pager-intellect .ic5:after {
    margin: -33px 0 0 -32px;
    background-position: -312px -91px;
    width: 60px;
}

#intellect-slider .cycle-pager-intellect .ic6:after {
    margin: -31px 0 0 -34px;
    background-position: -376px -93px;
}

#intellect-slider .cycle-pager-intellect .ic7:after {
    margin: -30px 0 0 -35px;
    background-position: -445px -97px;
}

#intellect-slider .cycle-pager-intellect .ic8:after {
    margin: -32px 0 0 -36px;
    background-position: -514px -91px;
}

#intellect-slider .cycle-pager-intellect .iconType.active:before {
    opacity: 0;
    -webkit-transform: scale(.6);
    transform: scale(.6);
}

#intellect-slider .cycle-pager-intellect .iconType.active:after {
    opacity: .9;
    -webkit-transform: scale(1);
    transform: scale(1);
}

#intellect-slider .definitions {
    font: 20px / 30px 'robotoLight';
    width: 70vw;
    margin: 0 auto;
}

#intellect-slider .definitions span {
    font-weight: bold;
    font-family: 'robotoBold';
}

#intellect-slider .def1 {
    padding-bottom: 10px;
}

#intellect-slider .ui-footer {
    /*bottom:-25px;*/
    position: static;
    padding-bottom: 40px;
    background-color: #fff
}

#intellect-slider .ui-footer a {
    background: url("../images/sprite.png") -130px -329px no-repeat;
    background-size: 555% auto;
}


/*  screen 4 */
#advantages {
    background-image: url(../images/m4.jpg);
    background-color: #333;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    color: #fff;
    text-shadow:none
}
#advantages .wrapper {
    height: 100vh;
}
#advantages .weCare {
    font: 40px / 40px 'iskraBold';
    text-align: center;
    width: 80vw;
    margin: 0 auto;
}

#advantages .careHolder {
    display: block;
}

#advantages .col1 {
    width: 248px;
    height: auto;
}

#advantages .col2 {
    width: 250px;
    height: auto;
}

#advantages .col3 {
    width: 250px;
    height: auto;
}

#advantages .col4 {
    width: 250px;
    height: auto;
}
#advantages .column {
    width: 100vw;

}
#advantages .column .img {
    background: url("../images/sprite.png") 0px 0px no-repeat;
}

#advantages .col1 .img {
    width: 89px;
    height: 89px;
    margin: 54px auto 44px auto;
    background-position: -13px -588px;
}

#advantages .col2 .img {
    width: 96px;
    height: 67px;
    margin: 64px auto 55px auto;
    background-position: -171px -588px;
}

#advantages .col3 .img {
    width: 101px;
    height: 89px;
    margin: 54px auto 44px auto;
    background-position: -7px -721px;
}

#advantages .col4 .img {
    width: 74px;
    height: 84px;
    margin: 56px auto 48px auto;
    background-position: -185px -708px;
}

#advantages .bold {
    text-align: center;
    font: 30px / 30px 'iskraBold';
    margin-bottom: 18px;
}

#advantages .medium {
    text-align: center;
    font: 24px / 34px 'robotoLight';
    width: 60vw;
    margin: 0 auto;
}

#advantages .medium span {
    color: #ff9164;
}

.cycle-pager-advantages {
    text-align: center;
    padding: 15px 0;
}

.cycle-pager-advantages span {
    color: rgba(255, 255, 255, 0.2);
    font-size: 30px;
    vertical-align: middle;
}

.cycle-pager-advantages .cycle-pager-active,
.cycle-pager-advantages span:hover {
    color: #fff;
    font-size: 40px;
    cursor: pointer;
}



/* screen 5*/

#philosopiya.videoActive {
    z-index: 100000 !important;
}

#philosopiya .videoButtonHolder {
    width: 192px;
    height: 192px;
    border-radius: 50%;
    margin: 0 auto 35px auto;
    position: relative;
}

#philosopiya .videoButton {
    width: 154px;
    height: 154px;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -77px 0 0 -77px;
    border: 9px solid #eef2f6;
    background: url('../images/sprite.png') 29px -706px no-repeat, rgba(234, 108, 54, 0.9);
    background-size: 256% auto;
    cursor: pointer;
    -webkit-transition: all cubic-bezier(0.68, -0.55, 0.27, 1.55) .25s;
    transition: all cubic-bezier(0.68, -0.55, 0.27, 1.55) .25s;
}


#philosopiya .hand {
    width: 61px;
    height: 45px;
    /*background: url('../img/hand.png') center/cover no-repeat;*/
    position: absolute;
    left: 50%;
    top: 50%;
    opacity: 1;
    margin: 12px 0 0 52px;
    -webkit-transition: all cubic-bezier(0.68, -0.55, 0.27, 1.55) .25s;
    transition: all cubic-bezier(0.68, -0.55, 0.27, 1.55) .25s;
}

#philosopiya .hand.hide {
    top: 51%;
    left: 51%;
    opacity: 0;
}

#philosopiya .canWe {
    font: 30px / 36px 'iskraBold';
    color: #777;
    text-align: center;
}

#philosopiya .canWe span {
    color: #EA6C36;
}

.popUpVideo {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    left: 0;
    top: 0;
    z-index: 100000 !important;
    -webkit-transition: all linear .25s;
    transition: all linear .25s;
}

.popUpVideo.disable {
    opacity: 0;
    z-index: -999 !important;
}

.popUpVideo .videoHolder {
    width: 892px;
    height: 520px;
    box-shadow: 2px 3px 4px 0.00px rgba(2, 3, 3, 0.75);
    border-radius: 6px;
    background-color: rgba(255, 255, 255, 0.8);
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -260px 0 0 -446px;
    -webkit-transition: all linear .25s;
    transition: all linear .25s;
    opacity: 1;
}

.popUpVideo .videoHolder.disable {
    margin-top: -252px;
}

.popUpVideo .closeButton {
    position: absolute;
    width: 12px;
    height: 12px;
    right: 7px;
    top: 7px;
    cursor: pointer;
}

.popUpVideo .closeButton:before,
.popUpVideo .closeButton:after {
    width: 14px;
    height: 2px;
    border-radius: 2px;
    background: #26191e;
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    margin: -1px 0 0 -7px;
}

.popUpVideo .closeButton:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.popUpVideo .closeButton:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.popUpVideo .playPause {
    width: 154px;
    height: 154px;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    position: absolute;
    margin: -77px 0 0 -77px;
    border: 8px solid rgba(255, 255, 255, 0.85);
    z-index: 999 !important;
    cursor: pointer;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all cubic-bezier(0.68, -0.55, 0.27, 1.55) .25s, display linear .25s .3s;
    transition: all cubic-bezier(0.68, -0.55, 0.27, 1.55) .25s, display linear .25s .3s;
    display: block;
}

.popUpVideo .playPause:before,
.popUpVideo .playPause:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transition: all cubic-bezier(0.68, -0.55, 0.27, 1.55) .25s;
    transition: all cubic-bezier(0.68, -0.55, 0.27, 1.55) .25s;
}

.popUpVideo .playPause:before {
    width: 36px;
    height: 48px;
    /*background: url('../img/Pause-Icon.png') center/cover no-repeat;*/
    margin: -22px 0 0 -16px;
    opacity: 0;
    -webkit-transform: scale(.8);
    transform: scale(.8);
}

.popUpVideo .playPause:after {
    width: 46px;
    height: 56px;
    /*background: url('../img/Play-Icon-2.png') center/cover no-repeat;*/
    margin: -26px 0 0 -16px;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.popUpVideo .playPause.pause:before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.popUpVideo .playPause.pause:after {
    opacity: 0;
    -webkit-transform: scale(.8);
    transform: scale(.8);
}

.popUpVideo .playPause.play:before {
    opacity: 0;
    -webkit-transform: scale(.8);
    transform: scale(.8);
}

.popUpVideo .playPause.play:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.popUpVideo .playPause.hide {
    opacity: 0;
    -webkit-transform: scale(.8);
    transform: scale(.8);
}

.popUpVideo .playPause.transparent {
    opacity: .6;
}

.popUpVideo #video {
    width: 853px;
    height: 480px;
    position: absolute;
    left: 19px;
    bottom: 20px;
    border-radius: 3px;
    overflow: hidden;
}




/*     */


/* screen 6*/
#otzivy {
    background-image: url(../images/m6.jpg);
    background-color: #333;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    color: #fff;
    text-shadow:none
}

#otzivy .whatParentsSay {
    text-align: center;
    font: 30px / 30px 'iskraBold';
    margin-top: 100px;
}

#otzivy .whatParentsSay span {
    color: #ea6c36;
}

#otzivy .sliderRecall {
    width: 70vw;
    margin: 0 auto;
    border-radius: 15px;
    /* background: rgba(55, 45, 39, 0.6); */
    position: relative;
    min-height: 380px;
    height: 80vh;
}

#otzivy .ctrlElements {
    width: 16px;
    height: 26px;
    position: absolute;
    top: 50%;
    margin: -13px 0 0 0;
    cursor: pointer;
}

/*#otzivy .leftCtrl {*/
    /*left: -41px;*/
    /*background: url('../img/Arrow-Left-Ctrl.png') center/cover no-repeat;*/
/*}*/

/*#otzivy .rightCtrl {*/
    /*right: -41px;*/
    /*background: url('../img/Arrow-Right-Ctrl.png') center/cover no-repeat;*/
/*}*/

#otzivy .slideRecall {
    width: 100%;
    /*position: absolute;*/
    -webkit-transition: all linear .25s;
    transition: all linear .25s;
    left: 0;
    opacity: 1;
}

#sliderRecall-otzivy {
    overflow: visible;
}

#otzivy .slideRecall.hide {
    opacity: 0;
    z-index: 1;
}

#otzivy .slideRecall.active {
    z-index: 2;
    -webkit-transition: all linear .25s .25s;
    transition: all linear .25s .25s;
    opacity: 1;
    left: 0;
}

#otzivy .slideRecall.leftHide {
    left: -8px;
}

#otzivy .slideRecall.rightHide {
    left: 8px;
}

#otzivy .imgRecall {
    width: 192px;
    height: 130px;
    border-radius: 50%;
    /*border: 5px solid rgba(242, 244, 245, 0.5);*/
    margin: 20px auto;
    background: url("../images/sprite.png") 0px 0px no-repeat;
}

#otzivy .slideR1 .imgRecall {
    background-position: 29px -1192px;
}

#otzivy .slideR2 .imgRecall {
    background-position: 29px -1367px;
}

#otzivy .slideR3 .imgRecall {
    background-position: 29px -1532px;
}

#otzivy .slideR4 .imgRecall {
    background-position: 29px -1033px;
}

#otzivy .recall {
    font: 24px / 34px 'robotoRegular';
    margin: 0 auto;
    text-align: center;
}

#otzivy .nameRecaller {
    font: 30px / 45px 'iskraBold';
    width: 100%;
    text-align: center;
}

.cycle-pager-otzivy {
    text-align: center;
    padding: 15px 0;
    position: relative;
    z-index: 100;
}

.cycle-pager-otzivy span {
    color: rgba(255, 255, 255, 0.2);
    font-size: 30px;
    vertical-align: middle;
}

.cycle-pager-otzivy .cycle-pager-active,
.cycle-pager-otzivy span:hover {
    color: #fff;
    font-size: 40px;
    cursor: pointer;
}

#otzivy .wrapper {
    height: 100vh;
    position: relative;
}


/*   */


/*  screen 7 */
#ekskursiya {
    /*background-image: url(../images/m7.jpg);*/
    background-color: #fff;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    width: 100%;
    min-height: 100vh;
    color: #777;
    text-shadow:none;
    padding-bottom: 20px;
}

#ekskursiya .wrapper {
    width: 400px;
    height: 100vh;
    margin: 0 auto;
}

#ekskursiya .boldForm {
    text-align: center;
    padding: 31px 0;
    font: 30px / 30px 'iskraBold';
    color: #ee885d;
}

#ekskursiya .ui-input-text {
    border: none;
    box-shadow: none;
}

#ekskursiya input[type="text"] {
    font: 20px / 20px 'robotolight';
    border: none;
    color: #777;
    border-radius: 0;
    padding-left: 20px;
    text-align: center;
    border-bottom: 1px solid #777;
}

#ekskursiya #yourCity {
    border-bottom: 1px solid #777;
    text-align: center;
    padding: 0 0 0 30px;
}

#ekskursiya #yourCity label {
    width: auto;
    font: 20px / 20px 'robotolight';
    display: inline-block;
    vertical-align: top;
    margin: 0 0 .4em;
}

#ekskursiya .ui-select {
    width: auto;
    font: 20px / 20px 'robotolight';
    display: inline-block;
    vertical-align: top;
    margin: 1px 2px 4px 4px;
}

#ekskursiya #citySender-button {
    border: none;
    color: #777;
    padding: 1px 0;
    padding-right: 42px;
    box-shadow: none;
    background-color: #fff;
}

#ekskursiya .yourData {
    text-align: center;
}

#ekskursiya .yourData a {
    color: #ea6c36;
}

#ekskursiya #citySender-listbox {
    background: rgba(255, 255, 255, 0.9);
    border: none;
}

#ekskursiya #citySender-listbox a {
    color: #777;
    border-bottom: 1px solid #777;
}

#ekskursiya #button.ui-btn {
    width: 250px;
    height: 45px;
    background: #ea6c36;
    bottom: 0;
    position: relative;
    margin: 0 auto;
    border-radius: 45px;
    text-align: center;
    color: #fff;
    font: 20px / 43px 'robotoregular';
    -webkit-transition: all linear .2s;
    transition: all linear .2s;
    display: block;
    text-decoration: none;
    border: 4px solid rgba(255, 255, 255, .6);
    padding: 0;
    line-height: 38px;
    margin-top: 25px;
}

#ekskursiya #button.ui-btn:hover {
    background: #fff;
    color: #ea6c36;
    border-color: #ea6c36;
}

#politicOpen .ui-dialog-contain {
    background: rgba(255, 255, 255, 0.95);
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    margin: 0;
    max-width: 100%;
}

#politicOpen {
    margin: 0;
    /*height: 100%;*/
    z-index: 1060;
}

#politicOpen .ui-icon-delete {
    left: auto;
    right: 10px;
}




/* screen 8  */
#programs {
    /*background-image: url(../images/m8.jpg);*/
    background-color: #fff;
    /*background-size: cover;*/
    /*background-repeat: no-repeat;*/
    /*background-attachment: fixed;*/
    width: 100%;
    height: 100vh;
    color: #777;
    text-shadow:none
}
#programs .wrapper {
    height: 100vh;
}
#programs .blockOfPrograms {
    width: 100vw;
    height: 70vh;
    margin: 0 auto;
}
#programs .ui-page-theme-a {
    color: #fff;
    text-shadow: none;
}

#programs .allPrograms {
    text-align: center;
    margin-bottom: 31px;
    font: 30px / 30px 'iskraBold';
    color: #ee885d;
}

#programs .box {
    font: 24px / 34px 'robotolight';
    text-align: center;
    width: 100%;
    padding-bottom: 30px;
}


#programs .programIcon {
    display: inline-block;
    width: 70px;
    height: 70px;
    background: url("../images/sprite.png") 0px 0px no-repeat;
}

#programs .box1 .programIcon {
    background-position: -204px -1474px;
}

#programs .box2 .programIcon {
    background: url("../images/2.png") center no-repeat;
}

#programs .box3 .programIcon {
    background-position: -351px -1513px;
}

#programs .box4 .programIcon {
    background-position: -354px -1177px;
}

#programs .box5 .programIcon {
    background-position: -353px -1340px;
}

#programs .box6 .programIcon {
    background-position: -197px -1092px;
}

#programs .box7 .programIcon {
    background-position: -197px -1283px;
}
#programs .box8 .programIcon {
    background: url("../../img/img_programs/new_icons/8.png") center no-repeat;
}

#programs .programName {
    font: 30px / 30px 'iskraBold';
    display: inline-block;
    vertical-align: top;
    padding-top: 15px;
}
#programs .programsHover p {
    width: 80vw;
    height: 50vh;
    margin: 0 auto;
}
#mental_link,
#programs .ui-link[href="#ekskursiya"],
#programs a {
    width: 230px;
    height: 45px;
    background: #ea6c36;
    bottom: 10px;
    position: relative;
    margin: 0 auto;
    border-radius: 45px;
    text-align: center;
    color: #fff;
    font: 13px / 43px 'robotoregular';
    -webkit-transition: all linear .2s;
    transition: all linear .2s;
    display: block;
    text-decoration: none;
}

#mental_link:before,
#programs .ui-link[href="#ekskursiya"]:before,
#programs a:before {
    width: 100%;
    height: 100%;
    display: block;
    content: '';
    position: absolute;
    border-radius: 45px;
    border: 4px solid rgba(234, 108, 54, .325);
    top: -4px;
    left: -4px;
    -webkit-transition: all linear .2s;
    transition: all linear .2s;
}

#mental_link:hover,
#programs .ui-link[href="#ekskursiya"]:hover,
#programs a:hover{
    cursor: pointer;
    background: #fff;
    color: #ea6c36;
        /*background: rgba(234, 108, 54, .325);*/
}

#mental_link:hover:before,
#programs .ui-link[href="#ekskursiya"]:hover:before,
#programs a:hover:before {
    /*    border: 3px solid #ea6c36;*/
    border: 4px solid #ea6c36;
}



.cycle-pager-programs {
    text-align: center;
    padding: 15px 0;
}

.cycle-pager-programs span {
    color: #ee885d;
    font-size: 30px;
    vertical-align: middle;
}

.cycle-pager-programs .cycle-pager-active,
.cycle-pager-programs span:hover {
    color: #ee885d;
    font-size: 46px;
    cursor: pointer;
}




/*   */

#kontakty {
    background: #1e8bc3;
    height: 100vh;
}
#kontakty .wrapper {
    height: 100vh;
}
#kontakty .contact {
    color: #fff;
    font: 40px / 43px 'robotoregular';
    text-align: center;
    margin: 0 auto;
    display: block;
}
#kontakty .addr-container {
    /*min-height: 410px;*/
}

#kontakty .addr-container .title {
    font: 20px / 20px 'iskraBold';
    color: #2e332f;
    padding: 15px 30px;
    background: #eee;
}

#kontakty .addr-container .phone {
    font: 20px / 20px 'robotoregular';
    color: #2e332f;
    padding: 15px 30px;
    background: #fff;
    border-bottom: 1px solid #eee;
    padding-left: 90px;
    position: relative;
}

#kontakty .addr-container .phone-icon {
    background: url("../images/sprite.png") -109px -568px no-repeat;
    display: inline-block;
    height: 50px;
    width: 50px;
    background-size: 555%;
    position: absolute;
    top: 50%;
    margin-top: -31px;
    margin-left: -72px;
}

#kontakty .addr-container .phone a {
    color: #2e332f;
    text-decoration: none;
}

#kontakty .addr-container .addr {
    font: 20px / 20px 'robotoregular';
    color: #777;
    padding: 15px 30px;
    border-bottom: 1px solid #eee;
    background: #fff;
}

#kontakty .addr-container .map-href {
    font: 20px / 20px 'robotoregular';
    color: #1e8bc3;
    text-decoration: none;
    display: block;
    padding: 15px 30px;
    border-bottom: 1px solid #eee;
    background: #fff;
}
#kontakty .white-background {
    background: #fff;
    height: 100px;
    margin-top: -5px;
    padding: 40px;
}
#kontakty .ui-link[href="#ekskursiya"] {
    width: 250px;
    height: 45px;
    background: #ea6c36;
    bottom: 0;
    position: relative;
    margin: 0 auto;
    border-radius: 45px;
    text-align: center;
    color: #fff;
    font: 15px / 43px 'robotoregular';
    -webkit-transition: all linear .2s;
    transition: all linear .2s;
    display: block;
    text-decoration: none;
    margin-top: 10px;
}

#kontakty .ui-link[href="#ekskursiya"]:before {
    width: 100%;
    height: 100%;
    display: block;
    content: '';
    position: absolute;
    border-radius: 45px;
    border: 4px solid rgba(234, 108, 54, .325);
    top: -4px;
    left: -4px;
    -webkit-transition: all linear .2s;
    transition: all linear .2s;
}

#kontakty .ui-link[href="#ekskursiya"]:hover {
    cursor: pointer;
    background: #fff;
    color: #ea6c36;
}

#kontakty .ui-link[href="#ekskursiya"]:hover:before {
    /*    border: 3px solid #ea6c36;*/
    border: 4px solid #ea6c36;
}

#kontakty div[role="main"] {
    background: #fff;
    padding-bottom: 10px;
}

@media (max-height:760px) {
    #index {
        margin-top: 0px;
        position: relative;
    }
    #index .wrapper {
        position: relative;
    }
    #index .innovation {
        font: 27px / 28px 'iskraBold';
        margin-bottom: 40px;
    }
    #index .eco {
        font: 20px / 24px 'robotolight';
        margin-bottom: 10px;
    }
    #index .ui-link[href="#ekskursiya"] {
        font: 16px / 43px 'robotoregular';
    }


    #programs .allPrograms {
        font: 30px / 34px 'iskraBold';
        margin-bottom: 30px;
    }
    #programs .column {
        margin: 10px auto 10px auto;
    }
    #programs .wrapper {
        position: relative;
    }
    #programs .box {
        font: 18px / 24px 'robotolight';
        padding-bottom: 0;
    }
    #programs .box p {
        margin: 0 auto;
        height: 52vh;
    }
    #programs .cycle-pager-programs {
        padding: 0;
    }

    #intellect .whatMake {
        margin: 15px auto 15px auto;
    }
    #intellect .definitions {
        font: 16px / 24px 'robotoLight';
        width: 80vw;
    }
    #intellect .def3 {
        font: 14px / 20px 'robotoLight';
    }
    #intellect .def3 .face {
        margin: 14px 10px 24px 0;
    }
    #intellect-slider .circleImg {
        margin: 5px auto 0 auto;
    }
    #intellect-slider .slides .boldColor {
        margin: 30px auto;
        /*font: 20px / 25px 'iskraBold';*/
    }
    #intellect-slider .slides .slideDefinition {
        font: 20px / 28px 'robotoLight';
    }
    #intellect-slider .slideHolder {
        margin-top: -10vh;
    }
    #intellect-slider .cycle-pager-intellect {
        width: auto;
        margin: -105px auto 0 auto;
    }

    #otzivy .recall {
        font: 15px / 19px 'robotoRegular';
    }
    #otzivy .nameRecaller {
        font: 22px / 28px 'iskraBold';
        margin-top: 30px;
    }
    #otzivy .whatParentsSay {
        margin-top: 20px;
    }
    #otzivy .column .img {
        margin: 10px auto 10px auto;
    }
    #otzivy .sliderRecall {
        width: 80vw;
    }
    #philosopiya .wrapper {
        height: 100vh;
    }
    #philosopiya .canWe {
        font: 26px / 34px 'iskraBold';
    }
    #philosopiya .ui-footer {
        position: absolute;
    }

    #advantages .weCare {
        font: 26px / 30px 'iskraBold';
        margin-bottom: 40px;
    }
    #advantages .column .img {
        margin: 10px auto 10px auto;
    }
    #advantages .wrapper {
        position: relative;
    }
    #advantages .medium {
        font: 20px / 24px 'robotoLight';
    }

    #ekskursiya .wrapper {
        position: relative;
        width: 300px;
        margin: 0 auto;
        display: block;
        left: 0;
    }

    #features .ecoDev {
        font: 30px / 35px 'iskraBold';
        width: 80vw;
        margin: 0 auto;
    }
    #features .col .img {
        margin: 10px auto 10px auto;
    }
    #features .wrapper {
        position: relative;
    }

    #kontakty .contact {
        font: 24px / 50px 'robotoregular';
    }
    #kontakty .white-background {
        /*margin-top: -11px;*/
        margin-top: 0;
        padding: 20px;
    }

    a.logo {
        width: 60px;
        background-size: 100% auto;
    }
    #menu a.logo {
        width: 110px;
    }
    .ui-footer {
        position: relative;
    }
    .wrapper {
        padding-bottom: 0;
    }
    #otzivy .recall {
        height: 250px;
        overflow: scroll;
    }
}
@media (max-height:600px) {
    #index {
        margin-top: 0px;
        position: relative;
    }
    #index .wrapper {
        position: relative;
    }
    #index .innovation {
        font: 27px / 28px 'iskraBold';
        margin-bottom: 40px;
    }
    #index .eco {
        font: 20px / 24px 'robotolight';
        margin-bottom: 10px;
    }
    #index .ui-link[href="#ekskursiya"] {
        font: 12px / 43px 'robotoregular';
    }


    #programs .allPrograms {
        font: 24px / 30px 'iskraBold';
        margin-bottom: 0;
    }
    #programs .column {
        margin: 10px auto 10px auto;
    }
    #programs .wrapper {
        position: relative;
    }
    #programs .box {
        font: 14px / 20px 'robotolight';
        padding-bottom: 0;
    }
    #programs .box p {
        margin: 0 auto;
        height: 50vh;
    }
    #programs .cycle-pager-programs {
        padding: 0;
    }

    #intellect .whatMake {
        margin: 15px auto 15px auto;
    }
    #intellect .definitions {
        font: 14px / 16px 'robotoLight';
    }
    #intellect .def3 {
        font: 11px / 14px 'robotoLight';
    }
    #intellect .def3 .face {
        margin: 12px 16px 4px 0;
    }
    #intellect-slider .circleImg {
        margin: 30px auto 0 auto;
    }
    #intellect-slider .slides .boldColor {
        margin: 0 auto 5px auto;
        font: 20px / 25px 'iskraBold';
    }
    #intellect-slider .slides .slideDefinition {
        font: 14px / 16px 'robotoLight';
    }
    #intellect-slider .slideHolder {
        /*margin-top: -6vh;*/
    }
    #intellect-slider .cycle-pager-intellect {
        width: auto;
    }

    #otzivy .recall {
        font: 12px / 18px 'robotoRegular';
        overflow: auto;
        height: 35vh;
    }
    #otzivy .nameRecaller {
        font: 18px / 26px 'iskraBold';
        margin-top: 0px;
    }
    #otzivy .whatParentsSay {
        font: 18px / 26px 'iskraBold';
        margin-top: 0;
    }
    #otzivy .column .img {
        margin: 10px auto 10px auto;
    }
    #otzivy .sliderRecall {
        width: 90vw;
    }

    #philosopiya .canWe {
        font: 18px / 26px 'iskraBold';
    }
    #philosopiya .ui-footer {
        position: absolute;
    }

    #advantages .weCare {
        font: 18px / 26px 'iskraBold';
    }
    #advantages .column .img {
        margin: 10px auto 10px auto;
    }
    #advantages .wrapper {
        position: relative;
    }
    #advantages .medium {
        font: 14px / 16px 'robotoLight';
    }

    #ekskursiya .wrapper {
        position: relative;
        width: 300px;
        margin: 0 auto;
        display: block;
        left: 0;
    }

    #features .ecoDev {
        font: 20px / 26px 'iskraBold';
    }
    #features .bold {
        font: 16px / 24px 'iskraBold';
    }
    #features .light {
        font: 18px / 26px 'robotolight';
    }
    #features .ecoDev span {
        font: 16px / 26px 'robotolight';
    }
    #features .col .img {
        margin: 10px auto 10px auto;
    }
    #features .wrapper {
        position: relative;
    }

    #kontakty .contact {
        font: 24px / 50px 'robotoregular';
    }
    #kontakty .white-background {
        margin-top: -11px;
        padding: 0;
    }

    a.logo {
        width: 60px;
        background-size: 100% auto;
    }
    #menu a.logo {
        width: 110px;
    }
    .ui-footer {
        position: relative;
    }
    .wrapper {
        padding-bottom: 0px;
    }
    .menu-footer-cont {
        display: none;
    }
}
@media (max-width:440px) {
    #intellect-slider .cycle-pager-intellect .iconType {
        width: 45px !important;
    }
}