/*  MICROTHEMER STYLES  */

/*= Animations ================ */

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}


/*= General =================== */

/** General >> Uk text center strong **/
.uk-text-center strong {
	/* MT [ google_font: 1 ] */
	font-family: 'Hanalei Fill' !important;
	color: rgb(255, 255, 255) !important;
	font-size: 70px !important;
}

/** General >> home h3 **/
.home h3 {
	padding-top: 400px !important;
	margin-top: 200px !important;
}

/** General >> Uk margin heading 5 **/
.uk-margin > h5 {
	/* MT [ google_font: 1 ] */
	font-family: 'Hanalei Fill' !important;
	color: rgb(226, 28, 38) !important;
	font-size: 25px !important;
	line-height: 1 !important;
	letter-spacing: 0 !important;
}

/** General >> Uk first column heading 4 **/
.uk-first-column > h4 {
	font-size: 30px !important;
	letter-spacing: 8px !important;
	margin-top: 30px !important;
}

/** General >> Uk open iframe **/
.uk-open iframe {
	width: 900px !important;
	height: 500px !important;
	border-radius: 50px !important;
}

/** General >> Tm page uk section default **/
.tm-page > .uk-section-default {
	
}

/** General >> Uk margin link **/
.uk-margin a {
	color: rgb(226, 28, 38) !important;
}

/** General >> Uk width large heading 6 **/
.uk-width-large > h6, 
.uk-width-2xlarge > h6 {
	color: rgb(255, 255, 255) !important;
	font-size: 16px !important;
}

/** General >> Mt page gruppo crispy uk flex **/
.mt-page-gruppo-crispy .uk-flex, 
.mt-page-domande_crispy .uk-flex {
	background-color: rgb(255, 202, 0) !important;
	border-radius: 0 !important;
}

/** General >> Uk grid heading 1 **/
.uk-grid h1 {
	font-family: Hanalei Fill !important;
	color: rgb(116, 102, 97) !important;
	font-size: 35px !important;
	line-height: 1 !important;
}

/** General >> Uk grid heading 1 Copy 1 **/
#wpvqgr-194 .wpvqgr-question-label {
	font-family: Hanalei Fill !important;
	color: rgb(116, 102, 97) !important;
	font-size: 25px !important;
	line-height: 1 !important;
}

/** General >> Uk section paragraph **/
.uk-section p {
	color: rgb(142, 156, 156) !important;
	font-size: 20px !important;
	line-height: 1.4 !important;
}

/** General >> Uk width 1 5:(3) el image **/
.uk-width-1-5:nth-of-type(3) .el-image {
	width: 50% !important;
	height: 50% !important;
}

/** General >> Uk width 1 3:(2) el image **/
.uk-width-1-3:nth-of-type(2) .el-image {
	width: 70% !important;
}

/** General >> Wpvqgr 194 wpvqgr question label **/
#wpvqgr-194 .wpvqgr-question-label {
	
}

/** General >> Wpvqgr 194 wpvqgr answer **/
#wpvqgr-194 .wpvqgr-answer {
	text-align: left !important;
	background-color: rgb(255, 202, 0) !important;
	padding: 20px !important;
	border-style: none !important;
	border-radius: 30px !important;
}

/** General >> Wpvqgr intro wpvqgr start button **/
.wpvqgr-intro > .wpvqgr-start-button {
	font-family: Hanalei Fill !important;
	font-size: 20px !important;
	border-radius: 30px !important;
	position: relative !important;
	left: 24px !important;
}

/** General >> Div uk margin:(2) **/
.uk-grid-row-medium > div > .uk-margin:nth-of-type(2) {
	right: 23px !important;
}

/** General >> Uk grid uk text center **/
.uk-grid .uk-text-center, 
.mt-page-grazie p {
	color: rgb(255, 255, 255) !important;
}

/** General >> Row wpvqgr results **/
.row .wpvqgr-results {
	text-align: center !important;
	border-style: none !important;
}

/** General >> Wpvqgr top result heading 3 **/
.wpvqgr-top-result > h3 {
	font-family: Hanalei Fill !important;
	color: rgb(116, 102, 97) !important;
	font-size: 28px !important;
}

/** General >> Wpvqgr 194 wpvqgr quiz name **/
#wpvqgr-194 .wpvqgr-quiz-name {
	color: rgba(255, 255, 255, 0) !important;
	height: 0 !important;
}

/** General >> Uk margin uk button default **/
.uk-margin > .uk-button-default {
	font-family: Hanalei Fill !important;
	color: rgb(255, 202, 0) !important;
	font-size: 30px !important;
	letter-spacing: 0 !important;
	background-color: rgb(226, 28, 38) !important;
	padding-bottom: 4px !important;
	margin-bottom: 40px !important;
	border-radius: 30px !important;
}

/** General >> Uk width 1 2 el image **/
.uk-width-1-2 .el-image {
	
}
.uk-width-1-2 .el-image:hover, 
.mt-hover {
	/* MT [ sub: 1 | group: animation | event: 1 ] */
	-webkit-animation: rotateOut 1s linear alternate-reverse !important;
	animation: rotateOut 1s linear alternate-reverse !important;
}

/** General >> Uk width 1 5 uk margin remove vertical **/
.uk-width-1-5 > .uk-margin-remove-vertical, 
.uk-text-left .el-image, 
.uk-text-right .el-image {
	
}
.uk-width-1-5 > .uk-margin-remove-vertical:hover, 
.uk-text-left .el-image:hover, 
.uk-text-right .el-image:hover, 
.mt-hover, 
.mt-hover, 
.mt-hover {
	/* MT [ sub: 1 | group: animation | event: 1 ] */
	-webkit-animation-name: rotateOut !important;
	animation-name: rotateOut !important;
	-webkit-animation-duration: 0.75s !important;
	animation-duration: 0.75s !important;
	-webkit-animation-timing-function: linear !important;
	animation-timing-function: linear !important;
	-webkit-animation-iteration-count: 1 !important;
	animation-iteration-count: 1 !important;
	-webkit-animation-direction: alternate-reverse !important;
	animation-direction: alternate-reverse !important;
	-webkit-animation-fill-mode: none !important;
	animation-fill-mode: none !important;
	-webkit-animation-play-state: running !important;
	animation-play-state: running !important;
}

/** General >> Uk text left el image **/
.uk-text-left .el-image {
	
}


/*( Large Desktop )*/
@media (min-width: 1200px) {

	/*= General =================== */

	/** General >> Uk text center strong **/
	.uk-text-center strong {
	font-size: 55px !important;
}

	/** General >> home h3 **/
	.home h3 {
	padding-top: 250px !important;
	border-bottom-color: rgba(0, 0, 0, 0) !important;
}

	/** General >> Uk section paragraph **/
	.uk-section p {
	
}


}


/*( Desktop & Tablet )*/
@media (min-width: 768px) and (max-width: 979px) {

	/*= General =================== */

	/** General >> Uk text center strong **/
	.uk-text-center strong {
	font-size: 40px !important;
}

	/** General >> home h3 **/
	.home h3 {
	padding-top: 300px !important;
}

	/** General >> Uk open iframe **/
	.uk-open iframe {
	width: 800px !important;
	height: 400px !important;
}


}


/*( Tablet & Phone )*/
@media (max-width: 767px) {

	/*= General =================== */

	/** General >> Uk text center strong **/
	.uk-text-center strong {
	font-size: 40px !important;
}

	/** General >> home h3 **/
	.home h3 {
	padding-top: 300px !important;
	margin-top: 0 !important;
}

	/** General >> Uk open iframe **/
	.uk-open iframe {
	width: 600px !important;
	height: 400px !important;
}


}


/*( Phone )*/
@media (max-width: 480px) {

	/*= General =================== */

	/** General >> Uk text center strong **/
	.uk-text-center strong {
	font-size: 40px !important;
}

	/** General >> home h3 **/
	.home h3 {
	padding-top: 300px !important;
	border-color: rgba(255, 255, 255, 0.1) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) !important;
}

	/** General >> Uk first column heading 4 **/
	.uk-first-column > h4 {
	line-height: 1 !important;
}

	/** General >> Uk open iframe **/
	.uk-open iframe {
	width: 320px !important;
	height: 400px !important;
}

	/** General >> Uk width large heading 6 **/
	.uk-width-large > h6, 
.uk-width-2xlarge > h6 {
	font-size: 12px !important;
}

	/** General >> Mt page gruppo crispy uk flex **/
	.mt-page-gruppo-crispy .uk-flex, 
.mt-page-domande_crispy .uk-flex {
	
}

	/** General >> Uk grid heading 1 **/
	.uk-grid h1 {
	font-size: 30px !important;
	line-height: 1 !important;
}

	/** General >> Uk grid heading 1 Copy 1 **/
	#wpvqgr-194 .wpvqgr-question-label {
	font-size: 30px !important;
	line-height: 1 !important;
}

	/** General >> Uk section paragraph **/
	.uk-section p {
	font-size: 18px !important;
	line-height: 1.4 !important;
}

	/** General >> Uk width 1 5:(3) el image **/
	.uk-width-1-5:nth-of-type(3) .el-image {
	
}

	/** General >> Uk width 1 3:(2) el image **/
	.uk-width-1-3:nth-of-type(2) .el-image {
	width: 200% !important;
}

	/** General >> Div uk margin:(2) **/
	.uk-grid-row-medium > div > .uk-margin:nth-of-type(2) {
	right: 2px !important;
}

	/** General >> Wpvqgr intro wpvqgr start button **/
	.wpvqgr-intro > .wpvqgr-start-button {
	left: 3px !important;
}


}