h1 ,h2 ,h3, h4, h5, h6, p, a, span {
padding: 0;
margin: 0;
}
body {
width: 100%;
overflow-x: hidden;
--main-color-one: #4800ff;
--main-color-green: #00ff06;
font-family: 'ALS Sector'!important;
}
a {
text-decoration: none;
color: inherit;
}
a:hover {
text-decoration: underline;
color: inherit;
}
.wrap {
width: 100%;
overflow-x: hidden;
font-family: 'ALS Sector';
font-weight: 400;
}
.container {
max-width: 1170px;
width: 100%;
}
.container-min {
max-width: 1100px;
width: 100%;
margin: 0 auto;
}
.font-family-bold {
font-family: 'ALS Sector';
font-weight: 700;
}
.font-family-regular {
font-family: 'ALS Sector';
font-weight: 400;
}
header {
padding: 28px 0;
}
.page-title {
padding: 50px 15px 0px;
text-align: center;
max-width: 100%;
width: 1200px;
font-weight: 700;
font-size: 40px;
line-height: 1.2;
}
header .row {
width: 100%;
align-items: center;
}
.header-logo img {
max-width: 274px;
}
.header-soc {
align-items: center;
justify-content: end;
}
.header-soc img {
width: 43px;
height: auto;
}
.header-soc p {
font-size: 22px;
lighting-color: 1;
text-decoration: underline;
padding-left: 30px;
}
.header-contacts .header-email {
color: var(--main-color-one);
font-size: 14px;
line-height: 1;
}
.header-contacts .header-phone {
font-size: 35px;
line-height: 1;
padding: 8px 0;
}
.header-contacts .header-phone-info {
font-size: 14px;
line-height: 1;
}
.slider-desc-section {
max-width: 1360px;
width: 100%;
margin: 0 auto;
overflow: hidden;
border-radius: 15px;
}
.price-section {
max-width: 930px;
width: 100%;
margin: 0 auto;
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: center;
}
.price-section .price-btn {
width: 420px;
height: 108px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-image: url(//school.idewmedia.by/wp-content/themes/idewschool/images/cena.jpg);
background-size: 100% 100%;
background-repeat: no-repeat;
}
.price-section .price-btn p {
font-size: 39px;
line-height: 1;
color: #fff;
}
.section-margin {
margin-top: 70px;
margin-bottom: 70px;
}
.price-section .price-text {
padding-left:  30px;
line-height: 1;
font-size: 26px;
}
.price-section .price-text span {
font-size: 30px;
display: block;
}
.section-title {
font-size: 40px;
line-height: 1;
max-width: 520px;
padding-left: 30px;
margin-bottom: 25px;
font-weight: 700;
}
.course-top-section .col-md-4 {
margin-bottom: 25px;
}
.card-one {
background-color: var(--main-color-one);
color: #fff;
border-radius: 15px;
padding: 45px 30px 30px;
height: 100%;
}
.card-one h3 {
font-weight: 700;
font-size: 30px;
line-height: 1;
margin-bottom: 18px;
}
.card-one p{
font-family: 'Arial';
font-weight: 400;
line-height: 22px;
font-size: 16px;
}
.conv-one-section {
border-radius: 15px;
background-color: #4e6c91;
margin-top: 100px;
}
.conv-one-section .thumb {
position: relative;
}
.conv-one-section .thumb img {
position: absolute;
height: 140%;
width: auto;
transform: translateY(-50%);
top: 50%;
}
.conv-one-section .text {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
padding-top: 35px;
padding-bottom: 30px;
}
.conv-one-section .text h4 {
color: #fff;
font-size: 35px;
line-height: 45px;
font-weight: 700;
width: 500px;
max-width: 100%;
margin-bottom: 25px;
}
.conv-one-section .text button {
background-color: var(--main-color-green);
color: #000;
width: 300px;
max-width: 100%;
font-weight: 700;
font-size: 22px;
line-height: 1;
}
.who-section .col-md-6 {
margin-bottom: 25px;
}
.card-two {
background-color: #d8edf4;
color: #fff;
border-radius: 15px;
padding: 75px 65px 45px;
height: 100%;
color: #000;
}
.card-two .card-two-title {
position: relative;
}
.card-two h3 {
font-weight: 700;
font-size: 21px;
line-height: 23px;
position: relative;
width: 220px;
margin-bottom: 35px;
z-index: 100;
}
.card-two  .circle {
position: absolute;
width: 120px;
height: 120px;
background-color: var(--main-color-green);
border-radius: 50%;
z-index: 1;
top: 50%;
transform: translateY(-50%);
left: -30px;
}
.card-two p {
font-family: 'Arial';
font-weight: 400;
line-height: 22px;
font-size: 16px;
}
.test-section .row{
background-color: #4e6c91;
border-radius: 15px;
margin: 0;
padding: 28px 28px;
}
.test-section .icon {
min-width: 50px;
width: 50px;
margin-right: 38px;
}
.test-section .icon img {
width: 100%;
height: auto;
}
.test-section .buttons {
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.test-section .buttons .btn {
background-color: var(--main-color-green);
color: #000;
width: 315px;
max-width: 100%;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: 20px;
line-height: 1;
margin-bottom: 12px;
}
.test-section .buttons p {
text-align: center;
font-size: 16px;
line-height: 1;
color: #fff;
}
.test-section .text-col {
display: flex;
flex-wrap: nowrap;
color: #fff;
}
.test-section .text-col h5 {
font-family: 'Arial';
font-size: 20px;
line-height: 22px;
font-weight: 700;
margin-bottom: 16px;
}
.test-section .text-col p {
font-family: 'Arial';
font-size: 16px;
line-height: 22px;
}
.skills-section .section-title {
max-width: 390px;
}
.skills-section .col-md-6 {
margin-bottom: 25px;
}
.skills-section .card-one {
padding: 45px 30px;
}
.skills-section .card-one  h3 {
font-weight: 300;
}
.card-one .icon {
width: 40px;
margin-bottom: 18px;
}
.card-one .icon img {
width: 100%;
height: auto;
}
.video-section a {
display: block;
}
.video-section a img {
width: 100%;
height: auto;
border-radius: 15px;
}
.section-desc {
font-family: 'Arial';
font-size: 16px;
line-height: 22px;
width: 560px;
max-width: 100%;
margin-bottom: 25px;
padding-left: 30px;
}
.programm-section .prog-head {
display: flex;
flex-wrap: nowrap;
align-items: center;
padding: 40px;
background-color: #4800ff;
color: #fff;
border-radius: 15px;
position: relative;
z-index: 10;
}
.programm-section .prog-head .icon {
width: 50px;
margin-left: auto;
}
.programm-section .prog-head .icon img {
width: 100%;
height: auto;
}
.programm-section .single-prog {
width: 464px;
max-width: 100%; margin-left: 30px;
margin-bottom: 65px;
}
.programm-section .col-md-6:nth-child(1) .list-prog, 
.programm-section .col-md-6:nth-child(2) .list-prog {
min-height: 376px;
}
.programm-section .col-md-6:nth-child(3) .list-prog, 
.programm-section .col-md-6:nth-child(4) .list-prog {
min-height: 278px;
}
.programm-section .prog-head p {
font-size: 20px;
line-height: 1;
margin-bottom: 8px;
}
.programm-section .prog-head h4 {
font-size: 30px;
line-height: 1;
}
.programm-section .list-prog {
padding: 48px 25px 38px 38px;
background-color: #d1ddf6;
margin-top: -10px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
position: relative;
z-index: 9;
}
.programm-section .list-prog ul {
list-style: none;
padding-left: 0;
}
.programm-section .list-prog ul li {
font-size: 16px;
line-height: 1;
margin-bottom: 16px;
font-family: 'Arial';
}
.programm-section .prog-bottom {
padding: 48px 25px 38px 38px;
background-color: #e0ecfc;
margin-top: -10px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
position: relative;
z-index: 8;
}
.programm-section .prog-bottom  ul {
list-style: none;
padding-left: 0;
}
.programm-section .prog-bottom  ul li {
font-size: 24px;
line-height: 1;
margin-bottom: 16px;
font-weight: 300;
}
.programm-section .prog-bottom  ul li:last-child {
color: var(--main-color-one);
}
.programm-section .single-prog.best .prog-head,
.programm-section .single-prog.mod-3 .prog-head {
background-color: #e71522;
}
.programm-section .single-prog.best .list-prog p:first-child {
font-family: 'Arial';
font-size: 16px;
line-height: 30px;
margin-bottom: 20px;
}
.programm-section .single-prog.best .list-prog p:last-child {
font-size: 30px;
line-height: 32px;
font-weight: 300;
}
.programm-section .single-prog.best .prog-bottom {
background-color: inherit;
z-index: 15;
margin-top: -50px;
text-align: center;
padding-top: 0;
}
.programm-section .single-prog.best .prog-bottom img {
max-width: 100%;
}
.bonus-section .card-one {
position: relative;
}
.bonus-section .card-one img {
position: absolute;
top: -2px;
right: 13px;
width: 50px;
}
.bonus-section .card-one h3 {
width: 200px;
}
.bonus-section .col-md-4 {
margin-bottom: 25px;
}
.speaker-section .speaker-content {
background-color: #000;
background-image: url(//school.idewmedia.by/wp-content/themes/idewschool/images/perlamuter.jpg);
background-repeat: no-repeat;
background-size: cover;
}
.speaker-section .speaker-content .photo {
width: 100%;
height: auto;
}
.speaker-section .speaker-content .text {
padding-top: 45px;
padding-bottom: 45px;
margin-left: auto;
color: #fff;
}
.speaker-section .speaker-content .text h5 {
color: var(--main-color-green);
font-size: 22px;
line-height: 1;
font-weight: 300;
}
.speaker-section .speaker-content .text h3 {
font-size: 40px;
line-height: 1;
font-weight: 400;
padding: 8px 0;
}
.speaker-section .speaker-content .text p {
font-size: 17px;
line-height: 1;
font-weight: 400;
}
.speaker-content .text .top-info {
margin-bottom: 45px;
}
.speaker-content .text .single-awards {
display: flex;
align-items: center;
flex-wrap: nowrap;
margin-bottom: 28px;
}
.speaker-content .text .single-awards .logo {
max-width: 25%;
width: 25%;
height: 40px;
}
.speaker-content .text .single-awards .logo img {
height: 100%;
width: auto;
}
.speaker-content .text .single-awards p {
padding-left: 15px;
max-width: 75%;
width: 320px;
font-size: 16px;
line-height: 1;
}
.speaker-content .text .single-awards .lama-aw {
max-width: 75%;
width: 320px;
}
.speaker-content .text .single-awards .lama-aw p {
width: 100%;
max-width: 100%;
}
.speaker-content .text .single-awards .lama-aw p:first-child {
margin-bottom: 16px;
}
.price-middle-section .section-desc {
max-width: 100%;
width: 310px;
}
.price-middle-section .blue-price {
padding: 48px 48px 10px;
background-color: var(--main-color-one);
color: #fff;
border-radius: 15px;
max-width: 100%;
width: 406px;
margin-left: 15px;
margin-bottom: 16px;
}
.price-middle-section .single-price {
margin-bottom: 18px;
}
.price-middle-section .single-price p span{
font-size: 50px;
line-height: 1;
}
.price-middle-section .single-price p {
font-size: 23px;
font-weight: 700;
vertical-align: bottom;
}
.price-middle-section .single-price .small-info {
font-weight: 400;
font-size: 14px;
line-height: 1;
}
.price-middle-section .single-price .line{
text-decoration: line-through;
text-decoration-color: #000;
}
.price-middle-section .price-mon {
padding-left: 48px;
margin-left: 15px;
margin-bottom: 20px;
}
.price-middle-section .price-mon span {
color: var(--main-color-one);
}
.count {
margin-left: 15px;
max-width: 100%;
width: 406px;
color: var(--main-color-one);
background-color: #ccffc7;
border-radius: 15px;
text-align: center;
padding: 15px;
}
.count p {
font-size: 14px;
line-height: 1;
}
.price-middle-section .price-form .section-title span {
color: var(--main-color-one);
display: block;
width: 100%;
}
.price-form .form-block {
background-color: #c7e1ff;
border-radius: 15px;
padding: 35px;
margin-top: 75px;
}
.price-form .form-block > p {
margin-bottom: 35px;
font-size: 24px;
line-height: 1;
font-weight: 700;
}
.price-form input {
width: 100%;
height: 50px;
padding: 0 20px;
margin-bottom: 22px;
}
.price-form .btn-send {
width: 300px;
max-width: 100%;
background-color: var(--main-color-one);
color: #fff;
font-size: 21px;
font-weight: 700;
margin-top: 16px;
margin-bottom: 16px;
}
.price-form .res {
font-size: 14px;
line-height: 16px;
}
.reviews-section .col-md-6{
margin-bottom: 25px;
}
.reviews-section .card-one {
background-color: #687a8d;
}
.sert-section img {
width: 100%;
height: auto;
padding: 0 15px;
}
.sert-section .text {
display: flex;
justify-content: center;
flex-direction: column;
}
.sert-section .text p:first-child {
font-size: 50px;
line-height: 50px;
font-weight: 700;
width: 325px;
max-width: 100%;
margin-bottom: 35px;
}
.sert-section .text p:last-child {
font-family: 'Arial';
font-size: 16px;
line-height: 22px;
font-weight: 400;
width: 425px;
max-width: 100%;
}
.bottom-form-section {
position: relative;
}
.bottom-form-section .bg-line {
position: absolute;
left: 0;
height: 443px;
width: 100%;
top: 136px;
background-color: var(--main-color-one);
z-index: 1;
}
.bottom-form-section .container-min {
position: relative;
z-index: 100;
}
.bottom-form-section  .section-title {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.bottom-form-section  .section-title span {
color: var(--main-color-one);
display: block;
width: 100%;
}
.bottom-form-section .count {
margin-left: auto;
margin-right: auto;
}
.bottom-form-section .price-form {
width: 650px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.bottom-form-section .price-form .form-block {
margin-top: 40px;
}
.bottom-form-section  .bottom-phone {
text-align: center;
margin-top: 40px;
}
.bottom-form-section  .bottom-phone p {
font-size: 30px;
line-height: 1;
color: var(--main-color-one);
margin-bottom: 8px;
}
.bottom-form-section  .bottom-phone a {
font-size: 50px;
line-height: 1;
font-weight: 700;
}
footer {
background-color: #becdde;
margin-bottom: 0!important;
}
footer .footer-top {
padding-top: 55px;
padding-bottom: 30px;
align-items: center;
}
footer .footer-top p {
font-size: 18px;
line-height: 1;
font-weight: 700;
padding-left: 40px;
}
footer .footer-top p:first-child {
margin-bottom: 8px;
}
footer .footer-top  img{
max-width: 100%;
width: 710px;
}
.footer-bottom {
border-top: 1px solid #fff;
padding-top: 45px;
padding-bottom: 45px;
}
.footer-bottom .col-md-6 {
display: flex;
align-items: center;
justify-content: center;
}
.footer-bottom .logo {
text-align: center;
}
.footer-bottom  img {
max-width: 100%;
width: 157px;
}
.card-one,
.card-two,
.single-prog {
transition: all .3s;
}
.card-one:hover,
.card-two:hover,
.single-prog:hover {
transform: scale(1.03);
}
.owl-carousel .owl-dot span {
width: 10px;
height: 10px; 
background-color: #becdde;
display: block;
border-radius: 50%;
margin: 5px;
}
.owl-carousel .owl-dot.active span {
background-color: var(--main-color-one);
}
.owl-carousel .owl-dots {
text-align: center;
padding-top: 20px;
}
.modal-form .modal-dialog {
max-width: 1174px; }
.modal-form .modal-content {
position: relative;
border-radius: 15px;
overflow: hidden;
background-color: #c7e1ff;
}
.modal-form .modal-body {
padding: 0;
}
.btn-close {
position: absolute;
top: 4px;
right: 4px;
z-index: 100;
}
.modal-form .thumb {
height: 100%;
width: 100%;
max-width: 100%;
overflow: hidden;
}
.modal-form .thumb img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: left;
}
.modal-form .price-form .form-block {
margin-top: 0;
}
.modal-form  .price-form .form-block > p {
margin-bottom: 12px;
}
.modal-form  .price-form .form-block h3 {
margin-bottom: 12px;
font-size: 30px;
line-height: 1;
font-weight: 700;
}
.modal-form.modal-write-30 .price-form .form-block h3 {
margin-bottom: 24px;
}
.modal-form  .price-form .form-block h3 span {
color: var(--main-color-one);
}
.modal-form  .price-form .form-block h6 {
margin-bottom: 24px;
color: var(--main-color-one);
font-size: 21px;
font-weight: 700;
line-height: 1;
}
.modal-form  .row {
margin: 0;
}
.modal-form  .row > div {
padding: 0;
}
.portfolio-section .thumb {
position: relative;
width: 100%;
height: 0;
padding-bottom: 100%;
margin-left: auto;
margin-right: auto;
border-radius: 15px;
overflow: hidden;
}
.portfolio-section  .thumb img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.portfolio-section .text {
padding-left: 25px;
padding-right: 25px;
}
.portfolio-section h4 {
font-size: 28px;
line-height: 30px;
font-weight: 400;
margin-bottom: 18px;
margin-top: 18px;
}
.portfolio-section p {
font-size: 18px;
line-height: 1;
font-weight: 400;
margin-bottom: 4px;
}
.portfolio-section a {
text-transform: uppercase;
color: #4800ff;
font-size: 14px;
line-height: 1;
font-weight: 700;
margin-top: 18px;
display: block;
}
.portfolio-section .portfolio-card {
margin-bottom: 35px;
}
.webinar-title-center {
max-width: 100%;
width: 650px;
margin: 30px auto 25px;
text-align: center;
}
.video-section .btn {
background-color: var(--main-color-green);
color: #000;
width: 300px;
max-width: 100%;
font-weight: 700;
font-size: 22px;
line-height: 1;
margin: 0 auto 30px;
display: block;
}
.webinar-pack-img-mob {
display: none;
}
.video-section img {
width: 100%;
height: auto;
}
.privacy_block {
display: none;
position: fixed;
justify-content: center;
align-items: center;
z-index: 9999999;
bottom: 0;
left: 0;
right: 0;
text-align: center;
font-size: 15px;
color: #31393e;
background: #68d2df;;
padding: 10px 0;
border-top: none;
z-index: 999999999999;
box-shadow: 0 -2px 6px 0px #000;
}
.privacy_block .text {
display: flex;
justify-content: center;
flex-wrap: wrap;
align-items: center;
margin-top: 0;
margin-bottom: 0;
}
.privacy_block .text > div.privacy_block_left {
padding: 15px;
}
.privacy_btn {
display: flex;
text-decoration: none;
position: relative;
font-size: 13px;
padding: 4px 12px 4px 12px;
color: #FFF;
font-weight: bold;
background: #393333;
border: 2px solid #393333;
align-items: center;
height: 35px;
cursor: pointer;
}
.privacy_block a {
color: #31393e;;
text-decoration: underline;
}
.page-content h1,
.page-content h2,
.page-content h3,
.page-content h4,
.page-content h5,
.page-content h6 {
margin-bottom: 25px;
}
.page-content p {
margin-bottom: 25px;
}
.page-content img {
max-width: 100%;
height: auto;
margin-bottom: 25px;
}
@media(max-width: 1368px) {
.slider-desc-section {
border-radius: 0;
}
.conv-one-section .thumb img {
max-width: 100%;
}
}
@media(max-width: 1140px) {
.section-margin {
padding-left: 15PX;
padding-right: 15px;
}
.speaker-section .speaker-content {
background-position: 35%;
}
.programm-section .single-prog {
margin-left: 0;
}
.conv-one-section {
border-radius: 0;
}
.price-section .price-text {
padding-left: 0;
text-align: center;
margin-top: 20px;
}
}
@media(max-width: 992px) {
.card-one h3 {
font-size: 26px;
}
.card-one p {
font-size: 14px;
line-height: 20px;
}
.test-section .buttons {
justify-content: center;
}
.programm-section .prog-head {
padding: 40px 20px;
}
.programm-section .prog-head h4 {
font-size: 24px;
}
.programm-section .prog-head p {
font-size: 18px;
}
footer .footer-top p {
font-size: 16px;
}
header .row {
margin: 0;
}
}
@media(max-width: 768px) {
.header-soc {
padding: 0;
justify-content: flex-end;
margin-top: 0px;
}
.header-logo {
}
.header-contacts {
padding: 0;
text-align: right;
}
.header-contacts .header-phone {
font-size: 30px;
}
.conv-one-section .thumb img {
position: relative;
width: 100%;
height: auto;
transform: none;
top: 0;
}
.conv-one-section .text {
padding-left: 30px;
padding-right: 30px;
}
.test-section .buttons {
align-items: center;
margin-top: 20px;
}
.test-section .row {
padding: 28px 0;
}
.programm-section .single-prog {
width: 100%;
}
.speaker-section .speaker-content {
background-position: 1%;
}
.speaker-section .speaker-content .text {
padding-left: 30px;
padding-right: 30px;
}
.price-form .form-block {
margin-top: 45px;
}
.price-info {
margin-bottom: 45px;
}
.sert-section .text {
text-align: center;
align-items: center;
}
footer .footer-top p:first-child {
margin-top: 25px;
}
footer .footer-top p {
text-align: right;
}
header .row {
align-items: center;
}
.header-soc img {
width: 30px;
height: auto;
}
.header-contacts .header-phone {
font-size: 20px;
}
}
@media(max-width: 576px) {
.header-contacts .header-phone {
font-size: 20px;
}
.section-title {
font-size: 35px;
padding-left: 0;
}
.price-middle-section .section-desc {
padding-left: 0;
}
.speaker-section .section-title {
padding-left: 15px;
}
.conv-one-section .text h4 {
font-size: 27px;
line-height: 36px;
}
.test-section .icon {
margin-right: 15px;
}
.programm-section .list-prog ul li {
line-height: 1.2;
}
.price-middle-section .blue-price {
margin-left: 0;
}
.price-middle-section .price-mon {
margin-left: 0;
}
.count {
margin-left: 0;
}
.sert-section .text p:first-child {
font-size: 35px;
line-height: 1.2;
}
.bottom-form-section .bottom-phone a {
font-size: 35px;
}
.footer-bottom .col-sm-6:first-child {
order: 2;
}
.footer-bottom .col-sm-6:last-child {
order: 1;
margin-bottom: 25px;
text-align: left;
}
.sert-section img {
padding: 0;
}
.webinar-pack-img-mob {
display: block;
}
.webinar-pack-img-desk {
display: none;
}
}
@media(max-width: 380px) {
.footer-bottom p {
font-size: 14px;
line-height: 1.2;
}
.programm-section .prog-bottom ul li {
font-size: 20px;
}
.section-title {
font-size: 30px;
}
.card-one h3 {
font-size: 24px;
}
.header-contacts .header-phone {
font-size: 18px;
}
}