@font-face {
    font-family: 'Proxima-Nova-Black';
    src: url('../fonts/PROXIMA-NOVA-BLACK.OTF');
}

@font-face {
    font-family: 'PROXIMANOVA-REGULAR';
    src: url('../fonts/PROXIMANOVA-REGULAR.TTF');
}

@font-face {
    font-family: 'PROXIMANOVA-THIN';
    src: url('../fonts/PROXIMANOVAT-THIN_0.TTF');
}
@font-face {
    font-family: 'Proxima-Nova-Light';
    src: url('../fonts/Proxima-Nova-Light.otf');
}
@font-face {
    font-family: 'Proxima-Nova-Semibold';
    src: url('../fonts/Proxima-Nova-Semibold.otf');
}
@font-face {
    font-family: 'Proxima-Nova-Condensed-Thin';
    src: url('../fonts/Proxima-Nova-Condensed-Thin.otf');
}
@font-face {
    font-family: 'Proxima-Nova-Regular';
    src: url('../fonts/Proxima-Nova-Regular.otf');
}

@font-face {
    font-family: 'PROXIMANOVA-LIGHT';
    src: url('../fonts/PROXIMANOVA-LIGHT.TTF');
}
@font-face {
    font-family: 'PROXIMANOVA-SEMIBOLD';
    src: url('../fonts/PROXIMANOVA-SEMIBOLD.TTF');
}

@font-face {
    font-family: 'Proxima-Nova-Bold';
    src: url('https://mg.dascor-trade.com/fonts/Proxima-Nova-Bold.otf');
}
* { outline: 0; padding: 0; margin: 0; border: 0; }
h1{
    font-family: 'Proxima-Nova-Bold';
    font-size: 44px;
    text-align: center;
    letter-spacing: 2px;
    margin: 10% 0% 2.5% 0%;
    color: white;
}
.logo{
    background: url("../img/logo.jpg");
    background-position: center ;
    background-size: cover;
    width: 231px;
    height: 102px;
    margin: 0px auto;
    background-repeat: no-repeat;
}
#about p:first-child{
    margin-top:10px;
}
.mainWord{
    font-family: 'Proxima-Nova-Black';
    font-size: 80px;
}
form{
    display: flex;
    margin: 20px 0px;
    flex-direction: column;
}
h3{
    font-size:52px;
    letter-spacing: 2px;
    font-family: 'Proxima-Nova-Black';
    color: #2f2f2f;
    margin: 15px 0px;
}
h4{
    font-size:42px;
    letter-spacing: 2px;
    font-family: 'Proxima-Nova-Black';
    color: #2f2f2f;
    margin: 50px 0px 20px 0px;
}
section{
    padding: 50px 0px;
}
.schedule{
    background: url("../img/shedule-bg.png");
    background-position: center ;
    background-size: cover;
    background-repeat: no-repeat;
}
h2{
    font-family: 'Proxima-Nova-Black';
    font-size:72px;
    letter-spacing: 2px;
    margin: 20px 0px;
    color:#e9e9e9;
}
#speakers .item{
    padding: 40px 20px;
}
#shedule{
    display: none;
}
header .bg{
    position: relative;
    overflow: hidden;
}
.blackout{
    background: #000000;
    width: 100%;
    height: 100vh;
    opacity: 0.3;
    z-index: 3;
    position: relative;
}
header .bg video{
    z-index: 3;
    position:absolute;
    height: 100vh;
    width: 100%;
}
header .btn{
    margin: 2.5% 0%;
}
.image1{
    background: url("../img/sa.png");
    background-position: center ;
    background-size: contain;
    height: 62px;
    z-index: 55;
    background-repeat: no-repeat;
}
.image2{
    background: url("../img/consulting.png");
    background-position: center ;
    background-size: contain;
    height: 64px;
    z-index: 55;
    background-repeat: no-repeat;
}
header .navigation{
    position: absolute;
    top: 50px;
    width: 100%;
    /*right: 0%;*/
    z-index: 55;
}
header ul {
    list-style-type: none;
}
header ul li{
    margin: 0px 50px;
}
header ul li a{
    color: #ffffffbd;
    text-transform: uppercase;
    text-decoration: none;
    font-family: 'PROXIMANOVA-REGULAR';
    font-size: 18px;
}
header ul li a:hover{
    color: white;
    text-decoration: none;
}
header ul li a:active {
    font-family: 'Proxima-Nova-Bold';
    color: white;
    text-decoration: none;
}
header .content{
    top: 5%;
    position: absolute;
    width: 100%;
    /* left: 25%; */
    z-index: 25;
}
header p{
    font-size:33px;
    font-family: 'PROXIMANOVA-LIGHT';
    text-transform: uppercase;
    letter-spacing: 2px;
    color: white;
}
#about {
    position: relative;
}
#about .content{
    margin: 0px 0px 30px 0px;
    z-index: 55;
}
#about .content a{ 
    color:#e32a00;
}
#about p{
    font-family: 'PROXIMANOVA-LIGHT';
    font-size: 16px;
    text-align: left;
    color: #2f2f2f;
}
#succes h5, .success h5{
    font-size: 24px;
    font-family: 'PROXIMANOVA-SEMIBOLD';
    text-transform: uppercase;
}

.carouselNext{right: 15px; z-index: 200;
    opacity: 1;}
.carouselPrev{left:15px; z-index: 200;
    opacity: 1;}

.for ul li{
    list-style-type: none;
    margin:10px auto;
}
.for li i{
    color:#99cccc;
    margin-right: 20px;
}
.shed p{
    text-align: center;
}
.shed ul li{
    list-style-type: none;
}
#speakers h5{
    font-family: 'Proxima-Nova-Black';
    font-size: 24px;
    color: white;
    margin:20px 0px;
}
#speakers p{
    font-family: 'PROXIMANOVA-REGULAR';
    font-size: 16px;
    color: white;
    margin:20px 0px;
    padding: 0px 30px;
}
.speak1{
    background: url('../img/vvv.png') center no-repeat;
    background-size: cover;
    height: 300px;
    width: 300px;
    box-shadow: -5px 3px 10px 0px #0000007a;
}
.speak2{
     background: url('../img/sl.png') center no-repeat;
    background-size: cover;
    height: 300px;
    width: 300px;
    box-shadow: -5px 3px 10px 0px #0000007a;
}
.speak3{
    background: url('../img/oxy.png') center no-repeat;
    background-size: cover;
    height: 300px;
    width: 300px;
    box-shadow: -5px 3px 10px 0px #0000007a;
}
.speak4{
    background: url('../img/AS.png') center no-repeat;
    background-size: cover;
    height: 300px;
    width: 300px;
    box-shadow: -5px 3px 10px 0px #0000007a;
}
.speak5{
    background: url('../img/EA.png') center no-repeat;
    background-size: cover;
    height: 300px;
    width: 300px;
    box-shadow: -5px 3px 10px 0px #0000007a;
}
.speak6{
    background: url('../img/IS.png') center no-repeat;
    background-size: cover;
    height: 300px;
    width: 300px;
    box-shadow: -5px 3px 10px 0px #0000007a;
}
#speakers{
    background: #bb2611;
}
#speakers .image{
    position: relative;
    margin: 0% auto;
    cursor: pointer;
}
.ellipse{
    width: 45px;
    height: 45px;
    border-radius: 30px;
    background: #e86d47;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 25;
    cursor: pointer;
}
.ellipse:hover{
    background: #8f1b00;
}
.ellipse:active{
    background: white;
}
.date{
    background: #191614;
    color:white;
    padding: 5px 15px;
    box-shadow: -3px 3px 10px 0px #616161;
    font-family: 'Proxima-Nova-Black';
    font-size:18px;
}
.shed .container{
    margin:50px auto;
}
.shed i{
    color:#99cccc;
    margin-right: 10px;
}
.shed .descriptionShedule{
    padding-left: 100px;
}
.shed ul li{
    color: #2f2f2f;
    font-family: 'PROXIMANOVA-REGULAR';
    font-size: 14px;
}
.shortName{
    font-size:16px;
    font-family: 'PROXIMANOVA-SEMIBOLD';
}
.schedule h3:after{
    content: '';
    display:block;
    width:150px;
    height: 2px;
    background: #bb2611;
    margin:20px auto;
    margin-bottom: 0px;
}


.schedule ul{
    list-style-type: none;
}
.schedule ul li{
    margin: 10px 0px;
    color: #2f2f2f;
    font-family: 'PROXIMANOVA-SEMIBOLD';
}
p{
    font-size:16px;
    font-family: 'PROXIMANOVA-LIGHT';
    margin: 20px 0px;
    color: #464646;
}
.bold{
    font-family: 'Proxima-Nova-Black';
}
.redDescription{
    color: #e32a00;
    letter-spacing: 2px;
    font-size:18px;
    font-family: 'PROXIMANOVA-SEMIBOLD';
}
.last{
    font-size:30px;
    padding: 0px 30px;
    font-family: 'PROXIMANOVA-SEMIBOLD';
    color: #e32a00;
        line-height: 30px;
    letter-spacing: 2px;
}
input, textarea{
    border-radius:10px;
    border: 1px solid #9f9f9f;
    font-size: 18px;
    letter-spacing: 2px;
    padding: 0px 20px;
    margin: 10px 0px;
    font-family: 'PROXIMANOVA-THIN';
}
#registr .modal-dialog, #succes .modal-dialog{
    max-width: 600px;
}
#registr .modal-header{
    border-bottom:none;
    padding: 0;
}
.success{
    width:50%;
    display: block;
    position: absolute;
    z-index: 200;
    top:30%;
    left:25%;
    padding: 50px 100px;
    background: white;
    border-radius: 3px;
}
.success p{
    font-size: 16px;
    font-family: 'PROXIMANOVA-LIGHT';
    margin: 20px 0px;
    color: #464646;
}
#registr .modal-dialog .btn{
    margin:5% auto;
     background: #00788e;
}
#registr .modal-dialog .btn:hover{
    background: white;
    color:#c32e0b;
}

.btn{
    margin-top:40px;
    border-radius:50px;
    padding: 10px 20px;
    color: white;
    width: fit-content;
    background: #e32a00;
    letter-spacing: 1px;
    font-size: 20px;
    border-color:transparent;
    transition: all 0.5s;
    text-transform: uppercase;
    font-family: 'PROXIMANOVA-SEMIBOLD';
    box-shadow: -5px 3px 10px 0px #404040;
}
.btn:hover{
    background: #8f1b00;
    color:white;
    outline:none;
    box-shadow: -5px 3px 10px 0px #404040;
}
.btn:active {
    background:white;
    outline:none;
    color:#c32e0b;
    border-color:#c32e0b;
    box-shadow: -5px 3px 10px 0px #404040;
}
.btn:focus{outline: none}
header .btn{
    box-shadow: -5px 3px 10px 0px #861c05c2;
}
.schedule .btn{
    background: #00788e;
}
.schedule .btn:hover{
    background: white;
    color:#c32e0b;
}

.btn-shedule{
    height: 60px;
    width: 60px;
    cursor: pointer;
    border-radius: 35px;
    background: white;
    margin: 0px 40%;
    border: white;
    outline: none;
    transition: all 0.5s;
    box-shadow: -5px 3px 10px 0px #404040;
}
.btn-shedule:focus{outline: none}
.btn-shedule i{
    color: #e32a00;
    text-align: center;
}
header .btn-shedule{
    box-shadow: -5px 3px 10px 0px #861c05c2;
}
header .btn-shedule i{
    margin: 15% 25%;
}
.btn-shedule:hover{
    border-color: transparent;
    background: #8f1b00;
    outline: none;
    transition: all 0.5s;
    box-shadow: -5px 3px 10px 0px #404040;
}
.btn-shedule:active{
    outline: none;
    box-shadow: -5px 3px 10px 0px #404040;
    background: #c32e0b;
}
.btn-shedule:hover i{
    color:white;
}
.active{
    background:white;
}
.btn-shedule:active{
    border-color: transparent;}

.modal-content {
 padding: 20px;
}
.modal-dialog {
    max-width: 800px;
}
.modal h5{
    font-family: 'PROXIMANOVA-SEMIBOLD';
    font-size: 24px;
    color:#505050;
}
.modal-body .container{
    margin:10px auto;
}

.modal-content  .anton1{
    background: url('../img/notebook.png') center no-repeat;
    background-size: contain;
    height: 30px;
    width: 30px;
    display: block;
}
.modal-content .anton2{
    background: url('../img/speech-bubble.png') center no-repeat;
    background-size: contain;
    height: 30px;
    width: 30px;
    display: block;
}
.modal-content .anton3{
    background: url('../img/expand.png') center no-repeat;
    background-size: contain;
    height: 30px;
    width: 30px;
    display: block;
}
.modal-content .anton4{
    background: url('../img/mortarboard.png') center no-repeat;
    background-size: contain;
    height: 30px;
    width:30px;
    display: block;
}
.modal-content  .kate1{
    background: url('../img/event.png') center no-repeat;
    background-size: contain;
    height: 30px;
    width: 30px;
    display: block;
}
.modal-content .kate2{
    background: url('../img/notebook.png') center no-repeat;
    background-size: contain;
    height: 30px;
    width: 30px;
    display: block;
}
.modal-content .kate3{
    background: url('../img/speech-bubble.png') center no-repeat;
    background-size: contain;
    height: 30px;
    width: 30px;
    display: block;
}
.modal-content .kate4{
    background: url('../img/expand.png') center no-repeat;
    background-size: contain;
    height: 30px;
    width:30px;
    display: block;
}

.modal-content .julia1{
    background: url('../img/digital-marketing.png') center no-repeat;
    background-size: contain;
    height: 30px;
    width:30px;
    display: block;
}
.modal-content .julia2{
    background: url('../img/open-book.png') center no-repeat;
    background-size: contain;
    height: 30px;
    width:30px;
    display: block;
}
.modal-content .julia3{
    background: url('../img/mortarboard.png') center no-repeat;
    background-size: contain;
    height: 30px;
    width:30px;
    display: block;
}
.modal-content .julia4{
    background: url('../img/notebook.png') center no-repeat;
    background-size: contain;
    height: 30px;
    width:30px;
    display: block;
}
.modal-content .julia5{
    background: url('../img/customer.png') center no-repeat;
    background-size: contain;
    height: 30px;
    width:30px;
    display: block;
}
.modal-content .julia6{
    background: url('../img/folded-newspaper.png') center no-repeat;
    background-size: contain;
    height: 30px;
    width:30px;
    display: block;
}

.modal-content .kristi1{
     background: url('../img/credit-card.png') center no-repeat;
     background-size: contain;
     height: 30px;
     width:30px;
     display: block;
 }
.modal-content .kristi2{
    background: url('../img/notebook.png') center no-repeat;
    background-size: contain;
    height: 30px;
    width:30px;
    display: block;
}
.modal-content .kristi3{
    background: url('../img/customer.png') center no-repeat;
    background-size: contain;
    height: 30px;
    width:30px;
    display: block;
}
.modal-content .kristi4{
    background: url('../img/folded-newspaper.png') center no-repeat;
    background-size: contain;
    height: 30px;
    width:30px;
    display: block;
}

.modal-content .uliana1{
    background: url('../img/open-book.png') center no-repeat;
    background-size: contain;
    height: 30px;
    width:30px;
    display: block;
}
.modal-content .uliana2{
    background: url('../img/europe.png') center no-repeat;
    background-size: contain;
    height: 30px;
    width:30px;
    display: block;
}
.modal-content .uliana3{
    background: url('../img/notebook.png') center no-repeat;
    background-size: contain;
    height: 30px;
    width:30px;
    display: block;
}
.modal-content .uliana4{
    background: url('../img/customer.png') center no-repeat;
    background-size: contain;
    height: 30px;
    width:30px;
    display: block;
}
.modal-content .uliana5{
    background: url('../img/idea.png') center no-repeat;
    background-size: contain;
    height: 30px;
    width:30px;
    display: block;
}

.modal-title{line-height: 25px;}
.modal ul{list-style-type: none;}
.modal .col-lg-11 {
    font-family: 'PROXIMANOVA-LIGHT';
    font-size: 18px;
}
.carousel-indicators {
    bottom: -50px;
}
.carousel-indicators li{
    width: 20px;
    height: 20px;
    cursor: pointer;
    border-radius: 15px;
    background-color: transparent;
    border:2px solid #bb2611;
}
.carousel-indicators .active{
    background-color: #bb2611;
}
#carouselIndicators{
    z-index: 55;
}
#about:before{
    content:'';
    display: block;
   width: 600px;
    height: 600px;
    border:40px solid #99c9d2;
    position: absolute;
    border-radius: 400px;
    z-index:15;
    top:30%;
    right: -50px;
    overflow: hidden;
}
body{
    overflow-x: hidden;
}
.iconWeb{
    background: url('../img/video-conference.svg') center no-repeat;
    background-size: contain;
    height: 50px;
    width:50px;
    display: inline-block;
}

@media only screen and (max-width: 600px){
    header ul li {
        margin: 0px 2%;
    }
    header ul li a{
        font-size: 16px;
    }
    header .btn {
        margin: 15% 0% 7.5% 0%;
    }
    h2{
        font-size:60px;
        z-index: 55;
    }
    #about:before {
        width: 350px;
        height: 350px;
        border-radius: 50%;
        z-index: auto;
        top:75%;
        right: 5%;
    }
    .mainWord {
        font-size: 60px;
    }
    h1{
        margin: 20% 0% 2.5% 0%;
        font-size: 35px;
    }
    header p {
        font-size: 20px;
        text-align: center;
    }
    header .navigation {
        top: 30px;
    }
    .iconWeb{
        height: 30px;
        width: 30px;
    }
    .last{
        font-size: 25px;
        line-height: 30px;
        padding: 0px 20px;
    }
    p{
        margin: 10px 0px;
    }
    .modal .col-lg-11 {
        font-size: 14px;
        text-align: center;
    }
    .modal-content span{
        margin: 0% auto;
    }
}