/* Start:/tests/true-false/style.css?15639668034295*/
body {
    background-image: url(/upload/medialibrary/ae4/sa-test.jpg);
    background-attachment: fixed;
    width: 100%;
    height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    font-size: 16px;
}

.c-ta-c {    text-align: center;}
.global-center {  margin: 0 auto;}
.text-white{color:#fff!important}
.mt-4{margin-top:1.5rem!important}
.mb-4{margin-bottom:1.5rem!important}
.c-fnt-16 {font-size: 16px;}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9 {
    padding-right: 0px !important;
    padding-left: 0px !important;
}
.c-pd10h-md-lg {
    padding-right: 15px !important;
    padding-left: 15px !important;
}

.feast-content {    
    position: relative;
    height: 100%;
}
.feast-content-row, .feast-content-test, .feast-content-result {padding: 10px;}

.feast-content-row h1 {
    margin-bottom: 20px;
    font-size: 51px;
}
.feast-content-row p {
    margin-bottom: 25px;
    font-size: 20px;
}

.green-button {
    padding: 10px 25px;
    border: none;
    border-radius: 6px;
    font: 10 16pt 'Ubuntu';
    color: #fff;
}
.green-button, .green-button:hover, .green-button:focus {
    background-color: #65C888;
}
button:focus, button:hover {outline: none !important}
a:focus, a:hover {    text-decoration: none !important;}

.feast-content_label {
    display: block;
    position: relative;
    padding: 15px 0 15px 35px;
    margin: 0;
    cursor: pointer;
    color: #fff;
}

.feast-content_label input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    left: 0;
    top: 20px;
}
.feast-content_label .checkbox {
    position: absolute;
    top: 30%;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: white;
    border: 1px solid lightgray;
    transform: translate(0%, -50%);
    border-radius: 50%;
}
.feast-content_label:hover .checkbox {
    border: 2px solid #65C888;
}
.feast-content_label .checkbox.checked {
    background: #65C888;
    background-image: url(/upload/subscribe/done.png);
    border: 0;
}

.feast-content_label .radio {
    position: absolute;
    top: 5px;
    left: 0;
    height: 20px;
    width: 20px;
    border: 1px solid #65C888;
    border-radius: 10px;
}
.feast-content_label:hover .radio {
    border: 0;
    box-shadow: inset 0 0 0 2px #65C888;
}

.feast-content_label .checkbox.wrong{
    background-image: url(/upload/medialibrary/52f/no.png);
    border: 1px solid lightgray;
}

.right-answer {
	position: absolute;
    padding: 10px 30px;
    background: #4e8cfde6;
    border-radius: 5px;
    color: white;
    width: 95%;
    margin-top: 20px;
    font-weight: bolder;
}
.right-answer a {
    text-decoration: underline;
    text-underline-position: under;
}

/*форма*/
.feast-input-unit {
    display: grid;
    width: 95%;
    padding-bottom: 15px;
}
.feast-input-unit input {
    border: 1px solid lightgray;
    border-radius: 5px;
    padding: 5px;
}

/*медиазапросы*/
@media (min-width: 768px) {
    .feast-content-row {
        position: absolute;
        top: 50%;
        transform: translate(0%, -50%);
        width: 100%;
    }
    .feast-content-test {
        position: absolute;
	    top: 10%;
	    transform: translate(0%, -50%);
	    width: 100%;
    }
    .feast-content-result {
        position: absolute;
        top: 50%;
        transform: translate(0%, -50%);
        width: 100%;
    }    
}
@media (min-width: 768px) {
    .col-sm-12 {
        width: 100%;
        max-width: 100%;
    }
}
/* End */
/* /tests/true-false/style.css?15639668034295 */