/* cyrillic-ext */
@font-face {
  font-family: 'MontserratBold';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_epG3gTD_u50.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'MontserratBold';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_epG3g3D_u50.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'MontserratBold';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_epG3gbD_u50.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'MontserratBold';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_epG3gfD_u50.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'MontserratBold';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_epG3gnD_g.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body{ background: #fff }
.container.m-top120{width: 100%; max-width: 100vw; margin: auto }
.dcontainer{width: 900px; margin: 0 auto}
.bread{ padding: 35px 0 }
.bread li, .bread a{ text-decoration: none; list-style-type: none; display: inline; font-family: Montserrat; font-size: 14px; color: #888 }
.bread a{ color: #333; font-weight: 700; transition: 0.54}
.bread a:hover{ color: #34465A;  }
.flex{ display: flex; flex-wrap: wrap }
.w50{ width: 50% }
.w33{ width: 33.3% }
main{ font-family: Montserrat }
main img{ width: 100%; height: auto }
h1{ color: #fff; font-size: 34px; font-family: 'MontserratBold'; font-weight: 900; text-transform: uppercase; }
.mainrectangle h4 { color: #F7941D; font-size: 18px; margin-bottom: -30px; }
.mainrectangle h5 { font-family: 'MontserratBold'; font-weight: 900; color: #fff; font-size: 27px }
.mainrectangle h5 span { font-family: 'MontserratBold'; font-weight: 900; color: #fff; font-size: 22px; padding: 3px 7px; background: #F7941D; border-radius: 5px; }
.textblock{ padding: 90px 0 }
.textblock h2 { text-transform: uppercase; color: #333; font-size: 22px }
.alltext { column-count: 2 }
.alltext p { margin: 0 0 20px  }
h2, ul, .textblock p, #programm h4{ width: calc(100% - 80px); margin-left: 40px !important }
.choose{ padding: 85px 0; width: 100%; background-blend-mode: soft-light; background-image: url(images/bg.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; }
.choose h2{ max-width: 600px; font-family: 'MontserratBold'; font-weight: 900; font-size: 34px; text-transform: uppercase; color: #fff; line-height: 42px; }
@media(max-width: 768px){ .choose h2 { text-align: center; line-height: 1.4; margin-top: -50px } }
.chitem{ border: 3px solid #fff; width: calc(100% - 26px); margin: 13px; height: 365px }
.chitem h3{ padding: 15px 35px; font-family: 'MontserratBold'; font-weight: 900; max-width: 325px; font-size: 27px; line-height: 30px; text-transform: uppercase; color: #fff; }
.chitem p{ padding: 10px 35px; color: #fff; font-size: 14px; max-width: 310px }
.chitem .price{ color: #F7941D; font-size: 18px }
.chitem .price b{ text-transform: uppercase; font-family: 'MontserratBold'; font-weight: 900; font-size: 20px }
.chitem .price span{ font-family: 'MontserratBold'; font-weight: 900; font-size: 24px }
.chitem .sale{ position: relative; float: right; margin-top: 35px; margin-right: 20px; font-family: 'MontserratBold'; font-weight: 900; color: #fff; font-size: 22px; padding: 3px 7px; background: #F7941D; border-radius: 5px;}
#programm{ padding: 70px 0 0 }
#programm .flex{ padding: 0px 0 50px }
#programm h2{ font-size: 34px; color: #333; font-family: 'MontserratBold'; font-weight: 900 }
#programm h4{ font-size: 20px; text-transform: uppercase; font-family: 'MontserratBold'; font-weight: 900 }
#programm .point{ width: calc(100% - 20px); margin: 5px 10px; background: #F2F2F2; }
#programm .name{ color: #333; padding: 20px; font-family: 'MontserratBold'; font-weight: 900; width: calc(100% - 70px); }
#programm .name p{ display: inline; padding-right: 50px; }
#programm .name span{ cursor: pointer; color: #C4C4C4; transition: 0.1s; font-size: 40px; float: right; margin: 0; padding: 0; margin-top: -14px; font-weight: 100; font-family: none;     margin-right: -40px;}
#programm .detalis{ color: #333; padding: 20px; font-size: 14px; display: none; }
#video-detal h2{ font-size: 34px; color: #333; font-family: 'MontserratBold'; font-weight: 900; margin-left: 40px }
#video-detal .flex{ justify-content: space-around; }
.wcth h4 { display: none; }
video{ width: 100%; margin: 5px; height: 500px; overflow-y: hidden; }
video::poster{ width: 100%; height: 533px }


@media(max-width: 900px){
    body{ padding-top: 80px }
    .bread{ padding: 30px 0 0 }
    .bread ul{ padding: 0 }
    .flex{ display: block }
    .dcontainer { width: 100% }
    .w50, .w33{ width: 100% !important }
    .alltext { column-count: 1 }
    .mainrectangle{ width: calc(100% - 80px) !important }
    h1{ font-size: 24px }
    .chitem h3{ max-width: 70%; font-size: 20px }
    .chitem p{ padding-bottom: 0; padding-top: 0; }
    .chitem .sale{margin: 0}
    .chitem { height: auto; }
}


@media(max-width: 500px){
    .container main .bg-grey {
        margin-left: -20px;
        margin-right: -20px;
    }
    ul.wcth, .wcth ul { margin: 0 !important }
    #world_companies, #world_companies div { margin-bottom: 10px }
}
#programm .detalis li { margin-left: 20px; max-width: calc(100% - 20px); }
@media(min-width:501px){
  ul.wcth, .wcth ul { margin-left: 0px !important }
}
  #exprience ul {
    margin-left: 20px !important;
    width: calc(100% - 20px) !important;
  }  

@media(max-width: 768px){
  #exprience ul {
    margin-left: 1px !important;
    width: calc(100% - 1px) !important;
  }  
}