/*ALARMY*/
.main_right_bg{display: none!important;}
.main_right_bg2{
    background-image: linear-gradient(90deg,#DEEEFF, #0077FF);
    height: 100%;
    position: fixed;
    width: 14.479vw;
    opacity: 0.11;
    right: 0;
    top: 0;
    z-index: -1;
    margin-top: 0 !important;
}
.alarmy{
    margin-top: 8.385vw;
}
.alarmy_bg.jk{
    height: 540vw!important;
}

@media (max-width: 767px) {
    .alarmy{
        margin-top: 20.385vw;
        overflow-x: hidden;
    }
    .alarmy_bg{
        background-image: linear-gradient(90deg,#DEEEFF, #0077FF );
        opacity: 0.07;
        z-index: -5;
    }
    .main_right_bg2 {
        display: none !important;
    }
    .main_tel_bg{
        position: absolute;
        z-index: -2;
        top: 145.867vw;
        left:30.400vw;
        width: 43.467vw;
        height: 402vw;
        background: transparent linear-gradient(270deg, #0077FF 0%, #DEEEFF 100%) 0% 0% no-repeat padding-box;
        opacity: 0.07;
    }
}



/*UVOD*/
.uvod{
    padding-top: 3.698vw;
    height: 44.083vw;
    overflow-x: hidden;
    overflow-y: hidden;
    margin-bottom: 2.760vw;
}
.uvod_left img{
    width: 74.792vw;
    height: 37.083vw;
    opacity: 1.5;
    z-index: 0;
}
.uvod_left .uvod_text{
    position: absolute;
    z-index: 5;
    left: 20.833vw;
    top: 3.438vw;
    width: 29.688vw;
    height: 31.250vw;
}
.uvod_left .uvod_text h2{
    width: 32.031vw;
    margin-top: 3.438vw;
    margin-bottom: 3.073vw;
    font-size: 3.906vw;
    font-family: SourceSansSemiBold;
    letter-spacing: 0;
    color: #43425D;
    opacity: 1;
}
.uvod_left .uvod_text p{
    line-height: 1.563vw;
    font-size: 0.938vw;
    font-family: SourceSansRegular;
    letter-spacing: 0;
    color: #727272;
    margin-bottom: 1.6vw;
}
.uvod_left .uvod_text p.nadpis{
    font-family: SourceSansBold;
    color: #3E9FFF;
    margin-bottom:1.146vw ;
}
.uvod_left .uvod_text hr{
    width: 27.917vw;
    border: 1px solid #3E9FFF;
    opacity: 1;
    margin: 0!important;
    margin-bottom: 2.760vw!important;
}
.uvod_left .uvod_text button{
    margin-top: 1.875vw;
    font-size: 0.938vw;
    font-family: SourceSansRegular;
    letter-spacing: 0.9px;
    color: #FFFFFF;
  /*  transition: all .3s ease-in-out;*/
    width: 12.708vw;
    height: 3.646vw;
    /*background-image: linear-gradient(to bottom,#2560E6,#1581ED, #3e9fff, #1582ed);
    background-size: 100% 250%;
    background-position: 0 100%;
    box-shadow: 0px 10px 16px #00000029;
    border-radius: 0.625vw;
    opacity: 1;*/
}
/*.uvod_left .uvod_text  button:hover {
    background-position: 0 0;
    -moz-transition: all .3s ease-in-out;
    -o-transition:  all .3s ease-in-out;
    -webkit-transition:  all .3s ease-in-out;
    transition:  all .3s ease-in-out;
    }*/
.uvod_right img{
    position: absolute;
    filter: drop-shadow(0px 20px 40px #3E9FFF29);
}
.uvod_right .uvod_1_img{
    width: 33.438vw;
    height: 29.375vw;
    top: 7vw;
    left: 56vw;
}
.uvod_right .uvod_2_img{
    width: 15.208vw;
    height: 14.740vw;
    top: 17.5vw;
    left: 79vw;
}
.uvod > .uvod_4_img{
    width:10.260vw;
    height: 10.156vw;
    top: 35vw;
    left: -1vw;
}

@media (max-width: 767px) {
    .uvod {
        padding-top: 9.5vw;
        height: 145.083vw;
        margin-bottom: 11.733vw;
    }
    .uvod_left{
        height: 125.600vw;
    }
    .uvod_left img{
        position: absolute;
        right: 0;
        width: 253.333vw;
        height: 125.600vw;
    }
    .uvod_left .uvod_text{
        position: absolute;
        z-index: 2;
        left:9.600vw;
        top: 10vw;
        width: 53.333vw;
        height: 125.600vw;
    }
    .uvod_left .uvod_text h2{
        margin-top: 8vw;
        margin-bottom:6.133vw;
        font-size: 9.333vw;
    }
    .uvod_left .uvod_text p{
        line-height: 6.667vw;
        font-size: 4vw;
        font-family: SourceSansRegular;
        letter-spacing: 0;
        color: #727272;
        margin-top: 5vw;
    }
    .uvod_left .uvod_text p.nadpis{
        font-family: SourceSansBold;
        color: #3E9FFF;
        margin-bottom:2.133vw ;
    }
    .uvod_left .uvod_text p.zistit_viac {
        font-size: 4vw;
        font-family: SourceSansRegular;
        letter-spacing: 0;
        color: #3E9FFF;
        opacity: 1;
        margin: 0;
        margin-bottom:9.067vw;
    }
    .uvod_left .uvod_text hr{
        width: 38.933vw;
        margin: 0!important;
        margin-bottom: 2.667vw!important;
    }
    .uvod_left .uvod_text button{
        margin-top: 1.875vw;
        border-radius: 3.200vw;
        font-size: 2.667vw;
        letter-spacing: 0.5px;
        width: 38.667vw;
        height: 10.933vw;
    }


    .uvod_right .uvod_1_img{
        width: 52vw;
        height: 77.067vw;
        top: 4vw;
        left: 60vw;
    }
    .uvod_right .uvod_2_img{
        width: 51.467vw;
        height: 76.267vw;
        top: 57vw;
        left: 61.5vw;
    }
}


/*TYPY*/
.typy{
    margin-top: 5.729vw;
    margin-bottom: 4vw;
    height: 58.750vw;
}
.typy .row{
    margin-left: 11.458vw;
    margin-right: 11.458vw;
}
.typy .row .col{
    padding: 3.021vw!important;
    margin-left: 3.031vw;
    margin-right: 3.031vw;
    background-color: #FFFFFF;
    box-shadow: 0px 20px 40px #3E9FFF29;
    border-radius: 12px;
    opacity: 1;
    transition: .2s;
  }
  .typy .row .col:hover{
  box-shadow: 0px 20px 40px #3E9FFF67;
  }
.typy .row .col h2{
    margin-top: 1.563vw;
    height: 7.188vw;
    font-size: 2.865vw;
    font-family: SourceSansLight;
    letter-spacing: 0;
    color: #3E9FFF;
    opacity: 1;
}
.typy .row .col h4 ,.typy .card-body h4{
    margin-top: 2.188vw;
    margin-bottom: 0.469vw;
    font-size: 1.302vw;
    font-family: SourceSansRegular;
    letter-spacing: 0;
    color: #3E9FFF;
    opacity: 1;
}
.typy .card-body{
    padding: 0 8vw;
}
.typy .row .col ul,.typy .card-body ul,.typy .row .col p,.typy .card-body p {
    /* height: 12.188vw!important; */
    line-height: 1.563vw;
    margin-top:1.563vw;
    margin-bottom: 0!important;
    font-size: 0.938vw;
    font-family: SourceSansRegular;
    letter-spacing: 0;
    color: #43425D;
    opacity: 1;
}
.typy .row .col .info{
  height: 12.188vw;
}
.typy .row .col button, .typy .card-body button{
    letter-spacing: 0.9px;
    color: #FFFFFF;
    font-size: 0.938vw;
    font-family: SourceSansRegular;
    position: absolute;
    bottom: 3.594vw;
    width: 9.063vw;
    height: 2.813vw;
  /*  background-image: linear-gradient(to bottom,#2560E6,#1581ED, #3e9fff, #1582ed);
    background-size: 100% 250%;
    background-position: 0 100%;    border-radius: 12px;
    transition: all .3s ease-in-out;
    opacity: 1;*/
}
/*.typy .row .col button:hover, .typy .card-body button:hover{
    background-position: 0 0;
    -moz-transition: all .3s ease-in-out;
    -o-transition:  all .3s ease-in-out;
    -webkit-transition:  all .3s ease-in-out;
    transition:  all .3s ease-in-out;
}*/
.typy .typy_img1{
    position: absolute;
    top: -4vw;
    right: 9.5vw;
    width: 10.260vw;
    height: 10.156vw;
}
.typy .typy_img2{
    position: absolute;
    bottom: -3.2vw;
    left: 10.3vw;
    width: 10.260vw;
    height: 10.156vw;
}
.typy .typy_bg{
    position: absolute;
    z-index: -51;
    top: -32.552vw;
    left: 47.7vw;
    width: 34.531vw;
    height: 89.375vw;
    background-image: linear-gradient(180deg, #0077FF 0%, #DEEEFF 100%);
    border-radius: 12px;
    opacity: 0.07;
}


@media (max-width: 767px) {
    .typy{
        margin-top: 14.667vw;
        height: auto;
        margin-bottom: -26.667vw;
    }
    .typy .accordion{
        margin: auto;
        width: 80.533vw;
        border-radius: 12px;
        border: none;
    }
    .typy .card{
        border: none;
        margin-bottom: 0.400vw;
    }
    .typy .card-header {
        background: none !important;
        border-bottom: none !important;
        height: 21.333vw;
        background-color: #FFFFFF;
        box-shadow: 0px 20px 40px #3E9FFF29;
        opacity: 1;
    }
    .typy .card-header p{
        margin:0;
        margin-left: 2.400vw;
        margin-top: 2.133vw;
        font-size: 6.667vw;
        font-family: SourceSansLight;
        letter-spacing: 0;
        color: #3E9FFF;
        opacity: 1;
    }
    .typy .card-header i{
        margin-right: 3.733vw;
    }
    .typy .card-body{
        background-color: #FFFFFF;
        height: auto!important;
        padding-top: 0!important;
    }
    .typy .card-body h4{
        font-size: 4.800vw;
        margin-top: 9.333vw;
        margin-bottom: 8vw;
    }
    .typy .card-body ul,.typy .card-body p{
        margin: 0!important;
        height: auto!important;
        width: 66.133vw;
        line-height: 6.667vw;
        font-size: 4vw;

    }
    .typy .card-body button{
        position: static;
        margin:0 auto;
        display:block;
        margin-top: 9.333vw!important;
        margin-bottom: 8.800vw!important;
        font-size: 4vw;
        width: 42.667vw;
        height: 12.533vw;
    }
    .typy .typy_img1{
        top: -20.5vw;
        left: 51.2vw;
        width:52.533vw;
        height: 52vw;
    }
    .typy .typy_img2{
        position: relative;
        z-index: -1;
        bottom: 31.8vw;
        left: 1.3vw;
        width:52.533vw;
        height: 52vw;
    }

    .typy .card-header .i1{
      -webkit-text-stroke: 1.5px white;
      -moz-transition: all .2s linear;
        -webkit-transition: all .2s linear;
        transition: all .2s linear;
    }
    .typy .card-header [aria-expanded="true"] .i1{
      /*  display: none;*/
      -moz-transform:rotate3d(0,0,1,-180deg);
      -webkit-transform:rotate3d(0,0,1,-180deg);
      transform:rotate3d(0,0,1,-180deg);
    }
    /*.typy .card-header [aria-expanded="true"] .i2{
        display: inline-block!important;
    }*/
}

/*KONTAKT*/

.kontakt .row{
    padding: 3.906vw 7.083vw;
    margin: 0 13.646vw;
    height: 12.813vw;
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #D0E7FF 220%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 10px 16px #3E9FFF1A;
    border-radius: 12px;
    opacity: 1;
}
.kontakt .row .col-md,.kontakt .row .col-md-5{
    padding: 0;
}
.kontakt .row .col_1{
    width: 18.333vw;
}
.kontakt .row .col_1 .p1,.kontakt .row .col_2 .p1,.kontakt .row .col_3 .p1{
    font-size: 1.302vw;
    font-family: SourceSansRegular;
    letter-spacing: 0;
    color: #3E9FFF;
    opacity: 1;
    margin-bottom: 0.365vw;
}
.kontakt .row .col_1 .p2,.kontakt .row .col_2 .p2,.kontakt .row .col_3 .p2{
    font-size: 1.302vw;
    font-family: SourceSansBold;
    letter-spacing: 0;
    color: #2B6AB4;
    opacity: 1;
    margin-bottom: 0.365vw;
}
.kontakt .row .v_hr{
    position: absolute;
    top: 0.625vw;
    right: 3.7vw;
    height: 3.906vw;
    width: 1px;
    border-left: 1px solid #7FBEFC;
    opacity: 1;
}
.kontakt .row .col_2{
    margin-left: -1.563vw;
}
.kontakt .row img{
    margin-top: 1.4vw;
}
.kontakt .row .col_2 .tel_img{
    width: 2.344vw;
    height: 2.344vw;
    float: left;
}
.kontakt .row .col_3 .email_img{
    width: 2.552vw;
    height: 2.240vw;
    float: left;
}
.kontakt .row .col_2 p, .kontakt .row .col_3 p{
    width:10.417vw;
    float: right;
    margin-right: 2.865vw;
}

.kontakt .row .col_3{
    margin-left: 0.521vw;
}


@media (max-width: 767px) {
    .kontakt .row{
        height: 76.533vw;
        margin: 0 9.600vw;
        padding: 0;
    }
    .kontakt .row .col_1 {
        width: auto;
    }
    .kontakt .row .col_2 {
        margin-left: 0;
    }
    .kontakt .row .col_1 .p1,.kontakt .row .col_2 .p1,.kontakt .row .col_3 .p1{
        font-size: 4.800vw;
        margin-bottom: 0;
    }
    .kontakt .row .col_1 .p2,.kontakt .row .col_2 .p2,.kontakt .row .col_3 .p2{
        font-size: 4.800vw;
        margin-bottom: 0;
    }
    .kontakt .row img {
        margin-top: 3.1vw;
    }
    .kontakt .row .col_2 .tel_img{
        width:9.600vw;
        height: 9.600vw;
        margin-left: 6.933vw;
    }
    .kontakt .row .col_3 .email_img{
        width: 10.400vw;
        height: 9.067vw;
        margin-left:6.933vw;
    }
    .kontakt .row .col_2 p, .kontakt .row .col_3 p{
        width: 40vw;
        float: right;
        margin-right: 14.667vw;
    }
    .kontakt .row .col_2 .hr{
        position: absolute;
        bottom: 4.5vw;
        margin: 0 5.600vw;
        width: 69.067vw;
        height: 0;
        border: 1px solid #7FBEFC;
        opacity: 1;
    }
    .kontakt .row .col_3{
        margin-left: 0;
    }
    .kontakt .row .col_1 .p1{
        padding-top: 8vw;
        padding-left: 6.667vw;
    }
    .kontakt .row .col_1 .p2{
        padding-left: 6.667vw;
    }
}

/*VAS KONTAKT*/
.vas_kontakt{
    height: 42vw;
}
.vas_kontakt .vas_kontakt_bg{
    position: absolute;
    left: 16.667vw;
    top: -1.042vw;
    z-index: -2;
    width: 19.792vw;
    height: 43.177vw;
    background: transparent linear-gradient(90deg, #0077FF 0%, #DEEEFF 100%) 0% 0% no-repeat padding-box;
    opacity: 0.07;
}
.vas_kontakt .text{
    height: 9.375vw;
    padding-left: 20.833vw;
    padding-top: 3.177vw;
}
.vas_kontakt .text .p1{
    font-size: 1.302vw;
    font-family: SourceSansRegular;
    letter-spacing: 0;
    color: #3E9FFF;
    opacity: 1;
    margin-bottom: 0.573vw;
}
.vas_kontakt .text .p2{
    font-size: 1.302vw;
    font-family: SourceSansBold;
    letter-spacing: 0;
    color: #2B6AB4;
    opacity: 1;
}
.vas_kontakt .formular{
    margin: 0 13.698vw;
    margin-bottom: 11.302vw;
    width: 72.656vw;
    height: 20.938vw;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 10px 16px #3E9FFF19;
    border-radius: 12px;
    opacity: 1;
}
.vas_kontakt .formular .formular_text{
    width: 18.021vw;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.vas_kontakt .formular .col_left{
    padding-left:7.500vw;
    padding-top: 3.594vw;
}
.vas_kontakt .formular .col_right{
    padding-top: 3.594vw;
}
.vas_kontakt .formular .formular_text label, .vas_kontakt .formular .col_right label{
    font-size:0.938vw;
    font-family: SourceSansRegular;
    letter-spacing: 0;
    color: #727272;
    opacity: 1;
    margin-bottom: 0.781vw;
}
.vas_kontakt .formular .formular_text label{
    width: 100%;
}
.vas_kontakt .formular .formular_text input{
    width: 100%;
    height: 2vw;
    float: left;
    text-align: left;
    border: none;
    font-size: 1.302vw;
    font-family: SourceSansRegular;
    letter-spacing: 0;
    color: #3E9FFF;
    opacity: 1;
    -webkit-appearance: none;
    padding-bottom: .5vw;
}
.vas_kontakt .formular .formular_text input::placeholder{
    /*font-size: 0.938vw;*/
      font-size: 1.302vw;
    font-family: SourceSansLight;
    letter-spacing: 0;
    color: #D5D5D5!important;
    opacity: 1;
}
.vas_kontakt .formular .formular_text input.red_placeholder::placeholder{
  color: red!important;
}
.vas_kontakt .formular .formular_text hr{
    width: 18.021vw;
    height: 0;
    border-top: 1px solid #3E9FFF;
    opacity: 1;
    margin-bottom: 2vw;
}
.vas_kontakt .formular .formular_text .hr1{
    margin-top:0vw;
    margin-bottom: 2vw;
}
.vas_kontakt .formular .formular_text .hr2{
    margin-top: 0vw;
}
.vas_kontakt .formular .textarea{
    width: 35.885vw;
    height: 7.656vw;
    border: 1px solid #3E9FFF;
    border-radius: 12px;
    opacity: 1;
    padding: 0.781vw;
    resize: none;

    font-size: 0.938vw;
    font-family: SourceSansRegular;
    letter-spacing: 0;
    color: #3E9FFF;
}
.vas_kontakt .formular .textarea::placeholder{
  font-family: SourceSansLight;
}
.vas_kontakt .formular .textarea.red_placeholder::placeholder{
  color: red!important;
}
.vas_kontakt .formular .col_right button{
    width: 9.063vw;
    height:2.813vw;
  /*  background-image: linear-gradient(to bottom,#2560E6,#1581ED, #3e9fff, #1582ed);
    background-size: 100% 250%;
    background-position: 0 100%;    border-radius: 12px;
    opacity: 1;*/

    font-size: 0.938vw;
    font-family: SourceSansRegular;
    letter-spacing: 0.9px;
    color: #FFFFFF;
  /*  transition: all .3s ease-in-out;*/
    margin-top: 1.5vw;
    margin-left:26.979vw;
}
/*.vas_kontakt .formular .col_right button:hover{
    background-position: 0 0;
    -moz-transition: all .3s ease-in-out;
    -o-transition:  all .3s ease-in-out;
    -webkit-transition:  all .3s ease-in-out;
    transition:  all .3s ease-in-out;
}*/

@media (max-width: 767px) {
    .vas_kontakt{
        height: 234vw;
    }
    .vas_kontakt .row{
        margin: 0;
    }
    .vas_kontakt .text {
        height: 44.533vw;
        padding-left: 9.600vw;
        padding-top: 11.333vw;
    }
    .vas_kontakt .text .p1,.vas_kontakt .text .p2{
        font-size: 4.800vw;
    }
    .vas_kontakt .text .p1{
        width: 53.333vw;
    }
    .vas_kontakt .formular {
        margin-left: 9.600vw;
        margin-bottom: 15vw;
        width: 77.867vw;
        height: 173.600vw;
    }
    .vas_kontakt .formular .col_left {
        padding: 0;
        padding-top:17.067vw;
        display: flex !important;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .formular_text {
        width: 62.133vw!important;
        margin-left: 0;
    }
    .vas_kontakt .formular .col_right {
        padding-left: 7.467vw;
    }
    .vas_kontakt .formular .formular_text label, .vas_kontakt .formular .col_right label {
        font-size: 4vw;
        margin-bottom: 1.600vw;
    }
    .vas_kontakt .formular .formular_text input {
        height: 8vw;
        font-size: 4.8vw;
    }
    @supports (-webkit-marquee-repetition:infinite) and (object-fit:fill) {
        .vas_kontakt .formular .formular_text input{
            transform: translateX(-2vw);
        }
    }
    .vas_kontakt .formular .formular_text input::placeholder{
      font-size: 4vw;
    }
    .vas_kontakt .formular .formular_text hr {
        width: 62.133vw!important;
        margin-bottom: 2vw;
        border-top: 1px solid #3E9FFF;
    }
    .vas_kontakt .formular .formular_text .hr1{
        margin-top:2vw;
        margin-bottom: 8vw;
    }
    .vas_kontakt .formular .formular_text .hr2{
        margin-top: 2vw;
        margin-bottom: 5vw;
    }
    .vas_kontakt .formular .textarea {
        width:62.133vw;
        height: 70.133vw;
        box-shadow: 0px 19px 38px #00000019;
        border: 1px solid #3E9FFF;
        padding: 4.533vw;
        font-size: 4vw;
    }
    .vas_kontakt .formular .col_right button {
        width: 42.667vw;
        height: 12.533vw;
        font-size: 4vw;
        margin-top: 7.200vw;
        margin-left: 10.667vw;
    }
}

.formular .dakujeme .fajka{
    margin: 0 auto;
    width: 3.594vw;
    height: 2.708vw;
    opacity: 1;
    margin-bottom: 3.542vw;
}
.formular .dakujeme .fajka i {
    font-size: 3.333vw;
    color: #3E9FFF;
}
.formular .dakujeme p{
    line-height: 1.563vw;
    text-align: center;
    font-size: 1.302vw;
    font-family: SourceSansRegular;
    letter-spacing: 0;
    color: #43425D;
    opacity: 1;
}
.formular #error_sprava{
  text-align:center;
  color:red;
  font-size:0.9vw;
  font-family: SourceSansRegular;
  display:none;
}

@media (max-width: 767px) {
  .formular .dakujeme .fajka{
      margin: 0 auto;
      width: 15.467vw;
      height: 11.733vw;
      margin-bottom: 8vw;
  }
  .formular .dakujeme .fajka i {
      font-size: 14.5vw;
  }
  .formular .dakujeme p{
      line-height: 5.600vw;
      font-size: 4.800vw;
  }
  .formular #error_sprava{
    font-size: 4vw!important;
  }
  .formular.send{
    margin-top: 7vw;
    height: 53vw;
  }
  .vas_kontakt.send{
    overflow: hidden;
    height: 69vw!important;
  }
  .alarmy_bg.send{
    height: 455vw!important;
  }
  .main_tel_bg.send{
    height: 300vw!important;
  }
}