[aria-expanded] i {-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
[aria-expanded="true"] i {transform:rotate(180deg);}

.wsc-float {display: none !important;}

.banner {background-repeat: no-repeat; background-position: center 0;}

.box-shadow {box-shadow: 0 0 5px rgba(0,0,0,.1)}

.page-nav {box-shadow: 0 0 3px rgba(0,0,0,.1)}
.page-nav.position-fixed {top:0; left:0; width: 100%; z-index: 900;}
.page-nav ul li a.active {color:#00bcf2; font-weight:bold;}
@media (max-width: 992px){
	.page-nav .page-nav-btn {margin:0 -15px; cursor: pointer;}
	.page-nav ul {margin:0 -15px !important;}
	.page-nav ul li {border-bottom: solid 1px #dee2e6;}
	.page-nav ul li a {padding-left: 15px; padding-right: 15px;}
	.page-nav ul li a:hover {color:#00bcf2;}
}

.page-column,
.page-column2 {background: url(images/title_bg.png) no-repeat center;background-size:150% auto; min-height: 5rem; text-align: center; color: #fff;}
.page-column2 {background-image: url(images/title2_bg.png);}
.page-column-sub:before {display: inline-block; content: ''; width: 0; margin-right: 10px; border-left: solid 6px #00bcf2;}
@media (min-width: 760px){
	.page-column,
	.page-column2 {background-size:auto 100%;}	
}

.types-item .item {position: relative; margin:2rem .25rem .25rem; padding:2rem 1rem 1rem; border:solid 3px #dee2e6; border-radius: 5px;flex-grow:1; width: 100%;}
.types-item .item .title {display: inline-block; position:absolute; top:0; left: 50%; transform: translate(-50%,-50%); border-radius: 100px; font-size: 1.125rem; color: #fff; padding:.5rem 1.5rem;}
.types-item .item:nth-of-type(1) {border-color: #0096ff;}
.types-item .item:nth-of-type(1) .title {background-color: #0096ff;}
.types-item .item:nth-of-type(2) {border-color: #1fd6ad;}
.types-item .item:nth-of-type(2) .title {background-color: #1fd6ad;}
.types-item .item:nth-of-type(3) {border-color: #ffb900;}
.types-item .item:nth-of-type(3) .title {background-color: #ffb900;}
.types-item .item:nth-of-type(4) {border-color: #00bcf2;}
.types-item .item:nth-of-type(4) .title {background-color: #00bcf2;}
.types-item .item:nth-of-type(5) {border-color: #6e81ff;}
.types-item .item:nth-of-type(5) .title {background-color: #6e81ff;}

.vote-data {padding-bottom: 60px;}
.vote-data .vd_said {width: 5.63rem; height: 5.63rem; text-align: center; position: relative;flex-shrink:0; color: #343f57;}
.vote-data .vd_bar {width:100%;height: 1.5rem;margin: 0 -5px; flex-shrink:1; background-color: #00bcf2;}
.vote-data .vd_bar span {display: block; background-color: #343f57; border-radius: 0 100px 100px 0; width:50%; height: 100%;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.vote-data .vd_circle {display: block;width: 100%; height: 100%; border: solid 12px #343f57; background-color: #fff; font-size: 1.5rem; line-height: 4.125rem; border-radius: 100%;}
.vote-data .vd_yes {color: #00bcf2;}
.vote-data .vd_yes .vd_circle {border: solid 12px #00bcf2;}
.vote-data .vd_tit {width: 120%; position: absolute; left:50%; top: 110%; transform:translateX(-50%);}
@media (min-width: 992px){
	.vote-data {margin-left:20%;margin-right:20%;}
}

@media (min-width: 992px){
.unique-features {position: relative;}
.unique-features:after {display: block; content: ''; width:2.5rem; height: 100%; background: url(images/line2.png) repeat-y center 0;  background-size: 100% auto; position: absolute; left: 50%; top: 0; transform:translateX(-50%);}
}

.stories .storie_user span {display: inline-block; width:4rem;}
.stories .storie_user {margin-top:-10%;}
@media (min-width: 992px){
.stories .storie_user {margin-top:-30%;}
.stories .storie_user span {width: initial;}
}

.quiz-item {-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;transform:translateY(-30px); opacity: 0;}
.quiz-item.active {transform:translateY(0); opacity: 1;}
.quiz-item .quiz_bar .bar {background-color: #b2ebfb; border-radius: 100px; height: 1rem; overflow: hidden;}
.quiz-item .quiz_bar .bar span {display: block; width: 20%; height: 100%; background-color: #00bcf2; border-radius: 100px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.quiz-item .quiz-cont {display: none;}
.quiz-item .quiz-cont.active {display: block;}
.quiz-item .input-select {display: block; font-size: 1.125rem; margin:1rem 0;cursor: pointer;}
.quiz-item .input-select.active,
.quiz-item .input-select:hover {color: #00bcf2;}
.quiz-item .input-tick {display: inline-block; border: solid 2px #343f57; width: 1.875rem; height: 1.875rem; font-size:1rem; border-radius: 2px; cursor: pointer; position: relative; display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;-ms-flex-align: center;align-items: center;}
.quiz-item .input-select.active .input-tick {border-color:#00bcf2; color: #00bcf2;}
.quiz-item .input-tick i {opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.quiz-item .input-select.active .input-tick i {opacity: 1;}
.quiz-item .input-tick input {opacity: 0; position: absolute;}
.quiz-result {display: none;}
.quiz-result.active {display: block;}