/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */
html {
    color: #222;
    font-size: 1em;
    line-height: 1.2
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none
}

::selection {
    background: #b3d4fc;
    text-shadow: none
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

textarea {
    resize: vertical
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0
}

address {
    font-style: normal
}

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

@font-face {
    font-family: 'Cabin Sketch';
    src: url('../fonts/cabinsketch-bold-webfont.woff2') format('woff2'),
        url('../fonts/cabinsketch-bold-webfont.woff') format('woff'),
        url('../fonts/cabinsketch-bold-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal
}

@font-face {
    font-family: 'Cabin Sketch';
    src: url('../fonts/cabinsketch-regular-webfont.woff2') format('woff2'),
        url('../fonts/cabinsketch-regular-webfont.woff') format('woff'),
        url('../fonts/cabinsketch-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Neucha';
    src: url('../fonts/neucha-webfont.woff2') format('woff2'),
        url('../fonts/neucha-webfont.woff') format('woff'),
        url('../fonts/neucha-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal
}

.bg .btn,
.bg .btn-circle,
.bg .buble-x,
.bg .calendar-nav,
.bg .calendar-tabs .calendar-header,
.bg .calendar-tabs table,
.bg .day-timeline figcaption,
.bg .event-date,
.bg .footer-bottom,
.bg .form-tabs span,
.bg .inner-page .text ol li:after,
.bg .inner-page .text ol li:before,
.bg .inner-page header h1,
.bg .menu-btn,
.bg .mini-gallery-pager,
.bg .page-title,
.bg .paginator a,
.bg .scroll-down,
.bg .tab-select,
.bg .tabs a,
.bg .team-list a figure span:before,
.bg .topbar .lang,
.bg .topbar .login-btn,
.bg .topbar .login-pannel legend,
.bg .topbar .profile-btn,
.bg .topbar nav ul li a,
.bg .underwater .text-box p,
.bg .water .text-box p,
.bg .white-form .error-msg,
.bg .white-form legend,
.bg blockquote,
.bg h1,
.bg h2,
.bg h3,
.bg h4,
.bg input[type=email],
.bg input[type=password],
.bg input[type=tel],
.bg input[type=text],
.bg label,
.bg textarea,
.topbar nav.bg ul li a {
    font-family: 'Neucha', Arial, sans-serif
}

*,
:after,
:before {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit
}

body,
html {
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased
}

body {}

.site,
.table {
    display: table;
    width: 100%;
    height: 100%;
    table-layout: fixed
}

.wrapper {
    margin: 0 auto;
    max-width: 1220px
}

.wide-wrapper {
    margin: 0 auto;
    max-width: 1920px
}

.grid {
    font-size: 0
}

.grid .col {
    display: inline-block
}

.col-25 {
    width: 25%
}

.col-33 {
    width: 33.33%
}

.col-50 {
    width: 50%
}

.col-66 {
    width: 66.66%
}

.col-75 {
    width: 75%
}

.col-100 {
    width: 100%
}

h1 {
    font-family: 'Cabin Sketch', Arial, sans-serif;
    color: #000;
    margin: 0;
    font-size: 72px;
    line-height: 1;
    font-weight: 400
}

h2 {
    font-family: 'Cabin Sketch', Arial, sans-serif;
    color: #000;
    margin: 0;
    font-size: 72px;
    line-height: 1;
    font-weight: 400
}

h3 {
    font-family: 'Cabin Sketch', Arial, sans-serif;
    color: #000;
    font-size: 48px;
    line-height: 1;
    font-weight: 400;
    margin: 30px 0
}

h4 {
    font-family: 'Cabin Sketch', Arial, sans-serif;
    color: #000;
    font-size: 36px;
    line-height: 1;
    font-weight: 400;
    margin: 30px 0
}

h5 {
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    line-height: 1.3;
    color: #3c4741;
    margin: 0 0 20px 0;
    font-weight: 400
}

h6 {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #3c4741;
    margin: 10px 0 30px 0
}

.page-title {
    font-family: 'Cabin Sketch', Arial, sans-serif;
    color: #fff;
    text-align: center;
    display: block;
    margin: 10px 10px 100px 10px;
    font-size: 54px
}

p {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 1.5;
    color: #000;
    margin: 0 0 20px 0
}

.inner-page p {
    font-size: 15px;
    color: #696969
}

.inner-page .text ol {
    list-style: none;
    padding: 0;
    margin: 0
}

.inner-page .text ol li {
    font-size: 15px;
    line-height: 1.5;
    color: #696969;
    margin: 20px 0;
    counter-increment: step-counter;
    position: relative;
    padding: 0 0 0 30px
}

.inner-page .text ol li:after,
.inner-page .text ol li:before {
    content: counter(step-counter);
    position: absolute;
    top: -2px;
    left: 0;
    width: 30px;
    padding: 0 10px 0 0;
    color: #52aae8;
    font-size: 18px;
    font-family: 'Cabin Sketch', Arial, sans-serif;
    text-align: right
}

.inner-page .text ol li:after {
    content: '.';
    position: absolute;
    left: 0px;
    top: -6px;
    width: 30px;
    font-size: 22px;
    padding: 0 0 0 20px;
    text-align: left
}

.inner-page .text ul {
    margin: 20px 0
}

.inner-page .text ul li {
    font-size: 15px;
    line-height: 1.5;
    color: #696969;
    margin: 0 0 10px 0;
    position: relative;
    padding: 0 0 0 12px
}

.inner-page .text ul li:before {
    content: '';
    position: absolute;
    top: 8px;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #52aae8
}

.inner-page .text table {
    border: 1px solid #000;
    font-family: 'Open Sans', sans-serif !important;
    margin: 0 auto
}

.inner-page .text table td {
    padding: 10px;
    background: #f8f1ec
}

.btn-row {
    text-align: center
}

.buttons-left {
    float: left
}

.buttons-right {
    float: right
}

.btn {
    display: inline-block;
    color: #f8f8f8;
    background: #666;
    text-decoration: none;
    font-size: 18px;
    line-height: 22px;
    font-family: 'Cabin Sketch', Arial, sans-serif;
    padding: 10px 40px 10px 20px;
    position: relative;
    border-top-right-radius: 21px;
    border-bottom-right-radius: 21px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    margin: 0 20px 20px 0;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    border: 0;
    outline: none
}

.btn:after {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    top: 50%;
    right: 12px;
    background: url('../images/monte-sprite.svg') no-repeat;
    background-position: -96px -18px;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}

.no-svg .btn:after {
    content: "";
    background-image: url('../images/monte-sprite.png')
}

.btn:hover {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-top-left-radius: 21px;
    border-bottom-left-radius: 21px
}

.btn:hover:after {
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5)
}

.btn.btn-back {
    padding: 10px 20px 10px 40px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-top-left-radius: 21px;
    border-bottom-left-radius: 21px
}

.btn.btn-back:hover {
    border-top-right-radius: 21px;
    border-bottom-right-radius: 21px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.btn.btn-back:after {
    right: auto;
    left: 12px;
    background-position: -96px -36px
}

.btn.btn-white {
    background-color: #fff;
    color: #000
}

.btn.btn-white:after {
    background-position: -96px 0px
}

.btn.btn-yellow {
    background-color: #ffe400;
    color: #000
}

.btn.btn-yellow:after {
    background-position: -96px 0px
}

.btn.btn-red {
    background-color: #ff5736
}

.btn.btn-green {
    background-color: #7ad068
}

.btn.btn-blue {
    background-color: #52aae8
}

.btn-download {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 1.5;
    width: 100%;
    padding-right: 140px
}

.btn-download:after {
    height: 22px;
    margin-top: -11px;
    background-position: -140px 0px
}

.btn-download span {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    height: 20px;
    line-height: 20px;
    text-align: right;
    right: 40px;
    width: 90px;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}

.btn-download:hover {
    background-color: #fff;
    color: #000
}

.btn-download:hover span {
    color: #52aae8
}

.btn-download:hover:after {
    background-position: -170px 0
}

.btn-circle {
    display: inline-block;
    text-decoration: none;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: #fff;
    font-size: 50px;
    font-family: 'Cabin Sketch', Arial, sans-serif;
    background: #ff5736 url('../images/monte-sprite.svg') no-repeat -225px -36px;
    border-radius: 50%;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}

.no-svg .btn-circle {
    background-image: url('../images/monte-sprite.png')
}

.btn-circle:hover {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.btn-circle.close {
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg)
}

.btn-circle.small {
    width: 34px;
    height: 34px;
    line-height: 34px;
    font-size: 34px;
    background: url('../images/monte-sprite.svg') no-repeat -225px 1px
}

.no-svg .btn-circle.small {
    background-image: url('../images/monte-sprite.png')
}

.x {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #ff5736;
    position: relative
}

.x:after {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -10px;
    background: url('../images/monte-sprite.svg') no-repeat -200px -63px
}

.no-svg .x:after {
    background-image: url('../images/monte-sprite.png')
}

.main-header {
    display: table-row;
    height: 1px;
    position: relative
}

.main-header {
    background: #52aae8
}

.main-header.inner-page {
    background: #52aae8 url('../images/small-header.svg') repeat-x center bottom
}

.no-svg .main-header.inner-page {
    background-image: url('../images/small-header.png')
}

.cookies {
    background-color: rgba(0, 0, 0, .8);
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100000;
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
    transition: .5s ease
}

.cookies.accepted {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.cookies a {
    color: #ffda0f;
    text-decoration: none;
    border-bottom: 1px solid currentcolor;
    display: inline-block;
    -webkit-transition: .25s ease;
    -o-transition: .25s ease;
    transition: .25s ease
}

.cookies a:hover {
    border-bottom-color: transparent
}

.cookies .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 30px 0
}

.cookies-btn {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.cookies-btn .btn {
    margin: 0
}

.cookies-content {
    padding-right: 20px;
    -webkit-box-flex: 100%;
    -ms-flex: 100% 1 1;
    flex: 100% 1 1;
    max-width: 100%
}

.cookies-content p {
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 0
}

.main-header.inner-page .topbar {}

.topbar {
    text-align: center;
    font-size: 0;
    min-height: 135px;
    position: relative;
    z-index: 10
}

.topbar .logo {
    position: absolute;
    top: 16px;
    left: 20px;
    width: 200px;
    height: 115px
}

.topbar .login-lang {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 20px;
    width: 180px
}

.topbar .login-btn,
.topbar .profile-btn {
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    width: 101px;
    height: 47px;
    line-height: 57px;
    margin: 0 19px 0 0;
    background: url('../images/cloud.svg') no-repeat 0px 0px;
    font-family: 'Cabin Sketch', Arial, sans-serif;
    color: #000;
    font-size: 16px
}

.no-svg .topbar .login-btn,
.no-svg .topbar .profile-btn {
    background-image: url('../images/cloud.png')
}

.topbar .profile-btn {}

.topbar .login-btn.login-close {
    background-position: 0px -50px;
    color: transparent
}

.topbar .login-pannel {
    width: 320px;
    border-radius: 30px;
    background: #fff;
    position: absolute;
    top: 75px;
    z-index: 2;
    right: 0;
    text-align: center;
    padding: 20px 15px;
    -webkit-box-shadow: 0px 8px 4px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 8px 4px rgba(0, 0, 0, 0.05);
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
    opacity: 0;
    visibility: hidden
}

.topbar .login-pannel.login-open {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible
}

.topbar .login-pannel legend {
    display: block;
    margin: 0 0 10px 0;
    font-family: 'Cabin Sketch', Arial, sans-serif;
    color: #000;
    font-size: 28px;
    line-height: 1;
    font-weight: 400
}

.topbar .login-pannel label {
    top: 25px
}

.ie9 .topbar .login-pannel .move-label,
.lt-ie9 .topbar .login-pannel .move-label {
    top: 0px
}

.topbar .login-pannel .field {
    padding-top: 25px
}

.topbar .login-pannel:before {
    content: '';
    width: 30px;
    height: 30px;
    position: absolute;
    z-index: 0;
    top: -10px;
    left: 50%;
    background: #fff;
    border-radius: 7px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.lt-ie9 .topbar .login-pannel:before {
    width: 0;
    height: 0;
    border: 15px solid transparent;
    border-bottom-color: #fff;
    top: -30px;
    background: transparent
}

.topbar .lang {
    width: 56px;
    width: 101px
}

.topbar nav {
    display: inline-block;
    margin: 35px 200px;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.topbar nav ul {
    font-size: 0
}

.topbar nav ul li {
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 0 2px
}

.topbar nav ul li a {
    display: block;
    text-decoration: none;
    font-size: 22px;
    line-height: 30px;
    font-family: 'Cabin Sketch', Arial, sans-serif;
    color: #fff;
    padding: 5px 8px;
    border-radius: 30px;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}

.topbar nav ul li a:hover {
    color: #000;
    background: #fff
}

.topbar nav ul li a.active {
    color: #52aae8;
    background: #fff
}

.topbar nav ul li>ul {
    padding: 30px 0px 0px 0px;
    position: absolute;
    z-index: 1;
    top: 40px;
    left: 50%;
    margin-left: -140px;
    width: 280px;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
    opacity: 0;
    visibility: hidden;
    -webkit-box-shadow: none;
    box-shadow: none
}

.topbar nav ul li:hover>ul {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible
}

.topbar nav ul li>ul:before {
    content: '';
    width: 30px;
    height: 30px;
    position: absolute;
    z-index: 0;
    top: 20px;
    left: 50%;
    margin-left: -15px;
    background: #fff;
    border-radius: 7px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.lt-ie9 .topbar nav ul li>ul:before {
    width: 0;
    height: 0;
    border: 15px solid transparent;
    border-bottom-color: #fff;
    top: 0px;
    background: transparent
}

.topbar nav ul li>ul li {
    display: block
}

.topbar nav ul li>ul li a {
    color: #000;
    text-align: left;
    border-radius: 0;
    background: #fff;
    padding: 7px 25px
}

.topbar nav ul li>ul li:first-child a {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    padding-top: 20px
}

.topbar nav ul li>ul li:last-child a {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    padding-bottom: 20px
}

.topbar nav ul li>ul li a:hover {
    color: #52aae8
}

.topbar .lang {
    display: inline-block;
    position: relative;
    text-decoration: none;
    font-size: 16px;
    font-family: 'Cabin Sketch', Arial, sans-serif;
    color: #030303;
    width: 54px;
    height: 56px;
    line-height: 56px;
    text-align: center
}

.topbar .lang:after {
    content: '';
    background: url('../images/sun.svg') no-repeat left top;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 54px;
    height: 56px;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.no-svg .topbar .lang {
    content: "";
    background-image: url('../images/sun.png')
}

.topbar .lang:hover:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.topbar .lang span {
    position: relative;
    z-index: 1
}

.parallax-header {
    position: relative;
    z-index: 2;
    height: 400px;
    overflow: hidden
}

.sky {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #52aae8;
    z-index: 1
}

.hills1 {
    position: absolute;
    z-index: 4;
    bottom: -30px;
    left: 0;
    right: 0;
    height: 213px;
    background: url('../images/hills1.svg') repeat-x center top
}

.no-svg .hills1 {
    background-image: url('../images/hills1.png')
}

.hills2 {
    position: absolute;
    z-index: 3;
    bottom: 0px;
    left: 0;
    right: 0;
    height: 278px;
    background: url('../images/hills2.svg') repeat-x center top
}

.no-svg .hills2 {
    background-image: url('../images/hills2.png')
}

.clouds1 {
    height: 190px;
    position: absolute;
    z-index: 1;
    top: 20px;
    left: 0;
    right: 0
}

.clouds1-inner {
    width: 1920px;
    height: 190px;
    background: url('../images/clouds1.svg') no-repeat center top;
    -webkit-animation: cloudsmove 240s linear 0s infinite alternate;
    animation: cloudsmove 240s linear 0s infinite alternate
}

.no-svg .clouds1-inner {
    background-image: url('../images/clouds1.png')
}

.clouds2 {
    height: 280px;
    position: absolute;
    z-index: 4;
    top: 0px;
    left: 0;
    right: 0
}

.clouds2-inner {
    width: 1920px;
    height: 280px;
    background: url('../images/clouds2.svg') no-repeat center top;
    -webkit-animation: cloudsmove 120s linear 0s infinite alternate;
    animation: cloudsmove 120s linear 0s infinite alternate
}

.no-svg .clouds2-inner {
    background-image: url('../images/clouds2.png')
}

.scroll-down {
    position: fixed;
    z-index: 11;
    bottom: 0;
    left: 50%;
    margin-left: -65px;
    height: 70px;
    background: rgba(255, 255, 255, 0.9);
    font-family: 'Cabin Sketch', Arial, sans-serif;
    font-size: 18px;
    color: #3c4741;
    text-align: left;
    text-decoration: none;
    padding: 15px 70px 15px 15px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    display: none
}

.scroll-down span {
    content: '';
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #ff5736;
    position: absolute;
    bottom: 10px;
    right: 10px;
    overflow: hidden
}

.scroll-down span:after {
    content: '';
    position: absolute;
    width: 20px;
    bottom: 0;
    top: 0;
    left: 50%;
    margin-left: -10px;
    background: url('../images/scroll-down.svg') no-repeat 0px 0px;
    -webkit-animation: scrolldown 1.5s ease-in-out 0s infinite alternate;
    animation: scrolldown 1.5s ease-in-out 0s infinite alternate
}

.no-svg .scroll-down span:after {
    background-image: url('../images/scroll-down.png')
}

.ie9 .scroll-down span:after,
.lt-ie9 .scroll-down span:after {
    background-position: 0px 10px
}

@-webkit-keyframes scrolldown {
    0% {
        -webkit-transform: translate3d(0, 0%, 0);
        transform: translate3d(0, 0%, 0);
        opacity: 0
    }

    to {
        -webkit-transform: translate3d(0, 35%, 0);
        transform: translate3d(0, 35%, 0);
        opacity: 1
    }
}

@keyframes scrolldown {
    0% {
        -webkit-transform: translate3d(0, 0%, 0);
        transform: translate3d(0, 0%, 0);
        opacity: 0
    }

    to {
        -webkit-transform: translate3d(0, 35%, 0);
        transform: translate3d(0, 35%, 0);
        opacity: 1
    }
}

main {
    display: table-row;
    height: 100%;
    background: #f8f1ec
}

.main-content {
    overflow: hidden
}

.main-content.inner-page {
    position: relative;
    z-index: 0;
    background: #f8f1ec url('../images/main-back-clouds.svg') no-repeat center top
}

.no-svg .main-content.inner-page {
    background-image: url('../images/main-back-clouds.png')
}

.main-content.inner-page:after {
    content: '';
    width: 100%;
    position: absolute;
    z-index: -1;
    top: 660px;
    bottom: 0;
    left: 0;
    right: 0;
    background: url('../images/trees-back.svg') repeat-y center top
}

.no-svg .main-content.inner-page {
    content: "";
    background-image: url('../images/trees-back.png')
}

.montessori-house-container {
    position: relative;
    z-index: 4;
    height: 600px;
    margin: -375px 0 -275px 0;
    overflow: hidden
}

.montessori-house {
    width: 700px;
    height: 600px;
    background: url('../images/montessorihouse.svg') no-repeat center center;
    position: absolute;
    z-index: 3;
    top: 0;
    left: 50%;
    margin-left: -362px
}

.no-svg .montessori-house {
    background-image: url('../images/montessorihouse.png')
}

.montessori-house .fan {
    position: absolute;
    top: 314px;
    left: 406px;
    width: 45px;
    height: 47px;
    background: url('../images/fan.svg') no-repeat left top;
    -webkit-animation: fan 2s linear 0s infinite;
    animation: fan 2s linear 0s infinite
}

.no-svg .montessori-house .fan {
    background-image: url('../images/fan.png')
}

@-webkit-keyframes fan {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes fan {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.house-yard {
    position: relative;
    z-index: 2;
    height: 395px;
    background: url('../images/house-yard.svg') no-repeat center 20px;
    margin-top: -20px
}

.no-svg .house-yard {
    background-image: url('../images/house-yard.png')
}

.ball-container {
    width: 300px;
    height: 48px;
    position: absolute;
    top: 300px;
    left: 50%;
    margin-left: -450px
}

.ball-container:hover .ball {
    -webkit-transform: translate3d(-250px, 0, 0) rotate(-540deg);
    transform: translate3d(-250px, 0, 0) rotate(-540deg)
}

.ball {
    position: absolute;
    top: 0;
    right: 0;
    background: url('../images/ball.svg') no-repeat left top;
    width: 48px;
    height: 48px;
    -webkit-transition: all 3s ease;
    -o-transition: all 3s ease;
    transition: all 3s ease
}

.no-svg .ball {
    background-image: url('../images/ball.png')
}

.hills3 {
    height: 60px;
    background: url('../images/hills3.svg') repeat-x center bottom
}

.no-svg .hills3 {
    background-image: url('../images/hills3.png')
}

.terrain {
    padding: 100px 0;
    margin-top: -40px;
    position: relative;
    z-index: 3;
    background: url('../images/whymontessori-back.svg') repeat-x center top
}

.no-svg .terrain {
    background-image: url('../images/whymontessori-back.png')
}

.whymontessori-inner {
    position: relative
}

.whymontessori-inner:before {
    content: '';
    position: absolute;
    top: 55px;
    left: 0;
    right: 0;
    bottom: 0;
    background: #f8f1ec
}

.whymontessori {
    margin-top: -45px;
    padding: 0px 0;
    font-size: 0;
    text-align: center;
    position: relative;
    z-index: 3;
    overflow: hidden
}

.road {
    position: absolute;
    top: 220px;
    left: 50%;
    margin-left: -400px;
    width: 800px;
    height: 1160px;
    background: url('../images/road.svg') no-repeat center top;
    z-index: 1
}

.no-svg .road {
    background-image: url('../images/road.png')
}

.whymontessori h4 {
    margin: 20px 0 0 0
}

.whymontessori p {
    margin: 0 0 10px 0
}

.whymontessori-block {
    display: inline-block;
    text-decoration: none;
    text-align: center;
    position: relative;
    z-index: 2;
    vertical-align: top
}

.whymontessori-block .buble-opener {
    display: block;
    text-decoration: none
}

.whymontessori-block .buble {
    position: absolute;
    bottom: 40px;
    left: 0
}

.house-block .buble {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.teacher-block .buble {
    left: auto;
    right: 0
}

.kid-block .btn-circle.small {
    background-color: #ff5736
}

.house-block .btn-circle.small {
    background-color: #2fa8e7
}

.teacher-block .btn-circle.small {
    background-color: #7ad068
}

.kid-block {
    width: 33.33%;
    margin: 140px 0 0 0
}

.house-block {
    width: 33.33%;
    margin: 40px 0 0 0
}

.teacher-block {
    width: 33.33%;
    margin: 200px 0 50px 0
}

.house {
    width: 233px;
    height: 216px;
    background: url('../images/house.svg') no-repeat left top;
    margin: 0 auto;
    cursor: pointer
}

.no-svg .house {
    background-image: url('../images/house.png')
}

.kid {
    width: 181px;
    height: 247px;
    background: url('../images/kid.svg') no-repeat left top;
    margin: 0 auto;
    cursor: pointer
}

.no-svg .kid {
    background-image: url('../images/kid.png')
}

.teacher {
    width: 107px;
    height: 269px;
    background: url('../images/teacher.svg') no-repeat left top;
    margin: 0 auto;
    cursor: pointer
}

.no-svg .teacher {
    background-image: url('../images/teacher.png')
}

.buble {
    width: 479px;
    position: relative;
    display: none
}

.buble.open-buble {
    display: block
}

.whymontessori-block.on-top {
    z-index: 5
}

@-webkit-keyframes buble {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes buble {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.buble:before {
    content: '';
    position: absolute;
    z-index: 2;
    top: 134px;
    bottom: 158px;
    left: 0;
    right: 0;
    background: #fff;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6
}

.buble header {
    background: url('../images/buble-header.svg') no-repeat left top;
    height: 136px;
    position: relative;
    z-index: 1
}

.no-svg .buble header {
    background-image: url('../images/buble-header.png')
}

.buble footer {
    background: url('../images/buble-footer.svg') no-repeat left bottom;
    height: 160px;
    position: relative;
    z-index: 1
}

.no-svg .buble footer {
    background-image: url('../images/buble-footer.png')
}

.buble.flip footer {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.buble .btn {
    margin: 20px 0 -20px 0
}

.buble-text {
    position: relative;
    z-index: 2;
    margin: -80px 50px -60px 50px;
    min-height: 160px
}

.buble-text h4 {
    margin: 0 0 20px 0;
    color: #3c4741
}

.buble-text p {
    color: #3c4741
}

.buble-x {
    width: 40px;
    height: 40px;
    background: #e6e6e6 url('../images/monte-sprite.svg') no-repeat -230px -81px;
    position: absolute;
    top: 20px;
    right: 20px;
    border-radius: 50%;
    z-index: 3;
    color: #3c4741;
    font-size: 60px;
    line-height: 36px;
    text-align: center;
    text-decoration: none;
    font-family: 'Cabin Sketch', Arial, sans-serif;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}

.no-svg .buble-x {
    background-image: url('../images/monte-sprite.png')
}

.buble-x:hover {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.buble-overlay {
    position: absolute;
    z-index: 4;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none
}

.water {
    overflow: hidden;
    background-color: #52c6e8;
    padding: 100px 0;
    position: relative;
    z-index: 3
}

.water:after {
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.water .wrapper {
    position: relative
}

.water .text {
    width: 33.33%;
    position: relative;
    z-index: 40
}

.water-blend {
    position: relative;
    z-index: 3;
    height: 120px;
    margin-top: -60px;
    margin-bottom: -60px;
    background: url('../images/wave-blend.svg') center bottom
}

.no-svg .water-blend {
    background-image: url('../images/wave-blend.png')
}

.wave {
    height: 120px;
    width: 100%;
    background: url('../images/wave.svg') center center;
    position: absolute;
    left: 0;
    right: 0
}

.no-svg .wave {
    background-image: url('../images/wave.png')
}

.wave-1 {
    top: 0px;
    z-index: 10
}

.wave-2 {
    top: 50%;
    margin-top: -60px;
    z-index: 20
}

.wave-3 {
    bottom: 0px;
    z-index: 30
}

.fish-1 {
    position: absolute;
    top: 40px;
    left: 44%;
    z-index: 15;
    width: 188px;
    height: 137px;
    background: url('../images/fish-1.svg') no-repeat 0 0;
    -webkit-animation: fish 3s ease-in-out 0s infinite alternate;
    animation: fish 3s ease-in-out 0s infinite alternate
}

.no-svg .fish-1 {
    background-image: url('../images/fish-1.png')
}

.fish-2 {
    position: absolute;
    top: 180px;
    left: 66.66%;
    z-index: 22;
    width: 322px;
    height: 251px;
    background: url('../images/fish-2.svg') no-repeat 0 0;
    -webkit-animation: fish 5s ease-in-out 0s infinite alternate;
    animation: fish 5s ease-in-out 0s infinite alternate
}

.no-svg .fish-2 {
    background-image: url('../images/fish-2.png')
}

@-webkit-keyframes fish {
    0% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    to {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg)
    }
}

@keyframes fish {
    0% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    to {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg)
    }
}

.water h2 {
    margin-bottom: 20px
}

.water .text-box {
    text-decoration: none;
    position: absolute;
    z-index: 50;
    text-align: center
}

.water .text-box h3 {
    color: #fff;
    margin: 0
}

.water .text-box p {
    color: #fff;
    font-size: 24px;
    font-family: 'Cabin Sketch', Arial, sans-serif;
    margin: 0
}

.water .text-box.nursery {
    top: 0;
    left: 44%
}

.water .text-box.preschool {
    top: 0px;
    right: 0
}

.underwater-marker {}

.underwater {
    margin: 0 0 -30px 0;
    position: relative;
    z-index: 2;
    overflow: hidden;
    display: none
}

.underwater-content {
    margin: 0px 0 0 0;
    overflow: hidden;
    height: 600px;
    background: #0f64b3 url('../images/underwater-background.svg') no-repeat center bottom
}

.no-svg .underwater-content {
    background-image: url('../images/underwater-background.png')
}

.underwater-top {
    height: 60px;
    background: red url('../images/underwater-top.svg') no-repeat center top
}

.no-svg .underwater-top {
    background-image: url('../images/underwater-top.png')
}

.underwater-bottom {
    height: 60px;
    background: url('../images/underwater-bottom.svg') repeat-x center top;
    margin-bottom: -30px;
    position: relative;
    z-index: 2
}

.no-svg .underwater-bottom {
    background-image: url('../images/underwater-bottom.png')
}

.underwater .text-box {
    display: block;
    text-decoration: none;
    color: #fff;
    width: 200px;
    text-align: center;
    position: absolute;
    z-index: 10
}

.underwater .text-box a {
    display: block;
    text-decoration: none
}

.underwater .small-buble {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border: 1px solid red
}

.small-buble-x {
    background: red
}

.underwater .text-box-1 {
    top: 60px;
    left: 420px
}

.underwater .text-box-2 {
    top: 60px;
    right: 200px
}

.underwater .text-box-3 {
    bottom: 40px;
    left: 260px
}

.underwater .text-box-4 {
    bottom: 90px;
    right: 280px
}

.underwater .text-box-5 {
    top: 60px;
    left: 220px
}

.underwater .text-box-6 {
    top: 30px;
    right: 280px
}

.underwater .text-box-7 {
    bottom: 90px;
    left: 220px
}

.underwater .text-box-8 {
    bottom: 50px;
    right: 300px
}

.underwater .text-box p {
    color: #fff;
    font-size: 24px;
    line-height: 1;
    font-family: 'Cabin Sketch', Arial, sans-serif;
    margin: 0
}

.underwater .btn-circle {
    margin: 10px 0
}

.underwater .btn-circle.small {
    width: 30px;
    height: 30px;
    line-height: 24px;
    font-size: 32px;
    border: 2px solid rgba(255, 255, 255, 0.5);
    background-color: transparent;
    background-position: -229px -3px
}

.underwater .btn-circle.small:hover {
    border-color: rgba(255, 255, 255, 1)
}

.underwater .wrapper {
    position: relative;
    height: 460px;
    margin-top: 100px
}

.mini-popup-opener {}

.dolphin {
    position: absolute;
    top: 80px;
    left: 220px;
    width: 383px;
    height: 213px;
    background: url('../images/dolphin.svg') no-repeat left top
}

.no-svg .dolphin {
    background-image: url('../images/dolphin.png')
}

.star {
    position: absolute;
    bottom: 100px;
    right: 100px;
    width: 228px;
    height: 217px;
    background: url('../images/star.svg') no-repeat left top
}

.no-svg .star {
    background-image: url('../images/star.png')
}

.snail {
    position: absolute;
    bottom: 0;
    left: 150px;
    width: 179px;
    height: 118px;
    background: url('../images/snail.svg') no-repeat left top
}

.no-svg .snail {
    background-image: url('../images/snail.svg')
}

.clamshell {
    position: absolute;
    bottom: 0;
    right: 400px;
    width: 198px;
    height: 149px;
    background: url('../images/clamshell.svg') no-repeat left top
}

.no-svg clamshell {
    background-image: url('../images/clamshell.png')
}

.octopus {
    position: absolute;
    top: 60px;
    left: 350px;
    width: 350px;
    height: 263px;
    background: url('../images/octopus.svg') no-repeat left top
}

.no-svg .octopus {
    background-image: url('../images/octopus.png')
}

.crab {
    position: absolute;
    bottom: 20px;
    left: 155px;
    width: 150px;
    height: 155px;
    background: url('../images/crab.svg') no-repeat left top
}

.no-svg .crab {
    background-image: url('../images/crab.png')
}

.fish-3 {
    position: absolute;
    bottom: 20px;
    right: -30px;
    width: 359px;
    height: 178px;
    background: url('../images/fish-3.svg') no-repeat left top
}

.no-svg .fish-3 {
    background-image: url('../images/fish-3.png')
}

.fish-4 {
    position: absolute;
    top: 40px;
    right: 140px;
    width: 214px;
    height: 137px;
    background: url('../images/fish-4.svg') no-repeat left top
}

.no-svg .fish-4 {
    background-image: url('../images/fish-4.png')
}

.buble.mini-popup {
    text-align: center;
    position: absolute;
    z-index: 11;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.ie9 .buble.mini-popup,
.lt-ie9 .buble.mini-popup {
    top: 40px;
    margin-left: -240px
}

.buble.mini-popup footer {
    background: url('../images/buble-footer2.svg') no-repeat left bottom;
    height: 128px
}

.no-svg .buble.mini-popup footer {
    background-image: url('../images/buble-footer2.png')
}

.buble.mini-popup:before {
    bottom: 125px
}

.mini-popup-overlay {
    position: absolute;
    z-index: 4;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none
}

.whyus {
    background: #f8f1ec;
    padding: 0 0 80px 0;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.whyus:after {
    content: '';
    position: absolute;
    z-index: 1;
    height: 45px;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('../images/background-grass-top.svg') repeat-x center top
}

.no-svg .whyus:after {
    content: "";
    background-image: url('../images/background-grass-top.png')
}

.whyus h2 {
    text-align: center;
    margin: 100px 0 40px 0
}

.whyus h4 {
    margin: 80px 0 20px 0
}

.whyus .wrapper {
    width: 762px;
    margin: 0 auto
}

.whyus .flags {
    position: absolute;
    z-index: 20;
    top: 160px;
    left: 50%;
    margin-left: -640px;
    width: 1280px;
    height: 83px;
    background: url('../images/flags.svg') no-repeat center top;
    -webkit-animation: flag 3s ease-in-out 0s infinite alternate;
    animation: flag 3s ease-in-out 0s infinite alternate
}

.no-svg .whyus .flags {
    background-image: url('../images/flags.png')
}

@-webkit-keyframes flag {
    0% {
        -webkit-transform: rotateX(30deg);
        transform: rotateX(30deg);
        -webkit-transform-origin: top center;
        transform-origin: top center;
        -webkit-perspective: 1000;
        perspective: 1000
    }

    to {
        -webkit-transform-origin: top center;
        transform-origin: top center;
        -webkit-transform: rotateX(-30deg);
        transform: rotateX(-30deg)
    }
}

@keyframes flag {
    0% {
        -webkit-transform: rotateX(30deg);
        transform: rotateX(30deg);
        -webkit-transform-origin: top center;
        transform-origin: top center;
        -webkit-perspective: 1000;
        perspective: 1000
    }

    to {
        -webkit-transform-origin: top center;
        transform-origin: top center;
        -webkit-transform: rotateX(-30deg);
        transform: rotateX(-30deg)
    }
}

.whyus .clouds3 {
    width: 1860px;
    height: 330px;
    background: url('../images/clouds3.svg') no-repeat top center;
    position: absolute;
    z-index: 1;
    top: 240px;
    left: 50%;
    margin-left: -930px;
    -webkit-animation: cloudsmove 60s linear 0s infinite alternate;
    animation: cloudsmove 60s linear 0s infinite alternate
}

.no-svg .whyus .clouds3 {
    background-image: url('../images/clouds3.png')
}

@-webkit-keyframes cloudsmove {
    0% {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0)
    }

    to {
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0)
    }
}

@keyframes cloudsmove {
    0% {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0)
    }

    to {
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0)
    }
}

.whyus-slider-container {
    position: relative;
    z-index: 15;
    margin: 0 auto;
    max-width: 762px;
    text-align: center;
    padding: 60px
}

.whyus-slider-back {
    width: 100%;
    height: auto;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    right: 0
}

.whyus-slider-back img {
    position: relative;
    z-index: 2;
    width: 100%
}

.whyus-slider {
    position: relative;
    z-index: 5
}

.whyus-dots {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    z-index: 2
}

.whyus-dots .owl-dot {
    display: inline-block;
    width: 14px;
    height: 14px;
    padding: 0;
    margin: 0 5px;
    vertical-align: middle;
    background-color: #ff5736;
    border-radius: 50%
}

.whyus-dots .owl-dot.active {
    width: 24px;
    height: 24px;
    margin: 0;
    background: #ff5736 url('../images/monte-sprite.svg') no-repeat -96px -54px
}

.no-svg .whyus-dots .owl-dot.active {
    background-image: url('../images/monte-sprite.png')
}

.slider-nav .owl-next,
.slider-nav .owl-prev {
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    width: 100px;
    top: 50%;
    margin-top: -28px;
    height: 56px;
    background: #ff5736;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    cursor: pointer;
    font-size: 0;
    color: transparent
}

.slider-nav .owl-next:hover,
.slider-nav .owl-prev:hover {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.slider-nav .owl-prev {
    left: -40px;
    right: auto;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-top-left-radius: 28px;
    border-bottom-left-radius: 28px
}

.slider-nav .owl-next {
    left: auto;
    right: -40px;
    border-top-right-radius: 28px;
    border-bottom-right-radius: 28px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.slider-nav .owl-next:after,
.slider-nav .owl-prev:after {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -9px;
    width: 18px;
    height: 18px;
    background: url('../images/monte-sprite.svg') no-repeat
}

.no-svg .slider-nav .owl-next:after,
.no-svg .slider-nav .owl-prev:after {
    content: "";
    background-image: url('../images/monte-sprite.png')
}

.slider-nav .owl-prev:after {
    left: 20px;
    background-position: -96px -36px
}

.slider-nav .owl-next:after {
    right: 20px;
    background-position: -96px -18px
}

.whyus-slider .slide img {
    width: 100%;
    height: auto
}

.elephant-ladder {
    position: relative;
    z-index: 2
}

.elephant-ladder .wrapper {
    position: relative
}

.ladder {
    position: absolute;
    bottom: -70px;
    right: 0px;
    width: 160px;
    height: 660px;
    background: url('../images/ladder.svg') no-repeat;
    background-position: bottom center
}

.no-svg .ladder {
    background-image: url('../images/ladder.png')
}

.bird {
    width: 130px;
    height: 125px;
    position: absolute;
    top: 0;
    bottom: 0;
    background: url('../images/bird-sprite.svg') no-repeat;
    background-position: 0 0
}

.no-svg .bird {
    background-image: url('../images/bird-sprite.png')
}

@-webkit-keyframes bird {
    0% {
        background-position: 0 0
    }

    to {
        background-position: -780px 0
    }
}

@keyframes bird {
    0% {
        background-position: 0 0
    }

    to {
        background-position: -780px 0
    }
}

.bird:hover {
    -webkit-animation: bird 1s steps(6, end) infinite alternate;
    animation: bird 1s steps(6, end) infinite alternate
}

.elephant {
    width: 316px;
    height: 233px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: url('../images/elephant-sprite.svg') no-repeat;
    background-position: 0 0;
    cursor: pointer
}

.elephant-animation {
    -webkit-animation: elephant 1s steps(10, end) 2 alternate;
    animation: elephant 1s steps(10, end) 2 alternate
}

.no-svg .elephant {
    background-image: url('../images/elephant-sprite.png')
}

@-webkit-keyframes elephant {
    0% {
        background-position: 0 0
    }

    to {
        background-position: -3160px 0
    }
}

@keyframes elephant {
    0% {
        background-position: 0 0
    }

    to {
        background-position: -3160px 0
    }
}

.grass {
    position: relative;
    z-index: 1;
    background: #7ad068;
    padding: 80px 0 120px 0;
    overflow: hidden
}

.grass:after {
    content: '';
    position: absolute;
    z-index: 1;
    height: 40px;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('../images/background-soil-top.svg') repeat-x center bottom
}

.no-svg .grass:after {
    background-image: url('../images/background-soil-top.png')
}

.white h2,
.white p {
    color: #fff
}

.grass .text {
    width: 50%
}

.flowers {
    width: 50%;
    height: 390px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    margin-top: -220px;
    left: 50%;
    background: url('../images/flowers.svg') no-repeat left bottom
}

.no-svg .flowers {
    background-image: url('../images/flowers.png')
}

.water-cup {
    width: 345px;
    height: 370px;
    position: absolute;
    bottom: 10px;
    left: 250px;
    background: url('../images/water-can.png') no-repeat 0 0;
    cursor: pointer
}

.no-svg .water-cup {
    background-image: url('../images/water-can.png')
}

.water-cup.water-cup-animation {
    -webkit-animation: water-can 1s steps(9, end) 2 alternate;
    animation: water-can 1s steps(9, end) 2 alternate
}

@-webkit-keyframes water-can {
    0% {
        background-position: 0 0
    }

    to {
        background-position: -3105px 0
    }
}

@keyframes water-can {
    0% {
        background-position: 0 0
    }

    to {
        background-position: -3105px 0
    }
}

.flags-header {
    overflow: auto;
    position: relative;
    padding: 0 0 90px 0
}

.flags-2 {
    width: 100%;
    height: 90px;
    background: url('../images/flags-back-2.svg') no-repeat center top;
    margin: 30px 0
}

.no-svg .flags-2 {
    background-image: url('../images/flags-back-2.png')
}

.inner-page header {
    overflow: hidden
}

.inner-page header h1 {
    display: inline-block;
    vertical-align: middle;
    font-family: 'Cabin Sketch', Arial, sans-serif;
    color: #000;
    margin: 0;
    font-size: 56px;
    line-height: 1.34;
    font-weight: 400
}

.inner-page header.decorated {
    text-align: center
}

.inner-page header.decorated h1 {
    margin-top: 20px;
    font-size: 64px
}

.inner-page .bird-2 {
    position: relative;
    display: inline-block
}

.inner-page .bird-2:after {
    content: '';
    width: 96px;
    height: 54px;
    position: absolute;
    top: -20px;
    right: -200px;
    background: url('../images/bird-2.svg') no-repeat 0 0
}

.no-svg .inner-page .bird-2:after {
    content: "";
    background-image: url('../images/bird-2.png')
}

.bird-2-box {
    width: 96px;
    height: 54px;
    background: url('../images/bird-2.svg') no-repeat 0 0;
    margin: 0 auto
}

.no-svg .bird-2-box {
    background-image: url('../images/bird-2.png')
}

.inner-page header .btn {
    margin: 0
}

.heading-icon {
    display: block;
    float: left;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    margin: 0 20px 0 0;
    background: url('../images/monte-sprite.svg') no-repeat;
    background-position: 0px -80px
}

.no-svg .heading-icon {
    background-image: url('../images/monte-sprite.png')
}

.heading-icon.heading-icon-calendar {
    background-color: #ffda0f;
    background-position: 0px -80px
}

.heading-icon.heading-icon-document {
    background-color: #7ad068;
    background-position: -73px -80px
}

.heading-icon.heading-icon-contact {
    background-color: #8763be;
    background-position: -150px -80px
}

.heading-icon.heading-icon-wishlist {
    background-color: #df2f7e;
    background-position: 0px -155px
}

.heading-icon.heading-icon-form {
    background-color: #2fdfaf;
    background-position: -73px -155px
}

.heading-icon.heading-icon-bulletin {
    background-color: #ff7b05;
    background-position: -150px -155px
}

.heading-icon.heading-icon-meal {
    background-color: #ff584e;
    background-position: 0px -230px
}

.heading-icon.heading-icon-gallery {
    background-color: #4571e2;
    background-position: -75px -230px
}

.inner-page .text {
    margin: 30px 0 100px 0
}

.two-col-list {
    margin: 0px -20px;
    font-size: 0
}

.two-col-list>li {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 0 20px
}

.text ul.two-col-list {
    margin: 0 -20px
}

.inner-page .text ul.two-col-list>li {
    padding: 0 20px
}

.inner-page .text ul.two-col-list>li:before {
    display: none
}

.inner-page .text ul.two-col-list>li p {
    color: #696969
}

.inner-page .text ul.two-col-list>li ol,
.inner-page .text ul.two-col-list>li ul {
    padding: 0 0 0 15px;
    list-style: none;
    margin: 0 0 20px 0
}

.inner-page .text ul.two-col-list>li ol {}

.inner-page .text ul.two-col-list>li ul {
    padding: 0
}

.inner-page .text ul.two-col-list>li ol>li,
.inner-page .text ul.two-col-list>li ul>li {
    font-size: 15px;
    line-height: 1.5;
    color: #696969;
    padding: 0;
    font-family: 'Open Sans', sans-serif
}

.inner-page .text ul.two-col-list>li ul>li {
    padding: 0 0 0 12px
}

.inner-page .text ul.two-col-list>li ol>li:after,
.inner-page .text ul.two-col-list>li ol>li:before {}

.inner-page .text ul.two-col-list>li ol {
    padding: 0
}

.inner-page .text ul.two-col-list>li ol li {
    padding-left: 30px
}

.inner-page .text ul.two-col-list>li ol li:after,
.inner-page .text ul.two-col-list>li ol li:before {
    content: counter(step-counter);
    position: absolute;
    top: -2px;
    left: 0;
    width: 30px;
    padding: 0 10px 0 0;
    color: #52aae8;
    font-size: 18px;
    font-family: 'Cabin Sketch', Arial, sans-serif;
    text-align: right;
    background: transparent
}

.inner-page .text ul.two-col-list>li ol li:after {
    content: '.';
    position: absolute;
    left: 0px;
    top: -6px;
    width: 30px;
    font-size: 22px;
    padding: 0 0 0 20px;
    text-align: left
}

.two-col-list img {
    max-width: 100%
}

.two-col-list a img {
    width: 100%
}

.two-col-list figure {
    margin: 0 0 20px 0;
    position: relative;
    overflow: hidden
}

.color-circles {
    text-align: center;
    font-size: 0;
    color: #3c4741;
    text-align: center;
    font-weight: 600;
    margin: 40px 0
}

.color-circle {
    font-size: 18px;
    display: inline-block;
    width: 33.33%;
    position: relative;
    padding: 160px 0 20px 0
}

.color-circle:before {
    content: '';
    position: absolute;
    top: 20px;
    left: 50%;
    margin-left: -60px;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: #666;
    background: url('../images/history-icons.svg') no-repeat left top
}

.no-svg .color-circle:before {
    content: "";
    background-image: url('../images/history-icons.png')
}

.color-circle.blue:before {
    background-color: #52aae8;
    background-position: 0px 0px
}

.color-circle.green:before {
    background-color: #7ad068;
    background-position: -120px 0px
}

.color-circle.red:before {
    background-color: #ff5736;
    background-position: -240px 0px
}

.time-flag {
    position: absolute;
    top: 20px;
    left: 0;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    line-height: 40px;
    padding: 0 25px 0 25px;
    height: 40px;
    width: 140px;
    background: url('../images/green-flag.svg') no-repeat left top;
    -webkit-transform: translate3d(-15px, 0, 0);
    transform: translate3d(-15px, 0, 0);
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}

.time-flag {
    background-image: url('../images/green-flag.png')
}

a:hover .time-flag {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.two-col-list>li>a {
    display: block;
    text-decoration: none
}

blockquote {
    color: #7ad068;
    font-size: 36px;
    font-weight: 400;
    line-height: 1.5;
    margin: 30px 0;
    font-family: 'Cabin Sketch', Arial, sans-serif
}

blockquote footer {
    font-size: 20px;
    font-weight: 400;
    text-transform: none;
    margin-top: 10px
}

.inner-page-padded {
    padding: 0 0 100px 0
}

.padded-layout {
    padding: 0 90px
}

.news-list li {
    position: relative
}

.news-list li a {
    text-decoration: none
}

.news-list li figure {
    margin: 0 0 20px 0;
    overflow: hidden;
    position: relative
}

.news-list li a img {
    width: 100%
}

.news-list h5 {
    font-size: 18px
}

.content-col {
    display: inline-block;
    width: 66.66%;
    vertical-align: top
}

.content-col .text {
    margin: 0
}

.content-col .gallery-slider-container {
    width: 100%;
    margin: 0 0 30px 0;
    padding: 60px;
    background: url('../images/slider-back-big.png') no-repeat center center;
    background-size: contain
}

.content-col .gallery-slider-container .slider-nav .owl-prev {
    left: 15px
}

.content-col .gallery-slider-container .slider-nav .owl-next {
    right: 15px
}

.sidebar {
    width: 33.33%;
    display: inline-block;
    vertical-align: top
}

.sidebar-right {
    padding: 0 0 0 50px
}

.sidebar-left {
    padding: 0 50px 0 0
}

.inner-page .text ul.wishlist {
    margin: 0 0 100px 0
}

.inner-page .text ul.wishlist li {
    margin: 20px 0;
    position: relative;
    padding: 0 0 0 24px
}

.inner-page .text ul.wishlist li:before {
    content: '';
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    margin-top: -12px;
    left: 0;
    background: url('../images/monte-sprite.svg') no-repeat;
    background-position: -120px -55px
}

.no-svg .inner-page .text ul.wishlist li:before {
    content: "";
    background-image: url('../images/monte-sprite.png')
}

.wishlist a {
    display: inline-block;
    position: relative;
    font-size: 24px;
    font-weight: 400;
    color: #3c4741;
    text-decoration: none;
    margin: 0 0 0 10px
}

.wishlist a:after {
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -1px;
    left: 0;
    right: 0;
    height: 2px;
    background: #000;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left
}

.wishlist a.crossed:after {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1)
}

.lt-ie9 .wishlist a:after {
    display: none
}

.lt-ie9 .wishlist a.crossed {
    text-decoration: line-through
}

.tabs {
    font-size: 0;
    text-align: center;
    margin: 40px 0
}

.tabs a {
    display: inline-block;
    text-decoration: none;
    color: #3c4741;
    font-size: 24px;
    line-height: 1;
    font-family: 'Cabin Sketch', Arial, sans-serif;
    padding: 10px 40px;
    border-radius: 22px;
    background: #ebddd0;
    position: relative;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    margin: 10px
}

.tabs a:hover {
    background: #dfcab7
}

.tabs a.active {
    color: #fff;
    background: #ff5736
}

.tabs a:after {
    content: '';
    position: absolute;
    bottom: -20px;
    left: 50%;
    margin-left: -10px;
    border: 10px solid transparent;
    border-top-color: #ebddd0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
    opacity: 0;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}

.tabs a.active:after {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    border-top-color: #ff5736
}

.tab-content {
    display: none
}

.tab-content.active {
    display: block
}

.lt-ie9 .tabs a:after {
    display: none
}

.lt-ie9 .tabs a.active:after {
    display: block
}

.tab-select {
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    border: 0;
    border-radius: 22px;
    background-color: #fff;
    height: 44px;
    padding: 0 44px 0 22px;
    background: #ebddd0 url('../images/dropdown.svg') no-repeat right center;
    font-size: 24px;
    font-family: 'Cabin Sketch', Arial, sans-serif;
    line-height: 44px;
    color: #3c4741;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    display: none
}

.no-svg .tab-select {
    background-image: url('../images/dropdown.png')
}

.tab-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000
}

.tab-select::-ms-expand {
    display: none
}

.ie9 .tab-select,
.lt-ie9 .tab-select {
    padding: 7px 10px;
    background: #3c4741
}

.box-list {
    margin: 40px -10px
}

.box-list li {
    vertical-align: top;
    padding: 10px
}

.box-list li a {
    text-decoration: none;
    display: block;
    color: #3c4741;
    font-size: 17px;
    font-weight: 600;
    text-decoration: underline
}

.box-list li a figure {
    margin: 0 0 20px 0;
    background: #fff;
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 240px;
    padding: 10px
}

.box-list li a figure span {
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

.box-list li a figure img {
    display: block;
    max-width: 100%;
    height: auto;
    max-height: 200px;
    margin: 0 auto
}

.paginator {
    margin: 0 0 80px 0;
    font-size: 0;
    text-align: center
}

.paginator a {
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    color: #000;
    font-size: 20px;
    width: 42px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    border-radius: 50%;
    background: transparent;
    font-family: 'Cabin Sketch', Arial, sans-serif;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    margin: 0 3px
}

.paginator a:hover {
    background: #fff
}

.paginator a.next-page,
.paginator a.prev-page {
    position: relative
}

.paginator a.next-page:after,
.paginator a.prev-page:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 18px;
    margin-left: -9px;
    margin-top: -9px;
    background: url('../images/monte-sprite.svg') no-repeat;
    background-position: -116px 0px;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}

.paginator a.next-page:after {
    background-position: -96px 0px
}

.paginator a.next-page:hover:after,
.paginator a.prev-page:hover:after {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.no-svg. paginator a.next-page:after,
.no-svg. paginator a.prev-page:after {
    content: "";
    background-image: url('../images/monte-sprite.png')
}

.paginator a.active {
    background-color: #ff5736;
    color: #fff
}

.breadcrumbs {
    font-size: 0;
    text-align: left
}

.breadcrumbs a {
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    line-height: 25px;
    text-decoration: none;
    color: #696969
}

.breadcrumbs a:before {
    content: '';
    width: 20px;
    height: 20px;
    background: url('../images/monte-sprite.svg') no-repeat;
    background-position: -117px -35px;
    display: inline-block;
    vertical-align: top;
    margin: 3px 0 0 0
}

.breadcrumbs a.home:before {
    background-position: -200px 0px;
    margin: 0
}

.no-svg .breadcrumbs a:before {
    background-image: url('../images/monte-sprite.png') no-repeat
}

.events-list {
    margin: 40px 0 100px 0
}

.events-list li {
    background: #fff;
    margin: 10px 0;
    position: relative
}

.event-date {
    color: #d4c3b3;
    width: 100px;
    position: absolute;
    top: 0;
    left: 0;
    font-family: 'Cabin Sketch', Arial, sans-serif;
    padding: 15px 0
}

.event-date strong {
    font-size: 56px;
    line-height: 1;
    font-weight: 400;
    display: block;
    text-align: center
}

.event-date span {
    display: block;
    font-size: 24px;
    line-height: 1;
    margin-top: -7px;
    text-align: center
}

.event-row {
    border-bottom: 1px solid #f3e9e2;
    margin: 0 30px 0 100px;
    padding: 30px 0 30px 15px;
    font-size: 0
}

.event-row:last-child {
    border-bottom: 0
}

.event-time {
    display: inline-block;
    vertical-align: middle;
    width: 20%;
    font-size: 20px
}

.event-time .event-icon {
    vertical-align: middle;
    margin: 0
}

.event-title {
    display: inline-block;
    vertical-align: middle;
    font-size: 24px;
    color: #3c4741;
    font-weight: 600;
    margin: 0;
    width: 30%;
    padding: 0 10px 0 0
}

.event-description {
    width: 50%;
    padding: 0 0 0 10px;
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    color: #696969;
    margin: 0
}

.flex-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.flex-row>* {
    width: auto !important
}

.flex-row .btn {
    margin: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.messages-inner {
    padding: 40px 0 100px
}

.messages-inner-heading-field {
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 30px;
    margin-bottom: 30px
}

.messages-inner-heading-field time {
    color: #d4c3b3;
    font-family: 'Cabin Sketch', Arial, sans-serif;
    line-height: 1;
    text-align: center
}

.messages-inner-heading-field time strong {
    font-size: 56px;
    font-weight: 400;
    display: block
}

.messages-inner-heading-field time span {
    display: block;
    font-size: 24px;
    margin-top: -3px
}

.messages-inner-heading {
    font-size: 24px;
    color: #3c4741;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    padding-left: 40px
}

.messages-inner-content {
    padding-left: 30px;
    padding-right: 30px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px
}

.messages-inner-content p {
    line-height: 1.7
}

.messages-inner-content>:last-child {
    margin-bottom: 0
}

.up {
    position: absolute;
    z-index: -1;
    top: -90px;
    right: 20px;
    width: 50px;
    height: 90px;
    background: #ff5736;
    font-size: 18px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    padding: 30px 0 0 0;
    border-top-right-radius: 26px;
    border-top-left-radius: 26px;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}

.bg .up {
    font-size: 15px
}

.up:before {
    content: '';
    position: absolute;
    top: 10px;
    left: 15px;
    width: 20px;
    height: 20px;
    background: url('../images/monte-sprite.svg') no-repeat;
    background-position: -140px -25px
}

.no-svg .up:before {
    content: "";
    background-image: url('../images/monte-sprite.png')
}

.up:hover {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
}

.inner-page .text ul.day-timeline {
    margin: 0px 0 200px 0
}

.inner-page .text ul.day-timeline li {
    margin: 0 0 -100px 0;
    overflow: hidden;
    padding: 0 0 20px 0
}

.inner-page .text ul.day-timeline li:before {
    display: none
}

.lt-ie9 .inner-page .text ul.day-timeline li {
    margin: 0
}

.day-timeline li:last-child figure:after {
    display: none
}

.day-timeline li .pic-container {
    width: 50%;
    float: left;
    font-size: 0;
    text-align: center
}

.day-timeline li:nth-child(2n) .pic-container {
    float: right
}

.day-timeline li figure {
    position: relative;
    margin: 0 10px;
    display: inline-block
}

.day-timeline figure:after {
    content: '';
    position: absolute;
    z-index: 1;
    top: 35%;
    left: 120%;
    width: 100px;
    height: 65px;
    background: url('../images/timeline-arrow.svg') no-repeat 0px 0px
}

.no-svg .day-timeline figure:after {
    content: "";
    background-image: url('../images/timeline-arrow.png')
}

.day-timeline li:nth-child(2n) figure:after {
    left: auto;
    right: 120%;
    background-position: 0 -65px
}

.day-timeline figcaption {
    color: #8763be;
    font-size: 32px;
    font-family: 'Cabin Sketch', Arial, sans-serif;
    padding: 0 25px;
    text-align: left
}

.day-timeline .pic {
    background: url('../images/timeline-pic-back2.png') no-repeat center center;
    padding: 25px;
    background-size: cover;
    position: relative;
    z-index: 2;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}

.day-timeline .pic-container:hover .pic {
    -webkit-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg)
}

.day-timeline li:nth-child(2n) .pic-container:hover .pic {
    -webkit-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg)
}

.day-timeline .pic img {
    display: block;
    width: 100%;
    height: auto
}

.white-pattern {
    background: #fff url('../images/white-pattern.jpg') repeat center center;
    border: 1px solid #e6e6e6
}

.video-box {
    padding: 60px;
    width: 85%;
    margin: 30px auto;
    position: relative;
    display: none
}

.video-box .x {
    position: absolute;
    top: 14px;
    right: 14px
}

.video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0
}

.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #e6e6e6
}

.video-wrapper {
    width: 100%
}

.video-player {
    position: relative;
    padding-bottom: 56.25%;
    height: 0
}

.video-wrapper a,
.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video-player a {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center !important
}

.video-player a:after,
.video-player a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: inline-block;
    opacity: .8;
    -webkit-transition: .25s;
    -o-transition: .25s;
    transition: .25s;
    -webkit-backface-visibility: hidden
}

.video-player a:before {
    width: 0;
    height: 0;
    border-top: 1.11rem solid transparent;
    border-bottom: 1.11rem solid transparent;
    border-left: 1.94rem solid #fff;
    z-index: 1;
    left: 50.5%
}

.video-player a:after {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #ff5736
}

.video-player a:hover:after,
.video-player a:hover:before {
    opacity: 1
}

.gallery-inner {
    margin: 40px 0 100px 0;
    padding: 30px
}

.gallery-inner h3,
.gallery-inner h5 {
    margin-left: 10px
}

.gallery-inner .gallery-list {
    margin-bottom: 0;
    padding: 0px
}

.gallery-list {
    margin: 40px 0 100px 0;
    padding: 30px
}

.gallery-list .paginator {
    margin: 30px 0 0 0
}

.gallery-inner .btn {
    margin: 20px 0 0px 0
}

.gallery-list figure {
    margin: 0;
    position: relative;
    overflow: hidden
}

.gallery-list figure figcaption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    -webkit-transform: translate3d(0, 72%, 0);
    transform: translate3d(0, 72%, 0);
    background: rgba(54, 174, 219, 0.9);
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    padding: 20px 20px 40px 20px;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.gallery-list li a:hover figure figcaption {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.ie9 .gallery-list figure figcaption,
.lt-ie9 .gallery-list figure figcaption {
    top: 70%
}

.lt-ie9 .gallery-list figure figcaption {
    background: rgb(54, 174, 219)
}

.ie9 .gallery-list a:hover figure figcaption,
.lt-ie9 .gallery-list a:hover figure figcaption {
    top: 0%
}

.gallery-list figure figcaption:after {
    content: '';
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: 10px;
    left: 10px;
    background: url('../images/monte-sprite.svg') no-repeat -230px -40px;
    -webkit-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease
}

.no-svg .gallery-list figure figcaption:after {
    background-image: url('../images/monte-sprite.png')
}

.gallery-list li a:hover figure figcaption:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.ie9 .gallery-list figure figcaption:after,
.lt-ie9 .gallery-list figure figcaption:after {
    display: none
}

.gallery-list li a {
    display: block;
    padding: 10px;
    position: relative
}

.gallery-list li a:after {
    content: '';
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
    height: 20px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(54, 174, 219, 0)), to(rgba(54, 174, 219, 0.9)));
    background: -webkit-linear-gradient(top, rgba(54, 174, 219, 0) 0%, rgba(54, 174, 219, 0.9) 100%);
    background: -o-linear-gradient(top, rgba(54, 174, 219, 0) 0%, rgba(54, 174, 219, 0.9) 100%);
    background: linear-gradient(to bottom, rgba(54, 174, 219, 0) 0%, rgba(54, 174, 219, 0.9) 100%)
}

.gallery-list img {
    width: 100%;
    height: auto
}

.gallery-slider {
    position: relative;
    z-index: 2 !important
}

.gallery-slider-container .slider-nav .owl-next {
    right: 10px
}

.gallery-slider figure {
    margin: 0;
    position: relative;
    z-index: 2;
    background-color: #fff
}

.gallery-slider figure img {
    width: auto !important;
    max-width: 100%;
    height: 540px !important;
    -o-object-fit: cover;
    object-fit: cover;
    margin: 0 auto;
    height: auto;
    display: block
}

.gallery-slider figure.video-holder img {
    height: auto !important
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 1 !important
}

.gallery-slider figure figcaption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 15px;
    color: #fff;
    font-weight: 600;
    background: rgba(54, 174, 219, 0.9);
    padding: 10px
}

.lt-ie9 .gallery-slider figure figcaption {
    background-color: #52aae8
}

.gallery-slider-container {
    position: relative;
    z-index: 1;
    padding: 0 60px 0 10px;
    width: 75%;
    display: inline-block
}

.gallery-slider-container .owl-controls {
    display: none
}

.gallery-inner aside {
    vertical-align: top
}

.mini-gallery-container {
    position: relative;
    display: inline-block;
    width: 25%
}

.mini-gallery {
    font-size: 0
}

.mini-gallery-inner {
    margin: 0 10px;
    position: relative
}

.mini-gallery-inner:after {
    content: '';
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 33.33%;
    padding-top: 33.33%;
    background: #ff5736;
    z-index: 0
}

.one-page.mini-gallery-inner:after {
    display: none
}

.mini-gallery .owl-controls {
    display: none
}

.mini-gallery-page a {
    display: inline-block;
    width: 33.33%;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    background: #36aedb;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}

.mini-gallery-page a:hover img {
    opacity: 0.5
}

.mini-gallery-page a.active img {
    opacity: 0.2
}

.lt-ie9 .mini-gallery-page a.active img {
    border: 10px solid #52aae8
}

.mini-gallery-page img {
    max-width: 100%;
    height: auto;
    max-height: 100%;
    width: auto
}

.video-holder {
    position: relative
}

.video-holder:before {
    content: "";
    position: absolute;
    background-color: rgba(0, 0, 0, .4);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    z-index: 2;
    cursor: pointer
}

.video-holder:after {
    content: "";
    position: absolute;
    background-image: url('../images/video-button.svg');
    background-repeat: no-repeat;
    position: absolute;
    background-size: cover;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 72px;
    height: 67px;
    z-index: 3;
    cursor: pointer;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease
}

.video-holder:hover:after {
    opacity: .7
}

.video-holder.with-video:after,
.video-holder.with-video:before {
    display: none
}

.mini-gallery-controls {
    width: 33.33%;
    padding-top: 33.33%;
    position: absolute;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    z-index: 2;
    bottom: 0px;
    right: 0px
}

.mini-gallery-next,
.mini-gallery-prev {
    display: block;
    position: absolute;
    z-index: 2;
    top: 8px;
    left: 8px;
    width: 18px;
    height: 18px;
    background: url('../images/monte-sprite.svg') no-repeat -96px -36px
}

.no-svg .mini-gallery-next,
.no-svg .mini-gallery-prev {
    background-image: url('../images/monte-sprite.png')
}

.mini-gallery-next {
    top: auto;
    left: auto;
    bottom: 8px;
    right: 8px;
    background-position: -96px -18px
}

.mini-gallery-pager {
    font-size: 20px;
    color: #fff;
    font-family: 'Cabin Sketch', Arial, sans-serif;
    position: absolute;
    top: 50%;
    line-height: 30px;
    margin-top: -15px;
    height: 30px;
    width: 100%;
    text-align: center
}

.mini-gallery-active-page {
    margin: 0 8px 0 0
}

.mini-gallery-all-pages {
    font-size: 16px
}

.download-link {
    color: #4571e2;
    font-size: 15px;
    font-weight: 600;
    display: inline-block;
    text-decoration: none
}

.download-link:hover {
    text-decoration: underline
}

.gallery-inner .download-link {
    margin: 0 10px 30px 10px
}

.circle-list {
    margin: 40px 0 100px 0;
    text-align: center
}

.circle-list li {
    vertical-align: top;
    padding-top: 25%;
    position: relative
}

.circle-list a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-decoration: none;
    text-align: center;
    background: #fff;
    margin: 10px;
    -webkit-transition: background 0.2s ease;
    -o-transition: background 0.2s ease;
    transition: background 0.2s ease
}

.circle-list a:after {
    content: '';
    position: absolute;
    z-index: 200;
    top: -1px;
    bottom: -1px;
    left: -1px;
    right: -1px;
    background: url('../images/circle-mask.svg') no-repeat left top;
    background-size: cover
}

.no-svg .circle-list a:after {
    content: "";
    background-image: url('../images/circle-mask.png')
}

.circle-list li:nth-child(5n+1) a:after {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}

.circle-list li:nth-child(5n+2) a:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.circle-list li:nth-child(5n+3) a:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.circle-list li:nth-child(5n+4) a:after {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.circle-list a:hover figcaption {
    color: #fff;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.circle-list a.logout:hover figcaption {
    color: #fff;
    -webkit-transform: translate3d(0, 0%, 0);
    transform: translate3d(0, 0%, 0)
}

.circle-list a.blue:hover {
    background-color: #4571e2
}

.circle-list a.yellow:hover {
    background-color: #ffda0f
}

.circle-list a.green:hover {
    background-color: #7ad068
}

.circle-list a.red:hover {
    background-color: #ff584e
}

.circle-list a.green2:hover {
    background-color: #2fdfaf
}

.circle-list a.violet:hover {
    background-color: #df2f7e
}

.circle-list a.purple:hover {
    background-color: #8763be
}

.circle-list a.orange:hover {
    background-color: #ff7b05
}

.circle-list a.blue2:hover {
    background-color: #52aae8
}

.circle-list .circle-item {
    display: table;
    width: 100%;
    height: 100%;
    padding: 20px
}

.circle-list figure {
    margin: 0;
    display: table-cell;
    vertical-align: middle
}

.circle-list figcaption {
    font-size: 24px;
    font-weight: 600;
    color: #080707;
    -webkit-transition: color 0.2s ease;
    -o-transition: color 0.2s ease;
    transition: color 0.2s ease;
    position: relative;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}

.circle-list figcaption:after {
    content: '';
    width: 18px;
    height: 18px;
    position: absolute;
    top: 120%;
    left: 50%;
    margin-left: -9px;
    background: url('../images/monte-sprite.svg') no-repeat -96px -18px;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    opacity: 0
}

.no-svg .circle-list figcaption:after {
    content: "";
    background-image: url('../images/monte-sprite.png')
}

.circle-list a:hover figcaption:after {
    -webkit-transform: translate3d(0, 0%, 0);
    transform: translate3d(0, 0%, 0);
    opacity: 1
}

.circle-list a.logout figcaption:after {
    display: none
}

.circle-list-icon {
    display: block;
    width: 80px;
    height: 80px;
    margin: 20px auto;
    background: url('../images/profile-icons.svg') no-repeat 0px 0px;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}

.no-svg .circle-list-icon {
    background-image: url('../images/profile-icons.png')
}

.circle-list-icon.circle-list-icon-gallery {
    background-position: 0px 0px
}

.circle-list-icon.circle-list-icon-calendar {
    background-position: -80px 0px
}

.circle-list-icon.circle-list-icon-documents {
    background-position: -160px 0
}

.circle-list-icon.circle-list-icon-meal {
    background-position: -240px 0
}

.circle-list-icon.circle-list-icon-videos {
    background-position: -400px 0
}

.circle-list-icon.circle-list-icon-wishlist {
    background-position: 0px -160px
}

.circle-list-icon.circle-list-icon-contacts {
    background-position: -80px -160px
}

.circle-list-icon.circle-list-icon-bulletin {
    background-position: -160px -160px
}

.circle-list-icon.circle-list-icon-messages {
    background-position: -320px -160px
}

.circle-list-icon.circle-list-icon-communication-form {
    background-position: -320px 0
}

.circle-list-icon.circle-list-icon-logout {
    background-position: -240px -160px
}

.circle-list a:hover .circle-list-icon.circle-list-icon-gallery {
    background-position: 0px -80px
}

.circle-list a:hover .circle-list-icon.circle-list-icon-calendar {
    background-position: -80px -80px
}

.circle-list a:hover .circle-list-icon.circle-list-icon-documents {
    background-position: -160px -80px
}

.circle-list a:hover .circle-list-icon.circle-list-icon-meal {
    background-position: -240px -80px
}

.circle-list a:hover .circle-list-icon.circle-list-icon-wishlist {
    background-position: 0px -240px
}

.circle-list a:hover .circle-list-icon.circle-list-icon-contacts {
    background-position: -80px -240px
}

.circle-list a:hover .circle-list-icon.circle-list-icon-bulletin {
    background-position: -160px -240px
}

.circle-list a:hover .circle-list-icon.circle-list-icon-messages {
    background-position: -320px -240px
}

.circle-list a:hover .circle-list-icon.circle-list-icon-communication-form {
    background-position: -320px -80px
}

.circle-list a:hover .circle-list-icon.circle-list-icon-logout {
    background-position: -240px -240px
}

.circle-list a:hover .circle-list-icon.circle-list-icon-videos {
    background-position: -400px -80px
}

.accordion li {
    border-bottom: 1px solid #ebddd0
}

.inner-page .text ul.accordion li {
    padding: 0;
    margin: 0
}

.accordion li:before {
    display: none
}

.accordion .summary-block {
    position: relative;
    padding: 25px 30px;
    cursor: pointer
}

.accordion .summary-block:before {
    content: '';
    position: absolute;
    top: 27px;
    left: 0;
    width: 20px;
    height: 20px;
    background: url('../images/monte-sprite.svg') no-repeat -170px -23px;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}

.no-svg .accordion .summary-block:before {
    content: "";
    background-image: url('../images/monte-sprite.png')
}

.accordion li.accordion-open .summary-block:before {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.accordion .expand-block {
    padding: 0 30px;
    display: none;
    overflow: hidden
}

.accordion .expand-block em {
    color: #696969;
    float: right;
    margin: 0 0 20px 0;
    display: block
}

.accordion li.accordion-open h4 {
    color: #36aedb
}

.accordion h4 {
    font-size: 20px;
    line-height: 1.3;
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    color: #3c4741;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}

.accordion p {
    font-size: 15px;
    color: #696969;
    margin: 0 0 20px 0
}

.accordion.testimonials p:first-child:before {
    content: '';
    float: left;
    width: 40px;
    height: 36px;
    background: url('../images/monte-sprite.svg') no-repeat -150px -45px;
    margin: 5px 10px 5px 0
}

.no-svg .accordion.testimonials p:first-child:before {
    content: "";
    background-image: url('../images/monte-sprite.png')
}

.white-form {
    background: #fff;
    position: relative;
    margin: 60px 0 120px 0;
    padding: 40px 80px
}

.white-form:before {
    content: '';
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
    height: 20px;
    background: url('../images/white-hole.svg') repeat-x center top
}

.white-form legend {
    text-align: center;
    display: block;
    width: 100%;
    margin: 0 0 40px 0;
    font-family: 'Cabin Sketch', Arial, sans-serif;
    color: #000;
    font-size: 72px;
    line-height: 1;
    font-weight: 400
}

.no-svg .white-form:before {
    content: "";
    background-image: url('../images/white-hole.png')
}

.white-form fieldset {
    margin: 0 -10px
}

.field {
    padding: 40px 10px 10px 10px;
    position: relative;
    vertical-align: top
}

label {
    font-size: 28px;
    height: 34px;
    line-height: 34px;
    display: block;
    font-family: 'Cabin Sketch', Arial, sans-serif;
    position: absolute;
    top: 40px;
    left: 10px;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    background: #fff
}

input[type=email],
input[type=password],
input[type=tel],
input[type=text],
textarea {
    font-size: 28px;
    line-height: 34px;
    font-family: 'Cabin Sketch', Arial, sans-serif;
    border: 0;
    outline: none;
    height: 34px;
    background: #fff url('../images/input-dot.svg') repeat-x bottom center;
    width: 100%;
    color: #696969;
    padding: 0;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none
}

.login-pannel input[type=email],
.login-pannel input[type=password],
.login-pannel input[type=tel],
.login-pannel input[type=text],
.login-pannel textarea {
    font-size: 20px
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
    border-bottom: 2px dotted #d7d7d7
}

.no-svg input[type=email],
.no-svg input[type=password],
.no-svg input[type=tel],
.no-svg input[type=text],
.no-svg textarea {
    background-image: url('../images/input-dot.png')
}

textarea {
    background: #fff url('../images/input-dot-textarea.svg') repeat top center;
    line-height: 32px;
    background-attachment: local;
    height: 200px;
    resize: none
}

.no-svg textarea {
    background-image: url('../images/input-dot-textarea.png')
}

.move-label {
    -webkit-transform: translate3d(0px, -30px, 0);
    transform: translate3d(0px, -30px, 0)
}

.ie9 .move-label,
.lt-ie9 .move-label {
    top: 0
}

.submit {
    margin: 0;
    padding-left: 40px;
    padding-right: 60px
}

.white-form .error-msg {
    color: #ff5736;
    font-size: 18px;
    font-family: 'Cabin Sketch', Arial, sans-serif
}

.form-tabs {
    text-align: center;
    font-size: 0;
    margin: 0 0 40px 0
}

.form-tabs a {
    display: inline-block;
    text-decoration: none
}

.form-tabs a.active h3 {
    color: #000
}

.form-tabs a h3 {
    margin: 0;
    color: #ccc
}

.form-tabs span {
    font-size: 48px;
    font-family: 'Cabin Sketch', Arial, sans-serif;
    margin: 0 20px
}

.contacts {
    text-align: center;
    margin: 0 0 40px 0
}

.contacts .col {
    padding: 10px;
    vertical-align: top;
    text-align: center
}

.contacts a {
    display: block;
    font-size: 18px;
    color: #3c4741;
    font-weight: 600;
    text-align: center;
    text-decoration: none
}

.contact-icon {
    width: 70px;
    height: 70px;
    display: inline-block;
    border-radius: 50%;
    background: red;
    background: #ff5736 url('../images/monte-sprite.svg') no-repeat;
    margin: 30px 0
}

.no-svg .contact-icon {
    background-image: url('../images/monte-sprite.png')
}

.contact-icon.contact-icon-adress {
    background-position: 0px -305px
}

.contact-icon.contact-icon-tel {
    background-position: -70px -305px
}

.contact-icon.contact-icon-mail {
    background-position: -140px -305px
}

.google-map {
    position: relative
}

.google-map .paper-clip-blue {
    position: absolute;
    top: -27px;
    left: 20px;
    z-index: 2
}

.google-map .paper-clip-green {
    position: absolute;
    top: -24px;
    right: 20px;
    z-index: 2
}

.google-map #map {
    position: relative;
    z-index: 1;
    width: auto;
    height: 460px;
    margin: 40px
}

.above-ocean {
    height: 150px;
    position: relative;
    z-index: 1
}

.above-ocean .water-blend {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-position: left top
}

.above-ocean .fish-1 {
    top: 70px;
    margin-left: -100px
}

.above-ocean .fish-2 {
    top: 0px;
    left: 50%;
    margin-left: -100px;
    display: none
}

.ocean {
    background: #0f64b3 url('../images/ocean-background.svg') repeat-y center top;
    padding: 1px 0 60px 0;
    margin: 60px 0 0 0;
    position: relative;
    z-index: 2
}

.no-svg .ocean {
    background-image: url('../images/ocean-background.png;')
}

.ocean:before {
    content: '';
    position: absolute;
    top: -60px;
    left: 0;
    right: 0;
    width: 100%;
    height: 60px;
    background: url('../images/underwater-top.svg') repeat-x right top
}

.no-svg .ocean:before {
    content: "";
    background: url('../images/underwater-top.png')
}

.inner-page .ocean .text ul.two-col-list>li p,
.inner-page .ocean p,
.ocean h5 {
    color: #fff
}

.ocean .two-col-list li>ul {
    list-style: disc;
    padding-left: 20px
}

.ocean .two-col-list li>ul li {
    color: #fff !important;
    font-size: 15px;
    margin-bottom: 10px;
    font-family: 'Open Sans', sans-serif
}

.inner-page .ocean .text ul li:before {
    background: #fff
}

.ocean .tabs a {
    color: #fff;
    background: #0f64b3;
    border: 2px solid #fff;
    padding: 8px 38px
}

.ocean .tabs a.active {
    color: #0f64b3;
    background: #fff
}

.ocean .tabs a.active:after {
    border-top-color: #fff
}

.ocean .tab-select {
    background-color: #fff
}

.ocean figure {
    display: table;
    width: 100%;
    height: 220px
}

.ocean figure span {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.ocean figure span img {
    max-height: 200px
}

.main-footer {
    display: table-row;
    height: 1px;
    position: relative
}

.soil {
    z-index: 1;
    position: relative;
    background: #7a5e58 url('../images/background-soil.svg') repeat center top;
    overflow: hidden
}

.no-svg .soil {
    background-image: url('../images/background-soil.png')
}

.pause {
    position: fixed;
    top: 10px;
    left: 10px;
    z-index: 1000;
    background: #fff;
    width: 46px;
    height: 46px;
    border: 3px solid #666
}

.pause:after {
    content: '';
    position: absolute;
    top: 10px;
    left: 10px;
    width: 20px;
    height: 20px;
    border-left: 7px solid #666;
    border-right: 7px solid #666
}

.pause.play:after {
    width: 0px;
    height: 0px;
    border: 10px solid transparent;
    border-left: 15px solid #666;
    left: 15px
}

.animation-pause .animated-object {
    -webkit-animation-play-state: paused !important;
    animation-play-state: paused !important
}

.worm-1 {
    width: 102px;
    height: 30px;
    -webkit-animation: worm-anim-full 60s linear 0s infinite normal;
    animation: worm-anim-full 60s linear 0s infinite normal;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    position: absolute;
    top: 30px
}

.no-svg .worm-1 {}

.worm-1-inner {
    width: 110px;
    height: 30px;
    background: url('../images/worm-1-sprite.svg') no-repeat 0 0;
    -webkit-animation: gunasa 0.6s steps(5, end) infinite alternate, worm-anim-full 20s ease-in-out 10s infinite;
    animation: gunasa 0.6s steps(5, end) infinite alternate, worm-anim-full 20s ease-in-out 10s infinite
}

.no-svg .worm-1-inner {
    background-image: url('../images/worm-1-sprite.svg')
}

@-webkit-keyframes gunasa {
    0% {
        background-position: 0 0
    }

    to {
        background-position: -550px 0px
    }
}

@keyframes gunasa {
    0% {
        background-position: 0 0
    }

    to {
        background-position: -550px 0px
    }
}

.worm-1.flip {
    top: auto;
    bottom: 33%;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards
}

.worm-2 {
    width: 82px;
    height: 37px;
    position: absolute;
    top: auto;
    bottom: 33%;
    background: url('../images/worm-2.svg') no-repeat;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    left: 100px
}

.no-svg .worm-2 {
    background-image: url('../images/worm-2.png')
}

.worm-2.flip {
    top: 30%;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    left: auto;
    right: 100px
}

.worm-3 {
    width: 66px;
    height: 37px;
    position: absolute;
    top: 45%;
    background: url('../images/worm-3.svg') no-repeat;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    left: 200px
}

.no-svg .worm-3 {
    background-image: url('../images/worm-3.png')
}

.worm-3.flip {
    top: auto;
    bottom: 80px;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    left: auto;
    right: 200px
}

@-webkit-keyframes worm-anim {
    0% {
        left: -100px;
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg)
    }

    49% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg)
    }

    50% {
        left: 400px;
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg)
    }

    99% {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg)
    }

    to {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
        left: -100px
    }
}

@keyframes worm-anim {
    0% {
        left: -100px;
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg)
    }

    49% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg)
    }

    50% {
        left: 400px;
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg)
    }

    99% {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg)
    }

    to {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
        left: -100px
    }
}

@-webkit-keyframes worm-anim-flip {
    0% {
        right: -100px;
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg)
    }

    49% {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg)
    }

    50% {
        right: 400px;
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg)
    }

    99% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg)
    }

    to {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
        right: -100px
    }
}

@keyframes worm-anim-flip {
    0% {
        right: -100px;
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg)
    }

    49% {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg)
    }

    50% {
        right: 400px;
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg)
    }

    99% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg)
    }

    to {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
        right: -100px
    }
}

@-webkit-keyframes worm-anim-full {
    0% {
        left: -200px;
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg)
    }

    to {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
        left: 3000px
    }
}

@keyframes worm-anim-full {
    0% {
        left: -200px;
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg)
    }

    to {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
        left: 3000px
    }
}

@-webkit-keyframes worm-anim-flip-full {
    0% {
        right: -200px;
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg)
    }

    to {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
        right: 3000px
    }
}

@keyframes worm-anim-flip-full {
    0% {
        right: -200px;
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg)
    }

    to {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
        right: 3000px
    }
}

.mole {
    width: 216px;
    height: 80px;
    background: url('../images/mole-sprite.svg') no-repeat 0 0;
    position: absolute;
    bottom: 80px;
    right: -220px;
    -webkit-animation: mole 0.6s steps(3, end) infinite alternate, worm-anim-flip-full 20s ease-in-out 10s infinite;
    animation: mole 0.6s steps(3, end) infinite alternate, worm-anim-flip-full 20s ease-in-out 10s infinite
}

.no-svg .mole {
    background-image: url('../images/mole-sprite.png')
}

@-webkit-keyframes mole {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 0 -240px
    }
}

@keyframes mole {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 0 -240px
    }
}

.calendar-tabs {
    position: relative;
    z-index: 1;
    margin: 120px 0
}

.calendar-tab {
    display: none;
    background-color: #fff;
    overflow: hidden
}

.calendar-tab .text ul.two-col-list {
    margin: 20px
}

.calendar-tab .two-col-list>li {
    width: 33.33%
}

.calendar-tabs div.active-tab {
    display: block
}

.calendar-tabs .calendar-header {
    background: #ffe400;
    position: relative;
    padding: 20px;
    font-size: 0;
    border-bottom: 1px solid #ccb600;
    font-family: 'Cabin Sketch', Arial, sans-serif
}

.calendar-tabs .calendar-header:before {
    content: '';
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
    height: 20px;
    background: url('../images/calendar-hole.svg') repeat-x center top
}

.no-svg .calendar-tabs .calendar-header:before {
    content: "";
    background-image: url('../images/calendar-hole.png')
}

.tab-switcher {
    float: left;
    font-size: 48px;
    line-height: 1.5
}

.tab-switcher a {
    text-decoration: none;
    color: #0d0d0d;
    -webkit-transition: color 0.2s ease;
    -o-transition: color 0.2s ease;
    transition: color 0.2s ease
}

.tab-switcher a:hover {
    color: #7a5e58
}

.tab-switcher a.active-tab,
.tab-swticher a.active-tab:hover {
    font-size: 65px;
    border-bottom: 3px solid #0d0d0d;
    color: #0d0d0d
}

.calendar-nav {
    display: inline-block;
    text-align: center;
    font-size: 32px;
    color: #0d0d0d;
    font-family: 'Cabin Sketch', Arial, sans-serif
}

.calendar-nav a {
    display: inline-block;
    padding: 0 10px;
    text-decoration: none;
    color: #0d0d0d;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}

.calendar-nav a:hover {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.calendar-nav .current-year {
    display: block
}

.calendar-tabs table {
    width: 100%;
    table-layout: fixed;
    background: #fff;
    font-family: 'Cabin Sketch', Arial, sans-serif;
    font-size: 16px
}

.calendar-tabs table th {
    background: #ffe400;
    color: #000;
    font-weight: 400;
    padding: 15px
}

.calendar-tabs table td {
    padding: 10px 0 30px 0;
    border-bottom: 1px solid #c5c5c5;
    border-right: 1px solid #c5c5c5;
    position: relative;
    height: 100px;
    text-align: center;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}

.calendar-tabs table td:hover,
.calendar-tabs table td:hover:nth-child(6),
.calendar-tabs table td:hover:nth-child(7) {
    background: #e5e5e5
}

.calendar-tabs table td:nth-child(6),
.calendar-tabs table td:nth-child(7) {
    background-color: #eee
}

.calendar-tabs table td:nth-child(5) {}

.calendar-tabs table td:nth-child(7) {
    border-right: 0
}

.calendar-tabs table td.active,
.calendar-tabs table td.active:hover {
    background: #ffe400
}

.calendar-tabs table .date {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 10px
}

.event-icon {
    display: inline-block;
    vertical-align: middle;
    margin: 6px;
    width: 37px;
    height: 37px;
    border-radius: 50%;
    background: url('../images/calendar-sprite.svg') no-repeat -9999px -9999px
}

.no-svg .event-icon {
    background-image: url('../images/calendar-sprite.png')
}

.event-icon.event-icon-watching {
    background-position: 0px 0px
}

.event-icon.event-icon-charity {
    background-position: -37px 0px
}

.event-icon.event-icon-opendoors {
    background-position: -74px 0px
}

.event-icon.event-icon-parent-meeting {
    background-position: 0px -37px
}

.event-icon.event-icon-tour {
    background-position: -37px -37px
}

.event-icon.event-icon-weekend {
    background-position: -74px -37px
}

.event-icon.event-icon-parent-and-child {
    background-position: 0px -74px
}

.event-icon.event-icon-reading {
    background-position: -37px -74px
}

.event-icon.event-icon-seminar {
    background-position: -74px -74px
}

.event-icon.event-icon-holiday {
    background-position: 0px -111px
}

.event-icon.event-icon-event {
    background-position: -37px -111px
}

.event-icon.big {
    width: 74px;
    height: 74px;
    background: url('../images/calendar-sprite-big.svg') no-repeat -9999px -9999px
}

.no-svg .event-icon.big {
    background-image: url('../images/calendar-sprite-big.png')
}

.event-icon.big.event-icon-watching {
    background-position: 0px 0px
}

.event-icon.big.event-icon-charity {
    background-position: -74px 0px
}

.event-icon.big.event-icon-opendoors {
    background-position: -148px 0px
}

.event-icon.big.event-icon-parent-meeting {
    background-position: 0px -74px
}

.event-icon.big.event-icon-tour {
    background-position: -74px -74px
}

.event-icon.big.event-icon-weekend {
    background-position: -148px -74px
}

.event-icon.big.event-icon-parent-and-child {
    background-position: 0px -148px
}

.event-icon.big.event-icon-reading {
    background-position: -74px -148px
}

.event-icon.big.event-icon-seminar {
    background-position: -148px -148px
}

.event-icon.big.event-icon-holiday {
    background-position: 0px -222px
}

.event-icon.big.event-icon-event {
    background-position: -74px -222px
}

.legend-title {
    font-size: 16px;
    margin: 15px 0 0 15px;
    display: block
}

.legend-list {
    font-size: 0;
    padding: 5px
}

.legend-list .event-icon {
    margin-right: 5px
}

.legend-list li {
    display: inline-block;
    font-size: 14px;
    vertical-align: middle;
    padding: 5px;
    margin: 0 10px 0 0
}

.yellow-flag {
    background: #ffda0f;
    padding: 0px 20px;
    height: 90px;
    margin: 30px 0px 0px 0px;
    position: relative;
    text-align: center;
    font-size: 0
}

.yellow-flag:after,
.yellow-flag:before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    left: -50px;
    width: 90px;
    height: 90px;
    background: url('../images/yellow-flag.svg') no-repeat 0 0
}

.no-svg .yellow-flag:after,
.no-svg .yellow-flag:before {
    background-image: url('../images/yellow-flag.png')
}

.yellow-flag:after {
    content: "";
    left: auto;
    right: -50px;
    background-position: -90px 0
}

.calendar-title {
    float: left
}

.yellow-flag h2 {
    display: inline-block;
    vertical-align: middle;
    line-height: 90px
}

.calendar-nav-container {
    vertical-align: middle;
    display: table;
    float: right;
    text-align: right;
    height: 90px
}

.calendar-nav-container .calendar-nav {
    display: table-cell;
    vertical-align: middle
}

.team-pic-icon {
    text-align: center;
    margin: 40px 0
}

.team-pic-icon img {
    max-width: 100%
}

.team-list {
    text-align: center;
    margin: 40px 0
}

.team-list li {
    vertical-align: top;
    padding: 10px;
    margin: 20px 0
}

.team-list li a {
    display: block;
    text-decoration: none
}

.team-list a figure {
    margin: 0
}

.team-list a figure img {
    max-width: 100%;
    border-radius: 50%
}

.team-list a figure span {
    display: inline-block;
    width: 224px;
    height: 224px;
    position: relative;
    border-radius: 50%
}

.team-list a figure span:before {
    content: '+';
    font-size: 70px;
    line-height: 27px;
    text-align: center;
    color: #fff;
    width: 34px;
    height: 34px;
    font-family: 'Cabin Sketch', Arial, sans-serif;
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    margin-top: -17px;
    margin-left: -17px;
    opacity: 0;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s
}

.team-list a figure span:after {
    content: '';
    width: 254px;
    height: 254px;
    background: url('../images/blue-circle.svg') no-repeat center center;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    margin-top: -127px;
    margin-left: -127px;
    -webkit-transform: scale(0) rotate(360deg);
    -ms-transform: scale(0) rotate(360deg);
    transform: scale(0) rotate(360deg);
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.team-list a:hover figure span:after {
    -webkit-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    opacity: 0.8
}

.team-list a:hover figure span:before {
    opacity: 1
}

.no-svg .team-list li figure span:after {
    content: "";
    background-image: url('../images/blue-circle.png')
}

.lt-ie9 .team-list figure span:after,
.lt-ie9 .team-list figure span:before {
    display: none
}

.team-list li h5 {
    margin: 25px 0 15px 0
}

.team-list li p {
    color: #696969;
    font-size: 15px;
    margin: 0
}

.team-pic-big {
    margin: 40px 0 0 0;
    display: inline-block;
    background: url('../images/team-pic-pattern.png') no-repeat center center;
    background-size: cover;
    padding: 40px;
    position: relative
}

.team-pic-big img {
    width: 100%;
    height: auto
}

.team-pic-big:after {
    content: '';
    width: 40px;
    height: 85px;
    position: absolute;
    top: -22px;
    left: 40px;
    background: url('../images/paper-clip.svg') no-repeat left top
}

.no-svg .team-pic-big:after {
    content: "";
    background-image: url('../images/paper-clip.png')
}

.paper-clip-blue {
    width: 40px;
    height: 85px;
    background: url('../images/paper-clip.svg') no-repeat left top
}

.no-svg .paper-clip-blue {
    background-image: url('../images/paper-clip.png')
}

.paper-clip-green {
    width: 55px;
    height: 80px;
    background: url('../images/paper-clip-green.svg') no-repeat left top
}

.no-svg .paper-clip-blue {
    background-image: url('../images/paper-clip-green.png')
}

.footer-bottom {
    position: relative;
    z-index: 5;
    font-size: 0;
    text-align: center;
    font-family: 'Cabin Sketch', Arial, sans-serif
}

.footer-bottom span {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    padding: 20px;
    vertical-align: middle;
    width: 35%
}

.footer-bottom span a {
    display: inline-block;
    text-decoration: none;
    color: #fff;
    position: relative
}

.footer-bottom span a:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: #fff;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}

.footer-bottom span a:hover:after {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1)
}

.footer-bottom .copyright {
    text-align: left
}

.footer-bottom .studiox {
    text-align: right
}

.social-icons {
    display: inline-block;
    vertical-align: middle;
    width: 30%;
    padding: 10px 0
}

.social-icon {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin: 10px;
    border-radius: 50%;
    background: url('../images/monte-sprite.svg') no-repeat;
    background-color: #fff;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}

.no-svg .social-icon {
    background-image: url('../images/monte-sprite.png')
}

.social-icon.facebook {
    background-position: 0px 0px
}

.social-icon.facebook:hover {
    background-position: 0px -32px;
    background-color: #3b5998
}

.social-icon.twitter {
    background-position: -32px 0px
}

.social-icon.twitter:hover {
    background-position: -32px -32px;
    background-color: #55acee
}

.social-icon.googleplus {
    background-position: -64px 0px
}

.social-icon.googleplus:hover {
    background-position: -64px -32px;
    background-color: #dd4b39
}

.main-footer.inner-page {
    background: transparent
}

.main-footer.inner-page .footer-bottom {
    background: #7a5e58 url('../images/background-soil.svg') repeat center top
}

.no-svg .main-footer.inner-page .footer-bottom {
    background-image: url('../images/background-soil.png')
}

.main-footer.inner-page .footer-bottom:before {
    content: '';
    position: absolute;
    z-index: 0;
    top: -39px;
    left: 0;
    right: 0;
    height: 40px;
    background: url('../images/background-soil-top.svg') repeat-x center bottom
}

.no-svg .main-footer.inner-page .footer-bottom:before {
    background-image: url('../images/background-soil-top.png')
}

.custom-checkbox,
.custom-radio {
    display: inline-block;
    position: relative;
    margin-right: 20px;
    padding: 0;
    cursor: pointer;
    line-height: 22px;
    font-size: 16px;
    color: #626262;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none
}

.custom-checkbox var,
.custom-radio var {
    display: block;
    padding-left: 28px;
    font-style: normal;
    text-align: left
}

.custom-checkbox [type=checkbox],
.custom-radio [type=radio] {
    position: absolute;
    top: 4px;
    left: 4px
}

.custom-checkbox [type=checkbox]:checked,
.custom-checkbox [type=checkbox]:not(:checked),
.custom-radio [type=radio]:checked,
.custom-radio [type=radio]:not(:checked) {
    position: absolute;
    top: 0;
    opacity: 0;
    cursor: pointer
}

.custom-checkbox [type=checkbox]:checked~var:before,
.custom-checkbox [type=checkbox]:not(:checked)~var:before,
.custom-radio [type=radio]:checked~var:before,
.custom-radio [type=radio]:not(:checked)~var:before {
    content: '';
    height: 22px;
    width: 22px;
    position: absolute;
    z-index: 5;
    top: 0px;
    left: 0;
    border: 1px solid #dfdfdf;
    background: #fff
}

.custom-checkbox [type=checkbox]:checked~var:after,
.custom-checkbox [type=checkbox]:not(:checked)~var:after,
.custom-radio [type=radio]:checked~var:after,
.custom-radio [type=radio]:not(:checked)~var:after {
    content: '';
    width: 12px;
    height: 12px;
    position: absolute;
    z-index: 10;
    top: 5px;
    left: 5px;
    background-color: #fff
}

.custom-checkbox [type=checkbox]:checked~var:after,
.custom-radio [type=radio]:checked~var:after {
    background-color: MediumAquamarine
}

.custom-radio [type=radio]:checked~var:after,
.custom-radio [type=radio]:checked~var:before,
.custom-radio [type=radio]:not(:checked)~var:after,
.custom-radio [type=radio]:not(:checked)~var:before {
    border-radius: 50%
}

#upgrade-browser {
    padding: 10px 60px;
    position: relative;
    z-index: 10000;
    text-align: center;
    background: #ffe490
}

#upgrade-browser a {
    height: 50px;
    width: 50px;
    display: inline-block;
    margin: 0 5px 0 0;
    font-size: 0;
    vertical-align: middle;
    background: url('../images/browser-sprite.jpg') no-repeat -1000px 0
}

#upgrade-browser a.chrome {
    background-position: 0px 0px
}

#upgrade-browser a.ie {
    background-position: -50px 0px
}

#upgrade-browser a.firefox {
    background-position: -100px 0
}

#upgrade-browser a.opera {
    background-position: -150px 0
}

#upgrade-browser a.safari {
    background-position: -200px 0
}

#upgrade-browser span {
    font-size: 16px;
    line-height: 18px;
    display: inline-block;
    margin: 10px
}

#upgrade-browser .close-warning {
    height: 50px;
    width: 50px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    background: url('../images/browser-sprite.jpg') no-repeat -250px 0
}

.banner {
    text-align: center;
    overflow: hidden
}

.banner-cont {
    max-width: 1200px;
    width: 100%;
    position: relative;
    margin: 0 auto
}

.banner-anchor {
    display: block
}

.banner-anchor img {
    max-width: 100%
}

.banner-bottom {
    height: 28px;
    background-image: url('../images/banners/banner-decoration-2.jpg');
    background-repeat: no-repeat;
    background-size: 100% 28px;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    position: relative
}

.banner-toggle {
    display: block;
    position: absolute;
    bottom: 7px;
    right: 5%;
    font-family: 'Neucha', Arial, sans-serif;
    font-size: 15px;
    color: #fff;
    text-decoration: none
}

.en .banner-toggle {
    font-family: 'Cabin Sketch', Arial, sans-serif
}

.banner-show-text {
    display: none
}

.banner-arrow {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-left: 7px;
    position: relative;
    top: 4px;
    background: url('../images/monte-sprite.svg') no-repeat;
    background-position: -225px -230px;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease
}

.banner-toggle:hover .banner-arrow {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.is-toggled.banner-toggle .banner-arrow {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.is-toggled.banner-toggle .banner-show-text {
    display: inline-block
}

.is-toggled.banner-toggle .banner-hide-text {
    display: none
}

@media only screen and (min-width:1601px) {
    .topbar nav ul li a {
        padding: 5px 20px
    }
}

@media only screen and (min-width:1440px) and (max-width:1600px) {
    .topbar nav ul li a {
        padding: 5px 12px
    }
}

@media only screen and (max-width:1320px) {
    .topbar {
        text-align: right
    }

    .menu-btn {
        margin: 30px 230px 10px 10px;
        display: inline-block;
        font-size: 22px;
        line-height: 40px;
        font-family: 'Cabin Sketch', Arial, sans-serif;
        vertical-align: middle;
        color: #fff;
        text-decoration: none
    }

    .menu-btn-icon {
        display: inline-block;
        vertical-align: middle;
        width: 40px;
        height: 40px;
        background: #fff;
        border-radius: 50%;
        margin: 0 10px 0 0;
        position: relative;
        background: #fff url('../images/monte-sprite.svg') no-repeat -225px -130px
    }

    .no-svg .menu-btn-icon {
        background-image: url('../images/monte-sprite.png')
    }

    .menu-open .menu-btn-icon {
        background-position: -225px -170px
    }

    .topbar nav {
        position: absolute;
        z-index: 1;
        right: 0;
        margin: 0;
        top: 95px;
        left: 240px;
        right: 240px;
        -webkit-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s ease;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
        opacity: 0;
        visibility: hidden
    }

    .menu-open .topbar nav {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        visibility: visible
    }

    .topbar nav:before {
        content: '';
        width: 30px;
        height: 30px;
        position: absolute;
        z-index: 0;
        top: -10px;
        right: 60px;
        margin-left: -15px;
        background: #fff;
        border-radius: 7px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .topbar nav ul {
        background: #fff;
        padding: 10px 0px;
        border-radius: 15px;
        -webkit-box-shadow: 0px 8px 4px rgba(0, 0, 0, 0.05);
        box-shadow: 0px 8px 4px rgba(0, 0, 0, 0.05);
        text-align: left
    }

    .topbar nav ul li {
        display: inline-block;
        margin: 0;
        width: 33%
    }

    .topbar nav ul li.with-sub-menu {
        float: left;
        width: auto;
        width: 33.33%
    }

    .topbar nav ul li>ul {
        width: auto
    }

    .topbar nav ul li>ul li {
        float: none;
        width: 100%
    }

    .topbar nav ul li a {
        color: #000;
        border-radius: 0;
        text-align: left;
        padding: 5px 25px;
        position: relative
    }

    .topbar nav ul li a:hover {
        color: #52aae8;
        background: transparent
    }

    .topbar nav ul li.with-sub-menu a:after {
        content: '>';
        opacity: 1;
        -webkit-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s ease;
        color: #000;
        position: absolute;
        -webkit-transform: translate3d(5px, 0%, 0);
        transform: translate3d(5px, 0%, 0)
    }

    .topbar nav ul li.with-sub-menu a:hover:after {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }

    .topbar nav ul li.sub-menu-open:hover>a:after,
    .topbar nav ul li.sub-menu-open>a:after {
        -webkit-transform: translate3d(10px, 2px, 0) rotate(90deg);
        transform: translate3d(10px, 2px, 0) rotate(90deg);
        color: #52aae8
    }

    .topbar nav ul li:hover>a:after {
        opacity: 1;
        -webkit-transform: translate3d(10px, 0px, 0) rotate(0deg);
        transform: translate3d(10px, 0px, 0) rotate(0deg);
        color: #52aae8
    }

    .topbar nav ul li:hover>ul,
    .topbar nav ul li>ul {
        padding: 0px;
        position: static;
        margin-left: 0px;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 0;
        visibility: hidden;
        border-radius: 0;
        display: block
    }
    body.menu-open .topbar nav ul li:hover>ul,
    body.menu-open .topbar nav ul li>ul {
        visibility: visible;
        opacity: 1;
    }

    .topbar nav ul li.sub-menu-open>ul {
        display: block;
        width: 100%
    }

    .topbar nav ul li>ul li:first-child a,
    .topbar nav ul li>ul li:last-child a {
        border-radius: 0;
        padding-top: 5px;
        padding-bottom: 5px
    }

    .topbar nav ul li>ul li a {
        color: #323232;
        font-size: 18px;
        line-height: 24px;
        padding-left: 50px
    }

    .topbar nav ul li>ul li a:after {
        display: none
    }
}

@media only screen and (max-width:1280px) {
    .wrapper {
        width: auto;
        margin: 0 20px
    }

    .whyus .wrapper {
        width: auto;
        margin: 0 60px
    }

    .gallery-slider figure img {
        height: calc(350px + (540 - 350) * ((100vw - 768px) / (1280 - 768))) !important
    }
}

@media only screen and (max-width:1110px) {

    .fish-1,
    .water .text-box.nursery {
        left: 42%
    }

    .water .text-box.preschool {
        top: 30px
    }

    .fish-2 {
        top: 230px
    }

    .dolphin {
        top: 50px;
        left: 30px
    }

    .snail {
        left: 0
    }

    .star {
        right: -60px
    }

    .clamshell {
        right: 260px
    }

    .fish-3 {
        right: -130px
    }

    .fish-4 {
        top: 0;
        right: 20px
    }

    .crab {
        left: 0
    }

    .octopus {
        top: 50px;
        left: 250px
    }

    .underwater .text-box-1 {
        left: 300px
    }

    .underwater .text-box-2 {
        right: 30px
    }

    .underwater .text-box-3 {
        left: 120px
    }

    .underwater .text-box-4 {
        bottom: 140px
    }

    .underwater .text-box-5 {
        left: 130px
    }

    .underwater .text-box-6 {
        right: 200px;
        top: 0
    }

    .underwater .text-box-7 {
        bottom: 0;
        left: 150px
    }

    .underwater .text-box-8 {
        bottom: 50px;
        right: 220px
    }

    .flowers {
        left: 45%;
        overflow: visible
    }

    .topbar nav {
        left: 100px;
        right: 100px
    }

    .topbar nav:before {
        right: 200px
    }
}

@media only screen and (max-width:990px) {
    .banner-bottom {
        background-size: contain
    }

    .banner-toggle {
        right: 3%
    }

    .page-title {
        font-size: 48px
    }

    .scrollable-content {
        width: 100%;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch
    }

    .padded-layout {
        padding: 0px
    }

    .col-25 {
        width: 33.33%
    }

    .circle-list li {
        padding-top: 33.33%
    }

    .scroll-down {
        display: none !important
    }

    .montessori-house {
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
        top: 40px
    }

    .road {
        top: 210px;
        -webkit-transform: scale(0.8, 1);
        -ms-transform: scale(0.8, 1);
        transform: scale(0.8, 1)
    }

    .water {
        font-size: 0;
        padding: 0;
        z-index: 4
    }

    .fish-1 {
        -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
        transform: scale(0.6);
        -webkit-animation: none;
        animation: none;
        left: -10%;
        top: 70%
    }

    .above-ocean .fish-1 {
        display: block
    }

    .fish-2 {
        -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
        transform: scale(0.5);
        -webkit-animation: none;
        animation: none;
        left: 80%;
        top: 30%
    }

    .wave {
        display: none
    }

    .water .text-box.nursery,
    .water .text-box.preschool {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        text-align: center;
        display: inline-block;
        width: 50%
    }

    .clamshell,
    .crab,
    .dolphin,
    .elephant-ladder,
    .fish-3,
    .fish-4,
    .octopus,
    .snail,
    .star {
        z-index: 0;
        -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
        transform: scale(0.5)
    }

    .dolphin {
        top: 30px;
        left: 50%;
        margin-left: -200px
    }

    .clamshell {
        right: -30px;
        bottom: -50px
    }

    .snail {
        bottom: -50px;
        left: -30px
    }

    .star {
        right: -90px;
        bottom: auto;
        top: -90px
    }

    .fish-4 {
        top: -60px;
        right: -40px
    }

    .fish-3 {
        bottom: -70px
    }

    .crab {
        bottom: -60px;
        left: -30px
    }

    .octopus {
        left: 50%;
        margin-left: -175px
    }

    .underwater {
        text-align: center;
        font-size: 0
    }

    .underwater-content {
        height: auto
    }

    .underwater .wrapper {
        height: auto;
        margin: 100px 0 50px 0
    }

    .underwater .text-box {
        position: relative;
        top: 0;
        left: 0;
        width: 40%;
        margin: 50px 5%;
        display: inline-block
    }

    .grass {
        padding: 20px 0 60px 0
    }

    .grass .text {
        width: 100%
    }

    .water .text {
        width: 100%
    }

    .flowers {
        position: relative;
        width: 100%;
        margin: -50px 0 0 -280px;
        width: 560px
    }

    .event-time {
        width: 33.33%
    }

    .event-title {
        width: 66.67%
    }

    .event-description {
        width: 100%;
        padding: 10px 0 0 0
    }

    .mini-gallery-next,
    .mini-gallery-prev {
        top: 3px;
        left: 3px
    }

    .mini-gallery-next {
        top: auto;
        left: auto;
        bottom: 3px;
        right: 3px
    }

    .mini-gallery-pager {
        font-size: 16px
    }

    .mini-gallery-all-pages {
        font-size: 12px
    }

    .whyus {
        padding-bottom: 30px;
        margin-top: -50px
    }

    .topbar nav {
        left: 30px;
        right: 30px
    }

    .topbar nav:before {
        right: 270px
    }
}

@media only screen and (max-width:768px) {
    .banner-bottom {
        height: 39px;
        max-width: 768px;
        background-image: url('../images/banners/banner-decoration-t2.jpg')
    }

    .banner-toggle {
        bottom: 20px;
        right: 8%;
        line-height: 1
    }

    .page-title {
        font-size: 44px
    }

    .calendar-tab .two-col-list>li,
    .col-25,
    .col-33 {
        width: 50%
    }

    .content-col {
        width: 100%
    }

    .sidebar {
        width: 100%;
        padding: 0 0 0 0px;
        margin: 0;
        text-align: center
    }

    .sidebar h4 {
        text-align: left
    }

    .mini-gallery-next,
    .mini-gallery-prev {
        top: 50%;
        margin-top: -8px;
        left: 12px
    }

    .mini-gallery-next {
        left: auto;
        right: 12px
    }

    .mini-gallery-pager {
        font-size: 24px
    }

    .mini-gallery-all-pages {
        font-size: 20px
    }

    .color-circle {
        width: 50%
    }

    .news-list {
        margin: 0 -10px
    }

    .news-list li {
        width: 50%;
        display: inline-block;
        vertical-align: top;
        padding: 10px
    }

    .circle-list li {
        padding-top: 50%
    }

    .gallery-slider-container {
        padding: 0 10px;
        margin-bottom: 2px
    }

    .mini-gallery-page a {
        width: 20%
    }

    .mini-gallery-controls {
        padding-top: 20%;
        width: 60%
    }

    .mini-gallery-inner:after {
        content: '';
        position: absolute;
        bottom: 0px;
        right: 0px;
        width: 60%;
        padding-top: 20%;
        background: #ff5736;
        z-index: 0
    }

    .gallery-list .paginator {
        margin: 20px 0
    }

    .slider-nav .owl-next {
        right: -40px
    }

    .gallery-slider-container .slider-nav .owl-next {
        right: -40px
    }

    .content-col .gallery-slider-container .slider-nav .owl-next {
        right: 15px
    }

    .gallery-slider-container,
    .mini-gallery-container {
        width: 100%
    }

    .day-timeline figcaption {
        font-size: 24px
    }

    .day-timeline figure:after {
        top: 27%
    }

    .day-timeline li:nth-child(2n) figure:after {
        top: 33%
    }

    .inner-page header.decorated h1 {
        font-size: 42px
    }

    .whyus-slider-container {
        padding: 40px
    }

    .whyus-dots {
        bottom: -40px
    }

    .whyus h4 {
        margin-top: 100px
    }

    .content-col .gallery-slider-container .slider-nav .owl-next:hover,
    .content-col .gallery-slider-container .slider-nav .owl-prev:hover,
    .gallery-slider-container .slider-nav .owl-next:hover,
    .gallery-slider-container .slider-nav .owl-prev:hover,
    .slider-nav .owl-next:hover,
    .slider-nav .owl-prev:hover {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .calendar-tabs table td {
        height: 60px
    }

    .tab-switcher {
        font-size: 32px
    }

    .tab-switcher a.active-tab {
        font-size: 40px
    }

    .calendar-nav {
        font-size: 26px
    }

    .two-col-list li {
        width: 100%;
        margin: 0 !important
    }

    .two-col-list figure {
        text-align: center
    }

    .ocean figure {
        height: auto
    }

    .btn {
        font-size: 18px;
        line-height: 22px;
        padding: 10px 32px 10px 12px;
        margin: 0 14px 14px 0;
        font-size: 17px
    }

    .montessori-house-container {
        margin-top: -500px
    }

    .topbar nav ul li,
    .topbar nav ul li.with-sub-menu {
        width: 50%
    }

    .gallery-slider figure img {
        height: 40vh !important
    }
}

@media only screen and (max-width:639px) {
    .page-title {
        font-size: 40px
    }

    .topbar nav {
        right: 165px;
        left: auto;
        width: 280px
    }

    .menu-btn {
        margin: 30px 220px 10px 10px
    }

    .white-form legend,
    h2 {
        font-size: 50px
    }

    h3 {
        font-size: 40px
    }

    .buble-text h4 {
        font-size: 28px
    }

    .accordion h4 {
        font-size: 18px
    }

    h5 {
        font-size: 22px
    }

    .tabs a {
        display: none
    }

    .tab-select {
        display: block
    }

    blockquote {
        font-size: 30px
    }

    .gallery-inner,
    .gallery-list {
        padding: 10px
    }

    .montessori-house {
        -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
        transform: scale(0.6);
        top: 100px
    }

    .house-block,
    .kid-block,
    .teacher-block {
        width: 100%;
        margin: 20px 0
    }

    .road {
        display: none
    }

    .event-icon.big {
        width: 37px;
        height: 37px;
        background: url('../images/calendar-sprite.svg') no-repeat -9999px -9999px
    }

    .no-svg .event-icon.big {
        background-image: url('../images/calendar-sprite.png')
    }

    .event-icon.big.event-icon-watching {
        background-position: 0px 0px
    }

    .event-icon.big.event-icon-charity {
        background-position: -37px 0px
    }

    .event-icon.big.event-icon-opendoors {
        background-position: -74px 0px
    }

    .event-icon.big.event-icon-parent-meeting {
        background-position: 0px -37px
    }

    .event-icon.big.event-icon-tour {
        background-position: -37px -37px
    }

    .event-icon.big.event-icon-weekend {
        background-position: -74px -37px
    }

    .event-icon.big.event-icon-parent-and-child {
        background-position: 0px -74px
    }

    .event-icon.big.event-icon-reading {
        background-position: -37px -74px
    }

    .event-icon.big.event-icon-seminar {
        background-position: -74px -74px
    }

    .event-description,
    .event-time,
    .event-title {
        width: 100%
    }

    .event-title {
        padding: 10px 0 0 0
    }

    .inner-page .text ul.day-timeline {
        margin: 0
    }

    .inner-page .text ul.day-timeline li {
        margin: 0;
        padding: 0
    }

    .day-timeline li figure {
        margin: 0 0 120px 0
    }

    .day-timeline li .pic-container {
        float: none;
        width: 100%
    }

    .day-timeline figure:after,
    .day-timeline li:nth-child(2n) figure:after {
        left: auto;
        top: auto;
        right: auto;
        top: 100%;
        margin-top: 20px
    }

    .col-50.field {
        width: 100%
    }

    .white-form {
        padding: 40px
    }

    .topbar nav ul li,
    .topbar nav ul li.with-sub-menu {
        width: 100%
    }

    .topbar nav ul li.with-sub-menu ul {
        display: none
    }

    .topbar nav ul li.sub-menu-open>ul {
        display: block
    }

    .topbar nav:before {
        right: auto;
        left: 50%
    }

    .messages-inner-content {
        padding-left: 0;
        padding-right: 0
    }

    .messages-inner-heading-field {
        padding: 10px 15px
    }

    .messages-inner-heading {
        font-size: 24px;
        padding-left: 20px
    }

    .cookies .content {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 20px 0
    }

    .cookies .content>* {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 100%;
        padding: 0 0 20px 0
    }

    .cookies .content>:last-child {
        padding-bottom: 0
    }

    .cookies-btn {
        text-align: center
    }
}

@media only screen and (max-width:567px) {
    .banner-arrow {
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        margin-left: 4px
    }

    .is-toggled.banner-toggle .banner-arrow {
        -webkit-transform: rotate(180deg) scale(0.8);
        -ms-transform: rotate(180deg) scale(0.8);
        transform: rotate(180deg) scale(0.8)
    }

    .parallax-header {
        height: 300px
    }

    .topbar {}

    .topbar .logo {
        position: relative;
        display: block;
        margin: 20px auto;
        top: 0;
        left: 0
    }

    .topbar .login-lang {
        position: static;
        display: inline-block;
        margin: 0 20px 0 0
    }

    .topbar .menu-btn {
        font-size: 18px;
        margin: 10px 0px 0 20px;
        float: left
    }

    .topbar nav {
        margin: 0;
        top: 205px;
        left: 20px;
        right: 20px
    }

    .topbar nav:before {
        left: 5px;
        margin: 0
    }

    .topbar nav ul {
        border-top-left-radius: 7px
    }

    .topbar .login-pannel {
        top: 205px;
        right: 20px;
        padding: 20px 10px
    }

    .col-25 {
        width: 100%
    }

    .circle-list li {
        padding-top: 100%
    }

    .inner-page header.decorated h1 {
        font-size: 36px
    }

    .buble.mini-popup {
        width: auto;
        margin: 0;
        left: 20px;
        right: 20px;
        top: 10px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .buble.mini-popup:after,
    .buble.mini-popup:before {
        display: none
    }

    .buble {
        width: 100%;
        position: relative;
        padding: 40px;
        border-radius: 100px;
        background: #fff;
        border: 1px solid #e6e6e6;
        margin: 0 0 40px 0
    }

    .buble footer,
    .buble header {
        display: none
    }

    .buble:after,
    .buble:before {
        content: '';
        background: transparent;
        position: absolute;
        top: auto;
        bottom: -38px;
        left: 50%;
        margin-left: -60px;
        width: 0px;
        height: 0px;
        border-top: 0;
        border-left: 0;
        border-bottom: 40px solid transparent;
        border-right: 60px solid #fff;
        z-index: 2
    }

    .buble:before {
        border-right: 60px solid #e6e6e6;
        z-index: 1;
        bottom: -40px;
        margin-left: -59px
    }

    .buble .btn {
        margin: 20px 0 0 0
    }

    .buble-text {
        margin: 0;
        min-height: 0
    }

    .buble-x {
        top: 0;
        right: 0
    }

    .footer-bottom nav,
    .footer-bottom span {
        width: 100%
    }

    .footer-bottom .copyright,
    .footer-bottom .studiox {
        text-align: center
    }

    .calendar-tabs .event {
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8)
    }

    .flags,
    .flowers {
        display: none
    }

    .water .text-box.nursery,
    .water .text-box.preschool {
        width: 100%
    }

    .water .text-box.preschool {
        margin: 50px 0 0 0
    }

    .buttons-right {
        float: none;
        clear: both
    }

    .team-list {
        margin: -20px 0 0 0
    }

    .color-circles {
        margin: 0
    }

    .calendar-tabs {
        margin: 40px 0 30px 0
    }

    .btn {
        font-size: 16px
    }

    .house-yard {
        background: none;
        height: 230px
    }

    .ball-container {
        display: none
    }

    .montessori-house {
        -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
        transform: scale(0.5)
    }

    .flex-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .flex-row .event-title {
        padding-top: 0
    }

    .flex-row>* {
        margin-bottom: 10px
    }

    .flex-row>:last-child {
        margin-bottom: 0
    }
}

@media only screen and (max-width:479px) {
    .banner-bottom {
        max-width: 480px;
        background-image: url('../images/banners/banner-decoration-m2.jpg')
    }

    .banner-toggle {
        right: 1%
    }

    .calendar-tab .two-col-list>li,
    .col-33 {
        width: 100%
    }

    .white-form legend,
    h2 {
        font-size: 42px
    }

    h3 {
        font-size: 36px
    }

    .form-tabs a h3 {
        font-size: 34px
    }

    .accordion h4 {
        font-size: 16px
    }

    h5 {
        font-size: 20px
    }

    .google-map #map {
        height: 320px
    }

    .color-circle {
        width: 100%
    }

    blockquote {
        font-size: 26px
    }

    blockquote footer {
        font-size: 16px
    }

    .yellow-flag h2 {
        font-size: 32px;
        line-height: 40px;
        float: none !important
    }

    .calendar-nav-container,
    .calendar-title {
        width: 100%;
        text-align: center;
        height: auto
    }

    .calendar-nav-container.alone {
        height: 100%
    }

    .inner-page header h1 {
        font-size: 42px;
        line-height: 1;
        margin: 20px 0
    }

    .content-col .gallery-slider-container {
        padding: 0 30px;
        background: none
    }

    .content-col .gallery-slider-container .slider-nav .owl-prev {
        left: -10px
    }

    .content-col .gallery-slider-container .slider-nav .owl-next {
        right: -10px
    }

    .sidebar {
        margin: 0 0px
    }

    .news-list li {
        width: 100%;
        padding: 0
    }

    .gallery-slider figure figcaption {
        position: static
    }

    .paginator a {
        display: none
    }

    .paginator a.active,
    .paginator a.next-page,
    .paginator a.prev-page {
        display: inline-block
    }

    .underwater .text-box {
        width: 90%;
        margin: 20px 5%
    }

    .whyus .wrapper {
        margin: 0 35px
    }

    .whyus-slider-container {
        padding: 15px
    }

    .slider-nav .owl-next,
    .slider-nav .owl-prev {
        width: 60px
    }

    .whyus h4 {
        margin: 80px 0 20px 0;
        font-size: 26px
    }

    .content-col .gallery-slider-container .slider-nav .owl-next:hover,
    .content-col .gallery-slider-container .slider-nav .owl-prev:hover,
    .gallery-slider-container .slider-nav .owl-next:hover,
    .gallery-slider-container .slider-nav .owl-prev:hover,
    .slider-nav .owl-next,
    .slider-nav .owl-next:hover,
    .slider-nav .owl-prev,
    .slider-nav .owl-prev:hover {
        -webkit-transform: scale(0.65);
        -ms-transform: scale(0.65);
        transform: scale(0.65)
    }

    .slider-nav .owl-prev {
        left: -40px
    }

    .slider-nav .owl-next {
        right: -40px
    }

    .calendar-tabs table th {
        font-size: 12px;
        padding: 10px 0px
    }

    .calendar-tabs table .date {
        padding: 5px
    }

    .calendar-tabs .event {
        margin: 3px 1px
    }

    .tab-switcher {
        font-size: 24px;
        margin-bottom: 10px
    }

    .tab-switcher a.active-tab {
        font-size: 28px
    }

    .calendar-nav,
    .tab-switcher {
        float: none;
        width: 100%;
        text-align: center;
        font-size: 20px
    }

    .calendar-nav {
        margin: 0
    }

    #rc-imageselect,
    .g-recaptcha {
        -webkit-transform: scale(0.78947368421053);
        -ms-transform: scale(0.78947368421053);
        transform: scale(0.78947368421053);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left
    }

    .g-recaptcha {
        width: 240px;
        float: left
    }

    .video-box {
        padding: 20px;
        width: 100%;
        margin: 30px auto;
        position: relative;
        display: none
    }

    .video-box .x {
        position: absolute;
        top: -14px;
        right: -14px
    }

    .messages-inner-heading-field time strong {
        font-size: 30px
    }

    .messages-inner-heading-field time span {
        font-size: 16px
    }

    .messages-inner-heading {
        font-size: 18px;
        padding-left: 20px
    }
}

@media only screen and (max-width:359px) {
    .event-icon {
        margin: 1px
    }

    .event-date {
        position: static;
        display: block;
        margin-bottom: -15px
    }

    .event-row {
        margin: 0;
        padding: 30px
    }

    .flex-row {
        padding-top: 10px
    }

    .white-form {
        padding: 20px
    }

    .topbar .login-btn,
    .topbar .profile-btn {
        margin-right: 9px
    }

    .topbar .login-pannel {
        width: 280px
    }

    .login-pannel input[type=email],
    .login-pannel input[type=password],
    .login-pannel input[type=tel],
    .login-pannel input[type=text],
    .login-pannel textarea {
        font-size: 18px
    }
}

@media (-o-min-device-pixel-ratio:5/4),
(-webkit-min-device-pixel-ratio:1.25),
(min-resolution:120dpi),
print {}

@media print {

    *,
    :after,
    :before {
        background: transparent !important;
        color: #000 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    a,
    a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " ("attr(href) ")"
    }

    abbr[title]:after {
        content: " ("attr(title) ")"
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: ""
    }

    blockquote,
    pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img,
    tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }
}

.fl {
    float: left !important
}

.fr {
    float: right !important
}

.center {
    text-align: center !important
}

.va-top {
    vertical-align: top !important
}

.va-bottom {
    vertical-align: bottom !important
}

.va-middle {
    vertical-align: middle !important
}

.align-right {
    text-align: right !important
}

.align-left {
    text-align: left !important
}

.hidden {
    display: none !important;
    visibility: hidden
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

.invisible {
    visibility: hidden
}

.clearfix:after,
.clearfix:before {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.clearfix {
    *zoom: 1
}