@font-face {
	font-family:'Myriad Pro';
	/*src: url('../fonts/MyriadWebPro.eot'); 
	src: url('../fonts/MyriadWebPro.ttf'),
		 url('../fonts/MyriadWebPro.eot?#iefix') format('embedded-opentype'); *//* IE6-IE8 */
	src: url('../fonts/MyriadWebPro.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MyriadWebPro.ttf')  format('truetype');
	
}
@font-face {
	font-family: Delta;
	src: url('../fonts/deltamedium.ttf'),
	url('../fonts/deltamedium.eot?#iefix') format('embedded-opentype'); /* IE6-IE8 */
	
}
/*font-family: 'Titillium Web', sans-serif;*/
body {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#231f20+0,004a78+51,231f20+98,231f20+100&0.75+0,1+0,1+100 */
	background: -moz-linear-gradient(top, rgba(35,31,32,1) 0%, rgba(0,74,120,1) 51%, rgba(35,31,32,1) 98%, rgba(35,31,32,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(35,31,32,1) 0%,rgba(0,74,120,1) 51%,rgba(35,31,32,1) 98%,rgba(35,31,32,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(35,31,32,1) 0%,rgba(0,74,120,1) 51%,rgba(35,31,32,1) 98%,rgba(35,31,32,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#231f20', endColorstr='#231f20',GradientType=0 ); /* IE6-9 */
	font-family: 'Myriad Pro';
	min-height: calc(690px * (90/150));
    height: 100vh;
}
.modal-quiz{
	background: -moz-linear-gradient(top, rgba(35,31,32,1) 0%, rgba(0,74,120,1) 51%, rgba(35,31,32,1) 98%, rgba(35,31,32,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(35,31,32,1) 0%,rgba(0,74,120,1) 51%,rgba(35,31,32,1) 98%,rgba(35,31,32,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(35,31,32,1) 0%,rgba(0,74,120,1) 51%,rgba(35,31,32,1) 98%,rgba(35,31,32,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#231f20', endColorstr='#231f20',GradientType=0 ); /* IE6-9 */
	font-family: 'Myriad Pro';
}
.modal-quiz .modal-header{
	border:0;
}
.info-q{
	font-size:22px;
	font-weight: bold;
	color:#fff;
	text-align: center
}
.quiz-logo-modal{
	    width: 100%;
    max-width: 300px;
	margin-top:-50px;
}
.modal.show .modal-dialog.modal-dialog-quiz {
    -webkit-transform: translate(0%,-50%);
    transform: translate(0%,-50%)!important;
}
.nav-link{
	padding: 9px!important;
}
.nav {
	position: relative;
}
.center{
	text-align: center;
}
.logo{
	 width: 100%;
	 max-width: 200px;
}
.carousel-item .logo-abs{
	   
    width: 100%;
    max-width: 300px;
    position: absolute;
    top: 5%;
    left: 4px;

}
form .danger-zone .is-danger{
	color: #D8000C;
    position: absolute;
    left: 34px;
    /* display: block; */
    top: 100%;
}
.danger-zone{
	    padding: 0;
    margin-bottom: 32px;

}
/*.backstudcont{
	background: url('../img/Asset 2Poza elevi muncitori.png') no-repeat center;
    background-size: contain;
    width: 100%;
    height: 500px;
}*/
/*edit*/
.levele{
    width: 100%;
    margin: auto;
	max-width: 60%;
}
.level-up {
    position: absolute;
    width: 100%;
    bottom: 8%;
    left: 46%;
    z-index: 1;
    transform-origin: 40% 85%;
    transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(450deg);
    -o-transform: rotate(270deg);
    margin-left: auto;
    margin-right: auto;
    max-width: 6%;
}
.modal-dialog{
	top: 50%;
	    width: 74%;
	margin: auto;
}
/*flipbook*/
.count{
	 width: 100%;
	 min-width: 50%;
}
.count-title{
	font-size: 15px;
	color:#fff;
	font-family: 'Myriad Pro';
}
.square{
	background:url('../img/button-albastru.png') no-repeat center;
    background-size: contain;
	position: relative;
	height: 230px;
	display: block;
}
.square-gray{
	background:url('../img/button-gri.png') no-repeat center;
    background-size: contain;
	position: relative;
	height: 230px;
	

}
.icons-txt, .icons-txt-blue{
	position: absolute;
    text-align: center;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	padding: 0 17px;
	
}
.icons-txt .win{
	font-family: 'Myriad Pro';
	font-size: 17px;
	text-transform: uppercase;
	color: #023B51;
	-webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
.icons-txt p, .icons-txt-blue p{
	font-family: 'Myriad Pro';
	font-size: 16px;
	text-transform: uppercase;
	color: #fff;
	-webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
.icons-txt img{
    max-width: 110px;
	width:100%;
	margin:-5px;
}
.icons-txt-blue img{
	padding: 1vh 1vh;
    max-width: 100px;
	width:100%
}
.icons-text{
	position: absolute;
    text-align: center;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	padding: 0 17px;
}
.icons-text .win {
    font-family: 'Myriad Pro';
    font-size: 17px;
    text-transform: none;
    color: #023B51;
    text-align: left;
    margin-left: 10%;
}
.icons-text p {
    font-family: 'Myriad Pro';
    font-size: 16px;
    text-transform: uppercase;
    margin: 0;
    color: #023B51;
    font-weight: 900;
}
.button-area{
	/*margin-top:50px;*/
}
.flip-area {
	/*margin:50px 0;*/
}
.meter-area{
/*	margin:50px 0;*/
}
/*edit*/
.speedometer.speed-1 {
    background: url('../img//borna 2.png') no-repeat top;
}
.speedometer {
    width: 300px;
    height: 150px;
    position: relative;
    border-radius: 500px 500px 0 0;
    margin: 20px auto;
}
.speedometer > .pointer {
    position: absolute;
    width: 0;
    height: 0;
    left: 50%;
    bottom: 2px;
    animation: speed-1 0.5s alternate infinite ease-in-out;
}
.speedometer.speed-1 > .pointer {
    animation-name: speed-1;
}
.speedometer > .pointer:after {
    content: url(../img/acc.png);
    display: block;
    position: absolute;
    left: 7px;
    width: 0;
    height: 0;
    bottom: 85px;
}
.speedometer:after {
    background-color: transparent;
    width: 20px;
    height: 10px;
    left: 50%;
    margin-left: -16px;
    border-radius: 20px 20px 0 0;
    content: "";
    display: block;
    position: absolute;
    bottom: 24px;
}
/*@keyframes speed-1{
  0% {
    -moz-transform: rotate(100deg);
    -ms-transform: rotate(100deg);
    -webkit-transform: rotate(100deg);
    transform: rotate(-100deg);
}
 100% {
    -moz-transform: rotate(110deg);
    -ms-transform: rotate(110deg);
    -webkit-transform: rotate(110deg);
    transform: rotate(-110deg);
}
}
@keyframes speed-2
  from
    +transform(rotate(130deg))
  to
    +transform(rotate(140deg))

@keyframes speed-3{
  from
    +transform(rotate(175deg))
  to
    +transform(rotate(185deg))
}
@keyframes speed-4
  from
    +transform(rotate(230deg))
  to
    +transform(rotate(240deg))

@keyframes speed-5
  from
    +transform(rotate(250deg))
  to
    +transform(rotate(260deg))*/
.speedometer img{
	 position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
}

.no-padding {
	padding: 0px !important;
}
.title{
  	background: rgb(153,153,153); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(153,153,153,1) 0%, rgba(242,242,242,1) 13%, rgba(255,255,255,1) 33%, rgba(158,158,158,1) 51%, rgba(255,255,255,1) 73%, rgba(208,210,211,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(153,153,153,1) 0%,rgba(242,242,242,1) 13%,rgba(255,255,255,1) 33%,rgba(158,158,158,1) 51%,rgba(255,255,255,1) 73%,rgba(208,210,211,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(153,153,153,1) 0%,rgba(242,242,242,1) 13%,rgba(255,255,255,1) 33%,rgba(158,158,158,1) 51%,rgba(255,255,255,1) 73%,rgba(208,210,211,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#d0d2d3',GradientType=0 ); /* IE6-9 */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	text-transform: uppercase;
	font-size:50px;
	font-family: Delta;
	font-weight: 900;
	 -webkit-text-stroke-width: 0.5px;
     -webkit-text-stroke-color: #d0d2d3;
	margin:50px 0;
}
.prizes img{
	width:100%;
	max-width: 250px;
}
.icons-txt-blue  .prize6{
	    max-width: 65px;
}
.icons-txt .prize1{
	max-width:95px;
}
/*.desc{
    top: -35px;
}*/
.desc2{
    top: 10px;
}
.icons-txt .wp{
	max-width:90px;
}

.square:hover, .square-gray:hover{
	cursor: pointer;
	opacity: 0.75;
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
}
.unic-link{
	color: #fff;
    font-size: 18px;
    padding-bottom: 20px;
	font-family: 'Myriad Pro';
}
.icons-txt .share-link{
	font-family: 'Myriad Pro';
	font-size: 13px;
	text-transform: uppercase;
	margin: 0;
	color: #023B51;
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill  {
    background-color: rgba(0,74,120,1)!important;
    background-image: none;
    color: #fff!important;


}
input:-webkit-autofill {
    -webkit-box-shadow:none!important;
}



input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-transition-delay: 9999s;
    -webkit-transition: color 9999s ease-out, background-color 9999s ease-out;
}
.btn-group-vertical>.btn:hover, .btn-group>.btn:hover {
    z-index: 2;
    cursor: pointer;
    opacity: 0.75;
    -webkit-transform: translateY(3px);
    transform: translateY(1px);
}
 form .complete-data .is-danger{
	color: #D8000C;
    position: absolute;
    left: -31%;
    /* display: block; */
    top: 100%;
}
 
.login-form .is-danger {
    color: #D8000C;
    position: absolute;
    left: 28%;
    display: block;
    top: -26px;
}
.autocomplete-box ul {
    font-family: Myriad Pro;
    font-size: 14px;
    color: #00C9FF;
    list-style: none;
    overflow-y: scroll;
    width: 100%;
    height: 164px;
	padding: 10px;
}
.autocomplete-box{
	position:absolute;
	z-index: 2;
	background: #023B51;
}
.autocomplete-box ul li:hover{
	cursor: pointer;
}
/*.btn-toolbar_login:hover{
	z-index: 2;
    cursor: pointer;
    opacity: 0.75;
    -webkit-transform: translateY(3px);
    transform: translateY(1px);
}*/
::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 0px;
	background-color: #00C9FF;
}

::-webkit-scrollbar
{
	width: 5px;
	background-color: #00C9FF;
}

::-webkit-scrollbar-thumb
{
	border-radius: 0px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: rgba(0,74,120,1);
}
.mobil-button{
	width:150px;
}
@media  screen and (min-device-width: 1100px)  and (max-width: 1440px)  {
	.square {
		background: url(../img/button-albastru.png) no-repeat center;
		background-size: contain;
		position: relative;
		height: 200px;
		display: block;
		}
  .square-gray {
		background: url(../img/button-gri.png) no-repeat center;
		background-size: contain;
		position: relative;
		height:200px;
		}
	.icons-txt img {
    max-width: 100px;
    width: 100%;
    margin: -5px;
}
	.icons-txt .prize1 {
    max-width: 91px;
}
	.icons-txt-blue img {
    padding: 1vh 1vh;
    max-width: 100px;
    width: 100%;
}
}
@media screen 
  and (min-device-width: 1100px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1) { 
	  
	  .square {
    background: url(../img/button-albastru.png) no-repeat center;
    background-size: contain;
    position: relative;
    height: 30vh;
    display: block;
	}
	  .square-gray {
    background: url(../img/button-gri.png) no-repeat center;
    background-size: contain;
    position: relative;
    height: 30vh;
	}
}
@media screen and (max-width: 768px){
	.nav-tabs .nav-link.link-tab{
		font-size: 12px;
	}
	.icons-txt .win{
		margin-bottom:28px
	}
	.square:hover, .square-gray:hover {
    cursor: pointer;
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
	}
	
	/*	.desc{
    	top: 35px;
	}*/
	.desc2{
    top: 40px;
}
	.desc3{
    top: 40px;
}
	.icons-txt img{
		padding: 0vh;
		max-width: 80px;
    	width: 35%;
		margin: -10px;
	}
	.icons-txt.icons-share img{
		margin: -1px;
	}
	.icons-txt .prize1{
		max-width: 75px;
		width: 30%;
	}
	.icons-txt-blue .prize6 {
    	width: 20%;
	}
	.icons-txt-blue img {
		padding: 0;
		max-width: 130px;
		width: 35%;
		margin-top: 25px;
		margin-bottom: -3PX;
	}
	.icons-txt .win {
		font-family: 'Myriad Pro';
		font-size: 14px;
		text-transform: uppercase;
		color: #023B51;
		-webkit-margin-before: 1em;
		-webkit-margin-after: 1em;
		-webkit-margin-start: 0px;
		-webkit-margin-end: 0px;
		margin-bottom:18px;
	}
	
	.square-gray, .square {
		background-size: contain;
		position: relative;
		height: 115px;
	}
	.icons-txt p, .icons-txt-blue p {
    font-family: 'Myriad Pro';
    font-size: 13px;
    text-transform: uppercase;
    color: #fff;
}
	.title{
		font-size: 33px;
	}	   
	.levele{
		width: 100%;
		margin: auto;
		max-width: 68%;
	}
}
/*iphone5*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) { 
	.mobil-button{
	width:120px;
}
	.mobil-button.mobil-button_fr{
	width:140px;
}
	.title {
    font-size: 28px;
    margin:0;
		
		}
	.icons-txt_fr_social.icons-txt  .win{
		font-size: 11px;
	}
	.icons-txt .win {
    font-size: 13px;
		}
	.icons-txt .win.win_fr{
		font-size: 9px;
	}
	
	.icons-txt p {
	font-size: 12px;
	}
	.icons-txt_fr_social.icons-txt  p{
		font-size: 10px;
	}
	.icons-txt.icons-txt_fr p {
	font-size: 9px;
	}
	.icons-txt.icons-txt_fr p, .icons-txt-blue.icons-txt-blue_fr p{
		font-size: 9px;
	}
	.square-gray, .square {
		height: 17vh;
	}
	.square-gray.square-share, .square.square-share {
    height: 22vh;
}
	.nav-link {
    padding: 6px!important;
    }
	.count-title.count-title_fr{
	font-size: 11px;
	color:#fff;
	font-family: 'Myriad Pro';
    }
	.count-title{
	font-size: 14px;
	color:#fff;
	font-family: 'Myriad Pro';
    }
	.prizes img{
	width:100%;
	max-width: 100px;
	}
	.icons-txt, .icons-txt-blue{
		padding: 0 12px;
	}
	.icons-txt-blue img {
    padding: 0;
    max-width: 130px;
    width: 50%;
	    margin-top: 25px;
	}
	.icons-txt-blue .prize6 {
    width: 28%;
}
	
	.icons-txt .win.fr {
    
    -webkit-margin-before: 1em;
    -webkit-margin-after: 28px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
	}
	.icons-txt .win {
    
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1.1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
	}
}
.form-group {
    margin-bottom: 2rem;
}

.table td, .order-values th  {
	border-bottom: 0px solid #e9ecef!important; 
	border-top: 0px solid #e9ecef!important; 
	color:#fff;
	text-align: center;
	font-family: 'Myriad Pro';
	font-size:12px;
	font-weight: 200;
	
}
.table thead .order-values th{
	font-size: 18px;
	font-weight: bold;
	font-family: 'Myriad Pro';
}
.titleAdmin{
	font-size:23px;
	font-weight: bold;
	font-family: 'Myriad Pro';
	text-align: center;
	color:#fff;
	display: block;
	margin-top: 10%;
}
.order-values .appyes{
	
	color:#66cd00;
}
.order-values .appyes.appno{
	
	color:#ff0000;
}
.subTitleAdmin{
	font-size:18px;
	font-weight: 300;
	font-family: 'Myriad Pro';
	text-align: center;
	color:#fff;
	display: inline-block;
}
 .simpleBtn {
    color: #fff;
    background-color: #00C9FF!important;
    border-color: #00C9FF!important;
	 font-size:14px;
	font-weight: bold;
	font-family: 'Myriad Pro';
	text-align: center;
	padding: 2px 20px;
	cursor: pointer;
}
.simpleBtn.denayBtn {
    color: #fff;
    background-color: #ff0000!important;
    border-color: #ff0000!important;
	 font-size:14px;
	font-weight: bold;
	font-family: 'Myriad Pro';
	text-align: center;
	padding: 2px 20px;
	cursor: pointer;
}
.simpleBtn.denayBtn:hover {
   background-color: #fff!important;
    border-color: #ff0000!important;
	color:#ff0000;
}
.simpleBtn:hover{
	background-color: #fff!important;
    border-color: #00C9FF!important;
	color:#00C9FF
}
.modal-text{
	font-size: 24px;
	font-weight: bold;
	font-family: 'Myriad Pro';
	text-align: center;
	color:#000;
}
.modal-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: center;
    padding: 15px;
    border-top: 0px solid #e9ecef;
}
.grayBtn{
	padding: 1px 40px!important;
	font-size: 14px;
	font-weight: bold;
	font-family: 'Myriad Pro';
	text-align: center;
	cursor: pointer;
}
.blueBtn{
	padding: 1px 40px!important;
	font-size: 14px;
	font-weight: bold;
	font-family: 'Myriad Pro';
	text-align: center;
	background:#00C9FF;
	border-color:#00C9FF;
	cursor: pointer;
}
.blueBtn:hover{
	background:#FFF;
	border-color:#00C9FF;
	color:#00C9FF;
}
.help{
    color: #B3B3B3;
}
.btnLogOut{
	background: transparent!important;
	font-size:24px;
	color:#fff!important;
	text-align: center;
	border:0px!important;
	cursor: pointer;
}
.btnLogOut span{
	margin-right: 10px;
    display: inline-block;
	padding: 3px;
}
.btnLogOut span img{
	max-width: 35px;
}
.btn-primary.focus, .btn-primary:focus {
    box-shadow: 0 0 0 0rem transparent!important;
}
.succes-admin{
	color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
    position: absolute!important;
    width: 30%!important;
    top: 0!important;
    margin: auto!important;
    text-align: center!important;
    left: 0!important;
    right: 0!important;
}
.danger-admin{
	position: absolute!important;
    width: 30%!important;
    top: 0!important;
    margin: auto!important;
    text-align: center!important;
    left: 0!important;
    right: 0!important;
}
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) { 
	.bg-gray {
    background: url(../img/bg-gray.png) no-repeat center;
    background-size: contain;
    position: relative;
    min-height: 138px;
    width: 100%;
    height: 100%;
    /* max-height: 400px; */
    padding: 19vh 40vh;
}
	.title{
		margin:0;
	}
	.square, .square-gray {
    height: 40vh;
}
	.desc{
    top: 35px;
}
	.padding-xs{
			padding: 0!important;
		}
}
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
	and (orientation : landscape) { 
		.title{
		margin:0;
	}
	.square, .square-gray {
		height: 40vh;}
	
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) 
and (-webkit-min-device-pixel-ratio: 1) { 
	.title{
		margin:0;
	}
	.square, .square-gray {
    height: 200px;
	}
	.icons-txt img {
    max-width: 104px;
    width: 100%;
    margin: -5px;
	}	
	.icons-txt .prize1 {
    max-width: 90px;
	}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1)  { 
	.title{
		margin:0;
	}
	.square, .square-gray {
    height: 24vh;
	}
	.icons-txt img {
    max-width: 104px;
    width: 100%;
    margin: -5px;
	}	
	.icons-txt .prize1 {
    max-width: 90px;
	}
	.icons-txt-blue img {
    padding: 0;
    max-width: 100px;
    width: 100%;
    margin-top: 39px;
	}
	.icons-txt-blue .prize6 {
    max-width: 61px;
	}
}

/* Tooltip container */

/* Tooltip text */
.tooltiptext {
    visibility: hidden;
    width: 300px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
 
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
	top: 34px;
	left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}
.tooltiptext1{
    visibility: hidden;
    width: 300px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
 
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip1:hover .tooltiptext {
    visibility: visible;
}
.tooltip2:hover .tooltiptext {
    visibility: visible;
}
.tooltip3:hover  {
    visibility: visible;
}
@media screen and (max-width: 769px) {
    .backstud .padding-xs{
			padding: 0!important;
		}
	.carousel-item .logo-abs{ 
	width: 100%;
    max-width: 100px;
    position: absolute;
    top: 5%;
	left: 4px;
	}
	.carousel-caption.carousel-caption_fr {
	bottom: 3%!important;
    right: 5%;
    left: 5%;
    padding: 0;
}
}

.carousel-caption {
	bottom: 15%!important;
}


.terms{
	
    color: #fff;
    font-size: 16px;
	font-family: 'Myriad Pro'; 
	display: block;

}
.lang{
	color: #fff;
    font-size: 16px;
	font-family: 'Myriad Pro'; 
}
.lang:hover{
	color: #fff;
    font-size: 16px;
	font-family: 'Myriad Pro'; 
	text-decoration: underline;
}
.lang-sep{
	color:#fff;
	margin-right:15px;
	margin-left:15px;
	font-size: 18px;
}
.terms:hover {
    color: #fff;
    text-decoration: underline;
}
[type="checkbox"]:not(:checked), [type="checkbox"]:checked {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
[type="checkbox"]+label {
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    font-size: 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
[type="checkbox"]:checked+label:before {
    top: -4px;
    left: -5px;
    width: 12px;
    height: 22px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}
[type="checkbox"]+label:before, [type="checkbox"]:not(.filled-in)+label:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    z-index: 0;
    border: 2px solid #ffffff;
    border-radius: 1px;
    margin-top: 2px;
    -webkit-transition: .2s;
    transition: .2s;
}
[type="checkbox"]:not(.filled-in)+label:after {
    border: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
/* ----------- iPhone X ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
	.square-gray, .square {
		height: 14vh;
	}
	 .icons-txt .win.fr {
		  
    -webkit-margin-before: 0em;
    -webkit-margin-after: 16px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
	}
	  .square:hover, .square-gray:hover {
    cursor: pointer;
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
	}
}
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
	and (orientation: landscape){
		
		.square-gray, .square {
			height: 52vh;

		}
		.icons-txt .win.fr {
		-webkit-margin-before: 1em;
		-webkit-margin-after: 28px;
		-webkit-margin-start: 0px;
		-webkit-margin-end: 0px;
	}
		.square:hover, .square-gray:hover {
    cursor: pointer;
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}
		
}
    
.rank  td{
	color:#fff;
	font-size: 12px;
	text-align: center;
}
.table-head th{
	text-align: center;
}
.nav.nav-tabs{
	-webkit-padding-start: 0px;
    padding: 0;
   
}
.nav-tabs {
	border:0!important
}

.nav-tabs .nav-link.link-tab {
    
    border-top-right-radius: 0rem;
	font-size: 14px;
	font-family: Myriad Pro;
	font-weight: bold;
    color: #b3b3b3;
	text-transform: capitalize;
	margin-top: 0;
	border: 1px solid #fff;
}
.nav-tabs .nav-link.left-tab{
	border-top-left-radius: 50px;
	border-bottom-left-radius: 50px;
}
.nav-tabs .nav-link.middle-tab{
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}
.nav-tabs .nav-link.right-tab{
	border-top-right-radius: 50px;
	border-bottom-right-radius: 50px;
}
 .nav-tabs .nav-link:hover, .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	border-color: #fff;
    color: rgba(35,31,32,1);
    background: #fff!important;
    margin-top: 0;
}
 .nav-tabs .nav-link:active {
	 background:transparent;
}
@media screen and (max-width: 768px){
	.carousel-caption.carousel-custom {
    bottom: 3%!important;
}
	
	.nav.nav-tabs{
		margin-bottom: 20px
	}
}
@media screen and (max-width: 815px){
	.nav-tabs .nav-link.link-tab{
		font-size: 12px;
	}
	.icons-txt .win.fr {
		-webkit-margin-before: 0em;
		-webkit-margin-after: 16px;
		-webkit-margin-start: 0px;
		-webkit-margin-end: 0px;
	}
		.square:hover, .square-gray:hover {
    cursor: pointer;
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}
}
.change-pass{
	font-size: 14px;
	font-family: Myriad Pro;
	color:#fff;
	margin-top:15px;
	text-decoration: underline;
	display: block;
	font-weight: 200;
}
.change-pass:hover{
	color:#fff;
	text-decoration: none;
}

.earn-text{
	font-size: 17px;
	color:#fff;
	font-family: Myriad Pro;
	text-align: center;
}
.earn-point-r, .earn-point-r:hover{
	color:#B3B3B3;
	text-decoration:underline;
	font-family: Myriad Pro;
}
.downusers{
	font-family: Myriad Pro;
	font-size: 17px;
	color:#fff;
	border:1px solid #fff;
	margin-top:15px;
	padding: 10px;
	display: inline-block
}
.downusers:hover{
	background: #fff;
	color:rgba(35,31,32,1);
	text-decoration: none;
}

.wheel{
    position: relative;
    /*width: 80%;*/
    margin-top: 50px;
}
.wheel-component{
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 3;
}
.wheel-interior{
    position: relative;
    transform-origin: center center;
    transform-style: preserve-3D;
    transition: transform 1s linear;
    z-index: 2;
}
.weel-rotate{
    transform: rotate(360deg);
    transition: transform 3s ease-out;
}
.wheel-leg{
    top: 100%;
    margin-top: -10%;
    z-index: 1;
}

#app .text-17{
    font-size: 17px;
}
#wheelModal .modal-dialog{
	transform: translate(0,-50%);
	top:50%;
	max-width: 37%;
	width: 100%;
}
  #winModal .modal-dialog{
	transform: translate(0,-50%);
	top:50%;
	max-width: 32%;
	width: 100%;
}

#winModal .modal-content{
	height: 100%;
    min-height: 400px;
    width: 100%;
}
#wheelModal .modal-content{
	height: 100%;
    min-height: 400px;
    width: 100%;
}
#wheelModal .modal-body, #winModal .modal-body{
	flex: 0.4 1 auto;
}
.img-cont{position: absolute;
    top: 10%;
}

.flex-auto{
	flex: auto;
}
.imgimg img{
	width:100%;
	max-width: 150px;
}
@media screen and (max-width: 768px){
	#wheelModal .modal-dialog, #winModal .modal-dialog{
		transform: translate(0,-50%);
		top:50%;
		max-width: 100%;
		width: 100%;
    }
	.wheel {
    position: relative;
    width: 70%;
    margin-top: 50px;
    margin: auto;
}
}

.flex-auto.box {
   display: flex;
   align-items:center;
}
.box p{
	font-size: 15px;
	 font-family: 'Myriad Pro';
}
.modal-text.luck{
	font-size: 32px;
	font-weight: bold;
}
.spin{
	padding: 1px 40px!important;
    font-size: 14px;
    font-weight: bold;
    font-family: 'Myriad Pro';
    text-align: center;
    background: #009900;
    border-color: #009900;
    cursor: pointer;
	color:#fff;
}
.spin:hover{
	    padding: 1px 40px!important;
    font-size: 14px;
    font-weight: bold;
    font-family: 'Myriad Pro';
    text-align: center;
    background: #fff;
    border-color: #009900;
    cursor: pointer;
	color:#009900;
}
.grayBtn{
	padding: 1px 40px!important;
    font-size: 14px;
    font-weight: bold;
    font-family: 'Myriad Pro';
    text-align: center;
    background: #999999;
    border-color: #999999;
    cursor: pointer;
	color:#fff;
}
.grayBtn:hover{
	padding: 1px 40px!important;
    font-size: 14px;
    font-weight: bold;
    font-family: 'Myriad Pro';
    text-align: center;
    background: #fff;
    border-color: #999999;
    cursor: pointer;
	color:#999999;
}
button.close:focus {
    outline: 1px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}
.close {
    float: right;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
    text-align: right;
    margin: 10px;
    font-size: 30px;
    font-weight: bold;
    display: block;
}
.close.close-quiz{
	color:#fff!important;
	opacity: 1!important;
}
/*#winModal .modal-content .modal-body{
	background: url("../img/lucky-wheel---editabil.png") right no-repeat;
}*/
.won-pts{
	font-family: 'Myriad Pro';
	font-size: 20px;
}
.btn-primary_login.buy-btn.spinw.dis{
	 background: url(../img/bg-buttondis.png) no-repeat left!important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0px !important;
    cursor: pointer;
    background-size: contain!important;
    padding: 10px 40px;
	width: auto;
	color:#023B51;
	font-weight: 700;
}
.btn-primary_login.buy-btn.spinw.dis:hover, .btn-primary_login.buy-btn.spinw.dis:focus {
    background: url(../img/bg-buttondis.png) no-repeat center !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0px !important;
    z-index: 1;
    opacity: 1;
    -webkit-transform: translateY(3px);
    transform: translateY(0px);
	cursor: no-drop;
}
.title.title_page.spin-title{
	font-size: 26px;
}
.icons-txt-blue img.quiz-logo  {
	width: 100%;
	max-width: 100%;
}
.quiz-logo{
	width: 100%;
	max-width: 600px;
}
.quiz-head{
	font-size:30px;
	font-family: 'Myriad Pro';
	font-weight: bold;
	color:#fff;
	border:#2e9cff 2px solid;
	border-radius:75px;
	background: #0d1326;
	padding: 30px;
	
	
}
.quiz-answer{
	font-size:27px;
	font-family: 'Myriad Pro';
	font-weight: bold;
	color:#fff;
	border:#2e9cff 2px solid;
	border-radius:75px;
	background: #0d1326;
	padding: 15px;
	text-align: center
}
.quiz-answer:hover{
	font-size:27px;
	font-family: 'Myriad Pro';
	font-weight: bold;
	color:#fff;
	border:#2e9cff 2px solid;
	border-radius:75px;
	background: #2e9cff;
	padding: 15px;
	text-align: center;
	cursor: pointer;
}
.option{
	    font-size: 40px;
    color: #f39500;
    text-transform: uppercase;
    font-family: 'Myriad Pro';
    font-weight: bold;
    vertical-align: middle;
    align-items: center;
	padding: 10px;
}
.quiz-answer.correct{
	background: #009900;
}
.quiz-answer.inccorect{
	background: #cc0000;
}