/*
 Theme Name:   Citykeeltekool
 Theme URI:    http://divi.space/
 Description:  Citykeeltekooli Website built on Divi
 Author:       Kevin Lehtla
 Author URI:   http://kevinlehtla.ee
 Template:     Divi
 Version:      3
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/


/*************************************

 =========== GLOBALS ============

**************************************/

h2, h3 {
    padding: 1rem 0rem;
}
li {
    margin: 10px 0px;
}
@media (min-width: 1920px){
}

@media (min-width: 2100px){
  html{
      font-size: 20px!important;
  }
}
body h1, .et_pb_module h1{
	line-height: 1.1;
	letter-spacing: -2px;
	font-weight: 800;
  font-size: clamp(2.1rem, 5vw, 5vw);
}
.responsive-text h1{
	font-size: clamp(2.1rem, 5vw, 5vw);
	line-height: 1.2;
	letter-spacing: -2px;
	font-weight: 800;
}
/* ------------- Heading 2 ----------- */
body h2{
	line-height: 1.1;
	letter-spacing: -2px;
	font-weight: 800;
  font-size: clamp(2.1rem, 4vw, 4vw);
}

.quote-text h2{
	font-size: clamp(2.29rem,  3vw,  3vw);
	line-height: 1.5; 
	letter-spacing: -1px;
	font-weight: 100;
}
/* ------------- Heading 3 ----------- */
body h3{
	line-height: 1.2; 
	letter-spacing: -1px;
	font-weight: bold;
  font-size: clamp(1.9rem,  2.4vw,  2.4vw);
}

/* ------------- Heading 4 ----------- */
body h4{
	line-height: 1.4; 
	letter-spacing: -1px;
	font-weight: bold;
  font-size: clamp(1.2rem,  1.8vw,  1.8vw);
}
/* ------------- Heading 5 ----------- */
body h5{
	font-weight: 500;
	line-height: 1.5; 
  font-size: clamp(1rem, 1.2vw, 1.2vw);

}

/* ------------- Paragraph Texts ----------- */
p, body li span{
	font-size: clamp(1rem, 1vw + 1rem, 0.7vw);
	line-height: 1.6;
}
.large p, .large li span{
	font-size: clamp(1.2rem, 1.2vw + 1.2rem, 0.8vw);
	line-height: 1.6;
}

@media screen and (max-width: 768px){
	html{font-size: 14px;}
}



/*************************************

 =========== EMMETS ============

**************************************/

.timeline h4.t_line_month, #content .timeline h4.t_line_month, .ajde_evcal_calendar .calendar_header .evo_j_dates p.legend, .ajde_evcal_calendar #evcal_head.calendar_header #evcal_cur, .ajde_evcal_calendar .evcal_month_line p, .evo_cal_above span {
	color:white!important;
}
.sfm-label-metro .sfm-navicon-button, #sfm-mob-navbar {
    background-color: #3f576f!important;
}
.orange{
  color:#ed6c05;
}
.purple{
  color:#4e3d66;
}
.blue{
  color:#34495e;
}
.et_pb_menu .et_pb_menu__menu>nav>ul>li {
  align-items: center;
}
.et-menu .menu-item-has-children>a:first-child:after{
  top: 4px;
}

#evorsvp_form .form_row input.name,#evorsvp_form .form_row input.regular{
  color: black!important;
}

.dark-heading h1, .dark-heading h2{ 
	color: #373636 !important;
}

.article-card {
    z-index: 100;
}
.tootajaopi img{
	border-radius: 25px;
}
.evo_metarow_locImg{
	height: 200px!important;
	background-size:inherit!important;
}

.type-post .et_pb_section{
	background: #ffd464;
}
#left-area .post-meta a {
    color: #ffe24a;
}
.flex-end .et_pb_menu__wrap{    
	justify-content: flex-end;
}
.city-person img{
	object-fit: cover;
	width: 100%;
}

.et_pb_team_member_image {
    max-width: 100%;
}
.et_pb_team_member img {
    width: 100%;
    object-fit: cover;
	border: 4px solid white;
}



/*************************************

 =========== HEADER ============

**************************************/

/*
#main-header { 
	display:none; 
}
#page-container { 
	padding-top:0px !important;
}  

div#top-header {
    height: 50px;
}
*/

header.et-l--header .et_pb_column--with-menu {
    display: flex;
    justify-content: end;
    align-items: center;
	grid-gap: 20px;
}
header.et-l--header .et_pb_column--with-menu .et_pb_menu{
	margin-bottom: 0px!important;
}
body.logged-in.admin-bar .sfm-navicon-button{
	top: 60px!important;
}


.et-l .et_pb_section--fixed.scrolled {
    background: #4e3d66!important;
}

li.menu-item{
	margin: initial;
}
header .et_pb_module.et_pb_menu .nav li ul.sub-menu {
    background: white !important;
    border-radius: 20px;
	transition: all 0.2s ease-in-out;
}

header .et_pb_module.et_pb_menu ul.sub-menu li a{
	color: black!important;
	margin-top: 0px !important;
}
header .et_pb_module.et_pb_menu ul.sub-menu li a:hover{
	background: initial;
}

.et_pb_contact_field_0.et_pb_contact_field .input {
    color: #000000 !important;
    border: 1px solid #000000;
}

@media only screen and (min-width: 1350px){
.single.et_pb_pagebuilder_layout.et_full_width_page .et_post_meta_wrapper {
    padding-top: 10%; 
	}
}

#evcal_calendar_10:after {
    content: '';
    clear: both;
    display: block;
    height: 0px;
    width: 0px;
}

.myVerticalLine {
    border: 4px solid white!important;
    border-radius: 7px!important;
}
.myVerticalTimneline .myVerticalBorder {
    border: 4px solid #dd5555!important;
}

.mk-vm-menuwrapper li a{
	line-height:100%;
}

.et_vertical_nav.et_header_style_centered header#main-header #top-menu > li > a, .et_vertical_nav.et_header_style_centered header#main-header.et-fixed-header #top-menu > li > a{
    padding-bottom: 29px;
}

/* Superfly breaking site fix */

.sfm-label-none .sfm-navicon-button:after {
    margin: -8px 0 0 -5px;
    left: 100%;
    top: 50%;
    /* width: auto; */
}

.admin_push{
	top: 37px!important;
}


/*************************************

 =========== FIXES ============

**************************************/

.page-id-4 .et_pb_side_nav li:nth-child(2){display:none;}

.login #backtoblog a, .login #nav a {
    color: #ffffff;
}
.login #backtoblog a, .login #nav a {
    text-decoration: none;
    color: #d6e1ec;
}

#sfm-mob-navbar {
    background-color: #ed6c05;
}

.post-password-required .et_pb_section{
	background: transparent;
}



/*************************************

 =========== CONTENT AREA ============

**************************************/


.ru-text-bold a, .ru-text-bold h1,.ru-text-bold p {
	font-weight: 800;
	}

.single .et_pb_post{
	margin-bottom:0px!important;
}

.single .post {
    padding-bottom: 0px!important;
}

.desktop-100{
  height: initial;
  min-height: 100vh;
}

.home-background{
  height: 100vh;
}

.timeline{
      z-index: 10;
}

#main-content{background:inherit;}

.wave-orange:after{
  content:'';
  position:absolute;
  background-color: #ed6c05;
  width:100%;
  bottom: -4px;
  height:40px;
  -webkit-mask-image: url('../../uploads/2016/11/section-wave.svg');
  mask-image: url('../../uploads/2016/11/section-wave.svg');

}
.wave-purple:after{
  content:'';
  position:absolute;
  background-color: #4e3d66;
  width:100%;
  bottom: -4px;
  height:40px;
  background:url(../../uploads/2017/01/section-wave-purple.svg);
  /*-webkit-mask-image: url('../../uploads/2016/11/section-wave.svg');
  mask-image: url('../../uploads/2016/11/section-wave.svg');*/

}

.repeat-background{
    background-repeat: repeat-y;
    background-size: initial;

}


/* 404 Page */

.error404 #main-content-404{
  /*padding-top: 40vh;*/
}
.error404 #main-content-404 .container{
  padding-top: 40vh;
}
.error404 #et-main-area{
  background:url(https://citykeeltekool.ee/wp-content/uploads/2016/11/Sky.svg);
  height: 100vh;
  background-repeat: no-repeat;
  background-size: cover;
}
.error404 article{
  text-align: center;
}
.error404 .error-man img{
  width:150px;
  height:100px;
  animation: error_man_circle 8s infinite linear;
}
/*************************************

 =========== ANIMATIONS & OBJECTS ============

**************************************/

/* Animation overflow X hidden */

body{
  overflow-x:hidden;
}

.absolute-code{
  position:absolute;
}

.clouds-section{
  top: 20vh;
}
.ufo-section{
  top: 5vh;
}
.rockets-section{
  top: 30vh;
}
.kursus-cloud-code-1 #Ufo, .home-cloud-code-1 #Cloud,.news-rocket-code-1 #Rocket{
  width: 140px;
  animation: cloudanimation 60s infinite linear;
  animation-delay: 3s;
}
.kursus-cloud-code-2 #Ufo, .home-cloud-code-2 #Cloud_mult,.news-rocket-code-2 #Rocket{
  /*bottom: 10vh;*/
  width: 100px;
  animation: cloudanimation 55s infinite linear;
  animation-delay: 15s;
}
.kursus-cloud-code-3 #Ufo, .home-cloud-code-3 #Cloud,.news-rocket-code-3 #Rocket{
  width: 90px;
  /*bottom: 28vh;*/
  animation: cloudanimation 50s infinite linear;
  animation-delay: 9s;
}
.kursus-cloud-code-4 #Ufo, .home-cloud-code-4 #Cloud_mult,.news-rocket-code-4 #Rocket{
  width:80px;
  left: 0px;
  /*top: 8vh;*/
  animation: cloudanimation_reverse 45s infinite linear;
  animation-delay: 12s;
}
.kursus-cloud-code-5 #Ufo, .home-cloud-code-5 #Cloud,.news-rocket-code-5 #Rocket, .home-cloud-code-5 #Cloud_mult{
    width:60px;
    left: 0px;
    /*top: 4vh;*/
    animation: cloudanimation_reverse 42s infinite linear;
    animation-delay: 20s;
}
.kursus-cloud-code-6 #Ufo, .home-cloud-code-6 #Cloud,.news-rocket-code-6 #Rocket, .home-cloud-code-6 #Cloud_mult{
    width:40px;
    left: 0px;
    /*top: 2vh;*/
    animation: cloudanimation 52s infinite linear;
    animation-delay: 19s;
}


#Ufo{
  opacity: 0;
  margin: 30px 0px;
}
#Rocket{
  opacity: 0;
  margin: 30px 0px;
}
#Cloud{
	width:120px;
  bottom: -5rem;
  margin: 30px 0px;
	opacity:0;
}

#Cloud_mult{
  width: 150px;
  left: -40vw;
  margin: 40px 0px;
  opacity: 0;
}

@keyframes acrossthesite {
	 0%{transform:translateX(0vw);}
	 10%{opacity:1;}
	 90%{ opacity:1;}
	 100%{transform:translateX(100vw); opacity:0}
}
@keyframes cloudanimation {
	 0%{transform:translateX(0vw);}
	 10%{opacity:1;}
	 90%{ opacity:1;}
	 100%{transform:translateX(100vw); opacity:0}
}
@keyframes cloudanimation_reverse {
	 0%{transform: translateX(100vw);}
	 10%{opacity:1;}
	 90%{ opacity:1;}
	 100%{ opacity:0}
}


@keyframes acrossthesite_reverse {
	 0%{transform: translateX(100vw);}
	 20%{opacity:1;}
	 90%{ opacity:1;}
	 100%{ opacity:0}
}

@keyframes error_man_circle{
	 0%{transform: translateX(0) rotate(0deg);}
	 20%{transform: translateX(35vw) translateY(-10vh) rotate(-30deg);}
     30%{transform: translateX(30vw) translateY(-25vh) rotate(-60deg) ;}
	 40%{transform: translateY(-25vh);}
	 100%{transform: translateX(0); }
}

#comet-stars .a{fill:#0CFFE1;}#comet-stars .b{opacity:0.4;}#comet-stars .c{fill:#9C17FF;}
#comet-stars .d{opacity:0.5;}#comet-stars .e{fill:#FF4777;}

.stars-row{
  position:absolute;
  margin-top: 200px;
}

#comet{
  height:280px;
  width:250px;
}
#comet-2{
  height:300px;
  width:290px;
}

.comet-row{
  position:absolute;
  left:250px;
  margin-top: 100px;
}

.comet-2-row{
  position:absolute;
  right: 5vw;
  margin-top: 40vh;
}
.comet-svg-2{
  float:right;
}

.fallingman{
    width: 49px;
    height: 150px;
    right: 28.25%;
    top: 170px;
    transform: rotate(10deg);
    position: absolute;
    animation: notesway2 20s ease-out infinite;
    transform-origin:top;
/*     -webkit-animation-delay: 4s;
    animation-delay: 4s; */
}

#header-mask-svg{
	display:none;
}


.image-circle img {
	box-shadow: rgba(0, 0, 0, 0.14) 10px 10px 22px;
    border-radius: 100px;
}

.note{
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    padding: 60px;
}
.note{
  -webkit-backface-visibility: hidden;
}

.first{
	-ms-transform: rotate(10deg); /* IE 9 */
    -webkit-transform: rotate(10deg); /* Safari */
    transform: rotate(10deg);
}

.note:nth-child(3){
	-ms-transform: rotate(-3deg); /* IE 9 */
    -webkit-transform: rotate(-3deg); /* Safari */
    transform: rotate(-3deg);
}


.note:nth-child(4){
	-ms-transform: rotate(4deg); /* IE 9 */
    -webkit-transform: rotate(4deg); /* Safari */
    transform: rotate(4deg);
}

.notesway1{
	animation: notesway 2s ease-in;
}

.notesway3{
	animation: notesway3 2s ease-in;
}

@keyframes grow-logo{
    0% {border-radius: 60px;}

    25% {border-radius: 60px;}
    30% {border-radius: 30px;}

    55% {border-radius: 30px;}
    60% {border-radius: 10px;}

    95% {border-radius: 10px;}
    100% {border-radius: 60px;}
}

.et_vertical_nav #main-header #logo{
    animation: grow-logo 10s infinite;
}
.sfm-logo img{
      max-width: 125px;
      animation: grow-logo 10s infinite;
          /* margin-top: 10em; */
}

@keyframes notesway {
    0% {transform: rotate(10deg);}
    50% {transform: rotate(3deg);}
    100% {transform: rotate(10deg);}
}
@keyframes notesway2 {
    0% {transform: rotate(0deg);}
    5% {transform: rotate(3deg);}
    10% {transform: rotate(-12deg);}
    25% {transform: rotate(25deg);opacity:1;}
    30% {opacity:1;}
    39% {}
    40% {transform: translate(50px, 40px) rotate( -30deg);opacity:0;}
    60% {transform: rotate(0deg);opacity:0;}
    80% {transform: rotate(0deg);opacity:1;}
    100% {transform: rotate(0deg);opacity:1;}
}
@keyframes notesway3 {
    0% {transform: rotate(4deg);}
    50% {transform: rotate(-1deg);}
    100% {transform: rotate(4deg);}
}


/*************************************

 =========== ADDONS ============

**************************************/


input.regular.input.req{color: black!important;}

ul.chosen-choices{
	background-color: #f5f7f6!important;
	padding: 6px 4px!important;
}

input.default {
    box-shadow: 0px 0px 1px #7d7d7d!important;
}

li.active-result {
    color: white;
}

.evcal_evdata_row .evors_stat_data p em{
  font-size: 24px;
  padding: 0px 24px;
}

body .evoRS_status_option_selection span:hover,body .evoRS_status_option_selection span.set,body .evors_change_rsvp span.change:hover {
  color: #38393a;
}

li.search-choice {
	background-image: none!important;
    background-color: #f5f7f6!important;
    color: #34495e!important;
}

.ajde_evcal_calendar .calendar_header{
  margin-top: 0px;
}


.eventon_events_list .eventon_list_event .evcal_eventcard, .evcal_evdata_row, .evorow .tbrow, .dark1, .evo_pop_body {
    background-color: rgb(245, 245, 245)!important;
}

#evorsvp_form .form_row input.name, #evorsvp_form .form_row input.regular, #evorsvp_form .form_row input.count, #evorsvp_form .form_row input.regular_a, #evorsvp_form .form_row select, #evorsvp_form .form_row textarea {
    background-color: rgba(255, 255, 255, 0.85)!important;
    transition: background-color 2s;
}
#evorsvp_form .form_row input:focus {
    background-color: rgb(255, 255, 255)!important;
}

.gfield_select:focus {
    border-color: #ffffff;
    color: #f9fefe;
}

.evo_cal_above span {
    background-color: #ed6c05!important;
    opacity:0.6!important;
    transition: all 0.3s;
}
.evo_cal_above span:hover {
    background-color: #9c59b6!important;
}

.booked-form {
    color: black!important;
}

.ajde_evcal_calendar .calendar_header .evcal_arrows .fa {
    color: #e67e22!important;
}

.eventon_fc_days .evo_fc_day.has_events {
    background-color: rgb(94, 52, 80);
}

.eventon_fc_days .evo_fc_day.has_events:hover {
    background-color: #885f7a;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #34495e;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #34495e;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #34495e;
}
:-moz-placeholder { /* Firefox 18- */
  color: #34495e;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus
input:-webkit-autofill,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid black;
  -webkit-text-fill-color: white;
  -webkit-box-shadow: 0 0 0px 1000px #23282d inset;
  transition: background-color 5000s ease-in-out 0s;
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: #23282d!important;
}

#Travel:hover .safeguard{
    animation: spin360 3s infinite;
    transform-origin: center;
}

@keyframes spin360 {
    0% {transform: rotate(0deg);}
    50% {transform: rotate(180deg);}
    100% {transform: rotate(360deg);}
}
/* 
#Travel .st0{display:none;}
#Travel .st1{display:inline;fill:#B3B3B3;}
#Travel .st2{fill:#575A61;}
#Travel .st3{fill:#4E5056;}
#Travel .st4{fill:none;stroke:#FFFFFF;stroke-width:28.5562;stroke-miterlimit:10;}
#Travel .st5{fill:#ED8C85;}
#Travel .st6{opacity:0.2;clip-path:url(/#XMLID_5_);}
#Travel .st7{fill:#FFFFFF;}
#Travel .st8{fill:#504A56;}
#Travel .st9{fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:10;}
#Travel .st10{fill:#4DA5D6;}
#Travel .st11{fill:#FFFFFF;stroke:#FFFFFF;stroke-miterlimit:10;}
#Travel .st12{opacity:0.22;clip-path:url(/#XMLID_6_);}
#Travel .st13{fill:none;stroke:#FFFFFF;stroke-width:6;stroke-miterlimit:10;}
#Travel .st14{fill:#242C3C;}
#Travel .st15{fill:#3B4250;}
#Travel .st16{fill:none;stroke:#FFFFFF;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}

#Courses .cls-1{fill:#72c1b9;}
#Courses .cls-2,#Courses .cls-7{fill:none;}
#Courses .cls-3{clip-path:url(/#courses-clip-path);}
#Courses .cls-4{fill:#52a097;}
#Courses .cls-13,#Courses .cls-5,#Courses .cls-9{fill:#fff;}
#Courses .cls-6{fill:#504a56;}
#Courses .cls-7{stroke:#000;stroke-width:2px;}
#Courses .cls-7,#Courses .cls-9{stroke-miterlimit:10;}
#Courses .cls-8{fill:#4da5d6;}
#Courses .cls-9{font-size:21.26px;stroke:#fff;stroke-width:1.31px;}
#Courses .cls-10{fill:#e2e2e2;}
#Courses .cls-11{clip-path:url(/#courses-clip-path-2);}
#Courses .cls-12{fill:#c64473;}
#Courses .cls-13{font-size:8px;font-family:Myriad Pro;font-weight:700;letter-spacing:1px;}

#Work .cls-1{fill:#8e39d1;}
#Work .cls-12,#Work .cls-2,#Work .cls-5,#Work .cls-9{fill:none;}
#Work .cls-3{clip-path:url(/#work-clip-path);}
#Work .cls-4{fill:#7c30c6;}
#Work .cls-5,#Work .cls-9{stroke:#fff;}
#Work .cls-12,#Work .cls-5{stroke-miterlimit:10;}
#Work .cls-5{stroke-width:6px;}
#Work .cls-6{fill:#242c3c;}
#Work .cls-7{fill:#1a2433;}
#Work .cls-8{fill:#3b4250;}
#Work .cls-9{stroke-linecap:round;stroke-linejoin:round;stroke-width:8px;}
#Work .cls-10{clip-path:url(/#work-clip-path-2);}
#Work .cls-11{fill:#fff;}
#Work .cls-12{stroke:#000;} */

/* #worker .st0{clip-path:url(/#worker-XMLID_6_);fill:#A5A55E;}
#worker .st1{filter:url(/#Adobe_OpacityMaskFilter);}
#worker .st2{fill:#E6E6E6;}
#worker .st3{mask:url(/#worker-SVGID_1_);}
#worker .st4{fill:#FFD7A3;}
#worker .st5{fill:#8C6239;}
#worker .st6{clip-path:url(/#worker-XMLID_7_);}
#worker .st7{clip-path:url(/#worker-XMLID_8_);fill:#333333;stroke:#333333;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
#worker .st8{fill:#654235;}
#worker .st9{fill:#FFC137;}
#worker .st10{fill:#333333;stroke:#333333;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
#worker .st11{fill:#FFFFFF;}
#worker .st12{fill:#E5D61C;} */

/* #Kids .cls-1{fill:#e6e6e6}#Kids .cls-2{fill:#fc6121}#Kids .cls-3{clip-path:url(#kids-clip-path)}#Kids .cls-4{fill:#dd511f}#Kids .cls-5{mask:url(/#mask-test)}#Kids .cls-6{fill:#ffd7a3}#Kids .cls-7{fill:#f89256}
#Kids .cls-8{fill:#9bce7a; mask: url(/#mask-test);} #Kids .cls-9{fill:#654235}#Kids .cls-10{fill:#fff}
#Junior .cls-1{fill:#e6e6e6}#Junior .cls-2{clip-path:url(/#junior-clip-path)}#Junior .cls-3{fill:#ccc}#Junior .cls-4{fill:#fff}#Junior .cls-5{mask:url(/#junior-mask)}#Junior .cls-6{fill:#666}#Junior .cls-7{fill:#fde3ca}#Junior .cls-8{fill:#ad8a68}
#Junior .cls-9{fill:#f4d7c1}#Junior .cls-10{fill:#654235}
#Adults .cls-1{fill:#e6e6e6}#Adults .cls-2{fill:#8fc3d9}#Adults .cls-3{clip-path:url(/#adults-clip-path)}#Adults .cls-4{fill:#82b3c4}#Adults .cls-5{fill:#fff}#Adults .cls-6{mask:url(/#adults-mask)}#Adults .cls-7{fill:#2d2d37}#Adults .cls-8{fill:#eeece4}
#Adults .cls-9{fill:#f9f8ed}#Adults .cls-10{fill:#2e5872}#Adults .cls-11{fill:#8798a0} */


#Client:hover #Layer_3{
  animation: handshake 1s ease-out;
}


/* UUED AASTAST 2024 */
.fill-grey{fill:#e6e6e6}
.fill-middlegrey{fill:#ccc;}
.fill-darkgrey{fill:#666;}

.fill-strokedblack{
  fill: #333333;
  stroke: #333333;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;}

.fill-lightblue{fill:#8fc3d9;}
.fill-middleblue{fill:#82b3c4;}
.fill-blue{fill:#2e5872;}
.fill-darkblue{fill:#2d2d37;}

.fill-lightorange{fill:#f89256}
.fill-orange{fill:#fc6121}
.fill-darkorange{fill:#dd511f}

#Kids .cls-3{clip-path:url(#kids-clip-path)}

.use-circle-mask{mask:url(#circle-mask)}
.fill-yellow{fill:#ffd7a3}
.fill-lightyellow{fill: #E5D61C;}
.fill-darkyellow{fill: #FFC137;}

.fill-green{fill:#B4B866;}
.fill-middlegreen{fill: #B4B866;}
.fill-darkgreen{fill: #A5A55E;}

.fill-brown{fill:#654235}
.fill-white{fill:#fff}



@keyframes handshake {
    0% {transform: translateY(0px);}
    50% {transform: translateY(-15px) rotate(2deg);}
    100% {transform: rotate(0deg) translateY(0px);}
}

  .blog_background_bottom svg{
    position:absolute;
    bottom:0;
  }


#label{
    transform: translateY(-45px);
    transition: transform 0.5s ease;
  }

/*************************************

 =========== FOOTER ============

**************************************/

#footer-bottom {
    display: none;
}


.sfm-mobile .sfm-navicon-button{top:10px!important;}

/*************************************

 =========== QUERYS ============

**************************************/
@media screen and (max-width: 1366px)  {
  #et-info {
      margin-left: 6vw;
  }

}

@media screen and (min-width: 1800px)  {
  .evofc_month {
    min-width:510px;
  }
  .item {
    min-width: 340px;
    margin:auto;
  }

}

@media only screen and (min-width: 641px){
body #main-content .gform_wrapper select.small.gfield_select+div.chosen-container-multi[style], body #main-content .gform_wrapper select.small.gfield_select+div.chosen-container-single[style] {
    width: 100%!important;
  }
}

@media (min-width: 981px) and (max-width: 1108px){#et-info{display:none;}}
@media (min-width: 981px){  /* Desktop !Very Important*/
  #left-area {
      padding-bottom: 0px!important;
  }
}

@media screen and (min-width: 980px){  /* Tablet Breakpoint -1st breakpoint*/
  .evofc_month {
    min-width:366px;
  }
}

@media screen and (max-width: 980px)  {

.desktop-100 {
  height:initial!important;
 }
	
.home-background{
  height:initial!important;
 }
	
  #et-info{
    float:initial;
    margin-left:initial;
  }
  #top-header .container{
    text-align:center;
  }
	
  #Cloud {
      margin: 110px 0px;
    }
}

@media screen and (max-height: 800px)  {
    .home-background{
		height:initial!important;
	}
}

@media screen and (max-width: 783px){ /* Menu & Header Breakpoint */

    .admin_push{
      top: 0px!important;
    }


}

@media screen and (max-width: 640px) /* Mobile Phones with Pixel Density 2 / 1080*/ {
  #Ufo{
  display:none!important;
  }
  #Rocket{
  display:none!important;
  }
  #Cloud{
  display:none!important;
  }

  #Cloud_mult{
  display:none!important;
  }
  .mobile-text{
    background-color: transparent!important;
  }

}
@media screen and (max-width: 360px) /* Mobile Phones with Pixel Density 3 / 1080 */ {
  #et-info span, #et-info a {
    font-size: 8px;
  }
}



/* Plugin GDPR Cookie Info Bar */
@media (min-width: 992px) {
  aside#moove_gdpr_cookie_info_bar {
    bottom: 20px;
    max-width: 960px;
    border-radius: 20px;
    transform: translate(-50%, 0px);
    left: 50%;
    padding: 25px 20px;
  }
  aside#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container {
    display: block;
  }
  aside#moove_gdpr_cookie_info_bar
    .moove-gdpr-info-bar-container
    .moove-gdpr-info-bar-content {
    justify-content: space-between;
  }
  aside#moove_gdpr_cookie_info_bar
    .moove-gdpr-info-bar-container
    .moove-gdpr-info-bar-content
    p {
    font-size: 0.85rem;
  }
  button.mgbutton.moove-gdpr-infobar-settings-btn.change-settings-button {
    box-shadow: none !important;
  }
  .moove-gdpr-button-holder {
    flex-direction: row-reverse;
  }
  #moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme {
    border-top: transparent;
  }
}
@media (min-width: 1200px) {
  aside#moove_gdpr_cookie_info_bar {
    max-width: 1140px;
  }
}
@media (min-width: 1320px) {
  aside#moove_gdpr_cookie_info_bar {
    max-width: 1320px;
  }
}


/*! locomotive-scroll v4.1.3 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */html.has-scroll-smooth{overflow:hidden}html.has-scroll-dragging{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.has-scroll-smooth body{overflow:hidden}.has-scroll-smooth [data-scroll-container]{min-height:100vh}[data-scroll-direction=horizontal] [data-scroll-container]{display:inline-block;height:100vh;white-space:nowrap}[data-scroll-direction=horizontal] [data-scroll-section]{display:inline-block;height:100%;vertical-align:top;white-space:nowrap}.c-scrollbar{height:100%;opacity:0;position:absolute;right:0;top:0;transform-origin:center right;transition:transform .3s,opacity .3s;width:11px}.c-scrollbar:hover{transform:scaleX(1.45)}.c-scrollbar:hover,.has-scroll-dragging .c-scrollbar,.has-scroll-scrolling .c-scrollbar{opacity:1}[data-scroll-direction=horizontal] .c-scrollbar{bottom:0;height:10px;top:auto;transform:scaleY(1);width:100%}[data-scroll-direction=horizontal] .c-scrollbar:hover{transform:scaleY(1.3)}.c-scrollbar_thumb{background-color:#000;border-radius:10px;cursor:-webkit-grab;cursor:grab;margin:2px;opacity:.5;position:absolute;right:0;top:0;width:7px}.has-scroll-dragging .c-scrollbar_thumb{cursor:-webkit-grabbing;cursor:grabbing}[data-scroll-direction=horizontal] .c-scrollbar_thumb{bottom:0;right:auto}