@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

body.votes-content{
	font-family: 'Poppins', sans-serif;
}

.logo-back{
	position: absolute;
	left: 0;
	top: 0;
	width: 350px;
	height: 350px;
}

.votes-about{
	position: relative;
	top: -115px;
	margin-bottom: -60px!important;
}

.votes-about .align-self-center{
	padding: 40px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.votes-content p{
	font-size: 20px;
	line-height: 170%;
}

.votes-content p.p-small{
    font-size: 16px;
    line-height: 180%;
}	

.votes-content h2{
	font-weight: 700;
	font-size: 42px;
	line-height: 140%;
	margin-bottom: 40px;
}

.votes-content h3{
	font-weight: 600;
	font-size: 36px;
	line-height: 140%;
	padding: 0 0 40px;
	margin: 0;
}

.votes-content .vote-company-about h3{
	font-weight: 700;
	font-size: 32px;
	line-height: 100%;
}

.votes-content .bg-black h3{
	color: #F1EEE9;
}

.h3-sub{
	font-weight: 400;
    font-size: 16px;
    display: block;
}

h2.margin-big{
	margin-bottom: 80px;
}

.back-black{
	background: #000;
	padding: 10px;
}

.page-template-votes header, .page-template-votes footer{
	margin: 0!important;
}

.br-20{
	border-radius: 20px;
}

.br-30{
	border-radius: 30px;
}

.br-40{
	border-radius: 40px;
}

.br-1000{
	border-radius: 1000px;
}

.padding-big{
	padding: 180px 0;
}

.mb-10{
	margin-bottom: 10px;
}

.mb-40{
	margin-bottom: 40px;
}

.mb-80{
	margin-bottom: 80px;
}

.bg-gray{
	background: #F1EEE9;
}

.bg-black{
	background: #000;
}

.bg-orange{
	background: #F25314;
}

.bg-white{
	background: #FFFFFF;
}

.bg-gray-dark{
	background: #BEB9B0;
}

.bg-blue{
	background: #109BFF;
}

.bg-sky{
	background: #E7F5FF;
}

.bg-dark-blue{
	background: #022A44;
}

.bg-sky span{
	color: #000;
}

.bg-blue span, .bg-dark-blue span{
	color: #fff;
}

.tag-icon-block.bg-orange span{
	color: #fff;
}

.bg-black p, .bg-black h2, .bg-orange p, .bg-orange h2, .bg-black span, .bg-orange span{
	color: #F1EEE9;
}

span.bg-black, span.bg-orange{
	color: #F1EEE9!important;
}

.page-template-votes .bg-gray span, .page-template-votes .bg-white span, .page-template-votes .bg-gray-dark span{
	color: #000;
}

.page-template-votes span.bg-white{
	color: #000!important;
}

.bg-black a{
	color: #F25314;
}

.text-orange{
	color: #F25314!important;
}

.votes-content>div{
	margin-bottom: 10px;
}

.banner-title{
	font-weight: 700;
    font-size: 110px;
}

.banner-title .banner-title-small{
	font-weight: 600;
    font-size: 45px;
    color: #F1EEE9;
	display: block;
    margin-top: 45px;
}

.center-left{
    position: absolute!important;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    width: 100%;
    margin: 0 auto;
    flex-direction: column;
    justify-content: center;
	z-index: 1;
}

.logo-top{
	margin-top: 100px;
}

.image-cup{
	position: absolute;
    width: 709px;
    max-width: none;
    top: -50px;
    left: -200px;
}

.text-cup{
	display: inline-block;
	max-width: 740px;
}

.vote-info-box{
	height: 280px;
	width: 100%;
	padding: 40px;
	position: relative;
	margin-bottom: 10px;
}

.vote-info-box-number{
	display: block;
	height: 80px;
	width: 80px;
	border-radius: 50%;
	font-weight: 700;
	font-size: 22px;
	line-height: 80px;
    text-align: center;
}

.vote-info-box-text{
	font-weight: 700;
	font-size: 22px;
	line-height: 160%;
	color: #000000;
	position: absolute;
	bottom: 40px;
	display: block;
	max-width: 185px;
}

.row.row-5{
	margin-left: -5px;
	margin-right: -5px;
}

.row.row-5 .col-12{
	padding-left: 5px;
	padding-right: 5px;
}

.vote-company{
	padding: 0 0 10px;
}

.vote-company-right{
	float: left;
	width: calc(100% - 230px);
}

.vote-company .container{
	padding: 40px;
}

.vote-company-logo-small{
	width: 200px;
	margin-right: 30px;
	float: left;
	height: 150px;
	padding: 0;
}

.vote-company-number{
	height: 80px;
    width: 80px;
    text-align: center;
    line-height: 80px;
    color: #F1EEE9;
    font-weight: 600;
    font-size: 30px;
    border-radius: 50%;
    position: absolute;
    top: -26px;
    left: -25px;
	z-index: 1;
}

.vote-company-number span{
    font-weight: 700;
    font-size: 16px;
	color: #fff!important;
}

.vote-company-title{
	font-weight: 700;
	font-size: 24px;
	line-height: 140%;
	margin-bottom: 20px;
}

.vote-company-type{
	font-weight: 600;
	font-size: 18px;
	color: #FFFFFF;
	padding: 4px 12px;
	background: #BEB9B0;
	border-radius: 100px;
	display: inline-block;
	margin-bottom: 20px;
}	

.votes-content .vote-company-info-short p{
	line-height: 150%;
	margin-bottom: 20px;
	font-size: 16px;
}

.vote-company-votes{
	padding: 15px 55px 15px 65px;
    display: inline-block;
	background: #E7F5FF;
	border-radius: 74px;
	position: relative;
	font-weight: 700;
	font-size: 24px;
	line-height: 100%;
	color: #FF6E04;
	cursor: pointer;
	width: 180px;
	float: right;
}

.vote-company-votes.stop_vote{
	color: #fff;
	background: #FF6E04;
}

.vote-company-votes:before{
	content: url('images/up-green.svg');
	position: absolute;
	top: 12px;
	left: 29px;
}

.vote-company-votes.stop_vote:before{
	filter: brightness(100);
}

.vote-company-votes span{
	font-weight: 400;
	font-size: 16px;
}

.vote-company-votes.stop_vote span{
	color: #fff!important;
}

.vote-company-more{
	display: inline-block;
    border: 1px solid #000000;
    border-radius: 74px;
    padding: 16px 42px 16px 30px;
	cursor: pointer;
}

.vote-left, .vote-company-logo-big{
	max-width: 100%;
    width: 500px;
}

.vote-left{
	padding: 30px 40px;
}

.vote-company-social-link{
	font-weight: 600;
	font-size: 16px;
	line-height: 100%;
	display: block;
	margin-bottom: 10px;
}

.vote-left .vote-company-social-link:last-child{
	margin-bottom: 0;
}

.vote-company-social-link img{
    margin-right: 20px;
}

.vote-people{
	width: 100%;
    display: flex;
    margin-bottom: 20px;
}

.vote-left .vote-people:last-child{
	margin-bottom: 0;
}	

.vote-people img{
	margin-right: 20px;
	border-radius: 50%;
}

.vote-people-info{
	display: flex;
    flex-direction: column;
    justify-content: center;
}

.vote-people-name{
    font-weight: 600;
    font-size: 18px;
    line-height: 100%;
    padding-bottom: 10px;
}

.vote-company-author{
	padding: 60px;
    display: flex;
}

.votes-content .vote-company-author p{
	margin-bottom: 0;
	font-weight: 600;
	font-size: 20px;
	line-height: 150%;
	color: #FFFFFF;
	width: calc(100% - 180px);
}

.vote-company-author img{
    border-radius: 50%;
}

.vote-company-author-info{
	width: 120px;
	margin-left: 60px;
}

.vote-company-author-name a{
	color: #fff;
}

.vote-company-rate{
	display: flex;
    padding: 50px 60px 35px;
}

.rate{
	width: 33%;
	line-height: 100%;
	color: #FFFFFF;
	font-size: 18px;
	text-align: center;
}

.rate .rate-big{
	font-weight: 600;
	font-size: 48px;
	color: #FFFFFF!important;
}

.rate-title{
	color: #000;
	font-weight: 500;
    padding-top: 10px;
    display: inline-block;
}

.vote-interview{
	padding: 40px;
}

.vote-question{
	font-size: 16px;
	position: relative;
	display: inline-block;
	padding-left: 60px;
	margin-bottom: 40px;
}

.vote-question:before{
	content: url('images/q.svg');
	position: absolute;
	top: 0px;
	left: 0px;
}

.vote-answer{
	display: flex;
}

.vote-answer-avatar{
    margin-right: 40px;
	position: relative;
}

.vote-answer-avatar{
    margin-right: 20px;
}

.vote-answer-avatar:before{
	content: url('images/a.svg');
}

.vote-answer-avatar img{
    width: 80px;
    height: 80px;
    border-radius: 50%;
}

.vote-answer-text{
}

.vote-form-email input[type="email"]{
	border: none;
    padding: 23px 40px;
    border-radius: 40px;
    width: 100%;
    max-width: 460px;
}

.vote-form-email input[type="submit"]{
    font-weight: 600;
    font-size: 20px;
    border: none;
    color: #fff;
    background: #000;
    padding: 20px 53px;
    border-radius: 36px;
	cursor: pointer;
}

.vote-form-email input:focus-visible{
	outline: none;
}

.vote-company-hide{
	display: none;
	margin-top: 60px;
}

.show-less{
	float: right;
	margin-top: 40px;
}

.chevron-up{
    transform: rotate(180deg);
}

.stop_vote{
	border: 3px solid;
	cursor: auto;
	background: #f25314;
}

.vote-info-lite{
	background: rgba(255, 255, 255, 0.2);
    border-radius: 30px;
    display: inline-block;
    padding: 10px 30px;
}

.votes-content ol{
    list-style-type: none;
    counter-reset: list;
	clear: both;
	padding: 0;
	margin-bottom: 30px;
}

.votes-content ol li{
    margin-bottom: 25px;
    position: relative;
	display: inline-block;
    max-width: 360px;
    vertical-align: top;
}

.votes-content ol li:before{
    content: counter(list);
    counter-increment: list;
    font-size: 22px;
    width: 64px;
    height: 64px;
    background: #EFF2F4;
    border-radius: 50%;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-weight: 600;
}

.link-black{
	color: #fff;
	display: inline-block;
	background: #000;
	padding: 24px 35px;
	border-radius: 100px;
}

.vote-important{
	display: flex;
    align-items: flex-start;
}

.vote-important-img{
	margin-right: 20px;
    margin-top: 10px;
}

.vote-company-prize{
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    padding: 16px 28px;
    background: #fff;
    border-radius: 74px;
    position: absolute;
    right: 335px;
    width: 285px;
}

.tag-icon-block{
	display: inline-block;
	margin: 0 10px 10px 0;
	padding: 30px;
	max-width: 412px;
}

.image-top-right{
	position: absolute;
	top: 0;
	right: 0;
}

.web3-top{
	min-height: 1140px;
}

.banner-title.banner-title-70{
	font-size: 70px;
}

@media all and (max-width: 748px){
	.vote-company-right{
		width: 100%;
	}
	.vote-company-votes:before{
		position: static;
		margin-right: 15px;
	}
	vote{
		margin-right: 5px;
	}
	.vote-company-votes br{
		display: none;
	}
	.vote-company .container {
		padding: 20px;
	}
	.image-top-right{
		position: relative;
		width: 100%;
	}
	.banner-title.banner-title-70{
		font-size: 40px;
	}
	.image-cup{
		position: static;
		max-width: 100%;
	}
	
	.back-black {
		padding: 0px;
		background: url(images/mobile-back-vote.png) top center no-repeat, #000;
		background-size: contain;
		background-position-y: 135px;
	}
	
	.back-black .container{
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.center-left{
		padding: 10px!important;
		height: 500px;
		position: relative!important;
		display: block;
	}
	
	.mobile-hide{
		display: none;
	}
	
	.banner-title {
		font-size: 60px;
	}	
	
	.banner-title .banner-title-small{
		font-size: 26px;
		line-height: 26px;
	}
	
	.vote-form-email input[type="submit"] {
		width: 100%;
		margin-top: 10px;
	}
	
	.votes-content h2{
		font-size: 32px;
	}
	
	.votes-content .vote-company-about h3 {
		font-size: 24px;
	}	
	
	.votes-content p {
		font-size: 18px;
	}
	
	.padding-big {
		padding: 80px 0;
	}
	
	.br-40 {
		border-radius: 30px;
	}
	
	 h2.margin-big {
		margin-bottom: 40px;
	}
	
	.vote-company-logo-small {
		width: 100%;
		height: 200px;
	}
	
	.vote-company-number {
		height: 60px;
		width: 60px;
		line-height: 60px;
		font-size: 22px;
		left: 20px;
		top: 5px;
	}
	
	.vote-company-number span {
		font-size: 14px;
	}

	.votes-content .vote-company-info-short p {
		padding-left: 0;
	}
	
	.vote-company-info-short{
	}
	
	.vote-company-votes {
		width: 100%;
		text-align: center;
	}

	.vote-company-more {
		padding: 20px 28px 20px 30px;
		max-width: 48%;
	}
	
	.vote-company-more.show-less{
		width: 100%;
		max-width: 100%;
		text-align: center;
	}
	
	.vote-company-about{
		margin-top: 60px;
	}
	
	.vote-company-author {
		padding: 30px;
		display: block;
	}

	.votes-content .vote-company-author p{
		width: 100%;
	}

	.vote-company-author-info{
		width: 100%;
		margin-left: 0;
		display: flex;
		align-items: flex-end;
	}

	.vote-company-author img {
		width: 90px;
		height: 90px;
		margin-left: 0;
		margin-top: 30px;
	}

	.vote-company-rate {
		display: block;
		padding: 30px;
	}

	.rate {
		width: 100%;
		line-height: 48px;
		color: #FFFFFF;
		font-size: 18px;
		text-align: left;
		position: relative;
	}

	.rate .rate-big {
		font-weight: 600;
		font-size: 42px;
	}

	.rate-title {
		position: absolute;
		right: 0;
		top: 0;
	}

	.vote-interview {
		padding: 20px;
	}

	.vote-question {
		font-size: 16px;
		position: relative;
		display: inline-block;
		padding-left: 0;
		margin-bottom: 20px;
	}

	.vote-question:before {
		content: url(images/q.svg);
		position: relative;
		top: 0px;
		left: 0px;
		display: block;
	}

	.vote-answer {
		display: block;
	}

	.vote-answer-avatar:before {
		content: url(images/a.svg);
		position: relative;
		top: 0px;
		right: 0;
	}

	.vote-answer-avatar img {
		display: none;
	}

	.vote-answer-text{
		width: 100%;
	}

	.votes-content ol li{
		padding-left: 76px;
	}

	.votes-content ol li:before {
		font-size: 18px;
		width: 56px;
		height: 56px;
		position: absolute;
		left: 0;
	}

	.vote-company-prize{
		position: initial;
		width: 100%;
		margin-bottom: 20px;
	}	
}