html{overflow-y:scroll;margin:0;padding:0;}
body{margin:0;padding:0;font-size:16px;font-family:'Open Sans',sans-serif;line-height:1.6;}
#main{display:block;overflow:hidden;}
.wrap{position:relative;width:100%;padding:30px 0;background:#fff;}
#exit-btn{position:fixed;top:0;right:0;padding:10px;line-height:1;background:rgba(255,255,255,0.5);z-index:2000;}

:root{
    --main: #192134;
    --second: #a5bee6;
}

/********************************************************************************************************************************** COMMON ELEMENTS */
.t-left{text-align:left;}
.t-right{text-align:right;}
.t-center{text-align:center;}
.t-justify{text-align:justify;}
a{text-decoration:none;outline:none;border:none;cursor:pointer;}
a:hover{text-decoration:none;}
a:focus{outline:0;}
hr{display:block;clear:both;height:1px;margin:15px 0;padding:0;border:none;background:#4b4b4b;}
hr.thick-line{height:3px;background:#fff;margin: 60px 0 20px;}

a img{border:none;}
a{outline:none;}
iframe{max-width:100%}
.gray{color:#c5c5c5;}
.sprite{background-repeat:no-repeat;background-position:top left;}
.sprite:hover{background-position:bottom left;}
h1,h2,h3,h4,h5,h6{font-weight:300;margin-top:0.2em;line-height:1.1;}
h1{font-size:2em;margin-bottom:1.2em;} h2{font-size:1.8em;margin-bottom:1em;} h3{font-size:1.6em;margin-bottom:0.7em;} h4{font-size:1.4em;margin-bottom:0.5em;} h5{font-size:1.3em;margin-bottom:0.4em;} h6{font-size:1.2em;margin-bottom:0.4em;}
table{border-collapse:collapse;border:none;}
td{border:none;padding:5px;}
p{padding:0;margin:20px 0;}
.full-width{width:100%;}
.max-width{max-width:100%;}
.v-top{vertical-align:top !important;}
.big{font-size:120%;line-height:2;}
.small{font-size:90%;}
.very-small{font-size:80%;}
.img-left{display:block;float:none;margin:0 0 15px 0;}
.img-right{display:block;float:none;margin:0 0 15px 0;max-width:90%;}
.img-border{padding:5px;border:1px solid #4b4b4b;border-radius:5px;}
a:hover .img-border{border:1px solid var(--second);}
.uc{display:block;padding:80px 0 100px 0;text-align:center;font-size:150%;color:#a4a4a4;}
ul{margin:10px 0 10px 14px;}
ol{margin:10px 0 10px 14px;}
li{margin:0 0 4px 0;padding:0 0 0 4px;}
.msg{display:block;padding:10px 10px;margin-bottom:15px;border-radius:5px;color:green;text-align: center;font-size: 20px;}
.msg.alert{background-color:#ed2024;color:#fff;}
.msg.ok{background-color:#117e02;color:#fff;}
.click-remove{cursor:pointer;}
.nowrap{white-space:nowrap;}
.no-gutter > [class*='col-']{padding-right:0;padding-left:0;}
.display-none{display:none;}
.round{border-radius:100%;}
.article-embed,.article-img{max-width:100%;margin:auto;}
.pdf-preview-img{padding:5px;border:1px solid #888;max-width:100%;margin-bottom:10px;}
.copyright{font-size:80%;font-style:italic;color:#888;margin:10px 0 -5px 0;}



/********************************************************************************************************************************** FORMS */
.form-table td{padding:5px 8px 5px 8px;vertical-align:top;}
.input-field, .newsletter-input{background:rgba(255, 255, 255, 0.9);border: 1px solid var(--main);color:#000;display: inline-block;height:42px;line-height:42px;padding:4px 14px;margin-bottom:10px;width:100%;}
textarea.input-field{height:auto;line-height:1.5;}
select.input-field{height:36px;line-height:1.5;}
.button{display:inline-block;padding:16px 44px;text-align:center;min-width:200px;background-color:var(--main);color:#fff;font-size:14px;border:0;cursor:pointer;border-radius:10px;transition:0.3s;}
.button.small{padding:5px 10px;font-size:12px;}
.button.cancel{background-color:#9c9c9c;}
.button:hover{background-color:var(--second);color:#000;}
.next-btn{}
.red{color:red;}
.green{color:green;}
label{cursor:pointer;}
ul {list-style-type: none;}

#top-wrap{color:white;padding: 15px 0;background-color: var(--main)}

#lang-menu{position:absolute;right:12px;}
.lang-menu-icon{display:block;border-radius:100%;width: 33px;height: 33px;opacity:0.8;transition:0.3s}
.lang-menu-icon:hover{opacity:1;}
.lang-menu-label-long{display:none;}
.lang-menu-label-short{display:none;}

#content-wrap{margin: 80px 0;}
#content-wrap h1 {text-align: center;font-weight: bold;color: var(--main)}

fieldset.group-inputs{border: 1px solid #e8e8e8;padding: 10px;margin: 20px 0;}
fieldset.group-inputs legend{padding: 2px 7px;font-weight: bold;color: var(--main)}
.form-button{margin: 20px auto;text-align: center;}


.cse-ums-submit{margin:10px 0;}
.input,.input-line, #captcha,#cse-ums-input, select{display:block;width:100%;border:2px solid #d6d6d6;background:#fff;padding:10px;line-height:1.2;color:#000;border-radius:3px;}
.input-line.other{display: block;width: 87%;margin: auto;}
textarea.input,textarea.input-line{min-height:200px;}

#chart{background-color: #fff;width:100%;max-width:1000px;margin: auto;}
.user-form label {color: var(--main);margin-top: 10px;display: inline-block;}
.share-text{color: var(--main);text-align: center;margin-top: 70px;}
.chart-title {padding: 30px 0 50px;}
.chart-title h5{text-align: center;color: var(--main);font-weight: bold;font-size: 18px;}
.chart-title h4{text-align: center;color: var(--main);font-weight: bold;padding-top: 10px;}

#captcha-container{font-size:12px;}
#captcha-required{color:red;}
#captcha-img, #new-captcha-img{border:1px solid #adadad;height:40px;margin:4px 0;width:130px;background-color:#fff;}
#captchaimage{display:inline-block;}
#captcha-refresh{display:inline-block;vertical-align:8px;}
#captcha-refresh:hover, #conditions-label a:hover, #lifetime-conditions-label a:hover{color: #000}
#conditions, .cursor-p, #newsletter, #conditions-label, #cost,  #cost-label, #lifetime-conditions-label {cursor: pointer;}

#captcha{width:130px;}

#footer-wrap{width:100%;padding:20px 0;font-size:80%;background-color: var(--main);color: #fff;}

#scroll-top{display:none;position:fixed;bottom:74px;right:0;width:40px;height:40px;background-color:var(--main);background-image:url('../images/layout/back_to_top.png');background-repeat:no-repeat;background-position:center;z-index:1500;box-shadow:3px 4px 5px 0 rgba(0,0,0,0.2);border-radius: 100%;}
#scroll-top:hover{background-color:var(--second);}

#tooltip{border:none;}
#tooltip h3 {color:#fff !important;padding:10px 20px;font-size:13px;background-color:var(--main);border:none;text-align:left;border-radius:5px;}


.tooltip {position: relative;display: block;text-align: center;}
.tooltip .tooltiptext {visibility: hidden;width: 140px;background-color:var(--main);color: #fff;text-align: center;border-radius: 6px;padding: 5px;position: absolute;z-index: 1;bottom: 120%;left: 50%;margin-left: -75px;opacity: 0;transition: opacity 0.3s;}
.tooltip .tooltiptext::after {content: "";position: absolute;top: 100%;left: 50%;margin-left: -5px;border-width: 5px; border-style: solid;border-color: var(--main) transparent transparent transparent;}
.tooltip:hover .tooltiptext {visibility: visible; opacity: 1;}

.json-print pre{display: block;max-width:300px;text-align: left;margin:auto}

#main-logo{float:left;display:inline-block;padding:4px;}
#main-logo img{filter: invert(1);width:65px;}
#main-title{font-weight:bold;font-size:26px;}
a #main-title, a #main-subtitle{color:#fff;}
#main-subtitle{font-size:18px;}

.user-form{text-align:justify}

@media (min-width: 768px) { /*sm*/
}
@media (min-width: 992px) { /*md*/
    table#form-title{width: 100%;background-color: var(--main);color: #fff;text-align: center;margin: 20px auto -13px;border-radius: 10px;padding: 10px;}
    #form-title tr{padding: 10px;}
    #form-title td{line-height: 1.2;font-size: 15px;}
    #form-title td.title-question{width: 59%;}
    #form-title td {width: 10%;}
    #form-title.sticky {position: fixed; top:0px;margin: 0 auto;max-width: 940px;z-index: 2000}
    .question-group ul {margin-right: -12px;}
    .question-group {margin: 15px 0;display:flex;}
    .question-group .label {width: 59%;display:inline-block;border: 2px solid #9e9e9e;border-radius: 20px;padding: 10px;}
    .question-group fieldset{display: inline-block;width: 40%}
    .question-group .ums-radio-list label{display: none;}
    .question-group .ums-radio-list > li {display: inline-block;width: 24%;text-align: center;}
    .question-group .ums-radio-list > li input {width: 50px;height: 50px;cursor: pointer;}
    .user-form {width: 70%;margin:50px auto;}
}
@media (min-width: 1200px) { /*lg*/
    .question-group ul {margin-right: -20px;}
    #form-title.sticky {max-width: 1140px;}
}