html {
overflow: scroll;
overflow-x: hidden;
}
::-webkit-scrollbar {
width: 0px;
background: transparent;
}
.row {
align-items: center;
justify-content: center;
}
.hidden {
display: none;
}
iframe {
width: 100%;
max-width: 100vw;
}
h1 {
color: #3f3f3e;
text-transform: uppercase;
font-weight: 900;
}
h2 {
font-size: calc(18px + 2 * ((100vw - 320px) / (1400 - 320)));
}
.text-course {
font-weight: 900;
font-size: calc(35px + 30 * ((100vw - 320px) / (1400 - 320)));
}
.p1 {
color: #3f3f3e;
text-transform: uppercase;
font-weight: 900;
font-size: calc(15px + 3 * ((100vw - 320px) / (1400 - 320)));
}
.bg-course {
background-color: #4a94d2;
padding: 2% 5% 2% 8%;
color:#fff;
text-transform: uppercase;
margin-bottom: 10px;
}
@media only screen and (max-width: 375px) {
.bg-course:before {
left: 80%;
}
}
.text-prof {
text-transform: lowercase;
font-weight: 900;
color:#3b5ea3;
font-size: calc(22px + 12 * ((100vw - 320px) / (1400 - 320)));
}
.prof-list {
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
text-align: left;
padding: 0;
margin-bottom: 0;
}
@media only screen and (max-width: 662px) {
.prof-list {
columns: 1;
-webkit-columns: 1;
-moz-columns: 1;
text-align: left;
padding: 0;
}
}
.prof-list li {
text-transform: uppercase;
font-weight: 900;
color: #3f3f3e;
padding: 3px 0;
list-style: none;
display: flex;
align-items: center;
line-height: 1.2;		
}
.prof-list li span {
font-weight: 600;
text-transform: initial;
/* margin-left: auto; */
padding-left: 5px;
font-size:15px !important;
}
.prof-list img {
height:50px;
padding-right:5px;
}
.md-text {
font-size:14px;	
}
.sm-text {
font-size:13px;	
}
.dop-sm-text {
font-size:12px;	
}
.lenta {
padding:5px 5%;
background-color: #f5d732;
color:#48473d;
text-align: center;
}
.lenta p {
font-size: calc(14px + 3 * ((100vw - 320px) / (1400 - 320)));
margin-bottom: 0px;
font-weight:700;
}
.lenta span {
font-size: calc(13px + 1 * ((100vw - 320px) / (1400 - 320)));
font-weight: 500;
line-height: 0.5;
}
@media only screen and (max-width: 375px) {
.lenta {display: none;}
}	
.register-date {
padding: 10px;
background-color: #f5d732;
color: #3b5ea3;
width: 100%;
text-align: center;
font-weight: 900;
font-size: calc(24px + 6 * ((100vw - 320px) / (1400 - 320)));
line-height: 1;
}
.register-date span {
text-transform: uppercase;
font-size: calc(30px + 8 * ((100vw - 320px) / (1400 - 320)));
}
.city {
height: 100vh;
width: 100%;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center !important;
box-shadow: rgba(255, 255, 255, 1) 0px 310px 100px -60px inset;
}
.dnipro {background: url(/images/dnipro.jpg);}
.chernihiv {background: url(/images/chernihiv.jpg);}
.lviv {background: url(/images/lviv.jpg);}
.hmel {background: url(/images/hmel.jpg);}
.poltava {background: url(/images/poltava.jpg);}
#div1{
display: none;
}
.pulsingButton {
box-shadow: 0 0 0 0 rgba(244, 215, 50, 0.7);
border-radius: 50px;
-webkit-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
-moz-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
-ms-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
transition: all 300ms ease-in-out;
background-color: #3960a6;
padding: 25px 50px;
color:#fff;
font-weight:900;
border:none;
text-transform: uppercase;
}
.pulsingButton:hover {
background-color: #f5d732;
color:#3960a6;
}
a.pulsingButton:hover {
-webkit-animation: none;
-moz-animation: none;
-ms-animation: none;
animation: none;
color: #ffffff;
}

/* Animation */

@-webkit-keyframes pulsing {
to {
box-shadow: 0 0 0 30px rgba(244, 215, 50, 0);
}
}

@-moz-keyframes pulsing {
to {
box-shadow: 0 0 0 30px rgba(244, 215, 50, 0);
}
}

@-ms-keyframes pulsing {
to {
box-shadow: 0 0 0 30px rgba(244, 215, 50, 0);
}
}

@keyframes pulsing {
to {
box-shadow: 0 0 0 30px rgba(244, 215, 50, 0);
}
}