/* check */
.check {
    position: absolute;
    width: 25%;
    height: 20px;
    z-index: 6;
    cursor: pointer;
}
.owl-carousel .item.question .check {
    opacity: 0;
}
.owl-carousel .item.question.is-switched .check {
    opacity: 1;
}
.check.checked {
    transform: none;
}
.check-one.checked {
    background: url("../image/check.png") no-repeat;
    background-size: 15px;
    background-position: 7px -1px;
}
.check-two.checked {
    background: url("../image/check.png") no-repeat;
    background-size: 15px;
    background-position: 7px -1px;
}
.check-three.checked {
    background: url("../image/check-black.png") no-repeat;
    background-position: 6px 0px;
    background-size: 17px;
}
.check-four.checked {
    background: url("../image/check-black.png") no-repeat;
    background-size: 17px;
    background-position: 3px 0px;
}
.check-five.checked {
    background: url("../image/check.png") no-repeat;
    background-size: 15px;
    background-position: 4px -1px;
}
.check-six.checked {
    background: url("../image/check.png") no-repeat;
    background-size: 15px;
    background-position: 5px -1px;
}
.check-seven.checked {
    background: url(../image/check-black.png) no-repeat;
    background-size: 18px;
    background-position: 2px -1px;
}
.check-eight.checked {
    background: url(../image/check.png) no-repeat;
    background-size: 15px;
    background-position: 6px -1px;
}
.check-nine.checked {
    background: url(../image/check-black.png) no-repeat;
    background-size: 18px;
    background-position: 4px -1px;
}
.check-ten.checked {
    background: url(../image/check-black.png) no-repeat;
    background-size: 19px;
    background-position: 4px -1px;
}
.check-eleven.checked {
    background: url(../image/check-black.png) no-repeat;
    background-size: 19px;
    background-position: 3px -2px;
}
.check-twelve.checked {
    background: url(../image/check-black.png) no-repeat;
    background-size: 19px;
    background-position: 3px -2px;
}
.check-thirteen.checked {
    background: url(../image/check.png) no-repeat;
    background-size: 15px;
    background-position: 6px 0px;
}
.check-fourteen.checked {
    background: url(../image/check-black.png) no-repeat;
    background-size: 18px;
    background-position: 3px -1px;
}
.check-show .check {
    display: block;
}
.check-one {
    bottom: auto;
    left: 28px;
    top: 169px;
}
.check-two {
    bottom: 132px;
    left: 51px;
}
.check-three {  
    bottom: 83px;
    right: 28px;
}
.check-four {
    bottom: 73px;
    left: 29px;
}
.check-five {
    bottom: 159px;
    right: 17px;
}
.check-six {
    bottom: 92px;
    right: 24px;
}
.check-seven {
    bottom: 99px;
    right: 21px;
}
.check-eight {
    bottom: 113px;
    left: 35px;
}
.check-nine {
    bottom: 95px;
    left: 74px;
}
.check-ten {
    bottom: 94px;
    left: 37px;
}
.check-eleven {
    bottom: 110px;
    left: 24px;
}
.check-twelve {
    bottom: 137px;
    left: 22px;
}
.check-thirteen {
    bottom: 128px;
    left: 34px;
}
.check-fourteen {
    bottom: 68px;
    right: 61px;
}

.form {
    position: absolute;
    top: 134px;
    left: 60px;
    z-index: 6;
    display: flex;
}
.check-show .form {
    display: block;
}
.form input[type="text"] {
    height: 18px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 9px;
    background: #fff;
    border: 1px solid #555f83;
    width: 18px;
    text-align: center;
    margin-left: -1px;
    padding: 0;
    letter-spacing: normal;
}
.form input[type="text"],
.form input[type="submit"] {
    -webkit-appearance: none;
    border-radius: 0;
}
.form input:focus {
    outline: none;
}
.form input[type="submit"]{
    border: none;
    background: transparent;
    width: 110px;
}
#form { display: none;}
#form.is-active { display: block;}
.form .one {
    top: -3px;
    left: 58px;;
    position: relative;
    width: 58px;
    letter-spacing: -5px;
}
.form .two {
    top: -27px;
    left: 116px;
    position: relative;
    width: 91px;
    letter-spacing: -5px;
}
.form .three {
    top: -26px;
    left: 59px;
    position: relative;
    width: 100px;
    letter-spacing: -5px;
}
.form .three input {
    width: 17px;
}
.form .four {
    top: -22px;
    left: 57px;
    position: relative;
    width: 120px;
    letter-spacing: -5px;
}
.form .four input {
    width: 17px;
}
.form .five {
    top: -16px;
    left: 59px;
    position: relative;
    width: 123px;
    letter-spacing: -5px;
}
.form .six {
    top: 39px;
    left: -2px;
    position: relative;
    width: 72px;
    letter-spacing: -5px;
    background: #fff;
}
.form .six:after {
    content: "V";
    font-size: 14px;
    background: #ffffff;
    width: 20px;
    height: 20px;
    top: 3px;
    right: -11px;
    position: absolute;
    border: 1px solid #8f96ae;
    z-index: 2;
    text-align: left;
    line-height: 14px;
    padding: 3px 4px;
}
.form .six input {
    width: 20px;
    border-color: #8f96ae;
    height: 20px;
    font-size: 14px;
}
.form .seven {
    top: 15px;
    left: 78px;
    position: relative;
    background: #fff;
    width: 100px;
    letter-spacing: -5px;
}
.form .seven input {
    width: 20px;
    border-color: #8f96ae;
    height: 20px;
    font-size: 14px;
}
.form .button {
    position: relative;
    top: 75px;
    left: 30px;
}
.form .alert {
    padding: 0;
    font-size: 10px;
    text-align: center;
    display: none;
    color: #ff0000;
    left: -20px;
    top: 68px;
    position: relative;
    width: 100%;
    font-family: Arial;
    font-style: italic;
    text-transform: initial;
    letter-spacing: 0;
}
.download1 {
    position: absolute;
    top: 241px;
    left: 35px;
    z-index: 9;
    width: 108px;
    height: 35px;
    background: transparent;
    border: none;
}
.download1.hide {
    display: none;
}
.download2 {
    bottom: 103px;
    position: absolute;
    z-index: 9;
    width: 110px;
    height: 35px;
    left: 96px;
    background: transparent;
    border: none;
}
.download2.hide {
    display: none;
}
.snap_scribble{
    position: absolute;
    left: 32px;
    height: 106px;
    bottom: 29px;
}
@media screen and (min-width: 1200px) {
    .snap_scribble{
        height: 123px;
    }
    .check-one {
        top: 188px;
        left: 31px;
    }
    .check-two {
        bottom: 129px;
        left: 56px;
    }
    .check-three {
        bottom: 73px;
        right: 29px;
    }
    .check-four {
        bottom: 63px;
        left: 32px;
    }
    .check-five {
        bottom: 159px;
        right: 18px;
    }
    .check-six {
        bottom: 84px;
        right: 25px;
    }
    .check-seven {
        bottom: 90px;
        right: 23px;
    }
    .check-eight {
        bottom: 108px;
        left: 39px;
    }
    .check-nine {
        bottom: 88px;
        left: 82px;
    }
    .check-ten {
        bottom: 87px;
        left: 42px;
    }
    .check-eleven {
        bottom: 105px;
        left: 27px;
    }
    .check-twelve {
        bottom: 135px;
        left: 25px;
    }
    .check-thirteen {
        bottom: 126px;
        left: 37px;
    }
    .check-fourteen {
        bottom: 58px;
        right: 66px;
    }
    .sqribble2 {
        position: absolute;
        z-index: 1;
        left: 50%;
        right: 0;
        bottom: 4px;
    }
    .form {
        top: 149px;
        left: 76px;
    }
    .form .one {
        top: -4px;
        left: 56px;
    }
    .form input[type="text"] {
        width: 20px;
        height: 20px;
    }
    .form .two {
        top: -28px;
        left: 121px;
        width: 97px;
    }
    .form .three {    
        top: -23px;
        left: 56px;
        width: 116px;
    }  
    .form .four {
        top: -15px;
        left: 56px;
        width: 135px;
    }  
    .form .five {
        top: -7px;
        left: 56px;
        width: 135px;
    }
    .form .six input, 
    .form .seven input {
        width: 22px;
        height: 22px;
    }
    .form .six {
        top: 57px;
        left: -7px;
        width: 72px;
    }
    .form .six:after {
        content: "V";
        font-size: 14px;
        width: 20px;
        height: 22px;
        top: 1px;
        right: -14px;
        line-height: 14px;
        padding: 3px 4px;
    }
    .form .seven {
        top: 33px;    
        left: 78px;
        width: 107px;
    }
    .form .button {
        top: 105px;
        left: -18px;
    }
    .download2 {
        bottom: 97px;
        left: 110px;
    }
    .form .alert {
        top: 97px;
    }
    .sqribble {
        top: 10px;
    }
}