/* Start:/local/templates/daotn/js/carousel/assets/owl.carousel.css?15483220504011*/
/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease; }

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("/local/templates/daotn/js/carousel/assets/owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
      transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

/* End */


/* Start:/local/templates/daotn/js/fb/jquery.fancybox.min.css?154480333812795*/
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
/* End */


/* Start:/local/templates/daotn/css/main.css?175509295184491*/
@-webkit-keyframes loading-bg {
    0% {
        transform: translateX(0)
    }
    to {
        transform: translateX(28px)
    }
}

@keyframes loading-bg {
    0% {
        transform: translateX(0)
    }
    to {
        transform: translateX(28px)
    }
}

*, ::after, ::before {
    box-sizing: border-box
}

* {
    margin: 0
}

body, html {
    height: 100%
}

body {
    line-height: 1;
    font-family: 'Proxima Nova', sans-serif
}

canvas, img, picture, svg, video {
    display: block;
    max-width: 100%
}

button, input, select, textarea {
    font: inherit
}

h1, h2, h3, h4, h5, h6, p {
    overflow-wrap: break-word
}

a, a:active, a:hover {
    color: inherit;
    text-decoration: none
}

button, input, textarea {
    outline: 0
}

button {
    background: 0 0;
    border: 0;
    cursor: pointer;
    padding: 0
}

#__next, #root {
    isolation: isolate
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {
    .container {
        max-width: 540px
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 758px
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 903px
    }
}

@media (min-width: 1300px) {
    .container {
        max-width: 1270px
    }
}

@font-face {
    font-family: 'Proxima Nova';
    src: url(/local/templates/daotn/css/fonts/ProximaNova-Black.eot);
    src: local("Proxima Nova Black"), local("ProximaNova-Black"), url(/local/templates/daotn/css/fonts/ProximaNova-Black.eot?#iefix) format("embedded-opentype"), url(/local/templates/daotn/css/fonts/ProximaNova-Black.woff) format("woff"), url(/local/templates/daotn/css/fonts/ProximaNova-Black.ttf) format("truetype");
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: 'Proxima Nova';
    src: url(/local/templates/daotn/css/fonts/ProximaNova-Extrabld.eot);
    src: local("Proxima Nova Extrabold"), local("ProximaNova-Extrabld"), url(/local/templates/daotn/css/fonts/ProximaNova-Extrabld.eot?#iefix) format("embedded-opentype"), url(/local/templates/daotn/css/fonts/ProximaNova-Extrabld.woff) format("woff"), url(/local/templates/daotn/css/fonts/ProximaNova-Extrabld.ttf) format("truetype");
    font-weight: 800;
    font-style: normal
}

@font-face {
    font-family: 'Proxima Nova';
    src: url(/local/templates/daotn/css/fonts/ProximaNova-Bold.eot);
    src: local("Proxima Nova Bold"), local("ProximaNova-Bold"), url(/local/templates/daotn/css/fonts/ProximaNova-Bold.eot?#iefix) format("embedded-opentype"), url(/local/templates/daotn/css/fonts/ProximaNova-Bold.woff) format("woff"), url(/local/templates/daotn/css/fonts/ProximaNova-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'Proxima Nova';
    src: url(/local/templates/daotn/css/fonts/ProximaNova-Semibold.eot);
    src: local("Proxima Nova Semibold"), local("ProximaNova-Semibold"), url(/local/templates/daotn/css/fonts/ProximaNova-Semibold.eot?#iefix) format("embedded-opentype"), url(/local/templates/daotn/css/fonts/ProximaNova-Semibold.woff) format("woff"), url(/local/templates/daotn/css/fonts/ProximaNova-Semibold.ttf) format("truetype");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: 'Proxima Nova';
    src: url(/local/templates/daotn/css/fonts/ProximaNova-Regular.eot);
    src: local("Proxima Nova Regular"), local("ProximaNova-Regular"), url(/local/templates/daotn/css/fonts/ProximaNova-Regular.eot?#iefix) format("embedded-opentype"), url(/local/templates/daotn/css/fonts/ProximaNova-Regular.woff) format("woff"), url(/local/templates/daotn/css/fonts/ProximaNova-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Proxima Nova';
    src: url(/local/templates/daotn/css/fonts/ProximaNova-Light.eot);
    src: local("Proxima Nova Light"), local("ProximaNova-Light"), url(/local/templates/daotn/css/fonts/ProximaNova-Light.eot?#iefix) format("embedded-opentype"), url(/local/templates/daotn/css/fonts/ProximaNova-Light.woff) format("woff"), url(/local/templates/daotn/css/fonts/ProximaNova-Light.ttf) format("truetype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'Proxima Nova';
    src: url(/local/templates/daotn/css/fonts/ProximaNovaT-Thin.eot);
    src: local("Proxima Nova Thin"), local("ProximaNovaT-Thin"), url(/local/templates/daotn/css/fonts/ProximaNovaT-Thin.eot?#iefix) format("embedded-opentype"), url(/local/templates/daotn/css/fonts/ProximaNovaT-Thin.woff) format("woff"), url(/local/templates/daotn/css/fonts/ProximaNovaT-Thin.ttf) format("truetype");
    font-weight: 100;
    font-style: normal
}

main {
    overflow: hidden
}

@media (max-width: 767.98px) {
    .container {
        max-width: 100%
    }
}

.header {
    background: #fff;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .06);
    position: relative;
    z-index: 9
}

@media (max-width: 991.98px) {
    .header-logo svg {
        width: 200px
    }
}

@media (max-width: 575.98px) {
    .header-logo svg {
        width: 170px
    }
}

.header-menu ul, .header-row {
    display: flex;
    align-items: center
}

.header-row {
    justify-content: space-between;
    height: 100px
}

@media (max-width: 767.98px) {
    .header-row {
        height: 75px
    }
}

@media (max-width: 575.98px) {
    .header-row {
        height: 56px
    }
}

.header-menu-open {
    display: none
}

@media screen and (max-width: 719px) {
    .header-menu-open {
        background: #e30713;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 0;
        right: 0;
        height: 75px;
        width: 75px
    }
}

@media (max-width: 575.98px) {
    .header-menu-open {
        height: 56px;
        width: 56px
    }
}

.header-menu-open span {
    background-color: #fff;
    position: relative;
    transition: ease 300ms;
    height: 3px;
    width: 32px
}

@media (max-width: 575.98px) {
    .header-menu-open span {
        width: 26px
    }
}

.header-menu-open span:after, .header-menu-open span:before {
    background-color: #fff;
    display: block;
    content: '';
    position: absolute;
    top: -8px;
    left: 0;
    height: 3px;
    width: 100%
}

.header-menu-open span:after {
    top: auto;
    bottom: -8px
}

.header-menu-open.active span {
    transform: rotate(90deg)
}

.header-menu {
    padding: 0;
    margin: 0;
    z-index: 9
}

@media screen and (max-width: 719px) {
    .header-menu {
        background: #fff;
        opacity: 0;
        padding: 30px 0;
        position: absolute;
        top: 75px;
        left: 0;
        transition: ease 300ms;
        visibility: hidden;
        width: 100%
    }
}

@media screen and (max-width: 719px) and (max-width: 575.98px) {
    .header-menu {
        top: 56px
    }
}

@media screen and (max-width: 719px) {
    .header-menu.active {
        opacity: 1;
        visibility: visible
    }
}

.header-menu ul {
    padding-left: 20px
}

@media screen and (max-width: 719px) {
    .header-menu ul {
        flex-direction: column;
        padding-left: 0
    }
}

.button, .header-menu ul a {
    color: #2a374a;
    font-size: 20px;
    line-height: 1.5;
    transition: ease 300ms
}

@media (max-width: 1299.98px) {
    .header-menu ul a {
        font-size: 17px
    }
}

@media (max-width: 991.98px) {
    .header-menu ul a {
        font-size: 16px
    }
}

@media screen and (max-width: 719px) {
    .header-menu ul a {
        font-size: 20px;
        font-weight: 600;
        text-transform: uppercase
    }
}

.header-menu ul a:hover {
    color: #e30713
}

.header-menu li {
    padding: 0;
    margin: 0;
    list-style: none
}

.header-menu li + li {
    margin-left: 60px
}

@media (max-width: 1299.98px) {
    .header-menu li + li {
        margin-left: 40px
    }
}

@media (max-width: 991.98px) {
    .header-menu li + li {
        margin-left: 25px
    }
}

@media screen and (max-width: 719px) {
    .header-menu li + li {
        margin-left: 0;
        margin-top: 30px
    }
}

.button {
    background-color: #e30713;
    color: #fff;
    display: block;
    font-weight: 600;
    font-size: 22px;
    line-height: 1.3;
    overflow: hidden;
    padding: 24px 50px 22px;
    position: relative;
    text-transform: uppercase;
    text-align: center;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.button:hover {
    background-color: rgba(227, 7, 19, .8)
}

@media (max-width: 575.98px) {
    .button {
        font-size: 18px;
        padding: 18px 40px 19px
    }
}

.intro, a.button:hover {
    color: #fff
}

.button[disabled=disabled]:after {
    -webkit-animation: loading-bg .4s linear infinite;
    animation: loading-bg .4s linear infinite;
    background: repeating-linear-gradient(-45deg, transparent 1px, rgba(222, 222, 222, .4) 2px, rgba(222, 222, 222, .4) 11px, transparent 12px, transparent 20px);
    bottom: 0;
    content: "";
    left: -28px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0
}

.intro {
    background-color: #3b4a5b;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 140px 0 0;
    position: relative
}

@media (max-width: 1299.98px) {
    .intro {
        padding: 120px 0 0
    }
}

@media (max-width: 575.98px) {
    .intro {
        padding: 30px 0 0
    }
}

.intro .container {
    position: relative;
    z-index: 3
}

.intro-video, .intro:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.intro:before {
    background: linear-gradient(0deg, rgba(42, 55, 74, .4), rgba(42, 55, 74, .4));
    content: '';
    z-index: 3
}

.intro-video {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.intro-title {
    font-weight: 700;
    font-size: 50px;
    line-height: 1.2;
    max-width: 640px;
    margin-bottom: 52px;
    text-transform: uppercase
}

@media (max-width: 1299.98px) {
    .intro-title {
        font-size: 40px
    }
}

@media (max-width: 767.98px) {
    .intro-title {
        font-size: 56px;
        margin-bottom: 50px;
        max-width: 100%;
        text-align: center
    }
}

@media (max-width: 575.98px) {
    .intro-title {
        font-size: 28px;
        text-align: left;
        margin-bottom: 65px
    }
}

.intro-item {
    display: flex;
    align-items: center;
    margin-bottom: 61px
}

@media (max-width: 1299.98px) {
    .intro-item {
        margin-bottom: 40px
    }
}

@media (max-width: 767.98px) {
    .intro-item {
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 40px;
        width: calc(100% / 2);
        flex-direction: column;
        justify-content: center
    }
}

@media (max-width: 575.98px) {
    .intro-item {
        padding-left: 20px;
        padding-right: 20px;
        width: calc(100% / 1);
        flex-direction: unset;
        margin-bottom: 20px
    }
}

.intro-item svg {
    margin-right: 30px
}

@media (max-width: 767.98px) {
    .intro-item svg {
        margin-right: 0;
        margin-bottom: 29px
    }
}

@media (max-width: 575.98px) {
    .intro-item svg {
        margin-right: 20px;
        margin-bottom: 0;
        flex-shrink: 0;
        height: 65px;
        width: 65px
    }
}

.intro-item:last-child {
    margin-bottom: 0
}

.intro-item-title {
    font-weight: 600;
    font-size: 24px;
    line-height: 1.5;
    letter-spacing: .01em;
    max-width: 340px;
    text-transform: uppercase
}

@media (max-width: 1299.98px) {
    .intro-item-title {
        font-size: 22px
    }
}

@media (max-width: 767.98px) {
    .intro-item-title {
        text-align: center
    }

    .intro-item-title br {
        display: none
    }
}

@media (max-width: 575.98px) {
    .intro-item-title {
        font-size: 18px;
        text-align: left
    }
}

.intro-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 0
}

@media (max-width: 991.98px) {
    .intro-row {
        margin-bottom: 0;
        flex-direction: column
    }
}

@media (max-width: 767.98px) {
    .intro-row {
        margin-bottom: 0
    }
}

@media (max-width: 575.98px) {
    .intro-row {
        margin-bottom: 0
    }
}

.intro-about {
    background: #fff;
    box-shadow: 0 0 100px rgba(0, 0, 0, .1);
    color: #171717;
    max-width: 525px;
    padding: 40px;
    width: 50%
}

@media (max-width: 1299.98px) {
    .intro-about {
        max-width: 400px;
        padding: 30px
    }
}

@media (max-width: 991.98px) {
    .intro-about {
        max-width: 100%;
        width: 100%
    }
}

@media (max-width: 575.98px) {
    .intro-about {
        padding: 25px
    }
}

.intro-about-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 20px
}

@media (max-width: 575.98px) {
    .intro-about-title {
        font-size: 17px;
        margin-bottom: 15px
    }
}

.intro-about-dsc {
    font-size: 16px;
    line-height: 1.3
}

@media (max-width: 575.98px) {
    .intro-about-dsc {
        font-size: 15px
    }
}

@media (max-width: 1299.98px) {
    .intro-enum {
        margin-bottom: 40px
    }
}

@media (max-width: 767.98px) {
    .intro-enum {
        display: flex;
        flex-flow: row wrap;
        justify-content: flex-start;
        margin-left: -10px;
        margin-right: -10px;
        align-items: flex-start
    }
}

.intro-feedback {
    background-color: #2a374a;
    padding: 55px 0;
    position: relative;
    z-index: 3
}

@media (max-width: 1299.98px) {
    .intro-feedback {
        padding: 40px 0
    }
}

@media (max-width: 767.98px) {
    .intro-feedback {
        padding: 36px 0 40px
    }
}

@media (max-width: 575.98px) {
    .intro-feedback {
        padding: 22px 0 0
    }
}

.intro-feedback-row {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media (max-width: 991.98px) {
    .intro-feedback-row {
        flex-flow: row wrap;
        justify-content: center
    }
}

.intro-feedback-title {
    color: #fff;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.2;
    text-transform: uppercase
}

@media (max-width: 1299.98px) {
    .intro-feedback-title {
        font-size: 22px
    }
}

@media (max-width: 991.98px) {
    .intro-feedback-title {
        margin-bottom: 30px;
        text-align: center
    }
}

@media (max-width: 767.98px) {
    .intro-feedback-title {
        font-size: 30px;
        margin-bottom: 40px
    }
}

@media (max-width: 575.98px) {
    .intro-feedback-title {
        font-size: 20px;
        margin-bottom: 18px;
        text-align: center
    }

    .intro-feedback-title br {
        display: none
    }
}

.intro-feedback-button {
    padding-left: 72px;
    padding-right: 72px
}

@media (max-width: 1299.98px) {
    .intro-feedback-button {
        padding-left: 50px;
        padding-right: 50px
    }
}

@media (max-width: 767.98px) {
    .intro-feedback-button {
        padding-left: 72px;
        padding-right: 72px
    }
}

@media (max-width: 575.98px) {
    .intro-feedback-button {
        display: block;
        padding-left: 50px;
        padding-right: 50px;
        margin: 0 -15px;
        width: calc(100% + 30px)
    }
}

.title {
    color: #3b4a5b;
    font-weight: 700;
    font-size: 50px;
    line-height: 1.4;
    text-transform: uppercase
}

@media (max-width: 1299.98px) {
    .title {
        font-size: 46px;
        line-height: 1.2
    }
}

@media (max-width: 575.98px) {
    .title {
        font-size: 26px
    }
}

.experience {
    padding: 70px 0 80px
}

@media (max-width: 991.98px) {
    .experience {
        padding: 50px 0 0
    }
}

@media (max-width: 575.98px) {
    .experience {
        padding: 30px 0 0
    }
}

.experience-title {
    margin-bottom: 50px;
    text-align: center
}

@media (max-width: 767.98px) {
    .experience-title {
        margin-bottom: 10px
    }
}

@media (max-width: 575.98px) {
    .experience-title {
        margin-bottom: 0
    }
}

.experience-enum {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 30px
}

@media (max-width: 575.98px) {
    .experience-enum {
        margin-bottom: 10px
    }
}

.experience-col {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
    width: calc(100% / 3)
}

@media (max-width: 991.98px) {
    .experience-col {
        padding-left: 10px;
        padding-right: 10px;
        width: calc(100% / 1);
        margin-bottom: 0
    }

    .experience-col + .experience-col .experience-item {
        border-top: 4px solid #ebeef2
    }
}

.experience-item {
    height: 100%;
    padding-left: 60px;
    position: relative
}

@media (max-width: 1299.98px) {
    .experience-item {
        padding-left: 40px
    }
}

@media (max-width: 991.98px) {
    .experience-item {
        display: flex;
        align-items: center;
        padding: 30px 50px
    }
}

@media (max-width: 575.98px) {
    .experience-item {
        align-items: flex-end;
        padding: 20px 0
    }
}

.experience-item:after, .experience-item:before {
    background-color: #ebeef2;
    content: '';
    display: block;
    position: absolute
}

@media (max-width: 991.98px) {
    .experience-item:after, .experience-item:before {
        display: none
    }
}

.experience-item:before {
    bottom: 0;
    left: 0;
    height: calc(100% - 30px);
    width: 4px
}

.experience-item:after {
    bottom: 0;
    left: 0;
    height: 4px;
    width: 100%
}

.experience-item svg {
    flex-shrink: 0;
    margin-bottom: 30px
}

@media (max-width: 1299.98px) {
    .experience-item svg {
        max-height: 70px;
        max-width: 70px
    }
}

@media (max-width: 991.98px) {
    .experience-item svg {
        margin-bottom: 0;
        margin-right: 55px
    }
}

.experience-item-title {
    color: #3b4a5b;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 19px;
    text-transform: uppercase
}

@media (max-width: 1299.98px) {
    .experience-item-title {
        font-size: 17px
    }
}

@media (max-width: 767.98px) {
    .experience-item-title {
        font-size: 20px
    }
}

@media (max-width: 575.98px) {
    .experience-item-title {
        font-size: 16px
    }

    .experience-item-title br {
        display: none
    }
}

.experience-item-value {
    color: #e30713;
    font-weight: 700;
    font-size: 50px;
    line-height: 1;
    padding-bottom: 20px;
    text-transform: uppercase
}

@media (max-width: 1299.98px) {
    .experience-item-value {
        font-size: 30px
    }
}

@media (max-width: 991.98px) {
    .experience-item-value {
        padding-bottom: 0
    }
}

@media (max-width: 767.98px) {
    .experience-item-value {
        font-size: 45px
    }
}

@media (max-width: 575.98px) {
    .experience-item-value {
        font-size: 30px
    }
}

.experience-item-value span {
    display: block;
    font-size: 30px
}

@media (max-width: 1299.98px) {
    .experience-item-value span {
        font-size: 25px
    }
}

.experience-btn-box {
    display: flex;
    justify-content: center
}

@media (max-width: 767.98px) {
    .experience .experience-btn-box {
        display: none
    }
}

.about {
    background-color: #ebeef2;
    overflow: hidden;
    padding: 80px 0 70px;
    position: relative
}

@media (max-width: 991.98px) {
    .about {
        padding: 60px 0 505px
    }
}

@media (max-width: 575.98px) {
    .about {
        padding: 30px 0 200px
    }
}

.about .container {
    position: relative;
    z-index: 2
}

.about:before {
    background-image: url(/local/templates/daotn/css/imgs/about-before.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom center;
    content: '';
    margin-right: 331px;
    position: absolute;
    bottom: 0;
    right: 50%;
    height: 455px;
    width: 925px
}

@media (max-width: 991.98px) {
    .about:before {
        margin: 0 auto;
        left: -120px
    }
}

@media (max-width: 575.98px) {
    .about:before {
        left: 0;
        right: 0;
        height: 179px;
        width: 100%
    }
}

.about:after {
    background-image: url(/local/templates/daotn/css/imgs/about-after.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom center;
    content: '';
    margin-left: 256px;
    position: absolute;
    bottom: 0;
    left: 50%;
    height: 461px;
    width: 694px
}

@media (max-width: 991.98px) {
    .about:after {
        display: none
    }
}

.about-title {
    background-color: #f7f8fa;
    text-align: center;
    padding: 40px 30px 30px;
    margin-bottom: 50px
}

@media (max-width: 1299.98px) {
    .about-title {
        font-size: 34px
    }
}

@media (max-width: 991.98px) {
    .about-title {
        background-color: unset;
        padding: 0;
        font-size: 46px;
        font-weight: 600;
        margin-bottom: 40px
    }
}

@media (max-width: 575.98px) {
    .about-title {
        font-size: 24px;
        margin-bottom: 20px
    }
}

.about-video {
    background-color: #fff;
    border: 4px solid #e30713;
    margin: 0 auto;
    max-width: 818px;
    position: relative
}

.about-video iframe {
    aspect-ratio: 16/9;
    display: block;
    height: auto;
    width: 100%
}

.about-video-play {
    fill: #e30713;
    position: absolute;
    top: 50%;
    left: 50%;
    transition: ease 300ms;
    transform: translate(-50%, -50%)
}

.about-video:hover .about-video-play {
    transform: translate(-50%, -50%) scale(1.1)
}

.education {
    padding: 70px 0
}

@media (max-width: 575.98px) {
    .education {
        padding: 40px 0 50px
    }
}

.education .owl-stage {
    display: flex
}

.education .carousel-dots-red {
    margin-top: 20px
}

.education-title {
    margin-bottom: 50px;
    text-align: center
}

@media (max-width: 575.98px) {
    .education-title {
        margin-bottom: 20px
    }
}

.education-enum:not(.owl-carousel) {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 40px
}

.education-enum.owl-carousel {
    margin-bottom: 40px
}

.education-col {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
    width: calc(100% / 2)
}

@media (max-width: 991.98px) {
    .education-col {
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 20px;
        width: calc(100% / 1)
    }
}

@media (max-width: 767.98px) {
    .education-col {
        height: 100%
    }
}

.education-enum.owl-carousel .education-col {
    margin: 0;
    padding: 0;
    width: 100%
}

.education-item {
    background: #fff;
    border: 1px solid #d1d6dd;
    display: flex;
    height: 100%;
    position: relative
}

@media (max-width: 767.98px) {
    .education-item {
        margin: 0 auto;
        max-width: 578px
    }
}

.education-content {
    padding: 20px 30px 24px
}

@media (max-width: 1299.98px) {
    .education-content {
        padding: 15px 25px 20px
    }
}

@media (max-width: 575.98px) {
    .education-content {
        padding: 16px 17px
    }
}

.education-ttl {
    color: #3b4a5b;
    font-weight: 700;
    font-size: 30px;
    line-height: 1.33;
    margin-bottom: 20px;
    text-transform: uppercase
}

@media (max-width: 1299.98px) {
    .education-ttl {
        font-size: 25px
    }
}

@media (max-width: 575.98px) {
    .education-ttl {
        font-size: 20px;
        margin-bottom: 26px;
        padding-left: 75px
    }
}

.education-picture {
    flex-shrink: 0;
    position: relative;
    top: -1px;
    left: -1px;
    width: 120px
}

@media (max-width: 1299.98px) {
    .education-picture {
        width: 90px
    }
}

@media (max-width: 575.98px) {
    .education-picture {
        position: absolute;
        width: 66px
    }
}

.education-picture img {
    display: block;
    width: 100%
}

.education-description {
    font-weight: 400;
    font-size: 20px;
    line-height: 1.2
}

@media (max-width: 1299.98px) {
    .education-description {
        font-size: 17px
    }
}

.education-button {
    padding-left: 118px;
    padding-right: 118px
}

@media (max-width: 575.98px) {
    .education-button {
        padding-left: 30px;
        padding-right: 30px;
        width: 100%
    }
}

.education-btn-box {
    display: flex;
    justify-content: center
}

.advantage, .leader .container:before {
    background-repeat: no-repeat;
    background-size: contain
}

.advantage {
    background-color: #ebeef2;
    background-image: url(/local/templates/daotn/css/imgs/advantage-bg.png);
    padding: 0 0 80px
}

@media (max-width: 575.98px) {
    .advantage {
        background-image: unset
    }
}

.advantage-row {
    display: flex
}

.advantage-content {
    padding-top: 70px;
    max-width: 715px;
    flex-shrink: 0;
    margin-right: 42px;
    width: 100%
}

@media (max-width: 1299.98px) {
    .advantage-content {
        max-width: 545px
    }
}

@media (max-width: 991.98px) {
    .advantage-content {
        max-width: unset
    }
}

@media (max-width: 767.98px) {
    .advantage-content {
        padding-top: 60px
    }
}

@media (max-width: 575.98px) {
    .advantage-content {
        padding-top: 30px
    }
}

.advantage-title {
    margin-bottom: 40px
}

@media (max-width: 767.98px) {
    .advantage-title {
        text-align: center
    }
}

@media (max-width: 575.98px) {
    .advantage-title {
        margin-bottom: 20px
    }
}

.advantage-carousel {
    background: #f7f8fa;
    border: 1px solid #d1d6dd;
    padding: 40px 85px 80px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media (max-width: 575.98px) {
    .advantage-carousel {
        padding: 32px 25px 24px
    }

    .advantage-carousel .carousel-nav-red {
        display: none
    }
}

.advantage-item-icon {
    display: flex;
    justify-content: center;
    margin-bottom: 30px
}

@media (max-width: 1299.98px) {
    .advantage-item-icon svg {
        max-width: 65px;
        max-height: 65px
    }
}

.advantage-item-title {
    color: #3b4a5b;
    font-weight: 700;
    font-size: 30px;
    line-height: 1;
    margin-bottom: 24px;
    text-align: center;
    text-transform: uppercase
}

.advantage-item-text {
    color: #3b4a5b;
    font-size: 18px;
    line-height: 1.89;
    text-align: center
}

@media (max-width: 1299.98px) {
    .advantage-item-text {
        line-height: 1.5
    }
}

.advantage-item-description {
    color: #3b4a5b;
    font-size: 24px;
    line-height: 1.25;
    text-align: center
}

@media (max-width: 1299.98px) {
    .advantage-item-description {
        font-size: 18px
    }
}

@media (max-width: 991.98px) {
    .advantage-item-description br {
        display: none
    }
}

.advantage-carousel .carousel-dots-red {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 40px
}

@media (max-width: 575.98px) {
    .advantage-carousel .carousel-dots-red {
        bottom: -40px
    }
}

.advantage-steps {
    position: relative;
    width: 100%
}

@media (max-width: 991.98px) {
    .advantage-steps {
        display: none
    }
}

.advantage-steps picture {
    opacity: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: ease 150ms
}

.advantage-steps picture.active {
    opacity: 1
}

.advantage-steps img {
    max-width: unset;
    width: unset
}

@media (max-width: 1299.98px) {
    .advantage-steps img {
        max-width: 530px
    }
}

.carousel-dots-red, .carousel-dots-white {
    display: flex;
    margin-left: -5px;
    margin-right: -5px
}

.carousel-dots-red.center, .carousel-dots-white.center {
    justify-content: center
}

.carousel-dots-red div, .carousel-dots-white div {
    background-color: rgba(227, 7, 19, .3);
    margin: 0 5px;
    transition: ease 300ms;
    height: 10px;
    width: 10px
}

.carousel-dots-red div.active {
    background-color: #e30713
}

.carousel-dots-white div {
    background-color: #fff;
    opacity: .3
}

.carousel-dots-white div.active {
    background-color: #fff;
    opacity: 1
}

.carousel-nav-red div {
    cursor: pointer;
    margin-top: -32px;
    position: absolute;
    top: 50%;
    right: 21px;
    transition: ease 300ms;
    height: 64px;
    width: 64px
}

@media (max-width: 1299.98px) {
    .carousel-nav-red div {
        right: 0
    }
}

.carousel-nav-red div.owl-prev {
    left: 21px;
    transform: scale(-1, -1)
}

@media (max-width: 1299.98px) {
    .carousel-nav-red div.owl-prev {
        left: 0
    }
}

.carousel-nav-red div.disabled {
    opacity: 0
}

.ask-item:hover .ask-icon svg, .carousel-nav-red div svg {
    fill: #e30713
}

.leader {
    background-color: #2a374a
}

.leader .container {
    padding: 80px 15px 0;
    position: relative
}

@media (max-width: 991.98px) {
    .leader .container {
        padding: 60px 15px 0
    }
}

@media (max-width: 575.98px) {
    .leader .container {
        padding: 40px 15px 0
    }
}

.leader .container:before {
    background-image: url(/local/templates/daotn/css/imgs/leader-before.png);
    background-position: bottom center;
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    right: calc(100% + 105px);
    height: 627px;
    width: 1030px
}

@media (max-width: 767.98px) {
    .leader .container:before {
        left: -600px;
        right: auto
    }
}

.leader .container:after {
    background-image: url(/local/templates/daotn/css/imgs/leader-after.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom center;
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 505px;
    height: 618px;
    width: 1049px
}

.leader-content {
    margin-bottom: 80px
}

@media (max-width: 767.98px) {
    .leader-content {
        margin-bottom: 50px;
        position: relative;
        z-index: 2
    }
}

@media (max-width: 575.98px) {
    .leader-content {
        position: static;
        margin-bottom: 30px
    }
}

.leader-title {
    color: #fff;
    margin-bottom: 60px
}

@media (max-width: 575.98px) {
    .leader-title {
        margin-bottom: 30px;
        text-align: center
    }
}

.leader-row {
    display: flex;
    position: relative;
    z-index: 1
}

@media (max-width: 575.98px) {
    .leader-row {
        flex-direction: column;
        position: static
    }
}

.leader-name {
    color: #fff;
    font-weight: 700;
    font-size: 28px;
    line-height: 1.07;
    margin-bottom: 30px;
    text-transform: uppercase
}

@media (max-width: 575.98px) {
    .leader-name {
        font-size: 20px;
        margin-bottom: 20px;
        text-align: center
    }
}

.leader-description {
    color: #fff;
    font-weight: 400;
    font-size: 22px;
    line-height: 1.18
}

@media (max-width: 991.98px) {
    .leader-description {
        font-size: 20px
    }
}

@media (max-width: 575.98px) {
    .leader-description {
        font-size: 16px;
        margin-bottom: 30px;
        text-align: center
    }
}

.leader-about {
    border-left: 4px solid #3d4b61;
    border-bottom: 4px solid #3d4b61;
    padding: 0 0 40px 40px;
    position: relative;
    max-width: 400px;
    margin-bottom: 42px
}

@media (max-width: 991.98px) {
    .leader-about {
        max-width: 330px;
        padding: 0 0 25px 25px
    }
}

@media (max-width: 767.98px) {
    .leader-about {
        border: 0;
        padding: 0 0 225px 16px
    }
}

@media (max-width: 575.98px) {
    .leader-about {
        padding: 0;
        margin: 0 auto
    }
}

.leader-btn-box {
    max-width: 400px
}

@media (max-width: 991.98px) {
    .leader-btn-box {
        max-width: 330px
    }
}

@media (max-width: 575.98px) {
    .leader-btn-box {
        position: absolute;
        bottom: 0;
        left: -15px;
        right: -15px;
        max-width: unset;
        width: calc(100% + 30px)
    }
}

.active.center .reviews-item-picture, .active.center .reviews-item-video, .leader-button {
    width: 100%
}

.leader-photo {
    display: flex;
    align-items: flex-end;
    margin-left: 31px
}

@media (max-width: 991.98px) {
    .leader-photo {
        margin-left: 0
    }
}

@media (max-width: 767.98px) {
    .leader-photo {
        position: absolute;
        bottom: 0;
        right: 25px;
        max-width: 415px
    }
}

@media (max-width: 575.98px) {
    .leader-photo {
        position: static;
        margin: 0 auto 60px;
        max-width: 241px
    }
}

.leader-photo img {
    display: block
}

.companies {
    padding: 70px 0
}

@media (max-width: 767.98px) {
    .companies {
        padding: 60px 0 50px
    }
}

@media (max-width: 575.98px) {
    .companies {
        padding: 50px 0
    }
}

.companies-title {
    margin-bottom: 40px;
    text-align: center
}

@media (max-width: 575.98px) {
    .companies-title {
        margin-bottom: 30px
    }
}

.companies-description {
    color: #3b4a5b;
    font-weight: 600;
    font-size: 30px;
    line-height: 1.33;
    margin-bottom: 50px;
    text-align: center;
    text-transform: uppercase
}

@media (max-width: 767.98px) {
    .companies-description {
        margin-bottom: 40px
    }
}

@media (max-width: 575.98px) {
    .companies-description {
        font-size: 20px;
        margin-bottom: 30px
    }
}

.companies-enum:not(.owl-carousel) {
    display: flex;
    flex-flow: row wrap;
    margin-left: -10px;
    margin-right: -10px;
    justify-content: center;
    margin-bottom: 40px
}

.companies-enum > .companies-col {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
    width: calc(100% / 5)
}

@media (max-width: 1299.98px) {
    .companies-enum > .companies-col {
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 20px;
        width: calc(100% / 4)
    }
}

@media (max-width: 991.98px) {
    .companies-enum > .companies-col {
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 20px;
        width: calc(100% / 3)
    }
}

@media (max-width: 575.98px) {
    .companies-enum > .companies-col {
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 20px;
        width: calc(100% / 2)
    }
}

.companies-enum .carousel-dots-red {
    margin: 30px 0
}

.companies-item-logo {
    border: 1px solid #d1d6dd;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    padding: 17px 25px;
    height: 133px;
    width: 100%
}

@media (max-width: 575.98px) {
    .companies-item-logo {
        height: 85px;
        margin-bottom: 10px
    }
}

.companies-item-logo img {
    max-width: 100%;
    max-height: 100%;
    display: block;
    transition: ease 300ms;
    width: unset
}

.companies-item:hover .companies-item-logo img {
    transform: scale(.9)
}

.companies-item-title {
    color: #3b4a5b;
    font-size: 18px;
    line-height: 1.22;
    padding-bottom: 18px;
    text-align: center;
    text-transform: uppercase
}

@media (max-width: 767.98px) {
    .companies-item-title {
        padding-bottom: 0
    }
}

@media (max-width: 575.98px) {
    .companies-item-title {
        font-size: 16px;
        display: block;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }
}

.certificate {
    position: relative
}

@media (max-width: 767.98px) {
    .certificate {
        padding-bottom: 49px
    }
}

@media (max-width: 575.98px) {
    .certificate {
        padding-top: 50px
    }
}

.certificate .container {
    position: relative;
    z-index: 1
}

.certificate:after {
    background: #ebeef2;
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    height: calc(100% - 22px);
    width: 100%
}

@media (max-width: 767.98px) {
    .certificate:after {
        height: calc(100% - 70px)
    }
}

@media (max-width: 575.98px) {
    .certificate:after {
        height: 100%
    }
}

.certificate-row {
    display: flex;
    align-items: center;
    padding-left: 104px
}

@media (max-width: 1299.98px) {
    .certificate-row {
        padding-left: 0
    }
}

@media (max-width: 767.98px) {
    .certificate-row {
        flex-direction: column
    }
}

.certificate-description {
    background: #fff;
    border: 1px solid #d1d6dd;
    color: #3b4a5b;
    font-size: 24px;
    line-height: 1.25;
    margin-left: -196px;
    max-width: 643px;
    padding: 50px 42px 41px 243px
}

@media (max-width: 991.98px) {
    .certificate-description {
        font-size: 18px;
        max-width: 580px;
        padding: 30px 30px 20px 220px
    }
}

@media (max-width: 767.98px) {
    .certificate-description {
        font-size: 24px;
        margin-left: 0;
        padding: 40px;
        text-align: center
    }
}

@media (max-width: 575.98px) {
    .certificate-description {
        font-size: 18px;
        padding: 25px
    }
}

.certificate-picture {
    display: block;
    position: relative;
    z-index: 1
}

@media (max-width: 767.98px) {
    .certificate-picture {
        margin-bottom: 30px
    }
}

.reviews {
    padding: 70px 0 84px
}

@media (max-width: 767.98px) {
    .reviews {
        padding: 60px 0 70px
    }
}

@media (max-width: 575.98px) {
    .reviews {
        padding: 50px 0
    }
}

.reviews-title {
    text-align: center;
    margin-bottom: 31px
}

.reviews-item-picture, .reviews-item-video {
    aspect-ratio: 16/9;
    display: block;
    transition: ease 300ms;
    width: 265px
}

@media (max-width: 575.98px) {
    .reviews-item-picture, .reviews-item-video {
        width: 100%
    }
}

.formats-item-picture img, .reviews-item-picture img, .reviews-item-video img {
    display: block;
    width: 100%
}

.reviews-item {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 333px;
    width: 610px
}

@media (max-width: 1299.98px) {
    .reviews-item {
        height: 303px;
        width: 550px
    }
}

@media (max-width: 991.98px) {
    .reviews-item {
        margin: 0 auto
    }
}

@media (max-width: 575.98px) {
    .reviews-item {
        height: auto;
        width: 100%
    }
}

.active.center ~ .active .reviews-item {
    justify-content: flex-start
}

.reviews-carousel {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media (max-width: 575.98px) {
    .reviews-carousel .carousel-nav-red {
        display: none
    }

    .reviews-carousel .carousel-dots-red {
        margin-top: 30px
    }
}

.reviews-carousel .owl-stage {
    display: flex
}

.reviews-carousel .carousel-nav-red div {
    background: #f7f8fa;
    border: 1px solid #d1d6dd
}

.formats {
    background-color: #ebeef2;
    padding: 70px 0 79px
}

@media (max-width: 767.98px) {
    .formats {
        padding: 60px 0 50px
    }
}

@media (max-width: 575.98px) {
    .formats {
        padding: 50px 0 26px
    }
}

.formats-title {
    margin-bottom: 70px;
    text-align: center
}

.formats-enum {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    margin-left: -10px;
    margin-right: -10px
}

@media (max-width: 991.98px) {
    .formats-enum {
        justify-content: center
    }
}

@media (max-width: 767.98px) {
    .formats-enum {
        display: flex;
        flex-flow: row wrap;
        justify-content: flex-start;
        margin-left: -5px;
        margin-right: -5px
    }
}

.formats-col {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 70px;
    width: calc(100% / 3)
}

@media (max-width: 991.98px) {
    .formats-col {
        padding-left: 10px;
        padding-right: 10px;
        width: calc(100% / 2);
        margin-bottom: 40px
    }
}

@media (max-width: 767.98px) {
    .formats-col {
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 10px;
        width: calc(100% / 1)
    }
}

.formats-item {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    height: 100%;
}

@media (max-width: 767.98px) and (min-width: 576px) {
    .formats-item {
        display: flex;
        align-items: center;
        flex-flow: row wrap
    }
}

.formats-item-picture {
    display: flex;
    flex-shrink: 0;
    align-items: flex-end;
    margin-bottom: 30px;
    padding: 0 16px;
    height: 204px
}

@media (max-width: 767.98px) and (min-width: 576px) {
    .formats-item-picture {
        height: auto;
        padding: 30px 28px;
        margin: 0;
        width: 55%
    }
}

@media (max-width: 575.98px) {
    .formats-item-picture {
        height: auto
    }
}

@media (max-width: 575.98px) {
    .formats-item-picture img {
        margin-top: -26px
    }
}

.formats-item-content {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 0 30px 20px;
}

@media (max-width: 767.98px) and (min-width: 576px) {
    .formats-item-content {
        padding: 0 20px;
        height: auto;
        width: 45%
    }
}

.formats-item-title {
    color: #3b4a5b;
    font-weight: 600;
    font-size: 30px;
    line-height: 1.33;
    margin-bottom: 10px;
    text-transform: uppercase
}

@media (max-width: 1299.98px) {
    .formats-item-title {
        font-size: 20px
    }
}

@media (max-width: 767.98px) and (min-width: 576px) {
    .formats-item-title {
        font-size: 30px
    }
}

.formats-item-date {
    color: #9d9fa3;
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 20px;
    line-height: 2;
    height: 40px;
    margin-bottom: 10px;
    margin-top: auto;
}

@media (max-width: 1299.98px) {
    .formats-item-date {
        font-size: 16px;
        height: 30px
    }
}

@media (max-width: 767.98px) and (min-width: 576px) {
    .formats-item-date {
        font-size: 20px
    }
}

@media (max-width: 575.98px) {
    .formats-item-date {
        height: auto
    }
}

.formats-item-date svg {
    margin-right: 14px
}

@media (max-width: 1299.98px) {
    .formats-item-date svg {
        width: 18px
    }
}

@media (max-width: 767.98px) and (min-width: 576px) {
    .formats-item-date svg {
        width: 24px
    }
}

.formats-item-price {
    color: #3b4a5b;
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 40px;
    line-height: 1
}

@media (max-width: 1299.98px) {
    .formats-item-price {
        font-size: 30px
    }
}

@media (max-width: 767.98px) {
    .formats-item-price {
        font-size: 40px
    }
}

.formats-item-price svg {
    margin-right: 8px;
    transform: rotate(15deg)
}

@media (max-width: 1299.98px) {
    .formats-item-price svg {
        width: 35px
    }
}

.formats-item-more, a.formats-item-more {
    background: #e30713;
    color: #fff;
    font-weight: 600;
    font-size: 24px;
    line-height: 1.67;
    display: flex;
    flex-shrink: 0;
    justify-content: space-between;
    align-items: center;
    padding: 0 30px;
    margin-top: auto;
    text-transform: uppercase;
    transition: ease 300ms;
    height: 70px;
    width: 100%
}

@media (max-width: 1299.98px) {
    .formats-item-more, a.formats-item-more {
        font-size: 20px
    }
}

.carousel-nav-top div.disabled svg, .formats-item-more svg, a.formats-item-more svg {
    fill: #fff
}

.formats-item-more:hover {
    background-color: rgba(227, 7, 19, .8)
}

.chart {
    padding: 80px 0
}

@media (max-width: 767.98px) {
    .chart {
        padding: 100px 0 70px
    }
}

@media (max-width: 575.98px) {
    .chart {
        padding: 40px 0 50px
    }
}

.chart-header {
    background: #f7f8fa;
    margin-bottom: 70px;
    padding: 40px 40px 30px;
    text-align: center
}

@media (max-width: 767.98px) {
    .chart-header {
        background: unset;
        padding: 0 30px;
        margin-bottom: 10px
    }
}

.chart-header-text {
    color: #3b4a5b;
    font-weight: 600;
    font-size: 30px;
    line-height: 1.33;
    margin-bottom: 20px;
    text-align: center;
    text-transform: uppercase
}

@media (max-width: 575.98px) {
    .chart-header-text {
        font-size: 24px;
        margin-bottom: 30px
    }
}

@media (max-width: 1299.98px) {
    .chart-header-text br {
        display: none
    }
}

.chart-row {
    display: flex;
    align-items: center;
    flex-flow: row wrap;
    justify-content: flex-start;
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 40px
}

@media (max-width: 767.98px) {
    .chart-row {
        margin-bottom: 20px
    }
}

.chart-col {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
    width: calc(100% / 2)
}

@media (max-width: 991.98px) {
    .chart-col {
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 20px;
        width: calc(100% / 1)
    }

    .chart-element-image {
        display: none
    }

    .chart-picture {
        display: flex;
        justify-content: center
    }
}

.articles {
    background-color: #3b4a5b;
    padding: 70px 0 78px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media (max-width: 767.98px) {
    .articles {
        padding: 60px 0 48px
    }
}

@media (max-width: 575.98px) {
    .articles {
        padding: 40px 0 44px
    }
}

.articles-wrapper {
    position: relative
}

.articles-title {
    color: #fff;
    font-weight: 700;
    font-size: 36px;
    line-height: 1.26;
    margin-bottom: 50px;
    padding-right: 160px;
    text-transform: uppercase
}

@media (max-width: 1299.98px) {
    .articles-title {
        font-size: 36px;
        margin-bottom: 40px
    }
}

@media (max-width: 575.98px) {
    .articles-title {
        font-size: 28px;
        margin-bottom: 40px;
        padding-right: 0;
        text-align: center
    }
}

.articles-item-picture, .articles-item-picture img {
    display: block;
    width: 100%
}

.articles-item-content {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px;
    transition: ease 300ms
}

.articles-item:hover .articles-item-content {
    background: rgba(255, 255, 255, .8)
}

.articles-item-title, a.articles-item-title {
    color: #3b4a5b;
    display: block;
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 10px;
    line-height: 1.2;
    letter-spacing: .01em
}

.articles-item-description {
    color: #3b4a5b;
    font-size: 18px;
    line-height: 1.22;
    letter-spacing: .01em;
    margin-bottom: 26px
}

.articles-item-date {
    color: #3b4a5b;
    font-weight: 600;
    font-size: 16px;
    line-height: 1;
    letter-spacing: .01em;
    text-transform: uppercase
}

.articles-item-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    position: absolute;
    bottom: 15px;
    left: 0;
    width: 100%
}

.articles-item-more, a.articles-item-more {
    color: #e30713;
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 15px;
    line-height: 1;
    letter-spacing: .01em;
    text-transform: uppercase
}

.articles-item-more svg, a.articles-item-more svg {
    fill: #e30713;
    margin-left: 10px
}

.articles-carousel {
    position: static
}

@media (max-width: 575.98px) {
    .articles-carousel .carousel-nav-top {
        display: none
    }

    .articles-carousel .carousel-dots-white {
        margin-top: 26px
    }
}

.articles-carousel .owl-stage {
    display: flex
}

.articles-item {
    background: #fff;
    height: 100%
}

@media (max-width: 767.98px) {
    .articles-item {
        width: 295px
    }
}

.carousel-nav-top {
    display: flex;
    margin-left: -10px;
    margin-right: -10px;
    position: absolute;
    top: 0;
    right: 0
}

.carousel-nav-top .owl-prev {
    transform: scale(-1, 1)
}

.carousel-nav-top div {
    background-color: #fff;
    border: 1px solid #fff;
    cursor: pointer;
    margin: 0 10px;
    transition: ease 300ms
}

.carousel-nav-top div svg {
    fill: #e30713;
    transition: ease 300ms
}

.carousel-nav-top div.disabled {
    background-color: transparent
}

.ask {
    background-color: #ebeef2;
    padding: 70px 0 80px
}

@media (max-width: 767.98px) {
    .ask {
        padding: 50px 0
    }
}

.ask-title {
    margin-bottom: 50px;
    text-align: center
}

@media (max-width: 767.98px) {
    .ask-title {
        margin-bottom: 30px
    }
}

.ask .ask-enum {
    margin-bottom: 60px
}

.ask-header {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 80px;
    padding: 15px 33px 15px 40px;
    transition: ease 300ms;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media (max-width: 767.98px) {
    .ask-header {
        padding: 15px 15px 15px 25px
    }
}

.ask-item, .ask-ttl {
    transition: ease 300ms
}

.ask-item {
    background: #fff;
    box-shadow: 0 4px 30px rgba(42, 55, 74, .1)
}

.ask-item:hover {
    box-shadow: 0 0 30px rgba(0, 0, 0, .3)
}

.ask-item + .ask-item {
    margin-top: 10px
}

.ask-ttl {
    color: #2a374a;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.25
}

@media (max-width: 1299.98px) {
    .ask-ttl {
        font-size: 20px
    }
}

@media (max-width: 767.98px) {
    .ask-ttl {
        font-size: 18px
    }
}

.ask-ttl span {
    color: #e30713
}

.ask-header.active .ask-ttl {
    color: #e61a19
}

.ask-content {
    display: none;
    color: #3b4a5b;
    font-size: 20px;
    line-height: 1.25;
    letter-spacing: .01em;
    padding: 0 40px 20px;
    transition: ease 300ms;
    transition-property: background-color
}

@media (max-width: 767.98px) {
    .ask-content {
        font-size: 18px;
        padding: 0 25px 20px
    }
}

.ask-content a:not(.button) {
    color: #aa0719;
    text-decoration: underline
}

.ask-content a:not(.button):hover {
    text-decoration: none
}

.ask-content p, .ask-content ul {
    margin-bottom: 20px
}

.ask-content ol {
    counter-reset: num;
    margin: 0;
    padding: 0
}

.ask-content ol li {
    list-style: none;
    margin: 0 0 4px;
    padding: 0 0 0 30px;
    position: relative
}

.ask-content ol li:before {
    content: counter(num) ".";
    counter-increment: num;
    font-weight: 700;
    position: absolute;
    top: 0;
    left: 0
}

.ask-content .button {
    padding-left: 96px;
    padding-right: 96px
}

.ask-action {
    padding-top: 20px
}

.ask-icon {
    flex-shrink: 0;
    transition: ease 300ms
}

.ask-icon svg {
    fill: #d1d6dd;
    transition: ease 300ms;
    transform: rotate(90deg)
}

.ask-header.active .ask-icon {
    transform: scale(-1, -1)
}

.ask-attention {
    background: #b3c2d7;
    display: flex;
    align-items: center;
    height: 70px
}

.ask-attention-info {
    color: #2a374a;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.4;
    text-transform: uppercase;
    text-align: center
}

.ask-attention-info a {
    color: #e61a19;
    border-bottom: 1px solid;
    transition: ease 300ms
}

.ask-attention-info a:hover {
    border-color: transparent
}

.ask-btn-box {
    display: flex;
    justify-content: center
}

.ask-more {
    border: 2px solid;
    color: #e30713;
    display: inline-block;
    font-weight: 600;
    font-size: 22px;
    line-height: 1.3;
    padding: 26px 84px;
    text-align: center
}

@media (max-width: 575.98px) {
    .ask-more {
        font-size: 20px;
        padding: 17px;
        width: 100%
    }
}

.footer {
    padding: 21px 0 20px
}

.footer-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 21px
}

@media (max-width: 991.98px) {
    .footer-row {
        flex-flow: row wrap
    }
}

@media (max-width: 575.98px) {
    .footer-row {
        justify-content: space-between;
        margin-bottom: 0
    }
}

.footer-separator {
    background-color: #bdc5d0;
    align-self: flex-end;
    display: block;
    height: 72px;
    width: 1px
}

@media (max-width: 991.98px) {
    .footer-separator {
        display: none
    }
}

.footer-title {
    color: #3b4a5b;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.25;
    margin-bottom: 18px
}

.footer-social {
    display: flex;
    flex-flow: row wrap;
    padding: 0;
    margin-left: -10px;
    margin-right: -10px
}

@media (max-width: 1299.98px) {
    .footer-social {
        margin-left: -5px;
        margin-right: -5px
    }
}

.footer-social li {
    list-style: none;
    padding: 0;
    margin: 0 10px
}

@media (max-width: 1299.98px) {
    .footer-social li {
        margin: 0 5px
    }
}

@media (max-width: 575.98px) {
    .footer-social li {
        margin: 0 5px 10px
    }
}

.footer-copy {
    color: #88909d;
    font-size: 14px;
    line-height: 1.43;
    text-align: center
}

@media (max-width: 991.98px) {
    .footer-copy {
        margin-top: -70px;
        text-align: right
    }
}

@media (max-width: 575.98px) {
    .footer-copy {
        margin-top: 0;
        text-align: center
    }
}

@media (max-width: 991.98px) {
    .footer-box {
        margin-bottom: 20px
    }

    .footer-box.footer-b2b {
        order: 3;
        width: 100%
    }
}

@media (max-width: 575.98px) {
    .footer-box {
        margin-bottom: 10px;
        width: 50%
    }

    .footer-box.footer-b2c {
        width: 100%
    }

    .footer-box.footer-b2b {
        order: 0;
        width: 50%
    }

    .footer-email {
        padding-left: 20px
    }
}

.webinar {
    background-color: #d1d6dd;
    background-image: url(/local/templates/daotn/css/imgs/webinar-bg.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 60px 0 94px
}

@media (max-width: 767.98px) {
    .webinar {
        padding: 60px 0
    }
}

.webinar-date {
    color: #3b4a5b;
    display: flex;
    justify-content: center;
    font-weight: 600;
    font-size: 40px;
    margin-bottom: 40px;
    line-height: 1
}

@media (max-width: 991.98px) {
    .webinar-date {
        font-size: 30px;
        margin-bottom: 20px
    }
}

.webinar-date span {
    border-bottom: 1px solid #e30713;
    padding: 0 20px 40px;
    display: flex;
    align-items: center
}

@media (max-width: 991.98px) {
    .webinar-date span {
        padding: 0 20px 10px
    }
}

.webinar-date svg {
    margin-right: 30px
}

@media (max-width: 991.98px) {
    .webinar-date svg {
        width: 50px
    }
}

@media (max-width: 767.98px) {
    .webinar-date svg {
        margin-right: 20px;
        width: 40px
    }
}

.webinar-title {
    padding-top: 80px;
    margin-bottom: 70px;
    text-align: center
}

@media (max-width: 991.98px) {
    .webinar-title {
        margin-bottom: 40px;
        padding-top: 30px
    }
}

@media (max-width: 767.98px) {
    .webinar-title {
        margin-bottom: 30px;
        padding-top: 0
    }
}

.webinar-date ~ .webinar-title {
    padding-top: 0;
    margin-bottom: 50px
}

.webinar-row {
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width: 991.98px) {
    .webinar-row {
        flex-direction: column
    }
}

.webinar-picture {
    display: block;
    position: relative;
    z-index: 1
}

@media (max-width: 991.98px) {
    .webinar-picture {
        margin-bottom: 30px;
        max-width: 400px
    }
}

@media (max-width: 767.98px) {
    .webinar-picture {
        max-width: 300px
    }
}

.webinar-content {
    background: #fff;
    padding: 40px 100px 40px 190px;
    max-width: 715px;
    margin-left: -86px;
    width: 100%
}

@media (max-width: 1299.98px) {
    .webinar-content {
        padding: 40px 100px 40px 120px;
        max-width: 550px
    }
}

@media (max-width: 991.98px) {
    .webinar-content {
        padding: 40px;
        margin: 0 auto;
        max-width: 500px
    }
}

@media (max-width: 767.98px) {
    .webinar-content {
        padding: 20px
    }
}

.webinar-content-row {
    display: flex;
    margin-bottom: 34px
}

@media (max-width: 575.98px) {
    .webinar-content-row {
        margin-bottom: 20px
    }
}

.webinar-content-row svg {
    flex-shrink: 0;
    margin-right: 33px;
    padding-top: 5px
}

@media (max-width: 991.98px) {
    .webinar-content-row svg {
        height: 50px;
        margin-right: 20px
    }
}

.webinar-content-row div {
    color: #3b4a5b;
    font-weight: 400;
    font-size: 28px;
    line-height: 1.43;
    letter-spacing: .01em;
    text-transform: uppercase
}

@media (max-width: 1299.98px) {
    .webinar-content-row div {
        font-size: 24px
    }
}

@media (max-width: 991.98px) {
    .webinar-content-row div {
        font-size: 20px
    }
}

.webinar-button {
    width: 100%
}

@media (max-width: 575.98px) {
    .webinar-button {
        padding-left: 10px;
        padding-right: 10px
    }
}

.guarantees {
    padding: 100px 0 14px
}

@media (max-width: 767.98px) {
    .guarantees {
        padding: 50px 0 10px
    }
}

.guarantees-title {
    margin-bottom: 60px;
    text-align: center
}

.guarantees-cause .guarantees-title {
    margin-bottom: 30px
}

.guarantees-enum {
    display: flex;
    flex-flow: row wrap;
    margin-left: -10px;
    margin-right: -10px;
    justify-content: center
}

.guarantees-col {
    padding-left: 10px;
    padding-right: 10px;
    width: calc(100% / 3);
    margin-bottom: 66px
}

@media (max-width: 767.98px) {
    .guarantees-col {
        padding-left: 10px;
        padding-right: 10px;
        width: calc(100% / 2);
        margin-bottom: 30px
    }
}

.guarantees-item-icon {
    fill: #3b4a5b;
    display: block;
    margin: 0 auto 30px
}

@media (max-width: 1299.98px) {
    .guarantees-item-icon {
        max-height: 75px
    }
}

@media (max-width: 575.98px) {
    .guarantees-item-icon {
        max-height: 60px
    }
}

.guarantees-item-title {
    color: #2a374a;
    font-size: 22px;
    line-height: 1.2;
    text-align: center;
    letter-spacing: .01em
}

@media (max-width: 1299.98px) {
    .guarantees-item-title {
        font-size: 18px
    }
}

@media (max-width: 575.98px) {
    .guarantees-item-title {
        font-size: 16px
    }
}

.guarantees-description, .guarantees-item-title.-uppercase {
    text-transform: uppercase
}

.guarantees-cause .guarantees-item-title {
    font-weight: 600;
    font-size: 20px
}

@media (max-width: 767.98px) {
    .guarantees-cause .guarantees-item-title {
        font-size: 18px
    }
}

@media (max-width: 575.98px) {
    .guarantees-cause .guarantees-item-title {
        font-size: 16px
    }
}

.guarantees-description {
    color: #3b4a5b;
    font-weight: 600;
    font-size: 30px;
    line-height: 1.33;
    margin: 0 auto 60px;
    max-width: 800px;
    text-align: center
}

@media (max-width: 575.98px) {
    .guarantees-description {
        font-size: 17px;
        margin: 0 auto 30px
    }
}

.guarantees-dark {
    background: #3c495e
}

.guarantees-dark .guarantees-description, .guarantees-dark .guarantees-item-title, .guarantees-dark .guarantees-title {
    color: #fff
}

.guarantees-dark .guarantees-item-icon {
    fill: #fff
}

.program {
    background: #ebeef2;
    padding: 70px 0 78px
}

@media (max-width: 575.98px) {
    .program {
        padding: 40px 0
    }
}

.program-online {
    background: #d1d6dd
}

.program-title {
    margin-bottom: 61px;
    text-align: center
}

.program-enum {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    margin-left: -10px;
    margin-right: -10px
}

@media (max-width: 767.98px) {
    .program-enum {
        justify-content: center
    }
}

.program-col {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
    width: calc(100% / 3)
}

@media (max-width: 767.98px) {
    .program-col {
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 20px;
        width: calc(100% / 2)
    }
}

@media (max-width: 575.98px) {
    .program-col {
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 20px;
        width: calc(100% / 1)
    }
}

.program-col.-full {
    width: 100%
}

.program-item {
    background: rgba(255, 255, 255, .4);
    border: 1px solid #c9c9c9;
    height: 100%;
    padding: 30px 30px 22px
}

.program-item-title {
    color: #3b4a5b;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.38;
    margin-bottom: 18px;
    text-transform: uppercase;
    text-align: center
}

.program-item-icon {
    display: flex;
    justify-content: center;
    margin-bottom: 22px
}

.program-item-value {
    color: #e30713;
    font-weight: 700;
    font-size: 40px;
    line-height: 1.5;
    text-align: center;
    text-transform: uppercase
}

.program-item-about, .program-item-ttl {
    color: #e30713;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.2;
    text-align: center
}

.program-item-ttl {
    font-size: 40px;
    padding: 22px 100px 30px;
    text-transform: uppercase
}

@media (max-width: 1299.98px) {
    .program-item-ttl {
        padding: 22px 60px 30px
    }
}

@media (max-width: 991.98px) {
    .program-item-ttl {
        font-size: 30px;
        padding: 0
    }
}

@media (max-width: 575.98px) {
    .program-item-ttl {
        font-size: 23px
    }
}

@media screen and (max-width: 375px) {
    .program-item-ttl {
        font-size: 20px
    }
}

.program-list {
    background: #EBEEF2;
    border: 1px solid #c9c9c9;
    padding: 70px 106px 69px
}

@media (max-width: 1299.98px) {
    .program-list {
        padding: 70px 50px 50px
    }
}

@media (max-width: 767.98px) {
    .program-list {
        background: unset;
        border: 0;
        padding: 0
    }
}

.program-list .ask-ttl {
    font-weight: 600;
    font-size: 20px
}

.program-list .ask-header.active, .program-list .ask-header.active ~ .ask-content {
    background: #f3f5f7
}

.program-list-ttl {
    color: #3b4a5b;
    font-weight: 700;
    font-size: 30px;
    line-height: 1.33;
    margin-bottom: 40px;
    text-transform: uppercase
}

@media (max-width: 575.98px) {
    .program-list-ttl {
        margin-bottom: 20px
    }
}

.program-about {
    background: #fff;
    border: 1px solid #c9c9c9;
    margin-bottom: 30px;
    padding: 50px 105px
}

@media (max-width: 1299.98px) {
    .program-about {
        padding: 50px
    }
}

@media (max-width: 767.98px) {
    .program-about {
        padding: 30px
    }
}

@media (max-width: 575.98px) {
    .program-about {
        padding: 20px 20px 0
    }
}

.program-about-description {
    color: #3b4a5b;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.1;
    margin-bottom: 27px;
    text-transform: uppercase
}

@media (max-width: 575.98px) {
    .program-about-description {
        font-size: 16px
    }
}

.program-about-description svg {
    fill: #e30713;
    margin-right: 16px;
    flex-shrink: 0
}

@media (max-width: 575.98px) {
    .program-about-description svg {
        margin-right: 10px;
        width: 40px
    }
}

.program-about-wrapper {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    margin-left: -10px;
    margin-right: -10px
}

.program-about-col {
    margin-left: 10px;
    margin-right: 10px;
    width: calc(50% - 20px)
}

@media (max-width: 575.98px) {
    .program-about-col {
        margin-bottom: 20px;
        margin-left: 10px;
        margin-right: 10px;
        width: calc(100% - 20px)
    }
}

.program-about-item {
    background: rgba(255, 255, 255, .4);
    border: 1px solid #c9c9c9;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    padding: 30px 30px 22px
}

.program-about-title {
    color: #3b4a5b;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.38;
    margin-bottom: 19px;
    text-transform: uppercase;
    text-align: center
}

.saving {
    color: #3b4a5b;
    padding: 70px 0 74px
}

.saving-dark {
    background-color: #3b4a5b;
    color: #fff
}

.saving-row {
    display: flex;
    justify-content: space-between
}

.saving-content {
    margin-left: 40px;
    max-width: 610px;
    width: 100%
}

@media (max-width: 1299.98px) {
    .saving-content {
        max-width: 500px
    }
}

@media (max-width: 991.98px) {
    .saving-content {
        margin-left: 0;
        max-width: 610px
    }
}

@media (max-width: 767.98px) {
    .saving-content {
        text-align: center;
        margin: 0 auto;
        max-width: 610px
    }
}

@media (max-width: 991.98px) {
    .saving-picture {
        display: none
    }
}

.saving-text {
    font-weight: 600;
    font-size: 24px;
    line-height: 1.25;
    margin-bottom: 30px;
    text-transform: uppercase
}

@media (max-width: 575.98px) {
    .saving-text {
        font-size: 20px
    }
}

.saving-text p {
    margin-bottom: 1.5em
}

.saving-title {
    font-weight: 700;
    font-size: 50px;
    line-height: 1.2;
    margin-bottom: 60px;
    text-transform: uppercase
}

@media (max-width: 575.98px) {
    .saving-title {
        font-size: 30px;
        margin-bottom: 40px
    }
}

.saving-button {
    padding-left: 128px;
    padding-right: 128px
}

@media (max-width: 767.98px) {
    .saving-button {
        margin: 0 auto;
        padding-left: 90px;
        padding-right: 90px
    }
}

@media (max-width: 575.98px) {
    .saving-button {
        padding-left: 60px;
        padding-right: 60px
    }
}

@media (max-width: 991.98px) {
    .bonus {
        padding: 40px 0
    }
}

.bonus-row {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media (max-width: 767.98px) {
    .bonus-row {
        justify-content: center
    }
}

.bonus-reg {
    flex-shrink: 0;
    max-width: 400px;
    width: 100%
}

.bonus-picture {
    padding-top: 70px
}

@media (max-width: 1299.98px) {
    .bonus-picture {
        padding-top: 60px;
        padding-left: 30px
    }
}

@media (max-width: 767.98px) {
    .bonus-picture {
        display: none
    }
}

.bonus-content {
    background: #fff;
    box-shadow: 0 0 30px rgba(0, 0, 0, .3);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
    padding: 40px 30px 20px
}

.bonus-content svg {
    margin-bottom: 20px
}

@media (max-width: 1299.98px) {
    .bonus-content svg {
        height: 50px
    }
}

.bonus-ttl {
    color: #3b4a5b;
    font-size: 28px;
    line-height: 1.43;
    text-align: center;
    letter-spacing: .01em;
    text-transform: uppercase
}

@media (max-width: 1299.98px) {
    .bonus-ttl {
        font-size: 21px
    }
}

.bonus-button {
    width: 100%
}

.feedback {
    background: #2a374a;
    color: #fff;
    padding: 80px 0 120px
}

@media (max-width: 991.98px) {
    .feedback {
        padding: 50px 0 60px
    }
}

.feedback-title {
    color: #fff;
    margin-bottom: 60px;
    text-align: center
}

@media (max-width: 575.98px) {
    .feedback-title {
        margin-bottom: 30px
    }
}

.feedback-row {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    margin-left: -62.5px;
    margin-right: -62.5px
}

@media (max-width: 1299.98px) {
    .feedback-row {
        display: flex;
        flex-flow: row wrap;
        justify-content: flex-start;
        margin-left: -15px;
        margin-right: -15px
    }
}

.feedback-col, .feedback-col + .feedback-col {
    margin-left: 62.5px;
    margin-right: 62.5px;
    width: calc(45% - 125px)
}

@media (max-width: 1299.98px) {
    .feedback-col {
        margin-left: 15px;
        margin-right: 15px;
        width: calc(45% - 30px)
    }
}

@media (max-width: 991.98px) {
    .feedback-col {
        margin-left: 15px;
        margin-right: 15px;
        width: calc(100% - 30px)
    }
}

.feedback-col + .feedback-col {
    width: calc(55% - 125px)
}

@media (max-width: 1299.98px) {
    .feedback-col + .feedback-col {
        margin-left: 15px;
        margin-right: 15px;
        width: calc(55% - 30px)
    }
}

@media (max-width: 991.98px) {
    .feedback-col + .feedback-col {
        margin-left: 15px;
        margin-right: 15px;
        width: calc(100% - 30px)
    }
}

.feedback-item {
    margin-bottom: 30px
}

@media (max-width: 991.98px) {
    .feedback-item {
        margin: 0 auto 20px;
        max-width: 600px
    }
}

.feedback-label {
    display: block;
    font-weight: 400;
    font-size: 20px;
    line-height: 1;
    margin-bottom: 12px
}

@media (max-width: 575.98px) {
    .feedback-label {
        font-size: 18px
    }
}

.feedback-label span {
    color: #e30713
}

.feedback-textarea {
    margin-bottom: 20px
}

@media (max-width: 991.98px) {
    .feedback-textarea {
        margin: 0 auto 20px;
        max-width: 600px
    }
}

.feedback-action {
    display: flex;
    align-items: flex-start
}

@media (max-width: 1299.98px) {
    .feedback-action {
        flex-direction: column
    }
}

@media (max-width: 991.98px) {
    .feedback-action {
        margin: 0 auto 20px;
        max-width: 600px
    }
}

.feedback-button {
    flex-shrink: 0;
    padding-left: 55px;
    padding-right: 55px
}

@media (max-width: 1299.98px) {
    .feedback-button {
        width: 100%
    }

    .feedback-consultation .feedback-button {
        width: auto
    }
}

@media (max-width: 575.98px) {
    .feedback-consultation .feedback-button {
        order: -1
    }
}

.feedback-policy {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    margin-left: 20px
}

@media (max-width: 1299.98px) {
    .feedback-policy {
        margin-left: 0;
        margin-top: 20px
    }
}

.checkbox a, .feedback-policy a, .modal-policy a {
    text-decoration: underline
}

.checkbox a:hover, .feedback-policy a:hover, .modal-policy a:hover {
    text-decoration: none
}

.feedback-consultation-row {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    margin-left: -10px;
    margin-right: -10px
}

.feedback-consultation-col {
    margin-left: 10px;
    margin-right: 10px;
    width: calc(33.33% - 20px)
}

@media (max-width: 767.98px) {
    .feedback-consultation-col {
        margin-left: 10px;
        margin-right: 10px;
        width: calc(100% - 20px)
    }
}

.feedback-consultation-action {
    display: flex;
    align-items: center
}

@media (max-width: 767.98px) {
    .feedback-consultation-action {
        margin: 0 auto;
        max-width: 600px
    }
}

@media (max-width: 575.98px) {
    .feedback-consultation-action {
        flex-direction: column
    }
}

.feedback-consultation-action .feedback-policy {
    margin-left: 0;
    padding-right: 125px
}

@media (max-width: 1299.98px) {
    .feedback-consultation-action .feedback-policy {
        padding-right: 60px
    }
}

@media (max-width: 767.98px) {
    .feedback-consultation-action .feedback-policy {
        margin-top: 0;
        padding-right: 20px
    }
}

@media (max-width: 575.98px) {
    .feedback-consultation-action .feedback-policy {
        margin-top: 20px
    }
}

.input input {
    background: #f7f8fa;
    border: 1px solid #c9c9c9;
    font-family: 'Proxima Nova', sans-serif;
    font-size: 20px;
    line-height: 24px;
    padding: 24px 20px;
    height: 70px;
    width: 100%
}

@media (max-width: 575.98px) {
    .input input {
        font-size: 17px;
        padding: 15px 20px;
        height: 56px
    }
}

.input input::-webkit-input-placeholder, .textarea textarea::-webkit-input-placeholder {
    color: #c9c9c9
}

.input input:-moz-placeholder, .textarea textarea:-moz-placeholder {
    color: #c9c9c9
}

.textarea textarea {
    background: #f7f8fa;
    border: 1px solid #c9c9c9;
    font-family: 'Proxima Nova', sans-serif;
    font-size: 20px;
    line-height: 24px;
    padding: 25px;
    resize: none;
    height: 202px;
    width: 100%
}

@media (max-width: 575.98px) {
    .textarea textarea {
        font-size: 17px;
        padding: 15px 20px;
        height: 180px
    }
}

.checkbox {
    color: #fff;
    display: inline-block;
    font-size: 16px;
    line-height: 1.4;
    padding-top: 2px;
    padding-left: 43px;
    position: relative
}

.checkbox input {
    display: none
}

.checkbox span {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.checkbox span:after, .checkbox:before {
    content: '';
    cursor: pointer;
    position: absolute
}

.checkbox:before {
    background: #fff;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px
}

.checkbox span:after {
    background-color: transparent;
    border-bottom: 3px solid;
    border-right: 3px solid;
    border-radius: 0 0 3px 0;
    color: #000;
    opacity: 0;
    top: 3px;
    left: 8px;
    transform: rotate(45deg);
    transition: ease 300ms;
    height: 16px;
    width: 8px
}

.checkbox input:checked + span:after {
    opacity: 1
}

.checkbox.wrong span {
    color: #e41f25
}

.docs {
    background: #3c495e;
    color: #fff;
    padding: 80px 0
}

@media (max-width: 575.98px) {
    .docs {
        padding: 50px 0
    }
}

.docs-row {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    margin-left: -15px;
    margin-right: -15px
}

@media (max-width: 1299.98px) {
    .docs-row {
        align-items: center
    }
}

@media (max-width: 991.98px) {
    .docs-row {
        justify-content: center
    }
}

.docs-col {
    margin-left: 15px;
    margin-right: 15px;
    width: calc(50% - 30px)
}

@media (max-width: 1299.98px) {
    .docs-col, .docs-col + .docs-col {
        margin-left: 15px;
        margin-right: 15px;
        width: calc(58% - 30px)
    }

    .docs-col + .docs-col {
        width: calc(42% - 30px)
    }
}

@media (max-width: 991.98px) {
    .docs-col {
        margin-left: 15px;
        margin-right: 15px;
        width: calc(70% - 30px)
    }

    .docs-col:not(.docs-col-main) {
        display: none
    }
}

@media (max-width: 767.98px) {
    .docs-col {
        margin-left: 15px;
        margin-right: 15px;
        width: calc(100% - 30px);
        max-width: 420px
    }
}

.docs-picture {
    display: flex;
    justify-content: flex-end
}

.docs-title {
    font-weight: 700;
    font-size: 30px;
    line-height: 1.33;
    margin-bottom: 33px;
    text-transform: uppercase
}

@media (max-width: 991.98px) {
    .docs-title {
        text-align: center
    }
}

.docs-cert-wrapper {
    display: flex;
    margin-bottom: 40px
}

@media (max-width: 991.98px) {
    .docs-cert-wrapper {
        flex-direction: column;
        align-items: center
    }
}

.docs-cert {
    flex-shrink: 0;
    position: relative
}

.docs-cert-about {
    margin-left: 60px;
    font-size: 20px;
    line-height: 1.5;
    padding-top: 38px;
    text-transform: uppercase
}

@media (max-width: 767.98px) {
    .docs-cert-about {
        font-size: 17px;
        margin-left: 50px
    }
}

@media (max-width: 991.98px) {
    .docs-cert-about {
        font-size: 17px;
        margin-left: 0;
        text-align: center;
        padding: 35px 14px 0
    }
}

.docs-cert-zoom, .docs-info {
    display: flex;
    align-items: center
}

.docs-cert-zoom {
    background-color: #fff;
    box-shadow: 0 0 30px rgba(0, 0, 0, .3);
    border-radius: 50px;
    justify-content: center;
    position: absolute;
    bottom: -20px;
    right: -20px;
    height: 50px;
    width: 50px
}

.docs-info {
    margin-bottom: 50px
}

@media (max-width: 575.98px) {
    .docs-info {
        align-items: flex-start;
        margin-bottom: 30px
    }
}

.docs-info svg {
    fill: #d1d6dd;
    flex-shrink: 0;
    margin-right: 53px
}

@media (max-width: 767.98px) {
    .docs-info svg {
        margin-right: 20px;
        width: 45px
    }
}

@media (max-width: 575.98px) {
    .docs-info svg {
        margin-right: 15px;
        width: 35px
    }
}

.docs-info span {
    color: #d1d6dd;
    font-size: 20px;
    line-height: 1.3
}

@media (max-width: 767.98px) {
    .docs-info span {
        font-size: 15px
    }
}

.docs-button {
    padding-left: 40px;
    padding-right: 40px
}

@media (max-width: 575.98px) {
    .docs-button {
        padding-left: 30px;
        padding-right: 30px
    }
}

.modals {
    display: none
}

.modal {
    background: #2a374a;
    color: #fff
}

.modal-order {
    padding: 60px;
    max-width: 610px;
    width: calc(100% - 30px)
}

@media (max-width: 767.98px) {
    .modal-order {
        padding: 50px 30px 30px
    }
}

@media (max-width: 575.98px) {
    .modal-order {
        padding: 50px 20px 30px;
        width: calc(100% - 12px)
    }
}

.modal-title {
    color: #fff;
    font-weight: 600;
    font-size: 40px;
    line-height: 1.3;
    margin-bottom: 30px;
    text-align: center;
    text-transform: uppercase
}

@media (max-width: 767.98px) {
    .modal-title {
        font-size: 30px
    }
}

@media (max-width: 575.98px) {
    .modal-title {
        font-size: 24px
    }
}

.modal-order-item {
    margin-bottom: 20px
}

.modal-policy {
    color: #fff;
    font-size: 15px;
    line-height: 1.1;
    margin-top: 30px;
    margin-bottom: 30px
}

.modal-button, .modal-result .button, .training-picture img {
    width: 100%
}

.modal-result-icon {
    margin-bottom: 15px;
    height: 40px;
    width: 40px
}

.modal-result-title {
    color: #1b1b1d;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 10px
}

.modal-result-dsc {
    font-size: 17px;
    line-height: 140%;
    margin-bottom: 50px
}

.modal-result {
    display: none;
    border-radius: 20px;
    max-width: 445px;
    padding: 20px 30px 30px;
    width: 85%
}

.fancybox-container .fancybox-bg {
    background: #2a374a;
    opacity: .4
}

.fancybox-container .fancybox-slide--html .fancybox-close-small {
    top: 20px;
    right: 20px;
    padding: 0
}

@media (max-width: 575.98px) {
    .fancybox-container .fancybox-slide--html .fancybox-close-small {
        padding: 5px;
        top: 10px;
        right: 10px
    }
}

.consultation {
    background-color: #ebeef2;
    background-image: url(/local/templates/daotn/css/imgs/consultation-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 79px 0 82px
}

@media (max-width: 767.98px) {
    .consultation {
        padding: 50px 0;
        text-align: center
    }
}

.consultation-row {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    margin-left: -60px;
    margin-right: -60px
}

@media (max-width: 1299.98px) {
    .consultation-row {
        display: flex;
        flex-flow: row wrap;
        justify-content: flex-start;
        margin-left: -20px;
        margin-right: -20px
    }
}

.consultation-col {
    margin-left: 60px;
    margin-right: 60px;
    width: calc(50% - 120px)
}

@media (max-width: 1299.98px) {
    .consultation-col {
        margin-left: 20px;
        margin-right: 20px;
        width: calc(50% - 40px)
    }
}

@media (max-width: 767.98px) {
    .consultation-col {
        margin-left: 20px;
        margin-right: 20px;
        width: calc(100% - 40px)
    }

    .consultation-picture {
        margin: 0 auto 30px;
        max-width: 410px
    }
}

.consultation-title {
    color: #3b4a5b;
    font-weight: 700;
    font-size: 50px;
    line-height: 1.2;
    margin-bottom: 30px;
    text-transform: uppercase
}

@media (max-width: 1299.98px) {
    .consultation-title {
        font-size: 40px
    }
}

@media (max-width: 991.98px) {
    .consultation-title {
        font-size: 32px
    }
}

.consultation-title + .consultation-title {
    margin-top: 60px
}

@media (max-width: 1299.98px) {
    .consultation-title + .consultation-title {
        margin-top: 40px
    }
}

.consultation-title.consultation-title-red {
    color: #e30713
}

.consultation-description {
    color: #3b4a5b;
    font-weight: 600;
    font-size: 24px;
    line-height: 1.25
}

@media (max-width: 991.98px) {
    .consultation-description {
        font-size: 20px
    }
}

.feild_wrapper {
    display: block;
    position: relative;
    width: 100%
}

.feild_wrapper input, .feild_wrapper textarea {
    transition: ease-in 1000ms
}

.feild_wrapper .error_label {
    background: #cf0404;
    bottom: 100%;
    color: #fff;
    font-size: 14px;
    left: 0;
    padding: 6px;
    position: absolute;
    text-align: center;
    visibility: hidden;
    width: 100%;
    z-index: 3
}

.feild_wrapper.wrong input, .feild_wrapper.wrong textarea {
    border-color: red;
    box-shadow: 0 0 5px red;
    transition: ease-in 1000ms
}

.feild_wrapper.wrong .error_label {
    visibility: visible;
    -webkit-animation: 400ms bounceIn;
    animation: 400ms bounceIn
}

.wrong input[type=checkbox] ~ span {
    color: #cf0404
}

.principles {
    padding: 80px 0 10px
}

.principles-title {
    margin-bottom: 20px
}

.principles-about {
    background: #fff;
    border: 1px solid #ed1c24;
    box-shadow: 0 4px 100px rgba(0, 0, 0, .07);
    color: #171717;
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 40px;
    padding: 16px 20px 15px;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content
}

.principles-enum {
    display: grid;
    grid-template-columns:repeat(2, calc(50% - 40px));
    grid-template-rows:repeat(2, auto);
    grid-gap: 40px 80px
}

@media (max-width: 1299.98px) {
    .principles-enum {
        grid-template-columns:repeat(2, calc(50% - 15px));
        grid-gap: 30px
    }
}

@media (max-width: 991.98px) {
    .principles-enum {
        grid-template-columns:repeat(1, 100%);
        grid-gap: 15px 0
    }
}

.principles-item {
    background: #fff;
    border: 1px solid #d1d6dd;
    padding: 19px 28px 15px 30px;
    height: fit-content;
}

.principles-item-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between
}

.principles-item-cnt, .principles-item-title {
    color: #171717;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.2;
    margin-bottom: 3px
}

.principles-item-cnt {
    color: #ed1c24;
    font-weight: 800;
    font-size: 30px
}

.principles-item-text {
    height: 0;
    overflow: hidden;
    color: #171717;
    font-size: 14px;
    line-height: 1.5;
    transition: 0.3s;
}

.principles-item-arrow {
    margin: 0 auto;
    height: 10px;
    width: 25px;
    background: url('/local/templates/daotn/css/../images/arrow.svg') no-repeat center;
}

.principles-item-active .principles-item-text{
    height: auto;
}

.principles-item-active .principles-item-arrow{
    transform: rotate(-180deg);
}

.training {
    padding: 80px 0 0
}

.training-title {
    margin-bottom: 40px;
    text-align: center
}

.training-content {
    background: #fff;
    box-shadow: 0 0 100px rgba(0, 0, 0, .1);
    border-radius: 10px;
    padding: 30px
}

.training-grid {
    display: grid;
    align-items: center;
    grid-gap: 60px;
    grid-template-columns:repeat(2, calc(50% - 30px))
}

@media (max-width: 1299.98px) {
    .training-grid {
        grid-gap: 0;
        grid-template-columns:100%
    }
}

@media (max-width: 991.98px) {
    .training-picture {
        display: none
    }
}

.training-tag, a.training-more {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px
}

.training-tag {
    background: #fff;
    box-shadow: 0 0 40px rgba(0, 0, 0, .1);
    border-radius: 5px;
    color: #171717;
    display: inline-block;
    margin-bottom: 24px;
    padding: 11px 29px
}

.training-time {
    color: #ed1c24;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 16px
}

.training-name {
    color: #000;
    font-size: 24px;
    line-height: 1.3;
    margin-bottom: 16px
}

@media (max-width: 575.98px) {
    .training-name {
        font-size: 18px
    }
}

.training-about {
    font-weight: 700;
    font-size: 14px;
    line-height: 1.5;
    color: #000;
    margin-bottom: 9px
}

.training-list {
    padding: 0;
    margin: 0 0 16px
}

.training-list li {
    color: #000;
    font-size: 14px;
    line-height: 150%;
    margin: 0 0 8px;
    list-style: none;
    padding: 0 0 0 17px;
    position: relative
}

.training-list li:before {
    background: #ed1c24;
    border-radius: 20px;
    content: '';
    display: block;
    position: absolute;
    top: 7px;
    left: 0;
    height: 7px;
    width: 7px
}

.training-action {
    display: flex;
    align-items: center
}

@media (max-width: 575.98px) {
    .training-action {
        flex-direction: column;
        justify-content: center
    }
}

.training-price {
    color: #171717;
    font-size: 30px;
    line-height: 150%;
    padding-left: 28px
}

@media (max-width: 575.98px) {
    .training-price {
        font-size: 24px;
        padding-left: 0;
        margin-top: 15px
    }
}

a.training-more {
    background: #ed1c24;
    box-shadow: 0 10px 30px rgba(237, 28, 36, .3);
    border-radius: 8px;
    color: #fafafb;
    padding: 17px 62px 17px 28px;
    position: relative;
    transition: ease 300ms
}

a.training-more:before {
    background-color: transparent;
    border: 5px solid transparent;
    border-bottom-color: #fff;
    content: '';
    position: absolute;
    top: 3px;
    right: 3px;
    transform: rotate(45deg);
    height: 0;
    width: 0
}

a.training-more:hover {
    background: #d1161d
}
/* End */


/* Start:/local/templates/daotn/css/custom.css?168665440612110*/
body > img {
    display: none;
}

.strong {
    font-weight: 700;
}
.italic {
    font-style: italic;
}

.advantage-item-description span {
    font-weight: 700;
}

@media (max-width: 1299.98px) {
    .footer-social li svg {
        max-width: 35px;
    }
}

.webinar-button + .webinar-button {
    margin-top: 10px;
}

/**/

.footer-social li a {
    position: relative;
}
.footer-social-placeholder {
    background: #fff;
    border: 1px solid #686868;
    color: #686868;
    padding: 7px 12px;
    margin-bottom: 8px;
    opacity: 0;
    position: absolute;
    bottom: 100%;
    transition: ease 300ms;
    visibility: hidden;
    white-space: nowrap;
    z-index: 2;
}
.footer-social-placeholder:before {
    background: #fff;
    border-left: 1px solid #686868;
    border-bottom: 1px solid #686868;
    content: '';
    display: block;
    transform: rotate(-45deg);
    position: absolute;
    bottom: -4px;
    left: 12px;
    height: 6px;
    width: 6px;
}
a:hover .footer-social-placeholder {
    opacity: 1;
    visibility: visible;
}
@media screen and (max-width: 767.98px) {
    .footer-social-placeholder {
        display: none;
    }
}

/* formats-item-title.-small */

.formats-item-title.-small {
    font-size: 24px;
}
@media (max-width: 1299.98px) {
    .formats-item-title.-small {
        font-size: 18px;
    }
}
@media (max-width: 767.98px) and (min-width: 576px) {
    .formats-item-title.-small {
        font-size: 23px;
    }
}

/* seminar */

.seminar {
    background: #EBEEF2;
    overflow: hidden;
    padding: 45px 0 80px;
}
.seminar-title {
    color: #2A374A;
    font-weight: 700;
    font-size: 50px;
    line-height: 1.4;
    margin-bottom: 45px;
    text-align: center;
    text-transform: uppercase;
}
.seminar-row {
    display: flex;
    margin-bottom: 10px;
}
.seminar-col {
    width: calc(60% - 30px);
}
.seminar-col + .seminar-col {
    margin-left: auto;
    width: calc(40% - 30px);
}
.seminar-ttl {
    color: #0C0C0C;
    font-size: 30px;
    line-height: 1.4;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.seminar-ttl span {
    font-weight: 700;
}
.seminar-content {
    color: #000000;
    font-size: 20px;
    line-height: 1.5;
}
.seminar-content p {
    margin-bottom: 1em;
}
.seminar-content ul {
    padding: 0;
    margin: 0 0 1em 0;
}
.seminar-content ul li {
    list-style: none;
    margin: 0;
    padding: 0 0 0 25px;
    position: relative;
}
.seminar-content ul li:before {
    background: #000;
    border-radius: 5px;
    content: '';
    display: block;
    position: absolute;
    top: 10px;
    left: 8px;
    height: 4px;
    width: 4px;
}
.seminar-picture img {
    max-width: unset;
}
.seminar-actions {
    display: flex;
    align-items: center;
    justify-content: center;
}
.seminar-actions .button + .button {
    margin-left: 90px;
}
.seminar-button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 11px 30px;
    height: 80px;
    width: 400px;
}
.seminar-carousel {
    width: 770px;
}
.seminar-carousel img {
    width: 100%;
}
/*.carousel-nav-top {
    top: auto;
    left: 30px;
    bottom: 30px;
}*/
.seminar-about {
    color: #000000;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.2;
    margin-bottom: 40px;
}
.seminar-about-enum {
    display: flex;
    flex-flow: row wrap;
    margin: 0 -10px 20px;
}
.seminar-about-col {
    padding: 0 10px;
    margin-bottom: 20px;
    width: calc(100% / 3);
}
.seminar-about-item {
    background: #FFFFFF;
    display: flex;
    align-items: center;
    border-radius: 10px;
    padding: 33px 36px;
    height: 100%;
}
.seminar-about-item span {
    font-size: 16px;
    line-height: 130%;
}
.seminar-about-icon {
    width: 68px;
}
@media screen and (max-width: 1680px) {
    .seminar-col {
        width: calc(50% - 30px);
    }
    .seminar-col + .seminar-col {
        width: calc(50% - 30px);
    }
}
@media screen and (max-width: 1480px) {
    .seminar-col {
        width: calc(50% - 30px);
    }
    .seminar-col + .seminar-col {
        width: calc(50% - 30px);
    }
    .seminar-picture img {
        max-width: 110%;
    }
}
@media (max-width: 1299.98px) {
    .seminar-title {
        font-size: 36px;
    }
    .seminar-row {
        flex-flow: row wrap;
    }
    .seminar-col {
        width: 100%;
    }
    .seminar-col + .seminar-col {
        width: 100%;
    }
    .seminar-picture {
        display: flex;
        justify-content: center;
        max-width: unset;
        width: 100%;
    }
    .seminar-carousel {
        width: 100%;
    }
    .seminar-about-col {
        width: 50%;
    }
}
@media (max-width: 991.98px) {
    .seminar-title {
        font-size: 30px;
    }
    .seminar-ttl {
        font-size: 24px;
        text-align: center;
    }
}
@media (max-width: 767.98px) {
    .seminar-title {
        font-size: 23px;
    }
    .seminar-ttl br,
    .seminar-title br {
        display: none;
    }
    .seminar-ttl {
        font-size: 18px;
    }
    .seminar-actions {
        flex-flow: row wrap;
    }
    .seminar-actions .button + .button {
        margin-left: 0;
    }
    .seminar-button {
        margin-bottom: 10px;
        height: 60px;
        width: 100%;
    }
    .seminar-about-col {
        width: 100%;
    }
    .seminar .carousel-nav-top {
        top: auto;
        left: 16px;
        bottom: 10px;
    }
    .seminar .carousel-nav-top div svg {
        height: 30px;
        width: 30px;
    }
    .carousel-nav-top div {
        margin: 0 4px;
    }
}
@media (max-width: 499.98px) {
    .seminar-content {
        text-align: center;
    }
}

/* video */

.video {
    padding: 80px 0 0;
}
.video-wrapper {
    margin: 0 auto;
    max-width: 1240px;
}
.video-wrapper a {
    border: 4px solid #E30713;
    display: block;
}
.video-wrapper img {
    max-width: 100%;
}

/* program-box */

.program.-seminar {
    background-image: url("/local/templates/daotn/css/imgs/seminar-bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.program-box-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.program-list.-table {
    padding: 70px 0 0;
}
.program-list-wrapper {
    padding: 0 106px 20px;
}
.program-table-col p {
    margin-bottom: 8px;
}
.program-table-col ul {
    padding: 0;
    margin: 0 0 0 35px;
}

.program-title {
    margin-bottom: 50px; }

.program-description {
    color: #2A374A;
    font-weight: 600;
    font-size: 24px;
    line-height: 1.5;
    letter-spacing: 0.01em;
    margin-bottom: 36px; }

.program-table-header .program-table-col {
    color: #fff;
    font-size: 18px; }

.program-table-body {
    border: 1px solid #F7F8FA; }

.program-table-header {
    background: #2A374A;
    display: flex;
    height: 70px;
    padding: 10px 0; }

.program-table-row {
    display: flex; }

.program-table-col {
    padding: 20px 30px; }

.program-table-header .program-table-col {
    padding-top: 13px;
    padding-bottom: 29px; }

.program-table-time {
    min-width: 185px; }

.program-table-duration {
    min-width: 175px; }

.program-table-speaker {
    min-width: 433px;
    width: 433px; }

.program-table-theme {
    width: 100%; }

.program-table-duration {
    color: #676B76;
    font-size: 18px;
    line-height: 1.2; }

.program-table-theme {
    color: #2A374A;
    font-size: 18px;
    line-height: 1.2; }

.program-theme {
    max-width: 900px; }

.program-speaker {
    color: #2A374A;
    font-weight: 600;
    font-size: 18px;
    line-height: 120%;
    margin-bottom: 10px; }

.program-speaker-about {
    color: #676B76;
    font-size: 16px;
    line-height: 1.12; }

.program-speaker-about + .program-speaker {
    margin-top: 10px; }

.program-table-time {
    color: #E72430;
    font-size: 21px;
    line-height: 1.2;
    letter-spacing: 0.01em; }

.program-table-row:nth-child(even) {
    background: #F7F8FA;
    border: 1px solid #F7F8FA; }

.program-carousel {
    margin-bottom: 50px; }

.program-btn-box {
    display: flex;
    justify-content: center; }

.program-button {
    max-width: 539px;
    width: 100%; }

.program .carousel-nav.carousel-nav_top {
    top: -190px; }

@media (max-width: 1769.98px) {
    .program-table-speaker {
        min-width: 335px;
        width: 335px; } }

@media (max-width: 1195.98px) {
    .program {
        padding: 50px 0; }
    .program-title {
        margin-bottom: 30px; }
    .program-table-col {
        padding: 15px; }
    .program-table-header {
        height: 46px; }
    .program-table-time {
        font-size: 15px; }
    .program-table-time {
        min-width: 120px; }
    .program-table-duration {
        min-width: 135px; }
    .program-table-speaker {
        min-width: 265px;
        width: 265px; }
    .program-table-theme {
        font-size: 16px; }
    .program-speaker {
        font-size: 16px; }
    .program-speaker-about {
        color: #676B76;
        font-size: 15px; }
    .program-table-header .program-table-col {
        font-size: 16px;
        padding-top: 15px;
        padding-bottom: 10px; }
    .program-button {
        max-width: 420px; }
    .program-list-wrapper {
        padding: 0 30px 0px;
    } }

@media (max-width: 991.98px) {
    .program-table-body,
    .program-table-header {
        width: 880px; }
    .program-table {
        overflow-x: auto; } }

@media (max-width: 767.98px) {
    .program {
        background: #fff;
        padding: 50px 5px; }
    .program .container {
        max-width: 100%; }
    .program .carousel-nav {
        display: none; }
    .program-description {
        margin-bottom: 30px; }
    .program-button {
        max-width: 100%; } }

@media (max-width: 575.98px) {
    .program {
        background: #EBEEF2;
        padding: 30px 5px; }
    .program-title {
        margin-bottom: 20px; }
    .program-description {
        font-size: 16px;
        margin-bottom: 20px; }
    .program-box-wrapper {
        flex-direction: column;
    }
    .program-box {
        margin-bottom: 20px;
    }
    .program-list-wrapper {
        padding: 0;
    }
    .program-table {
        margin: 0 -17px;
    }
}

/* gallery */

.gallery {
    padding: 100px 0 0;
}
.gallery-title {
    margin-bottom: 100px;
    text-align: center;
}
.gallery-row {
    display: flex;
    margin: 0 -16px 32px;
}
.gallery-item {
    padding: 0 16px;
}
.gallery-item img {
    display: block;
    width: 100%;
}
@media screen and (max-width: 1299.98px) {
    .gallery {
        padding: 70px 0 0;
    }
    .gallery-title {
        margin-bottom: 60px;
    }
}
@media screen and (max-width: 767.98px) {
    .gallery-row {
        margin: 0 -4px 8px;
    }
    .gallery-item {
        padding: 0 4px;
    }
}

.modal-info {
    font-weight: 600;
    font-size: 24px;
    line-height: 1.3;
    text-align: center;
    margin-bottom: 14px;
}
.modal-description {
    font-weight: 600;
    font-size: 22px;
    line-height: 1.1;
    margin: 0 -22px 46px;
    text-align: center;
}
.modal-politic {
    font-weight: 400;
    font-size: 15px;
    line-height: 110%;
    margin-bottom: 30px;
}
.modal-politic a {
    text-decoration: underline;
}
.modal-politic a:hover {
    text-decoration: none;
}
.modal-seminar {
    padding: 60px;
    max-width: 740px;
    width: calc(100% - 30px);
}
@media screen and (max-width: 767px) {
    .modal-seminar {
        padding: 50px 20px 20px;
        width: calc(100% - 10px);
    }
    .modal-description {
        font-size: 18px;
        margin: 0 0 30px;
    }
}
/* End */
/* /local/templates/daotn/js/carousel/assets/owl.carousel.css?15483220504011 */
/* /local/templates/daotn/js/fb/jquery.fancybox.min.css?154480333812795 */
/* /local/templates/daotn/css/main.css?175509295184491 */
/* /local/templates/daotn/css/custom.css?168665440612110 */