
.rubiks_cube_content {
	color : #002E40 ;
	height : 100% ;
	opacity : 0 ;
	line-height : 240% ;
}
.rubiks_cube_content p, .rubiks_cube_content a {
	color : #002E40 ;
}
.rubiks_cube_content a, .rubiks_cube_content a, .rubiks_cube_content a:hover, .rubiks_cube_content a:visited, .rubiks_cube_content a:link, .rubiks_cube_content a:active, .rubiks_cube_content a:-webkit-any-link{ 
	text-decoration : none !important;
	color : #FA9600 ; 
}
.rubiks_cube_content center {
	color : #FA9600 ; 
	border-bottom : 0.2vw solid #eee ;
	padding-bottom : 0.5vw ;
	margin-bottom : 0.5vw ;
}
.rubiks_cube_content h2 {
	color : #FA9600 ;
	font-weight : bold ;
	line-height : 240% ;
}
.rubiks_cube {
	position : fixed ;
	overflow-x : hidden ;
	overflow-y : hidden ;
	height : auto ;
	width : auto ;
	padding-top : 0.1vw ;
	padding-right : 0.1vw ;
	padding-left : 0.1vw ;
	padding-bottom : 1.15vw ;
	top : 1.5vw ;
	right : 3vw ;
	left : 3vw ;
	bottom : 10vw ;
	display : block ;
	z-index : 50 ;
	border-radius : 0.25vw ;
	transform : translateY(0.1%) ;
	transition : all 0.5s ;
	visibility : hidden ;
}
.rubiks_cube::-webkit-scrollbar * {
	background : transparent ;
}
.rubiks_cube::-webkit-scrollbar-thumb {
	background : rgba(255,0,0,0.1) ;
}
.rubiks_cube:before {
	position : absolute ;
	width : 0.01% ;
	height : 0.01% ;
	background : #002E40 ;
	opacity : 0.5 ;
	content : "" ;
	top : 100% ;
	right : 50% ;
	left : 50% ;
	bottom : 0% ;
	border-radius : 50% ;
	-webkit-transition : all 600ms cubic-bezier(0.215, 0.61, 0.355, 1) ;
	transition : all 600ms cubic-bezier(0.215, 0.61, 0.355, 1) ;
}
.rubiks_cube.active {
	display : block ;
	overflow-y : auto ;
	background : #FFFFFF ;
	visibility : visible ;
	z-index : 50 ;
	transform : translateY(0%) ;
	transition : all 0.5s ;
	-webkit-box-shadow : 0.1vw 0.3vw 1vw #BBBBBB ;
	box-shadow : 0.1vw 0.3vw 1vw #BBBBBB ;
}
.rubiks_cube.active:before {
	position : absolute ;
	padding : 0% ;
	height : 2000px ;
	width : 2000px ;
	border-radius : 50% ;
	top : 50% ;
	right : 50% ;
	left : 50% ;
	bottom : 50% ;
	background : #FFFFFF ;
	opacity : 0.75 ;
	margin-left : -1000px ;
	margin-top : -1000px ;
	display : block ;
	-webkit-transition : all 600ms cubic-bezier(0.215, 0.61, 0.355, 1) ;
	transition : all 600ms cubic-bezier(0.215, 0.61, 0.355, 1) ;
}
.rubiks_cube.active .rubiks_cube_content {
	position : relative ;
	height : 97% ;
	padding-top : 1vw ;
	padding-right : 1vw ;
	padding-left : 1vw ;
	padding-bottom : 1vw ;
	z-index : 50 ;
	opacity : 1 ;
	transition : all 600ms cubic-bezier(0.55, 0.055, 0.675, 0.19) ;
}
a.rubiks_cube_btn {
	padding : 0.5vw ;
  	margin-left : -2vw ;
	width : 4vw ;
	height : 4vw ;
	left : 50% ;
	bottom : 0.5vw ;
  	outline : none ;
	border-radius : 50% ;
	display : block ;
	position : fixed ;
	transform : scale(0.001) rotate(0deg);
	transition : transform 0.25s ;
	background-color : #FABD4A ;
	align-self : center ;
    text-align : center ;
	z-index : 50 ;
}
.rubiks_cube_btn:hover {
	text-decoration : none ;
	background-color : #F2F2F2 ;
}
.rubiks_cube_btn.active {
	transform : scale(1) rotate(135deg) ;
	transition : transform 0.5s ;
	z-index : 55 ;
}
.rubiks_cube_empty_layer {
	position : fixed ;
	display : none ;
	width : 0% ;
	height : 0% ;
	left : 0 ;
	top : 0 ;
	z-index : 45 ;
	background-color : #FA9600 ;
	float : left ;
}
.rubiks_cube_empty_layer.active {
	display : block ;
	width : 100% ;
	height : 100% ;
	opacity : 0.2 ;
	-webkit-transition : all 800ms cubic-bezier(0.58, 0, 0.58, 1) ;
	transition : all 800ms cubic-bezier(0.58, 0, 0.58, 1) ;
}

iframe {
    width : 85vw ;
    height : 48vw ;
}
@media (max-width : 880px) and (min-width : 800px){
    .rubiks_cube {
        bottom : 11.4vw ;
        right : 5.5vw ;
        left : 5.5vw ;
    }
	.rubiks_cube_content p, .rubiks_cube_contenta {
		font-size : 1.71vw ;
	}	
	.rubiks_cube_content h2 {
		font-size : 2.38 ;
	}	
	a.rubiks_cube_btn {
		margin-left : -2.85vw ;
		width : 5.7vw ;
		height : 5.7vw ;
	}
    iframe {
		width : 83.85vw ;
		height : 46.96vw ;
    }
}
@media (max-width : 968px) and (min-width : 880px){
    .rubiks_cube {
        bottom : 10.83vw ;
        right : 7.88vw ;
        left : 7.88vw ;
    }
	.rubiks_cube_content p, .rubiks_cube_contenta {
		font-size : 1.62vw ;
	}	
	.rubiks_cube_content h2 {
		font-size : 2.26 ;
	}	
	a.rubiks_cube_btn {
		margin-left : -2.71vw ;
		width : 5.42vw ;
		height : 5.42vw ;
	}
    iframe {
		width : 79.34vw ;
		height : 44.43vw ;
    }
}
@media (max-width : 1065px) and (min-width : 968px){
    .rubiks_cube {
        bottom : 10.29vw ;
        right : 10.13vw ;
        left : 10.13vw ;
    }
	.rubiks_cube_content p, .rubiks_cube_contenta {
		font-size : 1.54vw ;
	}	
	.rubiks_cube_content h2 {
		font-size : 2.14 ;
	}	
	a.rubiks_cube_btn {
		margin-left : -2.57vw ;
		width : 5.14vw ;
		height : 5.14vw ;
	}
    iframe {
		width : 75.05vw ;
		height : 42.03vw ;
    }
}
@media (max-width : 1172px) and (min-width : 1065px){
    .rubiks_cube {
        bottom : 9.77vw ;
        right : 12.28vw ;
        left : 12.28vw ;
    }
	.rubiks_cube_content p, .rubiks_cube_contenta {
		font-size : 1.47vw ;
	}	
	.rubiks_cube_content h2 {
		font-size : 2.04 ;
	}	
	a.rubiks_cube_btn {
		margin-left : -2.445vw ;
		width : 4.89vw ;
		height : 4.89vw ;
	}
    iframe {
		width : 70.98vw ;
		height : 39.75vw ;
    }
}
@media (max-width : 1289px) and (min-width : 1172px){
    .rubiks_cube {
        bottom : 9.29vw ;
        right : 14.31vw ;
        left : 14.31vw ;
    }
	.rubiks_cube_content p, .rubiks_cube_contenta {
		font-size : 1.39vw ;
	}	
	.rubiks_cube_content h2 {
		font-size : 1.93 ;
	}	
	a.rubiks_cube_btn {
		margin-left : -2.32vw ;
		width : 4.64vw ;
		height : 4.64vw ;
	}
    iframe {
		width : 67.11vw ;
		height : 37.58vw ;
    }
}
@media (max-width : 1418px) and (min-width : 1289px){
    .rubiks_cube {
        bottom : 8.82vw ;
        right : 16.25vw ;
        left : 16.25vw ;
    }
	.rubiks_cube_content p, .rubiks_cube_contenta {
		font-size : 1.32vw ;
	}	
	.rubiks_cube_content h2 {
		font-size : 1.84 ;
	}	
	a.rubiks_cube_btn {
		margin-left : -2.205vw ;
		width : 4.41vw ;
		height : 4.41vw ;
	}
    iframe {
		width : 63.43vw ;
		height : 35.52vw ;
    }
}
@media (max-width : 1560px) and (min-width : 1418px){
    .rubiks_cube {
        bottom : 8.38vw ;
        right : 18.09vw ;
        left : 18.09vw ;
    }
	.rubiks_cube_content p, .rubiks_cube_contenta {
		font-size : 1.26vw ;
	}	
	.rubiks_cube_content h2 {
		font-size : 1.75 ;
	}	
	a.rubiks_cube_btn {
		margin-left : -2.095vw ;
		width : 4.19vw ;
		height : 4.19vw ;
	}
    iframe {
		width : 59.94vw ;
		height : 33.57vw ;
    }
}
@media (max-width : 1716px) and (min-width : 1560px){
    .rubiks_cube {
        bottom : 7.96vw ;
        right : 19.83vw ;
        left : 19.83vw ;
    }
	.rubiks_cube_content p, .rubiks_cube_contenta {
		font-size : 1.19vw ;
	}	
	.rubiks_cube_content h2 {
		font-size : 1.66 ;
	}	
	a.rubiks_cube_btn {
		margin-left : -1.99vw ;
		width : 3.98vw ;
		height : 3.98vw ;
	}
    iframe {
		width : 56.62vw ;
		height : 31.71vw ;
    }
}
@media (max-width : 1888px) and (min-width : 1716px){
    .rubiks_cube {
        bottom : 7.56vw ;
        right : 21.49vw ;
        left : 21.49vw ;
    }
	.rubiks_cube_content p, .rubiks_cube_contenta {
		font-size : 1.13vw ;
	}	
	.rubiks_cube_content h2 {
		font-size : 1.58 ;
	}	
	a.rubiks_cube_btn {
		margin-left : -1.89vw ;
		width : 3.78vw ;
		height : 3.78vw ;
	}
    iframe {
		width : 53.47vw ;
		height : 29.94vw ;
    }
}
@media (max-width : 2077px) and (min-width : 1888px){
    .rubiks_cube {
        bottom : 7.18vw ;
        right : 23.07vw ;
        left : 23.07vw ;
    }
	.rubiks_cube_content p, .rubiks_cube_contenta {
		font-size : 1.08vw ;
	}	
	.rubiks_cube_content h2 {
		font-size : 1.5 ;
	}	
	a.rubiks_cube_btn {
		margin-left : -1.795vw ;
		width : 3.59vw ;
		height : 3.59vw ;
	}
    iframe {
		width : 50.48vw ;
		height : 28.27vw ;
    }
}
@media (min-width : 2077px){
    .rubiks_cube {
        bottom : 6.83vw ;
        right : 24.56vw ;
        left : 24.56vw ;
    }
	.rubiks_cube_content p, .rubiks_cube_contenta {
		font-size : 1.02vw ;
	}	
	.rubiks_cube_content h2 {
		font-size : 1.42 ;
	}	
	a.rubiks_cube_btn {
		margin-left : -1.705vw ;
		width : 3.41vw ;
		height : 3.41vw ;
	}
    iframe {
		width : 47.64vw ;
		height : 26.68vw ;
    }
}
