@font-face{
  font-family: "Muli-Black";
  src: url("../font/Muli-Black.ttf") format("truetype");
}

@font-face{
  font-family: "Muli-Regular";
  src: url("../font/Muli-Regular.ttf") format("truetype");
}

body{
	transition: all 0.2s ease-in;
	font-family: "Muli-Regular";
}
.container-main{

    max-width: 1920px!important;
    width: 80%;
    background: #232322;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 90vh;
    margin: auto;
	padding: 20px;
	    margin: 3vh auto;
}
.container-main.white,body.white{
	background:#f3e9ca;
}
.container-main.blue,body.blue{
	background:#29346f!important;
	color:#fff;
}

.inner{
	display:flex;
	width:100%;
	height:100%;
	min-height: 480px;
	border:1px solid #959595;
	align-items: center;
	justify-content: space-between;
}

.inner.inner-p2{
	border:none;
	display:block;
}

.flex{
	display:flex;
	justify-content: space-between;
}


.caption-left,.caption-right{

    margin-top: 438px;
    min-width: 10%;
    text-align: center;
    font-size: 10px;

}
.fancybox__thumbs{
	display:none!important;
}
.content-middle{
	text-align:center;
}

.title-big {
    font-size: 3.1em;
    font-weight: 200;
}
.title-bold {
    font-size: 1.1rem;
    font-weight: bold;
}

.title-saparator {
    margin-top: 15px;
	    margin-bottom: -5px;
}
.title-saparator:after{
	content:" ";
	display:block;
	width:40px;
	height:1px;
	background:#fff;
	margin:auto;
}
.title-description{
	margin-top:50px;
	font-size:10px;
}

.header {
    color: #243572!important;
    font-size: 2.5rem;
    /* letter-spacing: 0px; */
    font-weight: 700;
    line-height: 1.1;
}
.container-main.blue  .header {
	color: #fff!important;
}
.header-section.section-1{
	width:20%;
}
.header-section.section-2.text-centered {
    font-size: 2.5rem;
	font-family: "Muli-Black";
}
.header-section.section-3{
	width:20%;
}

.img-max{
	max-width:100%;
}
.box-flex{
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 500px;
}

.item {
    padding: 0px;
    background: #fff;
    cursor: pointer;
    box-shadow: 1px 1px 8px -3px #000;
	transition: all 0.3s ease-in;
	    margin: 10px;

}
.item:hover,.item.selected{
    background: #243572!important;
}
.item.selected{
    box-shadow: 0px 0px 0px 9px #cfaf00;
}
.item-icon {
    margin-bottom: -3px;
    margin-top: -40px;
    text-align: center;
}
.item-icon img{
	position:relative;
}
.item-img img{
    width: 100%;
	max-width:100%;
}
	
.item-zoom {
	margin-bottom: -48px;
    margin-top: 20px;
    text-align: center;
    cursor: pointer;
}
 .item-zoom  img{
    width: 25px;
}



.text-centered{
	text-align:center;
}

.mg-b-80{
	    margin-bottom: 80px;
}.mg-b-60{
	    margin-bottom: 50px;
}.mg-b-40{
	    margin-bottom: 40px;
}.mg-b-20{
	    margin-bottom: 20px;
}
.btn-vote{
    min-width: 173px;
    border-radius: 31px;
    color: #fff;
    background: #cfaf00;
    padding: 10px;
    font-size: 1.1rem;
	/*margin-top:40px;*/
}

.btn-vote:hover{
	color:#fff;
}
.link-div.text-centered{
    font-size: 2.5rem;
}
button.btn.btn-replay {
    min-width: 219px;
    background: #14234e;
    color: #fff;
    font-size: 1.5rem;
    border-radius: 90px;
    /* height: 57px; */
    font-weight: 100;
    letter-spacing: 1px;
    padding: 10px 10px 14px 10px;
}
button.btn.btn-replay img {
    margin-right: 5px;
}

.btn.btn-replay img{
	    vertical-align: middle;
    width: 25px;
}
.fancybox__button--slideshow,.fancybox__button--fullscreen,.fancybox__button--thumbs{
	display:none!important;
}

.fancybox__nav .carousel__button {
    color: #cead01;
}
.carousel__button{
	color: #cead01!important;
}
.fancybox__counter{
	display:none;
}
video{
	width:100%;
	max-width:100%!important;


}
.fancybox__nav .carousel__button.is-next img,.fancybox__nav .carousel__button.is-prev img{
	max-width: 100%;
    width: 34px;
}
.fancybox__backdrop {
    background: rgb(37 53 113 / 75%)!important;
}
.fancybox__toolbar {
    background: transparent!important;
}
button.carousel__button.fancybox__button--zoom {
    display: none!important;
}
body:not(.is-using-mouse) .fancybox__container :focus {
    box-shadow: none!important;
}
.fancybox__button--close img {
    width: 70px;
}
@media (min-width: 1024px){
	.fancybox__nav .carousel__button.is-prev {
		left: 140px!important;
	}
	.fancybox__nav .carousel__button.is-next {
		right: 140px!important;

	}

	button.carousel__button.fancybox__button--close {
		right: 50%!important;
		transform: translateX(40vh);
		position: absolute;
		top: 65px;
	}
}
@media only screen and (max-width: 700px) {
	.container-main{
		max-width: 100%!important;
		width:100%;
	}
	div#video-screen {
    padding: 0;
}
div#video-screen  .header.flex.mg-b-40 {
    padding: 0 20px;
}
	.header-section.section-2.text-centered {
		font-size: 1rem;
		font-family: "Muli-Black";
	}
	.btn-vote {
		margin-top: -100px;
	}
	button.carousel__button.fancybox__button--close {
		width: 100px;
		height: 100px;
	}
	img.fancybox__image {
		max-width: 70vw!important;
		margin: auto;
	}



	#select-screen .content  {
		flex-direction: column;
		justify-content: center;
	}
	.item {
		margin-bottom: 120px;
	}
	.item-zoom {
		margin-bottom: -66px;
		margin-top: 39px;
		text-align: center;
		cursor: pointer;
	}
	.item-icon {
		margin-bottom: -18px;
		margin-top: -59px;
		text-align: center;
	}
	.item-icon img {
		position: relative;
		width: 72px;
	}
}