/*KONEC PRILAGODITVE SIOL STATIC STRANI*/
.body_wrap {
    padding-top: 52px;
}
body header.header {background-color:#2d4895}
@media screen and (max-width: 767px) {
    header.header {height: 54px;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);z-index:10}
    .header__logo {width: 102px;font-size: 20px;padding: 0;}
}
@media screen and (min-width: 768px) {
    .body_wrap {padding-top: 70px;}
    header.header {height: 72px;margin: 0;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);z-index:10}
    .header__logo {width: 192px !important;font-size: 38px !important;margin: 0 auto;padding: 16px 0;}
}
header.header .header_bar {display:none}

header.header .header__btn_search, header.header .header__btn_user {
    display: none
}

.column_content {
    min-height:0vh
}

.column_content__inner, section.marketing111 {
    display: none;
}
/*KONEC PRILAGODITVE SIOL STATIC STRANI*/

.marketing {
    max-width: 1250px;
    margin:0 auto;
    padding:15px 0;
}
.body_wrap__inner {
    background:#f0f0f0;
}
.body_wrap__inner > .container {
    /*background-image: url('img/bg-advent.jpg');*/
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    max-width: unset;   
}


li {line-height:1.5em;}

.onlyL {display: none}
.onlyS {display: block}

@media screen and (min-width:500px) {
    .onlyL {display: block}
    .onlyS {display: none}
}

.ans-cont {display:flex;width:100%;position:relative;flex-wrap: wrap;justify-content: center;}
.ans-img {flex: 1;position:relative;cursor:pointer;border:0px;margin:0px;}
.ans-img-cont {width:100%;padding-bottom:120%;height:0;background-position: center;background-size: cover;/*background-color:#14166055;*/border-radius: 4px;margin-bottom: 1px;}
/*@media screen and (min-width:350px) {
    .ans-img {height:125px}
}
@media screen and (min-width:400px) {
    .ans-img {height:150px}
}
@media screen and (min-width:550px) {
    .ans-img {height:190px}
}
@media screen and (min-width:620px) {
    .ans-img {height:220px}
}
@media screen and (min-width:700px) {
    .ans-img {height:235px}
}
@media screen and (min-width:780px) {
    .ans-img {height:280px}
}*/
/*.ans-img::before {position: absolute;top: 0;opacity: 0;left: 0;content: " ";width: 100%;height: 100%;box-sizing: border-box;background: rgba(0,0,0,0.5);transition: all 0.2s ease;}*/
/*.ans-img:hover::before {opacity: 1;}*/
/*.ans-img::after {content: "✔";color: #213570;background: #ffffff;border-radius: 50%;width: 50px;display: block;height: 50px;position: absolute;top: 50%;font-size: 34px;left: 50%;line-height: 50px;transform: translate(-50%, -50%) scale(0.5);transition: all 0.2s cubic-bezier(0.42,01.2,0.58,1);opacity: 0.8;}
.ans-img:hover::after {opacity: 0.5;transform: translate(-50%, -50%) scale(0.8);}
.ans-img.picked::after {background: #213570;color:#ffffff;opacity: 1;transform: translate(-50%, -50%) scale(1);}*/
/*.ans-img.picked0::before {opacity: 1;}*/
.ans-text {width:100%;box-sizing:border-box;/*position: absolute;bottom:0;left:0;*/background: #0f5a5c;/*background: linear-gradient(90deg, #213570 0%, #2d4895 100%);*/border-radius:3px;padding:10px;color:#fff;transition: all 0.2s ease;font-size:1.2em;}
.ans-img:hover .ans-text {opacity:0.9}
.ans-img.picked .ans-text {background: #51d0cd;/*background: linear-gradient(0deg, #213570 0%, #01A4E5 100%);*/opacity:1}
/*.ans-img:hover .ans-text {background:transparent}*/
h3 {margin:15px 0}
.back-next{display:block;width:270px;margin:35px auto;}
.q-move {border-radius: 3px;border: none;font-size:17px;padding: 15px 0px;background:#070707;text-transform: uppercase;font-weight: bold;color: white; position: relative; overflow: hidden; text-align: center;width:125px;display:inline-block;cursor:pointer;text-shadow: 2px 2px 3px #00000055;}
.q-move.q-back:hover, .q-move.available:hover {background:#0f5a5c;}
.q-back {display:none}
.q-next, .q-next.q-move:hover {opacity:0.6;cursor:default}
.q-next.available {opacity:1;cursor:pointer}
.q-next.q-move.available:hover {opacity:0.9;cursor:pointer}
.siol-form a.q-start, .siol-form a.q-start:visited {width:200px;color:#fff;text-decoration: none;margin-top: 30px;margin-bottom: 20px;padding: 15px 20px;}
.siol-form .end {font-size:14px;}
.siol-form .end .q-start {width:185px;}
/*.question {transform:translateX(200000px)}*/
.question {display:none}
/*.question {height:0px;visibility: hidden;font-size:15px;}*/
.question .bull {color:grey;font-size:1.7em}
.question .bull.bull-active {color:#213570;}
.question h2 {padding-top:20px}
/*#question-0 {transform:translateX(0)}*/
#question-0 {display:block}
#grade {padding:15px 0 10px;}
#grade-desc {max-width:500px;margin:0 auto;line-height:1.2em;font-size:1.2em}
#correct-answers {margin-top:30px;padding-top:15px;border-top:2px solid rgba(255,255,255,1);line-height: 1.2em;}
.cor-ans-color {color:#213570}
#fb-share{max-width:500px;margin:0 auto;margin-top:25px;line-height:1.2em;font-size:1.2em}
#grade-scit {margin:0 auto 10px; width:90%;max-width:250px;display: block}
a {
    color: #ffffff;
    text-decoration: underline;
}

h1 .light {
    font-family: 'LatoLatinWebLight';
}

h1 a {
    color: #ffffff;
    text-decoration: underline;
}

h2 {
    /*font-family: 'LatoLatinWebMedium';*/
    /*text-shadow: 1px 1px 1px #fefefe;*/
    padding: 15px 0 15px;
    font-size: 20px;
    color:#333333;
    text-align: center;
    font-style: normal;
}
h2.h2-top {font-size:22px;}

ul.start-list {
    text-align:left;margin:0 auto;max-width:370px;font-size:1.2em;color:#333;font-weight:bold
}
ul.start-list li::marker {font-size:1.2em;}

.card-text-input h2 {
    padding:20px 0 15px;
}

.show-correct-ans {
    position: absolute;
    top:50%;
    left:50%;
    width:33%;
    padding:20px;
    font-size:1.2em;
    transform: translate(-50%,-50%);
    background: #fff;
    border-radius: 3px;
    box-shadow: 3px 3px 5px #00000055;
}
.next-false-ans {
    background: #d46f1c;
    text-shadow: 2px 2px 3px #00000055;
    width: 100px;
    margin:0 auto;
    border-radius: 3px;cursor:pointer;border: none;font-size:17px;margin-top:15px;padding: 8px 12px;text-transform: uppercase;font-weight: bold;color: white;
}

.siol-form {
    flex: 0 0 100%;
    box-sizing: border-box;
    margin: 0 auto;
}
@media screen and (min-width:1200px) {
    .siol-form {padding: 0 5px;}
}

.break {display:none}

@media screen and (max-width:1023px) {
    .break {display:block;height:1px;flex-basis: 100%;}
    .question {max-width: 700px;margin: 0 auto;}
    /*.ans-img {flex: 0 0 31.33%;margin:5px 1%;}*/
}

.main {
    display:block;
    /*flex-direction:row;*/
    font-size:1.3em;
    text-align:center;
    padding:0px 5px 20px;
    width: 100%;
    max-width: 1480px;
    margin: 0 auto;
    box-sizing:border-box;
}
@media screen and (max-width:767px) {
    .main {
        padding:10px 0px;
    }
}
@media screen and (max-width:500px) {
    .main {
        text-align:center;
    }
    .ans-text {padding:6px;font-size:1.1em;line-height: 1.2em;}
}

.main h1 {
    color:#333333;
    font-size:20px;
    padding:30px 20px 10px 20px;
}

@media screen and (max-width: 400px) {
    .xs-hide {display:none}
    .line {width:94%;}
}

textarea {
    font-family: 'LatoLatinWebMedium';
    color: #666666;
    padding:5px;
    border: 1px solid rgba(220,220,220,1);
    width: 100%;
    height: 100px;
}

#card {
    width:90%;
    margin:10px auto;
}

#card img {
    width:100%;
}

.published {
    font-size: 18px;
    margin: 20px 0;
    color:#666666;
    font-style: italic;
}

.share-txt {
    font-style: normal;
    max-width:500px;
    margin:30px auto;
    line-height:1.8em;
}

.share-txt a {
    margin: 10px 5px;
    display:inline-block;
}

.share-txt span {
    font-size:14px;
    font-style: italic;
}

@media screen and (max-width: 378px) {
    .share-txt a:nth-child(2n) {
        margin-top:0;
    }
}

.emails {
    margin-top:30px;
    font-size:1.2em;
}

.email-cont {
    display:block;
    width:450px;
    margin:0 auto;
}

.siol-form input#emails {
    width:410px;
    color: #666666;
    float:left;
}

@media screen and (max-width: 480px) {
    .email-cont {
        width:300px;
    }
    
    .siol-form input#emails {
        width:260px;
    }
}

.published a.btn, .published a.btn:visited {
    display: block;
    background-color: #33cc98;
    color: #ffffff;
    padding: 10px 20px;
    width: 130px;
    margin: 20px auto;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -webkit-border-radius: 8px;
    text-decoration: none;
    font-weight:bold;
    font-size:18px;
    line-height:18px;
}

.more-buttons {
    border-top:1px solid #fff;
    margin:30px auto;
    padding-top:30px;
    width:80%;
    min-width:280px;
    text-align:center;
}

.more-buttons div {
    display:inline-block;
    max-width: 80px;
    color:#666;
}

.subform, .card-text-input {
    width: 96%;
    margin: 0 auto;
    max-width: 440px;
    text-align: left;
    /*font-style: italic;*/
}

.siol-form h4 {
	padding: 0;
    color: #666666;
    margin-bottom:0;
    margin-top:7px;
}

.siol-form input[type="text"], .siol-form input[type="email"], select {
	margin: 2px 0;
	padding: 7px;
    border: 1px solid rgba(220,220,220,1);
    -moz-appearance: none;
    -webkit-appearance: none;
}

.siol-form input[type="text"]::placeholder, .siol-form input[type="email"]::placeholder {
    color:#ababab;
}

.siol-form input#email, input#ime, input#child, input#title, input#age {
    width:100%;
    color: #343233;
    box-sizing: border-box;
}

.siol-form .fb-trendi {
    width:100%;
    text-align:left;
    color: #666666;
    padding: 25px 0;
}

.siol-form label {
	line-height: 1.5;
	margin: 0 0 0 5px;
        color: #343233;
}

.siol-form input[type="button"] {
	color: white;
    font-family: 'Lato';
    background-color: #213570;
    outline: none;
    padding: 15px 30px;
    line-height:1.5;
    font-weight: bold;
    font-size: 17px;
    font-style: normal;
    border: none;
	border-radius: 4px;
	display: block;
    margin: 0 auto;
    -moz-appearance: none;
    -webkit-appearance: none;
    text-shadow: 2px 2px 3px #00000088;
}

.siol-form input[type="button"]:hover {
	cursor: pointer;
	opacity: 0.9
}

.siol-form input[type="button"]#send-email {
	background: url('img/arrow.png');
	border: none;
	/*display: inline-block;*/
    margin: 4px 0 0 5px;
    width:34px;
    padding: 0;
    height:34px;
    background-repeat: no-repeat;
    float:left;
}
	
.siol-form input[type="button"]#send-email:hover {
	cursor: pointer;
}

.siol-form a,
.siol-form a:visited {
	color: #343233;
        text-decoration: underline;
}

.siol-form a:hover {
	color: #4C4847;
}

.siol-form .error {
	color: #911;
	top: -3px;
	font-size: 10px;
	position: absolute;
}

.siol-form .loader {
	
	z-index:5;
	display: none;
	height: 100%;
	width: 100%;
	position: absolute;
	background-color: rgba(255,255,255,0.4);
	background-image:url('slick/slick/ajax-loader.gif');
	background-position: 100px center;
	background-size: 100px 100px;
	background-repeat:no-repeat;
}

.report {
    color: red;
    height:20px;
}

.disclaimer {
	margin: 10px 0;
}
.disclaimer ul li {
	list-style:disc;
	list-style-position: inside;
}

#pick-container {
	background-color: white;
	/*position: absolute;
	top: 71px;
	left: 0px;*/
	z-index: 5;
	border: 1px solid #eeeeee;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
}
#pick-container-cont {
	z-index: 5;
        margin-top:-5px;
        height:1px;
        overflow:visible;
        visibility: hidden;
}

#pick-container p {
	padding: 5px;
	
	
}
#pick-container p:hover {
	background-color: #eeeeee;
	cursor: pointer;
}

.canvas-holder {
    position: relative;
    width: 100%;
    max-height:600px;
}

#canvas {
    display: none;
}

.canvas-img {
    position: relative;
    height: auto;
    width: 100%;
}
.canvas-img img {
    width: 100%;
    height: auto;
}
#loader {
    
    background-color: rgba(0,0,0,0.5);
    display: none;
    position: absolute;
    left: 0;
    top :0;
    width: 100%;
    height: 100%;
    z-index:10;
}

#loader img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.images img.selected {
    border: 5px solid red;
}

.images img {
    border: 5px solid transparent;
}

.images img:hover {
    cursor: pointer;
}

@media screen and (max-width: 767px) {
    .main {flex-direction: column}
    h2.h2-top {padding-bottom:0;padding-top:0;margin-bottom:0}
    .question h2 {padding-bottom:0;margin-top:5px;margin-bottom:10px;font-size:18px;line-height:20px}
    .back-next {margin: 20px auto;}
    .q-move {padding: 9px 0}
    .house-part {top: 0%;left: 2%;width: 96%;padding-bottom: 96%;}
}


.slick-slide {
    padding:3px;
    transition:all 0.5s ease-in-out;
}
.slick-slide img {
    width:100%;
    padding:10px;
    transition:all 0.5s ease-in-out;
}
.slick-current img {
    padding:0px;
    margin-top:-2px;
}

.slick-prev, .slick-next {
    border:0;
    position:absolute;
    top:50%;
    background-color: #51d0cdcc;
    color:#ffffff;
    z-index:10;
    margin-top:-18px;
    width:36px;
    height:36px;
    border-radius: 50%;
    text-align:center;
    padding: 0;
    cursor:pointer;
}

.slick-prev span, .slick-next span {
    font-size:40px;
    line-height:36px;
    width:36px;
    height:36px;
    font-family: 'LatoLatinWeb';
    display:inline-block;
    margin-top:-3px;
}

.slick-prev {
    left:3px;
}

.slick-next {
    right:3px;
}

div[aria-hidden="true"] {
    opacity: 0.2;
}

div[aria-hidden="false"] {
    opacity: 0.33;
}
div[aria-hidden="false"].slick-current, div[aria-hidden="true"].slick-current {
    opacity:1
}

.sliderbar {
    background: #51d0cd55;
    width:96%;
    height:6px;
    border-radius: 3px;
    margin:10px auto;
}

.sliderin {
    background:#51d0cd;
    width:10%;
    height:6px;
    border-radius: 3px;
    margin-left:0;
    transition:all 0.5s ease-in-out;
}