@charset "utf-8";
/* CSS Document */

/* Smartphones (portrait and landscape) ----------- 
@media only screen 
and (min-device-width : 240px) 
and (max-device-width : 319px) */
body {
    margin: 0%;
    padding: 0%;
    border: none;
    left: 0%;
    top: 0%;
	background-color: #B99A75;
    text-align: center;
    vertical-align: middle;
}
@font-face {
    font-family: 'LaterOn';
    src: url('LaterOn.eot');
    src: url('LaterOn.eot') format('embedded-opentype'),
         url('LaterOn.woff2') format('woff2'),
         url('LaterOn.woff') format('woff'),
         url('LaterOn.ttf') format('truetype'),
         url('LaterOn.svg#LaterOn') format('svg');
    font-weight: normal;
    font-style: normal;
}
html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}
a img, a div, a class, img, div, class, a, a:link, a:visited, a:hover, a:active {
	border: none;
	text-decoration: none;
	outline: none;
	background-color: transparent;
	color: transparent;
}
* {
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
:focus {
        outline: 0;
        border: none;
        color: rgba(0, 0, 0, 0);
}
.container {
    width: 100%;
    min-height: 100vh!important;
    max-width: 240px;
    background-image: url("chalkboard.jpg");
    background-position: center top;
    background-size: auto  100%;
    background-repeat: no-repeat;
    margin: auto;
    text-align: center;
    padding: 0%;
    border: none;
    display: inline-block;
    vertical-align: middle;
    position: relative;
	overflow: hidden;
    -webkit-overflow-scrolling: touch!important;
}
.content {
    width: 100%;
    height: 100%;
    top: 0%;
    vertical-align: middle;
    margin-left: auto;
    margin-right: auto;
	margin-top: 0%;
	margin-bottom: 0%;
    text-align: center;
    align-content:center;
    padding: 0%;
	display: inline-block;
    border: none;
	overflow: hidden;
}
.title {
	width: auto;
    font-family: 'LaterOn';
    font-size: 9.5px;
	font-weight: bolder;
    line-height: normal;
    letter-spacing: 0.08em;
    word-spacing: 0.08em;
	white-space: nowrap;
    text-align: center;
    display: inline-flex;
	margin-top: 1%;
	margin-left: 0.7%;
    padding-right: 1.8%;
    padding-left: 1.8%;
    padding-top: 0%;
    padding-bottom: 1%;
	top: 0%;
    position: relative;
    z-index: 7;
    cursor: default;
    float: right;
	opacity: 0;
    -moz-transition: opacity 20s 7s ease!important;
    -webkit-transition: opacity 20s 7s ease!important;
    -o-transition: opacity 20s 7s ease!important;
    transition: opacity 20s 7s ease!important;
}
.name {
	width: auto;
	color: #EBD476;
	margin-top: 0%;
	top: 0%;
	float: left;
	clear: none;
	position: relative;
	height: 100%;
	left: 0%;
}
a .title {
	cursor: pointer;
}
.line {
    width: 1em;
    height: auto;
    top: 0%;
    float: left;
    clear: none;
    display: inline-block;
    position: relative;
    left: 0%;
    background-color: transparent;
    margin-top: 6.5%;
    margin-right: 3%;
    margin-left: 2.5%;
}
.line .img {
	width: 100%;
	height: auto;
	top: 0%;
    margin-top: 1%;
	left: 0%;
	text-align: center;
	position: relative;
	display: block;
	padding: 0%;
	border: none;
	margin: 0%;
	z-index: 1;
}
#double1, #double2 {
    margin-top: 30%;
    top: 0%;
}
.frame_a {
    width: 100%;
    height: 70%;
    margin: 0;
    text-align: center;
	position: relative;
    padding: 0%;
    display: table;
    align-content: center;
    border: none;
    vertical-align: middle;
    transform: rotate(180deg) scale(0) translate(0%);
    -webkit-transform: rotate(180deg) scale(0) translate(0%);  /* Saf3.1+, Chrome */
    -moz-transform: rotate(180deg) scale(0) translate(0%);  /* FF3.5+ */
    -ms-transform: rotate(180deg) scale(0) translate(0%);  /* IE9 */
    -o-transform: rotate(180deg) scale(0) translate(0%);  /* Opera 10.5+ */
    -webkit-transition-duration: 10s;
    -ms-transition-duration: 10s;
    -o-transition-duration: 10s;
    transition-duration: 10s;
    -webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    -ms-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s;
	opacity: 0;
}
.frame-table {
    width: 100%;
    height: auto;
    margin: auto;
    text-align: center;
	position: relative;
    padding: 0%;
    display: table-cell;
    align-content: center;
    border: none;
    vertical-align: middle;
	position: relative;
	overflow: hidden;
}
.frame {
	width: 98%;
    margin-top: 12.7%;
	margin-left: 0%;
	margin-bottom: 0%;
	float: left;
	clear: both;
	top: 0%;
	left: 1%;
	text-align: center;
	position: absolute;
    display: inline-block;
	-webkit-transform: scale(0) rotate(0deg) translate(0%);  /* Saf3.1+, Chrome */
    -moz-transform: scale(0) rotate(0deg) translate(0%);  /* FF3.5+ */
    -ms-transform: scale(0) rotate(0deg) translate(0%);  /* IE9 */
    -o-transform: scale(0) rotate(0deg) translate(0%);  /* Opera 10.5+ */
    transform: scale(0) rotate(0deg) translate(0%);
    -webkit-transition-duration: 10s;
    -ms-transition-duration: 10s;
    -o-transition-duration: 10s;
    transition-duration: 10s;
    -webkit-transition-delay: 5s;
    -moz-transition-delay: 5s;
    -ms-transition-delay: 5s;
    -o-transition-delay: 5s;
    transition-delay: 5s;
	opacity: 0;
	z-index: 1;
}
.frameOn {
    -webkit-transition-duration: 10s;
    -ms-transition-duration: 10s;
    -o-transition-duration: 10s;
    transition-duration: 10s;
    -webkit-transition-delay: 5s;
    -moz-transition-delay: 5s;
    -ms-transition-delay: 5s;
    -o-transition-delay: 5s;
    transition-delay: 5s;
}
.frame-img {
	width: 98%;
	height: auto;
    display: inline-block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1%;
	left: 0%;
	position: relative;
}
.frame-img .img {
	width: 100%;
	height: 100%;
	position: relative;
    display: inline-block;
	left: 0%;
}
.index {
	with: auto;
    display: table;
	position: relative;
	top: 0%;
	left: 0%;
}
a .index:hover {
	opacity: 0.8;
	cursor: pointer;
}
#index1.index {
	margin-top: 0%;
    left: 73%;
}
#index2.index {
	margin-top: -9.8%;
    left: 11%;
}
#index3.index {
	margin-top: 24%;
    left: 74.6%;
}
#index4.index {
	margin-top: -6%;
    left: 5.6%;
}
.frame-img {
	opacity: 1;
}
.text {
	width: auto;
	font-family: 'LaterOn';
	font-size: 9.5px;
	font-weight: 800;
	color: rgba(235,212,118,1.00);
	line-height: normal;
	letter-spacing: 0.08em;
	word-spacing: 0.08em;
	display: block;
	text-align: center;
	margin: 0%;
	padding-left: 2%;
	padding-right: 2%;
	top: 0%;
	position: relative;
	z-index: 1;
}
.text strong{
    font-size: 17px;
	vertical-align: -0.5em;
}
#tx1.text {
    margin-top: 0%;
    left: 0%;
    vertical-align: -7em;
}
#tx2.text {
	margin-top: 0%;
    left: 0%;
}
#tx3.text {
	margin-top: 0%;
    left: 0%;
}
#tx4.text {
	margin-top: 0%;
    left: 0%;
}
.links_frame {
	width: 100%;
	margin-top: 0%;
	top: 0%;
	display: block;
	z-index: 5;
	height: 100%;
}
.txt_aureo {
    width: 98%;
    height: auto;
    top: 0%;
    overflow: hidden;
    white-space: nowrap;
    margin-top: -64%;
    margin-left: 1%;
    margin-right: 1%;
    display: inline-block;
    text-align: center;
    text-align: left;
    border: none;
    vertical-align: middle;
    font-family: 'LaterOn';
    font-size: 9px;
    font-weight: 600;
	color: rgba(235,212,118,1.00);
	line-height: 2em;
    letter-spacing: 0.4em;
    word-spacing: 0.4em;
    cursor: pointer;
	-webkit-transform: scale(0) rotate(0deg) translate(0%);  /* Saf3.1+, Chrome */
    -moz-transform: scale(0) rotate(0deg) translate(0%);  /* FF3.5+ */
    -ms-transform: scale(0) rotate(0deg) translate(0%);  /* IE9 */
    -o-transform: scale(0) rotate(0deg) translate(0%);  /* Opera 10.5+ */
    transform: scale(0) rotate(0deg) translate(0%);
    -webkit-transition-duration: 20s!important;
    -ms-transition-duration: 20s!important;
    -o-transition-duration: 20s!important;
    transition-duration: 20s!important;
    -webkit-transition-delay: 0.1s!important;
    -moz-transition-delay: 0.1s!important;
    -ms-transition-delay: 0.1s!important;
    -o-transition-delay: 0.1s!important;
    transition-delay: 0.1s!important;
	opacity: 0;
    -moz-transition: opacity 15s 10s ease!important;
    -webkit-transition: opacity 15s 10s ease!important;
    -o-transition: opacity 15s 10s ease!important;
    transition: opacity 15s 10s ease!important;
}
.txt_aureoOn {
    -webkit-transition-duration: 20s!important;
    -ms-transition-duration: 20s!important;
    -o-transition-duration: 20s!important;
    transition-duration: 20s!important;
    -webkit-transition-delay: 0.1s!important;
    -moz-transition-delay: 0.1s!important;
    -ms-transition-delay: 0.1s!important;
    -o-transition-delay: 0.1s!important;
    transition-delay: 0.1s!important;
}
#marquee {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	animation: slide!important;
    -webkit-animation-delay: 10s!important;
    -moz-animation-delay: 10s;
    -ms-transition-delay: 10s;
    -o-transition-delay: 10s;
    animation-delay: 10s!important;
}
#sezione {
	opacity: 1;
}
.img {
	width: 100%;
	height: auto;
	top: 0%;
	left: 0%;
	text-align: center;
	position: relative;
	display: block;
	padding: 0%;
	border: none;
	margin: 0%;
	z-index: 1;
}
.footer {
	width: 100%;
	height: auto;
	bottom: 0%!important;
	text-align: center;
	text-decoration: none;
	margin-bottom: 1%;
	display: blocK;
	position: relative;
	padding-top: 0%;
	padding-bottom: 0%;
	margin-top: 1%;
	z-index: 100;
}
.designer {
	height: auto;
	width: 70%;
	right: 1%;
	top: 0%;
	padding-top: 1%;
	z-index: 4;
	position: relative;
	display: block;
	clear: right;
	float: right;
	margin-top: 0%;
	margin-right: 0.7%;
	margin-bottom: 0.7%;
	margin-left: 0%;
	text-align: right;
	opacity: 0;
    -moz-transition: opacity 20s 7s ease!important;
    -webkit-transition: opacity 20s 7s ease!important;
    -o-transition: opacity 20s 7s ease!important;
    transition: opacity 20s 7s ease!important;
}
.designer a {
	font-family: 'LaterOn';
    font-weight: 600;
	color: #5E2A01;
	font-size: 6.8px;
    letter-spacing: 0.08em;
    word-spacing: 0.08em;
	line-height: normal;
	cursor: pointer;
}
.designer a:hover {
	opacity: 0.8;
	cursor: pointer;
}
.design {
	height: auto;
	width: 100%;
	left: 0%;
	top: 0%;
	padding: 0%;
	margin: 0%;
	cursor: pointer;
	z-index: 4;
	position: relative;
	clear: none;
	float: left;
}
#multiversodigitale {
	opacity: 0.8;
}
.c2 {
	height: auto;
	width: 7.5%;
	left: 0%;
	top: 0%;
	padding: 0%;
	z-index: 4;
	position: relative;
	display: block;
	clear: none;
	float: right;
	margin-top: 0%;
	margin-right: 0%;
	margin-bottom: 0%;
	margin-left: 1%;
}
.d_by {
	display: block;
	width: auto;
	top: 0%;
	border: none;
	position: relative;
	text-align: right;
	clear: none;
	float: right;
	text-decoration: none;
	margin-right: 1%;
	margin-top: 2%;
}

/* Smartphones and iPhone (portrait and landscape)----------- */
@media only screen 
and (min-width: 320px) and (max-width: 349px) {
.container {
	max-width: 320px;
}
.title {
	font-size: 11.5px;
    letter-spacing: 0.08em;
    word-spacing: 0.08em;
    -moz-transition: opacity 20s 7s ease!important;
    -webkit-transition: opacity 20s 7s ease!important;
    -o-transition: opacity 20s 7s ease!important;
    transition: opacity 20s 7s ease!important;
}
.frame_a {
    height: 67%;
}
.frame {
    margin-top: 12.7%;
	max-width: 320px;
    -webkit-transition-duration: 10s;
    -moz-transition-duration: 10s;
    -ms-transition-duration: 10s;
    -o-transition-duration: 10s;
    -webkit-transition-delay: 5s;
    -moz-transition-delay: 5s;
    -ms-transition-delay: 5s;
    -o-transition-delay: 5s;
    transition-delay: 5s;
}
.frameOn {
    -webkit-transition-duration: 10s;
    -moz-transition-duration: 10s;
    -ms-transition-duration: 10s;
    -o-transition-duration: 10s;
    transition-duration: 10s;
    -webkit-transition-delay: 5s;
    -moz-transition-delay: 5s;
    -ms-transition-delay: 5s;
    -o-transition-delay: 5s;
    transition-delay: 5s;
}
#index1.index {
	margin-top: 0%;
    left: 74.9%;
}
#index2.index {
	margin-top: -8%;
    left: 12.4%;
}
#index3.index {
	margin-top: 25.5%;
    left: 75%;
}
#index4.index {
	margin-top: -5%;
    left: 5.8%;
}
.frame-img {
	opacity: 1;
}
.text {
	font-size: 11.5px;
}
.text strong{
    font-size: 19px;
	vertical-align: -0.5em;
}
.txt_aureo {
	font-size: 11px;
    letter-spacing: 0.4em;
    word-spacing: 0.4em;
    margin-top: -65%;
	opacity: 0.8;
	line-height: 2em;
	opacity: 0;
    -moz-transition: opacity 15s 10s ease!important;
    -webkit-transition: opacity 15s 10s ease!important;
    -o-transition: opacity 15s 10s ease!important;
    transition: opacity 15s 10s ease!important;
}
.designer {
	width: 60%;
    -moz-transition: opacity 20s 7s ease!important;
    -webkit-transition: opacity 20s 7s ease!important;
    -o-transition: opacity 20s 7s ease!important;
    transition: opacity 20s 7s ease!important;
}
.designer a {
	font-size: 8px;
}
.c2 {
	width: 7.5%;
}
.d_by {
	margin-top: 2%;
}
}

/* Smartphones and iPhone ----------- */
@media only screen
and (min-width: 350px) and (max-width: 389px) {
.container {
	max-width: 360px;
}
.title {
	font-size: 12.4px;
    -moz-transition: opacity 22s 10s ease!important;
    -webkit-transition: opacity 22s 10s ease!important;
    -o-transition: opacity 22s 10s ease!important;
    transition: opacity 22s 10s ease!important;
}
.frame_a {
    height: 70%;
}
.frame {
    margin-top: 13.2%;
    -webkit-transition-duration: 12s;
    -moz-transition-duration: 12s;
    -ms-transition-duration: 12s;
    -o-transition-duration: 12s;
    -webkit-transition-delay: 8s;
    -moz-transition-delay: 8s;
    -ms-transition-delay: 8s;
    -o-transition-delay: 8s;
    transition-delay: 8s;
}
.frameOn {
    -webkit-transition-duration: 12s;
    -moz-transition-duration: 12s;
    -ms-transition-duration: 12s;
    -o-transition-duration: 12s;
    -webkit-transition-delay: 8s;
    -moz-transition-delay: 8s;
    -ms-transition-delay: 8s;
    -o-transition-delay: 8s;
    transition-delay: 8s;
}
#index1.index {
	margin-top: 0%;
    left: 75.4%;
}
#index2.index {
	margin-top: -7.9%;
    left: 13%;
}
#index3.index {
	margin-top: 25.5%;
    left: 75.5%;
}
#index4.index {
	margin-top: -5%;
    left: 5.9%;
}
.frame-img {
	opacity: 1;
}
.text {
	font-size: 12.4px;
}
.text strong{
    font-size: 22px;
	vertical-align: -0.5em;
}
.txt_aureo {
	font-size: 11.5px;
    letter-spacing: 0.4em;
    word-spacing: 0.4em;
    margin-top: -62%;
	opacity: 0.8;
	line-height: 2.5em;
    -moz-transition: opacity 15s 10s ease!important;
    -webkit-transition: opacity 15s 10s ease!important;
    -o-transition: opacity 15s 10s ease!important;
    transition: opacity 15s 10s ease!important;
}
.designer {
	width: 55%;
    -moz-transition: opacity 22s 10s ease!important;
    -webkit-transition: opacity 22s 10s ease!important;
    -o-transition: opacity 22s 10s ease!important;
    transition: opacity 22s 10s ease!important;
}
.designer a {
	font-size: 8.4px;
}
.c2 {
	width: 7.5%;
}
.d_by {
	margin-top: 2%;
}
}

/* Smartphones and iPhone(portrait and landscape) ----------- */
@media only screen
and (min-width: 390px) and (max-width: 469px) {
.container {
	max-width: 400px;
}
.title {
	font-size: 13px;
    -moz-transition: opacity 25s 10s ease!important;
    -webkit-transition: opacity 25s 10s ease!important;
    -o-transition: opacity 25s 10s ease!important;
    transition: opacity 25s 10s ease!important;
}
.frame_a {
    height: 70%;
}
.frame {
    margin-top: 12.7%;
    -webkit-transition-duration: 15s;
    -moz-transition-duration: 15s;
    -ms-transition-duration: 15s;
    -o-transition-duration: 15s;
    transition-duration: 15s;
    -webkit-transition-delay: 8s;
    -moz-transition-delay: 8s;
    -ms-transition-delay: 8s;
    -o-transition-delay: 8s;
    transition-delay: 8s;
}
.frameOn {
    -webkit-transition-duration: 15s;
    -moz-transition-duration: 15s;
    -ms-transition-duration: 15s;
    -o-transition-duration: 15s;
    transition-duration: 15s;
    -webkit-transition-delay: 8s;
    -moz-transition-delay: 8s;
    -ms-transition-delay: 8s;
    -o-transition-delay: 8s;
    transition-delay: 8s;
}
#index1.index {
	margin-top: 0%;
    left: 76%;
}
#index2.index {
	margin-top: -7.8%;
    left: 13.4%;
}
#index3.index {
	margin-top: 25.8%;
    left: 75.5%;
}
#index4.index {
	margin-top: -4.8%;
    left: 5.9%;
}
.frame-img {
	opacity: 1;
}
.text {
	font-size: 13px;
}
.text strong{
    font-size: 24px;
	vertical-align: -0.5em;
}
.txt_aureo {
	font-size: 12.3px;
    letter-spacing: 0.45em;
    word-spacing: 0.45em;
    margin-top: -62%;
	opacity: 0.8;
	line-height: 2.6em;
    -moz-transition: opacity 15s 10s ease!important;
    -webkit-transition: opacity 15s 10s ease!important;
    -o-transition: opacity 15s 10s ease!important;
    transition: opacity 15s 10s ease!important;
}
.designer {
	width: 48%;
    -moz-transition: opacity 25s 10s ease!important;
    -webkit-transition: opacity 25s 10s ease!important;
    -o-transition: opacity 25s 10s ease!important;
    transition: opacity 25s 10s ease!important;
}
.designer a {
	font-size: 8.5px;
}
.c2 {
	width: 7.5%;
}
.d_by {
	margin-top: 2%;
}
}

/* Smartphones and iPhone (portrait and landscape) ----------- */
@media only screen
and (min-width: 470px) and (max-width: 529px) {
.container {
	max-width: 480px;
}
.title {
	font-size: 13.5px;
    -moz-transition: opacity 25s 12s ease!important;
    -webkit-transition: opacity 25s 12s ease!important;
    -o-transition: opacity 25s 12s ease!important;
    transition: opacity 25s 12s ease!important;
}
.frame_a {
    height: 72%;
}
.frame {
    margin-top: 13.2%;
    -webkit-transition-duration: 15s;
    -moz-transition-duration: 15s;
    -ms-transition-duration: 15s;
    -o-transition-duration: 15s;
    transition-duration: 15s;
    -webkit-transition-delay: 10s;
    -moz-transition-delay: 10s;
    -ms-transition-delay: 10s;
    -o-transition-delay: 10s;
    transition-delay: 10s;
}
.frameOn {
    -webkit-transition-duration: 15s;
    -moz-transition-duration: 15s;
    -ms-transition-duration: 15s;
    -o-transition-duration: 15s;
    transition-duration: 15s;
    -webkit-transition-delay: 10s;
    -moz-transition-delay: 10s;
    -ms-transition-delay: 10s;
    -o-transition-delay: 10s;
    transition-delay: 10s;
}
#index1.index {
	margin-top: 0%;
    left: 78%;
}
#index2.index {
	margin-top: -7%;
    left: 14.6%;
}
#index3.index {
	margin-top: 26.6%;
    left: 75.6%;
}
#index4.index {
	margin-top: -4.2%;
    left: 6.1%;
}
.frame-img {
	opacity: 0.9;
}
.txt_aureo {
	font-size: 14.8px;
    letter-spacing: 0.5em;
    word-spacing: 0.5em;
    margin-top: -62%;
	opacity: 0.8;
    -moz-transition: opacity 15s 10s ease!important;
    -webkit-transition: opacity 15s 10s ease!important;
    -o-transition: opacity 15s 10s ease!important;
    transition: opacity 15s 10s ease!important;
}
.mq {
	line-height: 2.8em; 
}
.text {
	font-size: 13.5px;
}
.text strong{
    font-size: 27px;
	vertical-align: -0.5em;
}
.txt_aureo {
	font-size: 13px;
    letter-spacing: 0.6em;
    word-spacing: 0.6em;
    margin-top: -62%;
	opacity: 0.8;
	line-height: 2.8em; 
}
.designer {
	width: 40%;
    -moz-transition: opacity 25s 12s ease!important;
    -webkit-transition: opacity 25s 12s ease!important;
    -o-transition: opacity 25s 12s ease!important;
    transition: opacity 25s 12s ease!important;
}
.designer a {
	font-size: 8.7px;
}
.c2 {
	width: 7.5%;
}
.d_by {
	margin-top: 2%;
}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-width: 530px) and (max-width: 589px) {
.container {
	max-width: 540px;
}
.title {
	font-size: 14px;
    -moz-transition: opacity 25s 12s ease!important;
    -webkit-transition: opacity 25s 12s ease!important;
    -o-transition: opacity 25s 12s ease!important;
    transition: opacity 25s 12s ease!important;
}
.frame_a {
    height: 76%;
}
.frame {
    margin-top: 13.2%;
    -webkit-transition-duration: 15s;
    -moz-transition-duration: 15s;
    -ms-transition-duration: 15s;
    -o-transition-duration: 15s;
    transition-duration: 15s;
    -webkit-transition-delay: 10s;
    -moz-transition-delay: 10s;
    -ms-transition-delay: 10s;
    -o-transition-delay: 10s;
    transition-delay: 10s;
}
.frameOn {
    -webkit-transition-duration: 15s;
    -moz-transition-duration: 15s;
    -ms-transition-duration: 15s;
    -o-transition-duration: 15s;
    transition-duration: 15s;
    -webkit-transition-delay: 10s;
    -moz-transition-delay: 10s;
    -ms-transition-delay: 10s;
    -o-transition-delay: 10s;
    transition-delay: 10s;
}
#index1.index {
	margin-top: 0%;
    left: 79.1%;
}
#index2.index {
	margin-top: -6.6%;
    left: 15.3%;
}
#index3.index {
	margin-top: 27.1%;
    left: 75.9%;
}
#index4.index {
	margin-top: -3.6%;
    left: 6.2%;
}
.frame-img {
	opacity: 0.9;
}
.text {
	font-size: 14px;
}
.text strong{
    font-size: 28px;
	vertical-align: -0.5em;
}
.txt_aureo {
	font-size: 13.5px;
    letter-spacing: 0.6em;
    word-spacing: 0.6em;
    margin-top: -62%;
	opacity: 0.8;
	line-height: 3em;
    -moz-transition: opacity 15s 10s ease!important;
    -webkit-transition: opacity 15s 10s ease!important;
    -o-transition: opacity 15s 10s ease!important;
    transition: opacity 15s 10s ease!important;
}
.designer {
	width: 36%;
    -moz-transition: opacity 25s 12s ease!important;
    -webkit-transition: opacity 25s 12s ease!important;
    -o-transition: opacity 25s 12s ease!important;
    transition: opacity 25s 12s ease!important;
}
.designer a {
	font-size: 8.8px;
}
.c2 {
	width: 7.5%;
}
.d_by {
	margin-top: 2%;
}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-width: 590px) and (max-width: 689px) {
.container {
	max-width: 640px;
}
.title {
	font-size: 14.5px;
    -moz-transition: opacity 28s 12s ease!important;
    -webkit-transition: opacity 28s 12s ease!important;
    -o-transition: opacity 28s 12s ease!important;
    transition: opacity 28s 12s ease!important;
}
.frame_a {
    height: 80%;
}
.frame {
    margin-top: 13.4%;
    -webkit-transition-duration: 18s;
    -moz-transition-duration: 18s;
    -ms-transition-duration: 18s;
    -o-transition-duration: 18s;
    transition-duration: 18s;
    -webkit-transition-delay: 10s;
    -moz-transition-delay: 10s;
    -ms-transition-delay: 10s;
    -o-transition-delay: 10s;
    transition-delay: 10s;
}
.frameOn {
    -webkit-transition-duration: 18s;
    -moz-transition-duration: 18s;
    -ms-transition-duration: 18s;
    -o-transition-duration: 18s;
    transition-duration: 18s;
    -webkit-transition-delay: 10s;
    -moz-transition-delay: 10s;
    -ms-transition-delay: 10s;
    -o-transition-delay: 10s;
    transition-delay: 10s;
}
#index1.index {
	margin-top: 0%;
    left: 80.6%;
}
#index2.index {
	margin-top: -5.8%;
    left: 16.3%;
}
#index3.index {
	margin-top: 27.8%;
    left: 76%;
}
#index4.index {
	margin-top: -3.1%;
    left: 6.3%;
}
.frame-img {
	opacity: 0.9;
}
.text {
	font-size: 14.5px;
    letter-spacing: 0.08em;
    word-spacing: 0.08em;
	opacity: 0.8;
}
.text strong{
    font-size: 30px;
	vertical-align: -0.5em;
}
.txt_aureo {
	font-size: 14px;
    letter-spacing: 0.7em;
    word-spacing: 0.7em;
    margin-top: -61%;
	opacity: 0.8;
	line-height: 3.4em;
    -moz-transition: opacity 15s 5s ease!important;
    -webkit-transition: opacity 15s 5s ease!important;
    -o-transition: opacity 15s 5s ease!important;
    transition: opacity 15s 5s ease!important;
}
.designer {
	width: 33%;
    -moz-transition: opacity 28s 12s ease!important;
    -webkit-transition: opacity 28s 12s ease!important;
    -o-transition: opacity 28s 12s ease!important;
    transition: opacity 28s 12s ease!important;
}
.designer a {
	font-size: 8.9px;
}
.c2 {
	width: 7.5%;
}
.d_by {
	margin-top: 2%;
}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-width: 690px) and (max-width: 757px) {
.container {
	max-width: 720px;
}
.title {
	font-size: 14.8px;
    -moz-transition: opacity 28s 12s ease!important;
    -webkit-transition: opacity 28s 12s ease!important;
    -o-transition: opacity 28s 12s ease!important;
    transition: opacity 28s 12s ease!important;
}
.frame_a {
    height: 84%;
}
.frame {
    margin-top: 13.7%;
    -webkit-transition-duration: 18s;
    -moz-transition-duration: 18s;
    -ms-transition-duration: 18s;
    -o-transition-duration: 18s;
    transition-duration: 18s;
    -webkit-transition-delay: 10s;
    -moz-transition-delay: 10s;
    -ms-transition-delay: 10s;
    -o-transition-delay: 10s;
    transition-delay: 10s;
}
.frameOn {
    -webkit-transition-duration: 18s;
    -moz-transition-duration: 18s;
    -ms-transition-duration: 18s;
    -o-transition-duration: 18s;
    transition-duration: 18s;
    -webkit-transition-delay: 10s;
    -moz-transition-delay: 10s;
    -ms-transition-delay: 10s;
    -o-transition-delay: 10s;
    transition-delay: 10s;
}
#index1.index {
	margin-top: 0%;
    left: 81.5%;
}
#index2.index {
	margin-top: -5.3%;
    left: 16.9%;
}
#index3.index {
	margin-top: 28.3%;
    left: 75.9%;
}
#index4.index {
	margin-top: -2.2%;
    left: 6.4%;
}
.frame-img {
	opacity: 0.8;
}
.text {
	font-size: 14.8px;
}
.text strong{
    font-size: 30px;
	vertical-align: -0.45m;
}
.txt_aureo {
	font-size: 14.6px;
    letter-spacing: 0.6em;
    word-spacing: 0.6em;
    margin-top: -60%;
	line-height: 3.8em;
    -moz-transition: opacity 15s 5s ease!important;
    -webkit-transition: opacity 15s 5s ease!important;
    -o-transition: opacity 15s 5s ease!important;
    transition: opacity 15s 5s ease!important;
}
.designer {
	width: 30%;
    -moz-transition: opacity 28s 12s ease!important;
    -webkit-transition: opacity 28s 12s ease!important;
    -o-transition: opacity 28s 12s ease!important;
    transition: opacity 28s 12s ease!important;
}
.designer a {
	font-size: 9px;
}
.c2 {
	width: 7.5%;
}
.d_by {
	margin-top: 2%;
}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-width: 758px) and (max-width: 839px) {
.container {
	max-width: 800px;
}
.title {
	font-size: 15.2px;
    -moz-transition: opacity 28s 12s ease!important;
    -webkit-transition: opacity 28s 12s ease!important;
    -o-transition: opacity 28s 12s ease!important;
    transition: opacity 28s 12s ease!important;
}
.frame_a {
    height: 90%;
}
.frame {
    margin-top: 14%;
    -webkit-transition-duration: 18s;
    -moz-transition-duration: 18s;
    -ms-transition-duration: 18s;
    -o-transition-duration: 18s;
    transition-duration: 18s;
    -webkit-transition-delay: 10s;
    -moz-transition-delay: 10s;
    -ms-transition-delay: 10s;
    -o-transition-delay: 10s;
    transition-delay: 10s;
}
.frameOn {
    -webkit-transition-duration: 18s;
    -moz-transition-duration: 18s;
    -ms-transition-duration: 18s;
    -o-transition-duration: 18s;
    transition-duration: 18s;
    -webkit-transition-delay: 10s;
    -moz-transition-delay: 10s;
    -ms-transition-delay: 10s;
    -o-transition-delay: 10s;
    transition-delay: 10s;
}
#index1.index {
	margin-top: 0%;
    left: 82.2%;
}
#index2.index {
	margin-top: -4.8%;
    left: 17.4%;
}
#index3.index {
	margin-top: 28.8%;
    left: 75.9%;
}
#index4.index {
	margin-top: -1.8%;
    left: 6.4%;
}
.frame-img {
	opacity: 0.8;
}
.text {
	font-size: 15.2px;
}
.text strong{
    font-size: 30.8px;
	vertical-align: -0.45em;
}
.txt_aureo {
	font-size: 14.6px;
    letter-spacing: 0.7em;
    word-spacing: 0.7em;
    margin-top: -60%;
	line-height: 4em;
    -moz-transition: opacity 15s 5s ease!important;
    -webkit-transition: opacity 15s 5s ease!important;
    -o-transition: opacity 15s 5s ease!important;
    transition: opacity 15s 5s ease!important;
}
.designer {
	width: 26%;
    -moz-transition: opacity 28s 12s ease!important;
    -webkit-transition: opacity 28s 12s ease!important;
    -o-transition: opacity 28s 12s ease!important;
    transition: opacity 28s 12s ease!important;
}
.designer a {
	font-size: 9.2px;
}
.c2 {
	width: 7.5%;
}
.d_by {
	margin-top: 2%;
}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-width: 840px) and (max-width: 919px) {
.container {
	max-width: 854px;
}
.title {
	font-size: 15.8px;
    -moz-transition: opacity 28s 12s ease!important;
    -webkit-transition: opacity 28s 12s ease!important;
    -o-transition: opacity 28s 12s ease!important;
    transition: opacity 28s 12s ease!important;
}
.frame_a {
    height: 92%;
}
.frame {
    margin-top: 14.2%;
    -webkit-transition-duration: 18s;
    -moz-transition-duration: 18s;
    -ms-transition-duration: 18s;
    -o-transition-duration: 18s;
    transition-duration: 18s;
    -webkit-transition-delay: 10s;
    -moz-transition-delay: 10s;
    -ms-transition-delay: 10s;
    -o-transition-delay: 10s;
    transition-delay: 10s;
}
.frameOn {
    -webkit-transition-duration: 18s;
    -moz-transition-duration: 18s;
    -ms-transition-duration: 18s;
    -o-transition-duration: 18s;
    transition-duration: 18s;
    -webkit-transition-delay: 10s;
    -moz-transition-delay: 10s;
    -ms-transition-delay: 10s;
    -o-transition-delay: 10s;
    transition-delay: 10s;
}
#index1.index {
	margin-top: 0%;
    left: 82.4%;
}
#index2.index {
	margin-top: -4.6%;
    left: 17.5%;
}
#index3.index {
	margin-top: 29.6%;
    left: 76%;
}
#index4.index {
	margin-top: -1.8%;
    left: 6.4%;
}
.frame-img {
	opacity: 0.5;
}
.text {
	font-size: 15.8px;
}
.text strong {
    font-size: 31px;
	vertical-align: -0.45em;
}
.txt_aureo {
	font-size: 15.3px;
    letter-spacing: 0.7em;
    word-spacing: 0.7em;
    margin-top: -60%;
    -moz-transition: opacity 15s 5s ease!important;
    -webkit-transition: opacity 15s 5s ease!important;
    -o-transition: opacity 15s 5s ease!important;
    transition: opacity 15s 5s ease!important;
	line-height: 4.5em;
}
.designer {
	width: 26%;
    -moz-transition: opacity 28s 12s ease!important;
    -webkit-transition: opacity 28s 12s ease!important;
    -o-transition: opacity 28s 12s ease!important;
    transition: opacity 28s 12s ease!important;
}
.designer a {
	font-size: 9.5px;
}
.c2 {
	width: 7.5%;
}
.d_by {
	margin-top: 2%;
}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-width: 920px) and (max-width: 979px) {
.container {
	max-width: 960px;
}
.title {
	font-size: 16.2px;
    -moz-transition: opacity 28s 12s ease!important;
    -webkit-transition: opacity 28s 12s ease!important;
    -o-transition: opacity 28s 12s ease!important;
    transition: opacity 28s 12s ease!important;
}
.frame_a {
    height: 93%;
}
.frame {
    margin-top: 14.2%;
    -webkit-transition-duration: 18s;
    -moz-transition-duration: 18s;
    -ms-transition-duration: 18s;
    -o-transition-duration: 18s;
    transition-duration: 18s;
    -webkit-transition-delay: 10s;
    -moz-transition-delay: 10s;
    -ms-transition-delay: 10s;
    -o-transition-delay: 10s;
    transition-delay: 10s;
}
.frameOn {
    -webkit-transition-duration: 18s;
    -moz-transition-duration: 18s;
    -ms-transition-duration: 18s;
    -o-transition-duration: 18s;
    transition-duration: 18s;
    -webkit-transition-delay: 10s;
    -moz-transition-delay: 10s;
    -ms-transition-delay: 10s;
    -o-transition-delay: 10s;
    transition-delay: 10s;
}
.frame-img {
	opacity: 0.8;
}
#index1.index {
	margin-top: 0%;
    left: 83.2%;
}
#index2.index {
	margin-top: -4.2%;
    left: 18%;
}
#index3.index {
	margin-top: 29.2%;
    left: 75.9%;
}
#index4.index {
	margin-top: -1.1%;
    left: 6.5%;
}
.text {
	font-size: 16.2px;
}
.text strong{
    font-size: 32.7px;
	vertical-align: -0.45em;
}
.txt_aureo {
	font-size: 15.8px;
    letter-spacing: 0.7em;
    word-spacing: 0.7em;
    margin-top: -60%;
	line-height: 4.8em;
    -moz-transition: opacity 15s 5s ease!important;
    -webkit-transition: opacity 15s 5s ease!important;
    -o-transition: opacity 15s 5s ease!important;
    transition: opacity 15s 5s ease!important;
    -moz-transition: opacity 15s 5s ease!important;
    -webkit-transition: opacity 15s 5s ease!important;
    -o-transition: opacity 15s 5s ease!important;
    transition: opacity 15s 5s ease!important;
}
.designer {
	width: 24%;
    -moz-transition: opacity 28s 12s ease!important;
    -webkit-transition: opacity 28s 12s ease!important;
    -o-transition: opacity 28s 12s ease!important;
    transition: opacity 28s 12s ease!important;
}
.designer a {
	font-size: 9.8px;
}
.c2 {
	width: 7.5%;
}
.d_by {
	margin-top: 2%;
}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-width: 980px) and (max-width: 1399px) {
.container {
	max-width: 1024px;
}
.title {
	font-size: 16.4px;
    -moz-transition: opacity 28s 12s ease!important;
    -webkit-transition: opacity 28s 12s ease!important;
    -o-transition: opacity 28s 12s ease!important;
    transition: opacity 28s 12s ease!important;
}
.frame_a {
    height: 95%;
}
.frame {
    margin-top: 14.2%;
    -webkit-transition-duration: 18s;
    -moz-transition-duration: 18s;
    -ms-transition-duration: 18s;
    -o-transition-duration: 18s;
    transition-duration: 18s;
    -webkit-transition-delay: 10s;
    -moz-transition-delay: 10s;
    -ms-transition-delay: 10s;
    -o-transition-delay: 10s;
    transition-delay: 10s;
}
.frameOn {
    -webkit-transition-duration: 18s;
    -moz-transition-duration: 18s;
    -ms-transition-duration: 18s;
    -o-transition-duration: 18s;
    transition-duration: 18s;
    -webkit-transition-delay: 10s;
    -moz-transition-delay: 10s;
    -ms-transition-delay: 10s;
    -o-transition-delay: 10s;
    transition-delay: 10s;
}
#index1.index {
	margin-top: 0%;
    left: 83.8%;
}
#index2.index {
	margin-top: -3.9%;
    left: 18.4%;
}
#index3.index {
	margin-top: 29.7%;
    left: 76.1%;
}
#index4.index {
	margin-top: -1%;
    left: 6.6%;
}
.frame-img {
	opacity: 0.8;
}
.text {
    font-size: 16.4px;
}
.text strong{
    font-size: 32.5px;
	vertical-align: -0.45em;
}
.text .hide{
    font-size: 32.8;
}
.txt_aureo {
	font-size: 16px;
    letter-spacing: 0.7em;
    word-spacing: 0.7em;
    margin-top: -60%;
	line-height: 5em;
    -moz-transition: opacity 15s 5s ease!important;
    -webkit-transition: opacity 15s 5s ease!important;
    -o-transition: opacity 15s 5s ease!important;
    transition: opacity 15s 5s ease!important;
}
.designer {
	width: 22%;
    -moz-transition: opacity 28s 12s ease!important;
    -webkit-transition: opacity 28s 12s ease!important;
    -o-transition: opacity 28s 12s ease!important;
    transition: opacity 28s 12s ease!important;
}
.designer a {
	font-size: 10px;
}
.c2 {
	width: 7.5%;
}
.d_by {
	margin-top: 2%;
}
}

/* Desktops and laptops ----------- */
@media only screen and (min-width: 1400px) {
.container {
	max-width: 1400px;
}
.title {
	font-size: 17.5px;
    -moz-transition: opacity 28s 17s ease!important;
    -webkit-transition: opacity 28s 17s ease!important;
    -o-transition: opacity 28s 17s ease!important;
    transition: opacity 28s 17s ease!important;
}
.frame_a {
    height: 94.5%;
}
.frame {
    margin-top: 14.5%;
    -webkit-transition-duration: 18s;
    -moz-transition-duration: 18s;
    -ms-transition-duration: 18s;
    -o-transition-duration: 18s;
    transition-duration: 18s;
    -webkit-transition-delay: 15s;
    -moz-transition-delay: 15s;
    -ms-transition-delay: 15s;
    -o-transition-delay: 15s;
    transition-delay: 15s;
}
#index1.index {
	margin-top: 0%;
    left: 85.3%;
}
#index2.index {
	margin-top: -3.2%;
    left: 19.4%;
}
#index3.index {
	margin-top: 30.3%;
    left: 76.1%;
}
#index4.index {
	margin-top: 0%;
    left: 6.6%;
}
.frame-img {
	opacity: 0.8;
}
.text {
	font-size: 17.5px;
}
.text strong {
    font-size: 34.5px;
	vertical-align: -0.45em;
}
.txt_aureo {
	font-size: 17.5px;
    letter-spacing: 0.7em;
    word-spacing: 0.7em;
    margin-top: -60%;
	line-height: 7em;
    -moz-transition: opacity 15s 5s ease!important;
    -webkit-transition: opacity 15s 5s ease!important;
    -o-transition: opacity 15s 5s ease!important;
    transition: opacity 15s 5s ease!important;
}
.designer {
	width: 21%;
    -moz-transition: opacity 28s 17s ease!important;
    -webkit-transition: opacity 28s 17s ease!important;
    -o-transition: opacity 28s 17s ease!important;
    transition: opacity 28s 17s ease!important;
}
.designer a {
	font-size: 11px;
}
.c2 {
	width: 7.5%;
}
.d_by {
	margin-top: 2%;
}
}