body{
    font-family: Verdana, sans-serif;
    font-size: 13px;
}

/*.kylform{
    background: #3F9FE3;
    display: inline-block;
    position: fixed;
    top: 30%;
    right: -100px;
    border-radius: 5px 5px 0 0;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0;
    padding: 5px 10px;
    cursor: pointer;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
    transition: 0.2s;
}

.kylform:hover{
    background: #228AD4;
}*/

#kylform, #kylformd{
    background: #fff;
    position: fixed;
    top: -500px;
    left: 50%;
    z-index: 9999;
    width: 300px;
    margin: 0 0 0 -150px;
    box-shadow: 0 0 25px rgba(0,0,0,0.3);
    border-radius: 5px;
}

.kylform_header{
    background: #4f5e48  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABh0lEQVQ4T6WTsU5UQRSGv39usaWUdC6NyXb6ACb6AriEWBllrbSw0NhYmBgSE6UgUFho5QKxMsaVF5A3UKtVG9eOcrfEZOc3c7lzuRAWSZxqcs6c7/zzzxkxY7395bniDxuY8bTF6t0FjU87qmbw3U9fnooLKebIPGa+zIt9BfbTtjCTW5f0NdfVgLI48mWWoma8CFzJkBqwM/Q1i8/nAchcv93R3qG4av0XYHvoHmaOwEbF25Q4ZppTHh6W+cgjxPhOR33t/HDX5mMZPAKcfZPqrMRSAlyNZlmRUQ0QfcGoSTG0Mb2swIF2EB+0/d0GBgfwrGV2ERfPbG9+H4jFFqwC3QzAMDY8CHATuDED8inCe8ErUXpCDcgFNlshMLDpw+FQAROJXox0JVaa8JOASRD3pual4Wmlhqrr80I8ieZNA3xMQS5+neWhUgXZvHTNQtxvQrKCb0G8mJqj4hkm1JDIWjI8AQYS69Hs1p3/Mc8JEsSizeNylLeGTu/ePs8/qM2G0UpHvb/i7qyNqqOxqgAAAABJRU5ErkJggg==') no-repeat 10px center;
    color: #fff;
    padding: 10px 5px 10px 40px;
    border-radius: 5px 5px 0 0;
}

.pad{
    padding: 15px;
}

.kylform_close{
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABWUlEQVRIS72WjTEEQRCFv4uADBABMpABIkAGRIAIlAgQAZeBDNxFQAhEQH1b21tjzezOOaurrmrrtue91787M4ZtGzgEDgCf91r3BfAGPAPz9jmLNCvgC3YJnI4IiNf3wHWOKEdwBNwBm5Xg4fYOnAFP6bk+gYoFX8ckMaLGUgKVP66DnJw9jkiCwJy//CItJT2ma9+aBIEhnfyR+oB5sEkkUP1rAfyjDbVEfguY2q3C+R0JzoGbgkOjov31ix/FHIr+QgLbymEqWQClHZb7L3d+LoFTuTuS/xRQV1XXtPRCgs/K4qb9XQPezcHkBFOmaPkvRZ68TYcGzZG3YxSRM985aKXN2wxatN1kq0ICo7DYG5UtO+bmivHr1y07D0y6rkNR9QBVrJZu0Pq+RmLxVk2XaVHg4CczyKzJ1QrfCLeu/t40vlnpVpESGVFcW2IpLpNri4p/AAfAFyJuVjbm1ZOxAAAAAElFTkSuQmCC') no-repeat;
    width: 24px;
    height: 24px;
    position: absolute;
    top: -21px;
    right: -21px;
    display: block;
    opacity: 0.3;
}

.kylform_close:hover{
    opacity: 1;
}

#kylform input[type=text], #kylform select, #kylformd input[type=text], #kylformd select {
    border-radius: 50px;
    border: 1px #E0E0E0 solid;
    width: 100%;
    outline: none;
    padding: 8px 5px 8px 35px;
    margin: 0 0 10px 0;
    transition: 0.5s;
    height: 50px;
    color: #7a7a7a;
}

#kylform select,
#kylformd select{
    padding: 5px;
}

#kylform input[type=text]:focus, #kylform select:focus,
#kylformd input[type=text]:focus, #kylformd select:focus{
    border: 1px #399CE3 solid;
}

.ico_name{
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABb0lEQVRIS+1Vy00DMRR8T3tY5xY6gA6yl0j2BaiApAKgAkQFQAdQQZQKCBUQLmspl00HpAPCaTeH1aCHshGK1p8kcMOSTx6/eR6Px0yBURRFt6qqGwADZu4JHMCcmSdKqacsy5a+EuxblOJlWb42hbexQtTpdM59JF4Ca+0VEY18TQC4NcY8ujAhgikRnQZUfNNan/0T+FTaTyJr7TERvYdsvF4/0Vov2rDOS57NZr26rosYgiRJsn6/P9+JQMB5nk+Y+SJg0xdjzGBfF8XI5JRHSL3vIHQKAN7uowjWWfTRJoFS6uigLGqKWmvRRqC1DioQBPjc5HNP01AwTauqeiYiV9ZMlVLD6DQVvVer1SWArkxmFvuJk3xjAUDsvJSZpun4J+HmBHmeS7ERM3djHpcLA0A+oGtjzGTjopjc35UUwFBIWDIHQHFo5y2/nUiWcUwc7Np9g/++G5fH9y26ve+vCT6F4J6I7n6r4606D1+xhbn9WQGljgAAAABJRU5ErkJggg==') no-repeat 5px center;
}

.ico_phone{
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACVUlEQVRIS51VwXHbMBC8I/UgX3EHjiuw9dEI+DiqwFYFSTqwKohSQewK7FQQuYLIH2JGHzkVRKkg/okfzWUWATQgBFK0McMPcbi92z0smHqs9Xp9Utf1DyL64MKXIvLMzI9KqWVXCu6Rn4wxSPyzJRYAX9uA9gBIIiJXWZZtxuPxXZysqqobZj5x/wF4GcaIyK3WehafswDGmE9EdB9sLpVSk67uHG03RITvnaeuKIrpcDh88We5qqprZga/jSUid1prHN4vY8x7ETkty/KXT4J/RLQgonMPEhYHgA0zn7ZUe6aU2mAPFW+329+eJhFZMPMM+66bWyL6iNiwODbGSAcVEG/u940xz0Gl/vdnpdSDA4HgvpMJhD/WgT0c0QSBoZmt1q0QBB1DE6sjANDqVaKL70opJEqu1Wp1sdvtULEX2NJpjEHHX9whC3Agsoj80VpDvM7lQNaO90et9bWj6q/Xwo5pQuiNUursGAD2jTGg0NPlu0Bnl/a2u6D4HuD3Af8pwPCWi8hUa70IaQpvcmNCRORlMBhMRqMR/ncuP115ng8RnwQI+fTZ0GJZlpPwZrYhgXsf52zlGxE9NcwumgCb6zUg8TgXRfFfg3ClxvatIMh7AJC4kR5/k+f5NNbEGSWs5ill2cn3oA0EwmdZNvd2Ho0oCnkoimLWcNMu0eq6Dr1lHwogIoJJXsTnYzo7X7TYJY+NazB9e6vv9WQGY9cLQ0SsbSRFbsvg7gk8v/FUtsRbq34VgE+EqRGReccj1bCYXhSlqnQuDBog9DkcmJnn8fvxDyymbPowyBiZAAAAAElFTkSuQmCC') no-repeat 5px center;
}

.ico_email{
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACjklEQVRIS7VVTW7aQBR+z0ZiZgU5QZMTBDZI403DCQI3SE6Q9AShJyg9QckJAieAbjwSG9ITkJ6gdGUvQK/66IxlzBhFkXgSQvaM3/e9v+8xnbDVatXO8/xWRAZEdMnMHVwXkVciemPmqVJq1u12N3VuOHTgHD+IyCMzt0VkxsyvIrJ35N51mBngG2YeK6W+h4COAJbLZWe3270Q0QUR4cNxHUNH5JGI8PsTx/Gw1+shusIOAOB8u93Omfm3UurmVOhlJw5oISKfGo1GvwxSAFhrL0VkRUQ/tdZ373XugQCSZdmEiD5rra/892WABRG1Q8zdx9dRFKEev4wxb3BsrYXDhTEG/+QjQbqMMf19vdzFGyKaE1HfGAOgwtI0HTPzQ6UZFkqpYZ7nUwcw8ufW2gNfHgCF2RhjcFiYYzgQkZHWeoKw0zRFy47B0nXUzBhTADjCICmIgpF7IlqLyDBJEjDam7X2joh+hKJyqUCaWkT0tQoAEsz8opS6AMDeER7KhU3TFIOE/OL8yEoEjgAcAUR4DwCENzDG7KfUsQ9GFWhNODkCwD1HcMKuiJ1y/kuFuvIdUxMFJntcTZGvAyTl/ABIkYjcJknSPUuKzllkdOaH2zTLsjVUNVTkMmk/aMVgVAcN6YuiaNRsNp/9oDHzNyL66+5OQ4MGGU+SZPAhqcB+gCDWSAXa/imO4y5U9UDsRKSlte5XldQNTkdE2lg8vnXTNJ0yc8sLm5upJxH5kiQJ5OS/2MH8+IvIXGt9/x659pLgVihWKtS2cH4AgAe3zbA41qFIaoYNAulFclIdzODK3G63EL3WqV0bAgu9O7X0/a5tiQhy7Xft8yn5qIIEASp1wT6A/EIAr+vErS6ifxXIBfZeYKaeAAAAAElFTkSuQmCC') no-repeat 5px center;
}

.answer{
    display: none;
}

#send {
    background: #4f5e48;
    display: block;
    width: 100%;
    padding: 8px 10px;
    margin: 20px 0 0 0;
    border-radius: 50px;
    border: none;
    outline: none;
    color: #fff;
    transition: 0.2s;
    height: 50px;
}

#send:hover{
    background: #3f5037;
    cursor:pointer;
}

#kylform p,
#kylformd p{
    background: #E6ECF1;
    display: block;
    border-radius: 50px;
    margin: 0 0 10px 0;
    color: #768592;
    font-size: 13px;
    padding: 5px 10px;
}

.i_true{
    background: #66C341;
    display: block;
    border-radius: 3px;
    margin: 0 0 10px 0;
    color: #fff;
    font-size: 13px;
    padding: 5px 10px;
    margin: 10px 0 0 0;
}

.i_false{
    background: #C34141;
    display: block;
    border-radius: 3px;
    margin: 0 0 10px 0;
    color: #fff;
    font-size: 13px;
    padding: 5px 10px;
    margin: 10px 0 0 0;
}
input.quiz-opt {
    margin: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
}
button.quiz-opt{
    position: relative;
}