@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Lobster&family=Montserrat&display=swap');

.lobster-regular {
    font-family: "Lobster", sans-serif;
    font-weight: 400;
    font-style: normal;
}


.thumb-image {
    width: 100% !important;
}

.container {
    max-width: 1400px;
}


/* html {
    position: relative;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
} */

html {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

body {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    color: #282724;
    background-color: #ffffff;
}

.swal2-styled.swal2-confirm {
    border: 0;
    border-radius: 0 !important;
    background: initial;
    background-color: #E50474 !important;
    color: #fff;
    font-size: 1.0625em;
}

.swal2-styled.swal2-cancel {
    border: 0;
    border-radius: 0 !important;
    background: initial;
    background-color: #aaa !important;
    color: #fff;
    font-size: 1.0625em;
}

.swal2-modal.swal2-show {
    border-radius: 0 !important;
}

a,
a:active,
a:focus,
a:hover,
button:focus {
    /* text-decoration: none !important; */
    outline: 0;
}

a {
    color: #772580;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:hover {
    color: #772580;
    text-decoration: underline
}

a:not([href]):not([tabindex]),
a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
    /*color:inherit;*/
    text-decoration: none
}

a:not([href]):not([tabindex]):focus {
    outline: 0
}

#screen {
    margin-top: 70px;
}

.button {
    display: inline-block;
    border-radius: 2px;
    font-size: 20px;
    white-space: nowrap;
    margin: 0;
    margin-top: 0px;
    margin-bottom: 0px;
    border: none;
    cursor: pointer;
    pointer-events: all;
    transition: background-color 300ms ease-in-out, color 300ms ease-in-out;
}

.button.red {
    background-color: #E50474;
    color: #fff;
    text-decoration: none;
    font-family: "Lobster", sans-serif;
}

.button.red:hover {
    background-color: #56226D;
    color: #fff;
}

.c_violet {
    color: #4B1199;
}

.bb_violet {
    border-bottom: 1px solid #4B1199;
    padding-bottom: 3px;
    font-weight: bold;
}

.c_red {
    color: #E50374;
}

.form-control {
    border: 1px solid #4B1199 !important;
    border-radius: 0;
    background-color: #FFFFFF;
}

.input-group-text {
    border-radius: 0;
    background-color: #56226D;
    border: 1px solid #4B1199 !important;
    color: #fff;
}

/* .input-group-text:hover {
    border-radius: 0;
    background-color: D#fff;;
    border: 1px solid #4B1199 !important;
    color: #56226
} */

.custom-file-button {
    input[type="file"] {
        margin-left: -2px !important;

        &::-webkit-file-upload-button {
            display: none;
        }

        &::file-selector-button {
            display: none;
        }
    }

    &:hover {
        label {
            border-radius: 0;
            background-color: #fff;
            border: 1px solid #4B1199 !important;
            color: #4B1199;
            cursor: pointer;
        }
    }
}

#winners {
    background-color: #E5CDE5;
}

#hslider {
    background: url('../img/slider-fon.jpg') no-repeat;
    background-size: cover;
    min-height: 610px;
}

.podlojka {
    min-height: 610px;
    background-color: rgba(119, 37, 128, .7);
}


#htxt {
    font-size: 3rem;
    color: #FFFFFF;
    font-family: "Lobster", sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 4.4rem;
}


input[type='file'] {
    color: rgba(0, 0, 0, 0)
  }

/* HEADER */
#header {
    background: url('../img/header_fon.gif') repeat-x;
    height: 71px;
}

#navbarCollapse {
    background-color: #56226D;
}

.navbar-nav .nav-link {
    font-size: 16px;
    font-size: 1rem;
    color: #ffffff;
    text-decoration: none !important;
    /* line-height: 42px; */
    /* letter-spacing: -0.5px; */
    border-radius: 3px;
    cursor: pointer;
    white-space: nowrap;
    padding: 1.2rem 1.4rem !important;
    margin-right: .2rem;
    margin-left: .2rem;

    border-bottom: #D5AFEC 2px solid;

}

.nav-item:last-child .nav-link {
    border-bottom: none;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
    color: #ffffff;
    text-decoration: none;
    background-color: #56226D;

}

.navbar-nav .nav-link {
    color: #ffffff;
    transition: color 300ms ease-in-out;
    position: relative;
}

.fsbig {
    font-size: 4rem;
    line-height: 4.6rem;
}

@media screen and (min-width: 992px) {
    #htxt {
        font-size: 4rem;
        color: #FFFFFF;
        font-family: "Lobster", sans-serif;
        font-weight: 400;
        font-style: normal;
        line-height: 4.4rem;
    }
    .fsbig {
        font-size: 6.6rem;
        line-height: 7rem;
    }
    #hslider {
        background: url('../img/slider-fon.jpg') no-repeat;
        background-size: cover;
        min-height: 800px; 
        /* 860 */
    }
    .podlojka {
        min-height: 800px; 
    }
    #navbarCollapse {
        background-color: transparent !important;
    }

    .navbar-nav .nav-link {
        font-size: 16px;
        font-size: 1rem;
        color: #ffffff;
        text-decoration: none !important;
        /* line-height: 42px; */
        /* letter-spacing: -0.5px; */
        border-radius: 3px;
        cursor: pointer;
        white-space: nowrap;
        padding: 1.2rem 1.4rem !important;
        margin-right: .2rem;
        margin-left: .2rem;

        border-bottom: none !important;
    }
}


.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem;
}

.navbar-toggler {
    color: rgba(255, 255, 255, 1);
    border-color: rgba(255, 255, 255, .1);
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-brand img {
    /* width: 80%; */
    height: 76px;
}



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

    .input-group>.custom-file,
    .input-group>.custom-select,
    .input-group>.form-control,
    .input-group>.form-control-plaintext {
        position: relative;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: inherit;
        min-width: 0;
        margin-bottom: 1rem;
        /* padding-bottom: 1rem; */
        /* margin-bottom: 1rem;
        margin: 5px; */
    }
}





/* FOTER */
.footer>.container {
    padding-right: 15px;
    padding-left: 15px;
}

.footer {
    font-family: "Montserrat", sans-serif;
    color: #ffffff;
    font-size: 14px;
    font-size: 0.875rem;
    background-color: #432147;
}

.ftlinks {
    color: #ffffff;
    font-size: 14px;
    font-size: 0.875rem;
    text-decoration: none !important;
    display: inline-block;
    float: left;
    margin-right: 10px;
}

.ftlinks:hover {
    color: #ffffff;
    /* text-decoration:underline; */
    text-decoration: none;
}



/* ----------------------------------- */
.back-to-top,
.back-to-top:hover {
    display: none;
    position: fixed;
    bottom: 35px;
    right: 40px;
    z-index: 99999;
    text-decoration: none;
}

.back-to-top div {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #fff !important;
    border: 1px solid #fff;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    text-align: center;
    background-color: #432147 !important;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;

}

/* iCheck plugin Minimal skin, blue
----------------------------------- */
.icheckbox_minimal-blue,
.iradio_minimal-blue {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 18px;
    height: 18px;
    background: url(../img/blue.png) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_minimal-blue {
    background-position: 0 0;
    margin-top: -7px;
}

.icheckbox_minimal-blue.hover {
    background-position: -20px 0;
}

.icheckbox_minimal-blue.checked {
    background-position: -40px 0;
}

.icheckbox_minimal-blue.disabled {
    background-position: -60px 0;
    cursor: default;
}

.icheckbox_minimal-blue.checked.disabled {
    background-position: -80px 0;
}

.iradio_minimal-blue {
    background-position: -100px 0;
}

.iradio_minimal-blue.hover {
    background-position: -120px 0;
}

.iradio_minimal-blue.checked {
    background-position: -140px 0;
}

.iradio_minimal-blue.disabled {
    background-position: -160px 0;
    cursor: default;
}

.iradio_minimal-blue.checked.disabled {
    background-position: -180px 0;
}

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5 / 4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi),
(min-resolution: 1.25dppx) {

    .icheckbox_minimal-blue,
    .iradio_minimal-blue {
        background-image: url(../img/blue@2x.png);
        -webkit-background-size: 200px 20px;
        background-size: 200px 20px;
    }
}

.icheckbox_minimal-gray,
.iradio_minimal-gray {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 18px;
    height: 18px;
    background: url(../img/grey.png) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_minimal-gray {
    background-position: 0 0;
    margin-top: -7px;
}

.icheckbox_minimal-gray.hover {
    background-position: -20px 0;
}

.icheckbox_minimal-gray.checked {
    background-position: -40px 0;
}

.icheckbox_minimal-gray.disabled {
    background-position: -60px 0;
    cursor: default;
}

.icheckbox_minimal-gray.checked.disabled {
    background-position: -80px 0;
}

.iradio_minimal-gray {
    background-position: -100px 0;
}

.iradio_minimal-gray.hover {
    background-position: -120px 0;
}

.iradio_minimal-gray.checked {
    background-position: -140px 0;
}

.iradio_minimal-gray.disabled {
    background-position: -160px 0;
    cursor: default;
}

.iradio_minimal-gray.checked.disabled {
    background-position: -180px 0;
}

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5 / 4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi),
(min-resolution: 1.25dppx) {

    .icheckbox_minimal-gray,
    .iradio_minimal-gray {
        background-image: url(../img/grey@2x.png);
        -webkit-background-size: 200px 20px;
        background-size: 200px 20px;
    }
}



.select2-container {
    flex: 1 1 auto;
    width: 1%;
}


.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 0px;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    user-select: none;
    -webkit-user-select: none;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -8px;
    margin-top: 3px;
    position: absolute;
    top: 50%;
    width: 0;
}

.nodec,
.nodec:hover {
    color: inherit;
    text-decoration: none;
}


.field-icon {
    float: right;
    margin-left: -29px;
    margin-top: 5px;
    position: relative;
    z-index: 2;
    margin-right: .5rem;
}

.navbar-toggler {
    width: 20px;
    height: 20px;
    position: relative;
    transition: .5s ease-in-out;
}

.navbar-toggler,
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    outline: none;
    box-shadow: none;
    border: 0;
    position: relative;
    margin-top: -2px;
}

.navbar-toggler span {
    margin: 0;
    padding: 0;
}

.toggler-icon {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #FFFFFF;
    border-radius: 1px;
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: .25s ease-in-out;
}

.middle-bar {
    margin-top: 0px;
}


/* State when the navbar is collapsed */

.navbar-toggler.collapsed .top-bar {
    position: absolute;
    top: 0px;
    transform: rotate(0deg);
}

.navbar-toggler.collapsed .middle-bar {
    opacity: 1;
    position: absolute;
    top: 10px;
    filter: alpha(opacity=100);
}

.navbar-toggler.collapsed .bottom-bar {
    position: absolute;
    top: 20px;
    transform: rotate(0deg);
}

/* when navigation is clicked */

.navbar-toggler .top-bar {
    top: inherit;
    transform: rotate(135deg);
}

.navbar-toggler .middle-bar {
    opacity: 0;
    top: inherit;
    filter: alpha(opacity=0);
}

.navbar-toggler .bottom-bar {
    top: inherit;
    transform: rotate(-135deg);
}

/* Color of 3 lines */

.navbar-toggler.collapsed .toggler-icon {
    /* background: linear-gradient( 263deg, rgba(252,74,74,1) 0%, rgba(0,212,255,1) 100% ); */
    background: #FFFFFF;
}

.navbar-toggler.collapsed .middle-bar {
    width: 70%;
    left: 15%;
}