/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Feb 14, 2020, 11:19:27 AM
    Author     : gasper
*/


/* 

REGULAR: 400
BOLD: 700

second font: font-family: 'Playfair Display', serif;

*/

/* GENERAL */
html {
    scroll-behavior: smooth;
}

body{
    font-family: 'Assistant', sans-serif;
    font-size: 16px;
    color: #ffffff;
    font-weight: 300;
    overflow-x: hidden !important;
}

h1, h2, h3, h4 {
    margin: 0;
    padding: 0;
    color: black;
}

/*h3 {
    color: black;
    font-size: 18px;
    font-weight: 600;
}*/



*:focus {
    outline: 0;
    outline: none;
}

.m-r-15-d {
    margin-right: 15px;
}

.m-l-15-d {
    margin-left: 15px;
}


button{
    border: 1px solid transparent;
    transition: all 0.5s;
}


a:hover{
    text-decoration: none;
}

img:focus {
    outline:none !important;
}

.header_container {
    background-color: rgba(4, 14, 26, 0.74);
    margin-bottom: 100px;
    max-width: 785px;
    max-height: 528px;
    border-radius: 3px;
}


.headerImage{
    background-image: linear-gradient(to bottom, rgba(6, 21, 37, 0.50), rgba(0, 0, 0, 0)), url("/library/images/man-working-tablet-close-up-table.png");
    background-size: cover;
    height: auto;
    width: 100%;
    background-repeat: no-repeat;
}
.headerLogo{
    padding-top: 41px;
}


.headerLogo img {
    /*    position: absolute;
        margin-top: 3%;
        margin-left: 12%;*/
    max-width: 178px; 
    max-height: 91px;
}


.headerTitle{
    margin-top: -20px;
}
.headerTitle h1{
    font-size: 40px;
    font-weight: 500;
    color: #ffffff;
    line-height: 1.4;
    /*    letter-spacing: 2px;*/
}

.textPersonal h3 {
    color: #040e1a;
    font-size: 40px;
    line-height: 48px;
}

.textPersonal p {
    color: #ffa767;
    letter-spacing: 3px;
    font-size: 16px;
}

.headerText {
    margin-top: 20px;
}

.headerText h1 {
    color: white;
    font-weight: bold;
    font-size: 52px;
    padding-left: 25px;
}

.headerText p{
    font-weight: 300;
    color: white;
    font-size: 16px;
    color: #ffa767;
    text-transform: uppercase;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 35px;
}

.headerLowerText p {
    color: white;
    line-height: 1.2;
    margin-top: 35px;
    font-size: 52px;
    font-weight: bold;
    padding-left: 25px;
}

@media only screen and (max-width: 600px) {
    .headerLowerText p {
        color: white;
        font-weight: 400;
        font-size: 36px !important;
    }
}


.questionText p {
    color: #040e1a;
    font-size: 16px;
}

.questionText h3 {
    font-size: 24px;
    color: #414141;
}

.questionContainer {
    margin-top: 85px;
}

.questionList {
    color: black;
    margin-top: 50px;
}

.questionList li {
    list-style-type: none;  
}

/*.imageContainer {
    position: absolute;
    left: -6%;
    
}*/

.questionList p {
    color: #414141;
    font-weight: 500;
}

.buttonContainer button {
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    background: #ffffff;
    color: black;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 44px;
    padding-right: 44px;
    border-radius: 4px;
    font-weight: 200;
    font-size: 18px;
    border: 1px solid #979797;
}

.buttonContainer button:hover{
    background-image: linear-gradient(to right, #ed765e 3%, #fea858);
    color: white;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 44px;
    padding-right: 44px;
    border-radius: 4px;
    border: 1px solid #ed765e;
}

.form-control-file button {
    border: 1px solid #979797;
    background-color: red;  
}

.career_section h5 {
    color: #ffa767;
    font-size: 16px;
    letter-spacing: 3px;
}

.career_section h1 {
    color: #12345b;
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 40px;
}

.career_section p {
    color: #12345b;
    font-size: 20px;
}

.video {
    height: 453px;
    width: auto;
    margin-top: 50px;
    background-color: #040E1A;
}

.video img {
    max-height: 96px;
    max-width: 96px;
}

.image_play {
    max-width: 37px;
    max-height: 37px;
}

#headerLowerText{
    /*    margin-top: 20px;*/
    font-size: 52px;
    line-height: 1.2;
    font-weight: bold;
}
#headerLowerText p{
    font-weight: 300;
}
.headerButton{
    padding-left: 25px;
    padding-bottom: 45px;
}

.headerButton img {
    margin-left: 33px;
}

.headerButton label {
    margin-left: 10px;
    font-size: 16px;
}

.headerButton1 {
    margin-bottom: 50px;
}

.labelContainer label {
    display: table-cell;
    width: 1px;
    white-space: nowrap;
    color: black;
    font-weight: 400;
    font-size: 16px; 
}

/*label {
            display: table-cell;
            width: 1px;
            white-space: nowrap;
            color: black;
            font-weight: 600;
            font-size: 18px;
        }*/

span {
    display: table-cell;
    padding: 0 4px 0 6px;
}

input {
    width: 70%;
    border: none;
    color: #ffa767;
    font-size: 36px;
    font-weight: 600;
    padding-left: 45px;
    background-color: #f5f5f5;
}

textarea:focus, input:focus{
    outline: none;
}

.buttonFirst{
    background-color: #ffa767;
    color: #ffffff;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 50px;
    padding-right: 50px;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
}

.buttonLightblue{
    background-color: #ffa767;
    color: #ffffff;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 50px;
    padding-right: 50px;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
}

.buttonLightblue:hover {
    background-color: white;
    color: #ffa767;
}

.buttonLightOrange{
    margin-top: 5px;
    background-color: #ffa767;
    color: #ffffff;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
}

.buttonLightOrange:hover {
    background-color: white;
    color: #ffa767;
}

.buttonSecond {
    background: #ffffff; 
    font-size: 16px;
    cursor: pointer;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 6px;
    padding-bottom: 6px;
    border-radius: 4px;
    transition: all 0.5s;
    border: 1px solid #dddddd;
    color: black;
}


.buttonSecond:hover{
    color: black;
    border-radius: 4px;
    border: 1px solid #ffa767;
}

.buttonFirst:hover{
    background-color: #efefef;
    color: #ffa767;
    /*    background: #ffffff;
        color: #fea858;
        padding-top: 12px;
        padding-bottom: 12px;
        padding-left: 34px;
        padding-right: 34px;
        border-radius: 4px;
        border: 1px solid #ed765e;*/
}
.button2{
    background: #ffffff;
    color: #fea858;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 18px;
    padding-right: 18px;
    border-radius: 4px;
    border: 1px solid #ed765e;
}
.button2:hover{
    background: #ededed;
    color: #ff932e;
    border: 1px solid #fea858;
}

#for-whom{
    margin-top: 60px;
    margin-bottom: 20px;
}
.forWhomText{
    margin-top: 60px;
    text-align: center;
}
.forWhomText h2{
    color: #414141;
    line-height: 1.7;
    font-size: 30px;
    font-weight: 600;
}
.forWhomText .text{
    color: #6c6c6c;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.8;
    margin-top: 60px;
}
#svgImg{
    z-index: 1;
    margin-top: -420px; 
    margin-left: 190px;
}

.signUpTitle:before{
    margin-top: -35px;
    margin-bottom: 50px;
    content:"";
    display: block;
    vertical-align: bottom;
    width: 100%;
    border-top: 1px solid #e2e2e2;
}

.imageContainer:before {
    content: url("https://webinars.dplanet.si/library/images/light-bulb.svg");
    position: absolute;
    left: -40px;
}

.imageContainer3:before {
    content: url("https://webinars.dplanet.si/library/images/keyboard.svg");
    position: absolute;
    left: -40px;
}

.imageContainer5:before {
    content: url("https://webinars.dplanet.si/library/images/meeting.svg");
    position: absolute;
    left: -40px;
}

.imageContainer2:before {
    content: url("https://webinars.dplanet.si/library/images/growth.svg");
    position: absolute;
    left: -10px;
}

.imageContainer4:before {
    content: url("https://webinars.dplanet.si/library/images/teamwork.svg");
    position: absolute;
    left: -10px;
    top: 9px;
}

.imageContainer6:before {
    content: url("https://webinars.dplanet.si/library/images/networking.svg");
    position: absolute;
    left: -10px;
}

.signUpTitle{
    margin-bottom: 30px;
}
.signUpTitle h3{
    font-size: 18px;
    font-weight: 600;
    color: #6c6c6c;
}
.signUpButton{
    margin-bottom: 30px;
}
/*.whyTitle:before{
    margin-top: -40px;
    margin-bottom: 50px;
    content:"";
    display: block;
    vertical-align: bottom;
    width: 100%;
    border-top: 1px solid #e2e2e2;
}

.whyTitle2:before{
    margin-top: -1060px;
    margin-bottom: 50px;
    content:"";
    display: block;
    vertical-align: bottom;
    width: 100%;
    border-top: 1px solid #e2e2e2;
}*/

.successMessage {
    font-size: 16px;
    color: green;
    display: none;
}

.whyTitle h2{
    font-size: 36px;
    font-weight: 600;
    color: #414141;
}
.whyText{
    margin-top: 60px;
}
.whyText ul{
    list-style: none;
}
.whyText li{
    font-size: 16px;
    font-weight: 300;
    color: #6c6c6c;
    line-height: 2;

}
.whyText li:before{
    content: "";
    background-image: url(../images/success.svg);
    width: 20px;
    height: 20px;
    background-size: 20px;
    position: absolute;
    left: 25px;
    margin-top: 6.5px;
}

.whyButton{
    margin-top: 30px;
    margin-bottom: 50px;
}

#blue{
    background-color: #efefef;
}
.blueText{
    margin-top: 80px;
}
.blueText p{
    margin-bottom: 30px;
    font-size: 16px;
    font-weight: 300;
    color: #6c6c6c;
    line-height: 1.5;
}
.blueText ul{
    list-style: none;
    margin-bottom: 30px;
    font-size: 16px;
    font-weight: 300;
    color: #6c6c6c;
    line-height: 1.5;
}
.blueText li{
    font-size: 16px;
    font-weight: 300;
    color: #6c6c6c;
    line-height: 2.5;

}
.blueText li:before{
    content: "";
    background-image: url(../images/success.svg);
    width: 20px;
    height: 20px;
    background-size: 20px;
    position: absolute;
    left: 25px;
    margin-top: 9.5px;
}
#blueImage{
    background: -webkit-linear-gradient(top, #efefef 50% , white 50%);  
    background: -o-linear-gradient(top, #efefef 50%, white 50%);   
    background: -moz-linear-gradient(top, #efefef 50%, white 50%);  
    background: linear-gradient(to bottom, #efefef 50% , white 50%);  
}
#blueImage .blueImg img{
    width: 100%;
    height: auto;
}

.video_container {
    height: 236px;
    width: 362px;
    background-color: #d8d8d8;
    margin: 1px;
}

.signUpLine:before{
    margin-top: 0px;
    margin-bottom: 50px;
    content:"";
    display: block;
    vertical-align: bottom;
    width: 100%;
    border-top: 1px solid #e2e2e2;
}
.signUpLine:after{
    margin-top: 0px;
    margin-bottom: 50px;
    content:"";
    display: block;
    vertical-align: bottom;
    width: 100%;
    border-top: 1px solid #e2e2e2;
}

.successTitle h2{
    font-size: 36px;
    font-weight: 600;
    color: #414141;
    margin-bottom: 40px;
}
.successCard{
    box-shadow: 10px 12px 25px 0px rgba(0, 0, 0, 0.10);
    height: auto;
    background-color: white;
    margin-bottom: 30px;
}
.successCard .successCardImage{
    padding-top: 20px;
}
.successCard .successCardImage img{
    height: 150px;
    width: 150px;
    object-fit: cover;
}
.stars {
    color: rgba(0,0,0, 0.2);
    padding-top: 20px;
}
.stars .checked {
    color: orange;
}
.successCardShortText{
    font-size: 15px;
    font-weight: 300;
    color: #4a4a4a;
    line-height: 1.5;
    padding-left: 40px;
    padding-right: 40px;
    margin-top: 20px;
    margin-bottom: 15px;
}
.successCardSubText {
    margin-top: 10px;
}
.successCardSubText p {
    font-size: 13px;
    color: #4a4a4a;
}
.successCardButton{
    padding-bottom: 30px;
    font-weight: 300;
    color: #4a4a4a;
}
/*.modal-body{
    color: #6c6c6c !important;
    padding-left: 35px;
    padding-right: 35px;
    font-size: 14px;
    font-weight: 300;
    padding-top: 15px;
    padding-bottom: 0px;
}
.modal-body .modalImage img{
    height: 300px;
    width: 300px;
    object-fit: cover;
}
.modal-body .modalImage p{
    padding-top: 15px;
    font-weight: 300;
    font-size: 13px;
    padding-bottom: 25px;
}
.modal-body .modalText{
    margin-bottom: 30px;
}
.modal-content{
    background-color: #f6fafd;
    border-radius: 20px;
}
.modal-body .modalText ul{
    list-style: none;
    margin-bottom: 30px;
    font-size: 16px;
    font-weight: 300;
    color: #6c6c6c;
    line-height: 1.5;
}
.modal-body .modalText li{
    font-size: 16px;
    font-weight: 300;
    color: #6c6c6c;
    line-height: 2.0;
    
}
.modal-body .modalText li:before{
    content: "";
    background-image: url(../images/success.svg);
    width: 20px;
    height: 20px;
    background-size: 20px;
    position: absolute;
    left: 40px;
    margin-top: 6.5px;
}
.modal-footer{
    padding-right: 30px;
    padding-bottom: 20px;
    padding-top: 0px;
}*/


#footer{
    margin-top: 50px;
    background: url("/2020-01/poslovna-priloznost/library/images/group-2.png") no-repeat center center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: auto;
    width: 100%;
}
.footerTitle{
    padding-top: 200px;
}
.footerTitle h2{
    font-size: 36px;
    font-weight: 600;
    color: #ffffff;
    line-height: 1.6;
}
.footerSubTitle{
    padding-top: 100px;
}
.footerSubTitle h3{
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
}
.footerForm{
    padding-bottom: 100px;
    margin-top: 80px;
}
.footerInput input[type="text"]{
    width: 100%;
    padding: 14px;
    border-radius: 4px;
    border: none;
    background-color: rgba(216,216,216,0.25);
    margin-bottom: 5px;
    font-size: 14px;
}
.footerInput button{
    width: 100%;
}
.footerCheck{
    margin-top: 8px;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #ffffff;
    font-size: 14px;
    padding-left: 5px;
    opacity: 0.95; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #ffffff;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #ffffff;
}

.success_message_content{
    padding: 10px;
    font-size: 30px;
    font-weight: 300;
    letter-spacing: 2.25px;
    color: #fff;
    margin-bottom: 30px;
    top: 50%;
    position: absolute;
    transform: translate(0%, -50%);
    text-align: center;
}
.missing_label{
    display: none;
    height: 35px;
    padding-top: 20px;
    font-size: 28px;
    color: #fea858;
    font-weight: 500;
}
.success_label{
    display: none;
    height: 35px;
    font-size: 28px;
    color: #ffffff;
    font-weight: 500;
    padding-top: 20px;
}
.footerB{
    background-color: #313131;
    color: #9da29b;
    padding: 7px;
    font-size: 11px;
}
.footerB a{
    color: #9da29b;
}
@keyframes beat{
    to { transform: scale(1.2); }
}
.circular-square {
    border-radius: 50%;
}

#mainFooter{
    background-color: #293430;
}
.footer .footerInfo{
    padding-top: 80px;
    line-height: 1.6;
}
.footer .footerText{
    padding-top: 80px;
    padding-bottom: 20px;
}
.footer .footerText .footerContact{
    margin-bottom: 10px;
}
.footerContact img{
    width: 18px;
}
.footerContact span{
    padding-left: 8px;
}
.footerContact a{
    color:white;
}
.footerContact a:hover{
    color: #ffa767;
    text-decoration: none;
}

[type="checkbox"]:not(:checked),[type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}
[type="checkbox"]:not(:checked) + label,[type="checkbox"]:checked + label {
    position: relative;
    padding-left: 1.95em;
    cursor: pointer;
}

/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,[type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0; top: 0;
    width: 1.6em; height: 1.6em;
    border: 1px solid #ccc;
    background: rgba(216,216,216,0.25);
    border-radius: 4px;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
}
/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,[type="checkbox"]:checked + label:after {
    content: '\2713\0020';
    position: absolute;
    top: 0.25em; left: .22em;
    font-size: 1.3em;
    line-height: 0.8;
    color: #ffa767;
    transition: all .2s;
    font-family: 'Lucida Sans Unicode', 'Arial Unicode MS', Arial;
}
/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
}
[type="checkbox"]:checked + label:after {
    opacity: 1;
    transform: scale(1);
}
/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,[type="checkbox"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: rgba(216,216,216,0.25);
}
[type="checkbox"]:disabled:checked + label:after {
    color: #999;
}
[type="checkbox"]:disabled + label {
    color: #aaa;
}
/* accessibility */
[type="checkbox"]:checked:focus + label:before,[type="checkbox"]:not(:checked):focus + label:before {
    border: 0.5px solid #7270dd;
}

#countdown{
    background-color: #293430;
    height: auto;
}
.countDownTitle{
    font-size: 24px;
    font-weight: 500;
    color: white;
    margin-top: 80px;
    margin-bottom: 30px;
}
.countDown{
    margin-bottom: 80px;
}
.countDown p{
    padding-bottom: 10px;
    color: WHITE;
    font-size: 30px;
    font-weight: 500;
}
.bigTime{
    font-size: 40px;
    font-weight: 800!Important;
    padding: 5px;
    color: white;
}
.timeText{
    font-size: 30px;
    font-weight: 300!Important;
    color: white;
}
.display-none{
    display:none !important;
}

@media screen and (max-width: 440px) {
    .span_container input {
        position: absolute;
        top: 200%;
        left: 57%;
        transform: translate(-50%, -50%);
        /*  padding: 0px;*/
        /*  width: 100%;*/
    }
    .span_container label {
        position: absolute;
        transform: translate(-50%, -50%);
        top: -40px;
        right: 78%;
    }
}

@media screen and (max-width: 768px) {

    .career_section {
        margin-top: 20px;
    }

    .blue_text img {
        width: 143px;
    }

    .container-fluid {
        padding-left: 15px !important;
    }

    .container_footer {
        text-align: center;
    }

    .section_aboutus {
        text-align: center;
    }

    .section_aboutus h6 {
        margin-top: 0px !important;
    }

    .section_aboutus h2 {
        font-size: 40px !important;
        margin-bottom: 20px !important;
    }

    .blue_text h3 {
        font-size: 40px !important;
    }

    .paragraphs h6 {
        font-size: 40px !important;
    }

    .paragraph {
        margin-top: 35px !important;
    }

    .header_container {
        margin-top: 69px;
    }

    .button_decisive {
        padding-top: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        margin-right: 0 !important;
    }

    .image_buisness:before {
        top: 100% !important;
    }

    .image_buisness:after {
        display: none;
    }

    .logos_section_mobile {
        padding-top: 26px !important; 
    }

    .logos_section {
        margin-top: 7px !important;
    }

    .container_icons {
        margin-top: 40px !important;
        text-align: center;
    }

    .questionContainer {
        margin-top: 20px;
    }

    .textPersonal h3 {
        font-size: 26px;
        line-height: 1.2;
    }

    .success_container li {
        text-align: left;
        padding-left: 0px !important;
        line-height: 1.9 !important;
    }

    .success_container li:before {
        left: -12% !important;
        top: 8% !important;
    }


    .margin_small {
        margin-bottom: 15px !important;
        text-align: center !important;
    }

    .imageContainer:before {
        content: url("https://webinars.dplanet.si/library/images/light-bulb.png");
        position: absolute;
        top: -18%;
        left: 50%;
        /* bring your own prefixes */
        transform: translate(-50%, -50%);
    }
    .imageContainer2:before {
        content: url("https://webinars.dplanet.si/library/images/growth.png");
        position: absolute;
        top: 5%;
        left: 50%;
        /* bring your own prefixes */
        transform: translate(-50%, -50%);
    }

    .imageContainer3:before {
        content: url("https://webinars.dplanet.si/library/images/keyboard.png");
        position: absolute;
        top: 5%;
        left: 50%;
        /* bring your own prefixes */
        transform: translate(-50%, -50%);
    }

    .imageContainer4:before {
        content: url("https://webinars.dplanet.si/library/images/teamwork.png");
        position: absolute;
        top: 5%;
        left: 50%;
        /* bring your own prefixes */
        transform: translate(-50%, -50%);
    }

    .imageContainer5:before {
        content: url("https://webinars.dplanet.si/library/images/meeting.png");
        position: absolute;
        top: 5%;
        left: 50%;
        /* bring your own prefixes */
        transform: translate(-50%, -50%);
    }

    .imageContainer6:before {
        content: url("https://webinars.dplanet.si/library/images/networking.png");
        position: absolute;
        top: 5%;
        left: 50%;
        /* bring your own prefixes */
        transform: translate(-50%, -50%);
    }

    .paddingTop {
        padding-top: 35px !important;
    }

    .headerText {
        padding: 0 !important;
        margin: 0 !important;
    }

    .headerText1 p {
        font-size: 48px;
    }

    .headerText h1 {
        font-size: 40px;
        padding-left: 0px;
        text-align: center;
    }

}

.errorMessage2 {
    font-size: 13px;
    color: red;
    display: none;
}

.requiredCheckbox {
    color: red;
}

.requiredEmail {
    border: 1px solid red;
    color: red;
} 

.successMessage{
    font-size: 16px;
    color: green;
    display: none;
}
.errorMessage{
    font-size: 13px;
    color: red;
    display: none;
}

/*.modal {
  padding: 0 !important;
}
.modal .modal-dialog {
  left: 10%;
  width: 80%;
  max-width: none;
  margin: 0;
}
.modal .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}
.modal .modal-body {
  overflow-y: auto;
}*/

.sub {
    background-color: red !important;
    color: blue !important;
}

.radio-toolbar {
    margin: 10px;
}

.radio-toolbar input[type="radio"] {
    opacity: 0;
    position: fixed;
    width: 0;
}

.radio-toolbar label {
    display: inline-block;
    background: #f5f5f5;
    padding: 8px 50px;
    font-family: sans-serif, Arial;
    font-size: 16px;
    border: 1px solid #979797;
    border-radius: 4px;
    margin: 5px;
    font-weight: 200;
}

.radio-toolbar label:hover {
    background-color: #ffa767;
    color: white;
    transition: all 0.5s;
    cursor: pointer;
    border: 1px solid white;
}

/*.radio-toolbar input[type="radio"]:focus + label {
    border: 2px dashed #444;
}*/

.radio-toolbar input[type="radio"]:checked + label {
    background-color: #ffa767;
    color: white;
}

.emptyInput {
    border: 1px solid red;
}

.emptyInput0 {
    border: 1px solid red;
}

.emptyLabel a {
    color: red !important;
}

.emptyLabel0 a {
    color: red !important;
}

.form-check-label a:hover {
    color: #ffa767 !important;

}

@media screen and (min-device-width: 991px) and (max-device-width: 1200px) {
    .image_buisness:after {
        left: 50% !important;
        bottom: -15% !important;
    }

}

@media screen and (min-device-width: 768px) and (max-device-width: 991px) { 

    .logos_section_mobile {
        padding-top: 0px !important; 
    }

    .image_buisness:before {
        right: 0% !important;
        top: 43% !important;
    }

    .image_buisness:after {
        left: 34% !important;
        bottom: 0 !important;
    }
}

@media (max-width: 1199px) {
    .success_container {
        line-height: 1.2 !important;
        margin-top: 50px !important;
        margin-left: 0px !important;
    }

}

@media (min-width: 992px) {
    .modal-lg {
        max-width: 1100px;
    }
}

.lightblue {
    background-color: #f5f5f5;
    padding-top: 100px;
}

.success_container label {
    color: #040e1a;
    font-size: 16px;
    margin-left: 8px;
}

.success_container {
    margin-top: 39px;
    line-height: 2.88;
}

.container_why {
    margin-top: 200px;
}

.container_video {
    margin-top: 200px;
    margin-bottom: 50px;
}

.container_video h5 {
    color: #ffa767;
    font-size: 16px;
    letter-spacing: 3px;
}

.container_video h2 {
    font-weight: bold;
    font-size: 40px;
}

.container_video p {
    margin: 0;
    padding: 0;
    font-size: 16px;
    color: #12345b;
}

/*.image_buisness:before {
    content: url("https://webinars.dplanet.si/library/images/corporate-event-r-4-kepeu.png");
    position: absolute;
    right: 0;
    top: 50%;
}

.image_buisness:after {
    content: url("https://webinars.dplanet.si/library/images/lion.svg");
    position: absolute;
    left: 26%;
    bottom: -3%; 
}*/

.container_icons {
    /*    margin-bottom: 100px;*/
    margin-top: 200px;
}

.container_icons h3 {
    color: #12345b;
    font-weight: bold;
    font-size: 56px;
}

.container_icons h5 {
    font-size: 16px;
    color: #7270dd;
    letter-spacing: 3px;
}

.container_icons h6 {
    font-size: 20px;
    color: #12345b;
}

.container_icons p {
    color: #9BA9BA;
    font-size: 16px;
    margin-top: 40px;
}

.logos_section h6 {
    font-size: 21px;
    color: #040e1a;
    font-weight: bold;
    margin-top: 20px;
}

.logos_section p {
    margin: 0;
    padding: 0;
    color: #040e1a;
    font-size: 16px;
}

.logos_section {
    margin-top: 100px;
}

.logos {
    margin-top: 10px;
}

.logos h6 {
    font-size: 21px;
    color: #040e1a;
    font-weight: bold;
    margin-top: 20px;
}

.logos p {
    margin: 0;
    padding: 0;
    color: #040e1a;
    font-size: 16px;  
}

.button_decisive {
    margin-top: 30px;
    margin-bottom: 70px;
}

.button_decisive p {
    color: #040e1a;
    font-size: 16px;
}

.paragraph {
    color: #ffa767;
    letter-spacing: 3px;
    font-size: 16px;
    margin-top: 100px;
}

.blue_text h6 {
    color: #ffa767;
    letter-spacing: 3px;
    font-weight: bold;
}

.blue_text h3 {
    color: #040e1a;
    font-size: 56px;
    font-weight: bold;
}

.section_aboutus {
    background-color: #efefef;
    padding-top: 30px;
    padding-bottom: 70px;
}

.section_aboutus h6 {
    margin-top: 70px;
    color: #ffa767;
    letter-spacing: 3px;
    font-size: 16px;
}

.section_aboutus h2 {
    color: #040e1a;
    font-size: 56px;
    font-weight: bold;
}

.section_aboutus p {
    color: #040e1a;
    font-size: 16px;
    line-height: 32px;
}

.container_footer p {
    font-size: 16px;
    color: white;
    font-weight: 200;
}

.container_footer h6 {
    font-weight: bold;
}

.copyright_harvest {
    font-size: 13px;
    color: white;
}

.footer_text_last p {
    margin-bottom: 8px;
}

.footer_text_last {
    margin-top: 40px;
}

.footer_text_last a {
    color: white;
    cursor: pointer;
}

.footer_text_last a:hover {
    color: lightgrey;
}

.footer_text_last {
    font-weight: bold;
}

/*.point {
  color: red;
  background-color: red;
  display: none;
}*/

.success_container li {
    color: #040e1a;
    list-style:none;
    position: relative;
    padding-left:50px;
    line-height: 2.9;
    font-size: 16px;
}

.success_container li:before {
    position: absolute;
    top: 15%;
    left: 0;
    color: #040e1a;
    font-size: 16px;
}

.success_container li:before {
    content: url("https://webinars.dplanet.si/library/images/success-copy.svg"); 
}


.paragraphs h6 {
    font-size: 56px;
    color: #040e1a;
    font-weight: bold;
}

.container-fluid {
    padding-left: 80px;
}

.fadee {
    display: block !important;
    opacity: 1 !important;
}