@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: #A7A7A7;
	overflow-y: scroll;
	text-align: center;
	vertical-align: middle;
}
@font-face {
    font-family: 'courierregular';
    src: url('courier/courier.eot');
    src: url('courier/courier.eot?#iefix') format('embedded-opentype'),
         url('courier/courier.woff2') format('woff2'),
         url('courier/courier.woff') format('woff'),
         url('courier/courier.ttf') format('truetype'),
         url('courier/courier.svg#courierregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'courierbolditalic';
    src: url('courier/courier_bold_italic.eot');
    src: url('courier/courier_bold_italic.eot?#iefix') format('embedded-opentype'),
         url('courier/courier_bold_italic.woff2') format('woff2'),
         url('courier/courier_bold_italic.woff') format('woff'),
         url('courier/courier_bold_italic.ttf') format('truetype'),
         url('courier/courier_bold_italic.svg#courierbolditalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'courierbold';
    src: url('courier/courier_bold.eot');
    src: url('courier/courier_bold.eot?#iefix') format('embedded-opentype'),
         url('courier/courier_bold.woff2') format('woff2'),
         url('courier/courier_bold.woff') format('woff'),
         url('courier/courier_bold.ttf') format('truetype'),
         url('courier/courier_bold.svg#courierbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'courieritalic';
    src: url('courier/courier_italic.eot');
    src: url('courier/courier_italic.eot?#iefix') format('embedded-opentype'),
         url('courier/courier_italic.woff2') format('woff2'),
         url('courier/courier_italic.woff') format('woff'),
         url('courier/courier_italic.ttf') format('truetype'),
         url('courier/courier_italic.svg#courieritalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'couriermedium';
    src: url('courier/courier_medium.eot');
    src: url('courier/courier_medium.eot?#iefix') format('embedded-opentype'),
         url('courier/courier_medium.woff2') format('woff2'),
         url('courier/courier_medium.woff') format('woff'),
         url('courier/courier_medium.ttf') format('truetype'),
         url('courier/courier_medium.svg#couriermedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'courieroblique';
    src: url('courier/courier_oblique.eot');
    src: url('courier/courier_oblique.eot?#iefix') format('embedded-opentype'),
         url('courier/courier_oblique.woff2') format('woff2'),
         url('courier/courier_oblique.woff') format('woff'),
         url('courier/courier_oblique.ttf') format('truetype'),
         url('courier/courier_oblique.svg#courieroblique') 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;
}
* {
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
:focus {
        outline: 0;
        border: none;
        color: rgba(0, 0, 0, 0);
}
.container {
	width: 100%;
	height: auto;
	max-width: 240px;
	top: 0%;
	margin-top: 0.5%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0%;
	text-align: center;
	padding: 0%;
	border: none;
	display: inline-block;
	float: none;
	clear: both;
	vertical-align: middle;
	background-color: transparent;
}
.content {
	width: 100%;
	height: auto;
	top: 0%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0%;
	margin-bottom: 0%;
	text-align: center;
	padding: 0%;
	display: inline-block;
	border: none;
	background-color: #A7A7A7;
	background-image: url(bg1.png);
	background-size: 100%;
	background-repeat: repeat;
	background-position: left 8.5%;
}
.menu {
	width: 15%;
	z-index: 10;
    top: 0%!important;
	margin-top: 2%;
	position: relative;
	clear: none;
	float: right;
	margin-right: 8%;
	display: inline-block;
	text-align: center;
}
.nav {
	list-style: none;
	width: 100%;
	z-index: 10;
	display: block;
	padding: 0;
	margin-top: 0%;
	margin-right: auto;
	margin-bottom: -50%;
	margin-left: auto;
	position: absolute;
	text-align: center;
	top: 0%;
}
.nav li {
	font-family: 'courierbold';
	font-weight: lighter;
	font-size: 7.5px;
	color: #FFFFFF;
	text-shadow: 2px 2px 1px #000000;
	display: inline-block;
	position: relative;
	width: 100%;
	left: 0%;
	margin-top: 10%;
	margin-bottom: 10%;
	padding-top: 7%;
	padding-bottom: 7%;
	top: 0%;
	margin-left: 0%;
	cursor: default;
}
.nav li a {
	color: #FFFFFF;
	text-shadow: 2px 2px 1px #000000;
	text-decoration: none;
	text-align: center;
	width: auto;
	cursor: pointer;
}
.nav li a:hover {
	color: #B7B7B7;
}
.menu .nav li ul {
	display: none;
	padding: 0%;
	margin-left: -2%;
	list-style: none;
	width: auto;
	margin-top: 2%;
	background-color: transparent;
}
.nav li ul li {
	width: auto;
	top: 0%;
	display: inline-block;
	text-align: center;
	left: 0%;
	margin-top: 0%;
	padding-left: 2%;
	padding-right: 2%;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #FFFFFF;
	border-bottom-right-radius: 3px 3px 2px #000000;
}
.nav li ul li:hover {
	border-bottom-color: #B7B7B7;
}
.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;
	opacity: 1;
}
#menu_img:hover {
	z-index: 11;
	opacity: 0.7;
}
.title {
	top: 0%;
	font-family: 'courierbold';
	font-weight: lighter;
	font-size: 10px;
	color: #FFFFFF;
	text-shadow: 2px 2px 1px #000000;
	line-height: normal;
	left: 0%;
	width: auto;
	text-align: left;
	display: inline-block;
	margin-top: 2%;
	margin-left: 5%;
	padding-right: 1.8%;
	padding-left: 1.8%;
	padding-top: 1%;
	padding-bottom: 1%;
	position: absolute;
	z-index: 5;
	cursor: default;
}
.title a {
	color: #929292;
}
.title a:hover {
	color: #B7B7B7;
}
#valigia {
	width: 95.2%;
	height: auto;
	top: 0%;
	margin-left: 2.4%;
	margin-top: -1.6%;
	margin-bottom: 0%;
	z-index: 1;
}
.frame {
	width: 95.2%;
	height: auto;
	top: 0%;
	margin-top: 0%;
	margin-bottom: 0%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	display: inline-flex;
	position: relative;
}
.marquee {
	font-family: 'courierregular';
	font-size: 6.8px!important;
	font-weight: normal;
	color: #FFFFFF;
	text-shadow: 2px 2px 1px #000000;
	line-height: 1.3em;
	width: 92%!important;
	height: 100.5%;
	left: 4%;
	max-width: 100%!important;
	text-align: justify;
	display: inline-flex;
	z-index: 3;
	cursor: default;
	overflow: hidden;
	bottom: 0.5%!important;
	position: absolute;
	opacity: inherit!important;
	scroll-delay: 100!important;
	scroll-behavior: smooth!important;
}
.text-m {
	width: 98%!important;
	opacity: 0.2;
	height: auto!important;
	z-index: 4;
	position: relative;
	cursor: default;
	transition-property: opacity!important;
    -webkit-transition-duration: 7s;
    -moz-transition-duration: 7s;
    -ms-transition-duration: 7s;
    -o-transition-duration: 7s;
    transition-duration: 7s;
    -webkit-transition-delay: 6s;
    -moz-transition-delay: 6s;
    -ms-transition-delay: 6s;
    -o-transition-delay: 6s;
    transition-delay: 6s;
}
.text-m:hover {
	transition-property: opacity!important;
	opacity: 1;
    -webkit-transition-duration: 3s;
    -ms-transition-duration: 3s;
    -o-transition-duration: 3s;
    transition-duration: 3s;
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -ms-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
}
.text-n {
	width: 98%;
	opacity: 0.2;
	height: auto!important;
	z-index: 4;
	cursor: default;
	transition-property: opacity!important;
    -webkit-transition-duration: 8s;
    -moz-transition-duration: 8s;
    -ms-transition-duration: 8s;
    -o-transition-duration: 8s;
    transition-duration: 8s;
    -webkit-transition-delay: 15s;
    -moz-transition-delay: 15s;
    -ms-transition-delay: 15s;
    -o-transition-delay: 15s;
    transition-delay: 15s;
}
.text-n:hover {
	transition-property: opacity!important;
	opacity: 1;
    -webkit-transition-duration: 3s;
    -ms-transition-duration: 3s;
    -o-transition-duration: 3s;
    transition-duration: 3s;
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -ms-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
}
.space {
	height: 6vh!important;
	display: table-caption;
	position: relative;
}
.footer {
	width: 100%;
	height: auto;
	max-width: 240px;
	top: 0%;
	text-align: center;
	text-decoration: none;
	margin-top: 0.2%;
	margin-bottom: 0%;
	display: block;
	padding-top: 0%;
	padding-bottom: 0%;
	position: relative;
}
.designer {
	height: auto;
	width: 44%;
	left: 0%;
	top: 0%;
	padding-top: 0%;
	z-index: 4;
	position: relative;
	margin-top: 0.5%;
	margin-right: 0%;
	margin-bottom: 1%;
	margin-left: 0%;
	display: inline-block;
	text-align: right;
	float: right;
}
.designer a {
	font-family: 'courierregular';
	font-size: 5.5px;
	color: #DDDDDD;
	line-height: normal;
	font-weight: normal;
	cursor: pointer;
	padding-top: 1%;
}
.designer a:hover {
	color: #CCCCCC;
}
.design {
	height: auto;
	width: 100%;
	left: 0%;
	top: 0%;
	padding: 0%;
	margin: 0%;
	cursor: pointer;
	z-index: 4;
	position: relative;
	clear: none;
	float: left;
}
.c2 {
	height: auto;
	width: 8%;
	left: 0%;
	top: 0%;
	padding: 0%;
	z-index: 4;
	position: relative;
	display: inline-block;
	clear: none;
	float: right;
	margin-top: 0%;
	margin-right: 0%;
	margin-bottom: 0%;
	margin-left: 1%;
}
.d_by {
	display: inline-block;
	width: auto;
	top: 0%;
	border: none;
	position: relative;
	text-align: right;
	clear: none;
	float: right;
	text-decoration: none;
	margin-right: 1%;
	margin-top: 1%;
}

/* Smartphones and iPhone (portrait and landscape)----------- */
@media only screen 
and (min-width: 320px) and (max-width: 349px) {
.container {
	max-width: 320px;
	margin-top: 0%;
}
.content {
	margin-top: 0%;
	margin-bottom: 0%;
}
.menu {
	width: 14%;
}
.nav li {
	font-size: 9px;
}
.title {
	font-size: 12px;
	margin-top: 3%;
}
#valigia {
	margin-top: -1.6%;
}
.marquee {
	line-height: 1.4em;
	font-size: 8px!important;
}
.space {
	height: 8vh!important;
}
.footer {
	max-width: 320px;
}
.designer {
	margin-top: 0%;
	width: 21%;
}
.designer a {
	font-size: 6.5px;
}
.c2 {
	width: 14%;
}
.d_by {
	margin-top: 1.2%;
}
}

/* Smartphones and iPhone ----------- */
@media only screen
and (min-width: 350px) and (max-width: 389px) {
.container {
	max-width: 360px;
	margin-top: 0%;
}
.content {
	margin-top: 0%;
	margin-bottom: 0%;
}
.menu {
	width: 14%;
}
.nav li {
	font-size: 10px;
}
.title {
	font-size: 13px;
	margin-top: 3%;
}
#valigia {
	margin-top: -1.6%;
}
.marquee {
	line-height: 1.5em;
	font-size: 9px!important;
}
.space {
	height: 8vh!important;
}
.footer {
	max-width: 360px;
}
.designer {
	width: 21%;
}
.designer a {
	font-size: 6.8px;
}
.c2 {
	width: 13%;
}
.d_by {
	margin-top: 1.4%;
}
}

/* Smartphones and iPhone(portrait and landscape) ----------- */
@media only screen
and (min-width: 390px) and (max-width: 469px) {
.container {
	max-width: 400px;
	margin-top: 0%;
}
.content {
	margin-top: 0%;
	margin-bottom: 0%;
}
.menu {
	width: 14%;
}
.nav li {
	font-size: 10.5px;
}
.title {
	font-size: 13.5px;
	margin-top: 1%;
}
#valigia {
	margin-top: -1.8%;
}
.marquee {
	line-height: 1.6em;
	font-size: 9.5px!important;
}
.space {
	height: 11vh!important;
}
.footer {
	max-width: 400px;
}
.designer {
	width: 21%;
}
.designer a {
	font-size: 7px;
}
.c2 {
	width: 12%;
}
.d_by {
	margin-top: 1.2%;
}
}

/* Smartphones and iPhone (portrait and landscape) ----------- */
@media only screen
and (min-width: 470px) and (max-width: 529px) {
.container {
	max-width: 480px;
	margin-top: 0%;
}
.content {
	margin-top: 0%;
	margin-bottom: 0%;
}
.menu {
	width: 12%;
}
.nav li {
	font-size: 12px;
}
.title {
	font-size: 15px;
	margin-top: 1%;
}
#valigia {
	margin-top: -1.8%;
}
.marquee {
	line-height: 1.6em;
	font-size: 11px!important;
}
.space {
	height: 15vh!important;
}
.footer {
	max-width: 480px;
}
.designer {
	width: 21%;
}
.designer a {
	font-size: 7.2px;
}
.c2 {
	width: 10%;
}
.d_by {
	margin-top: 1.2%;
}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-width: 530px) and (max-width: 589px) {
.container {
	max-width: 540px;
	margin-top: 0%;
}
.content {
	margin-top: 0%;
	margin-bottom: 0%;
}
.menu {
	width: 11%;
}
.nav li {
	font-size: 12.5px;
}
.title {
	font-size: 15.5px;
	margin-top: 1%;
}
#valigia {
	margin-top: -1.8%;
}
.marquee {
	line-height: 1.6em;
	font-size: 11.5px!important;
}
.space {
	height: 16vh!important;
}
.footer {
	max-width: 540px;
}
.designer {
	width: 21%;
}
.designer a {
	font-size: 7.3px;
}
.c2 {
	width: 9%;
}
.d_by {
	margin-top: 1.2%;
}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-width: 590px) and (max-width: 689px) {
.container {
	max-width: 640px;
	margin-top: 0%;
}
.content {
	margin-top: 0%;
	margin-bottom: 0%;
}
.menu {
	width: 10.2%;
}
.nav li {
	font-size: 13.8px;
}
.title {
	font-size: 17px;
	margin-top: 1%;
}
#valigia {
	margin-top: -1.8%;
}
.marquee {
	line-height: 1.6em;
	font-size: 12px!important;
}
.space {
	height: 18vh!important;
}
.footer {
	max-width: 640px;
}
.designer {
	width: 21%;
}
.designer a {
	font-size: 7.5px;
}
.c2 {
	width: 9%;
}
.d_by {
	margin-top: 1.2%;
}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-width: 690px) and (max-width: 757px) {
.container {
	max-width: 720px;
	margin-top: 0%;
}
.content {
	margin-top: 0%;
	margin-bottom: 0%;
}
.menu {
	width: 10%;
}
.nav li {
	font-size: 14.3px;
}
.title {
	font-size: 18px;
	margin-top: 0.5%;
}
#valigia {
	margin-top: -1.8%;
}
.marquee {
	line-height: 1.6em;
	font-size: 12.3px!important;
}
.space {
	height: 23vh!important;
}
.footer {
	max-width: 720px;
}
.designer {
	width: 21%;
}
.designer a {
	font-size: 7.8px;
}
.c2 {
	width: 9%;
}
.d_by {
	margin-top: 1.2%;
}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-width: 758px) and (max-width: 839px) {
.container {
	max-width: 800px;
	margin-top: 0%;
}
.content {
	margin-top: 0%;
	margin-bottom: 0%;
}
.menu {
	width: 9.5%;
}
.nav li {
	font-size: 15px;
}
.title {
	font-size: 18.5px;
	margin-top: 0.5%;
}
#valigia {
	margin-top: -1.8%;
}
.marquee {
	line-height: 1.6em;
	font-size: 12.5px!important;
}
.space {
	height: 28vh!important;
}
.footer {
	max-width: 800px;
}
.designer {
	width: 21%;
}
.designer a {
	font-size: 8px;
}
.c2 {
	width: 9%;
}
.d_by {
	margin-top: 1.2%;
}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-width: 840px) and (max-width: 919px) {
.container {
	max-width: 854px;
	margin-top: 0%;
}
.content {
	margin-top: 0%;
	margin-bottom: 0%;
}
.menu {
	width: 9.5%;
}
.nav li {
	font-size: 15.5px;
}
.title {
	font-size: 19px;
	margin-top: 1%;
}
#valigia {
	margin-top: -1.8%;
}
.marquee {
	line-height: 1.6em;
	font-size: 13px!important;
}
.space {
	height: 28vh!important;
}
.footer {
	max-width: 854px;
}
.designer {
	width: 21%;
}
.designer a {
	font-size: 8.5px;
}
.c2 {
	width: 8.5%;
}
.d_by {
	margin-top: 1%;
}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-width: 920px) and (max-width: 979px) {
.container {
	max-width: 960px;
	margin-top: 0%;
}
.content {
	margin-top: 0%;
	margin-bottom: 0%;
}
.menu {
	width: 8.5%;
}
.nav li {
	font-size: 16.3px;
}
.title {
	font-size: 20.7px;
	margin-top: 0.5%;
}
#valigia {
	margin-top: -1.8%;
}
.marquee {
	line-height: 1.6em;
	font-size: 14.3px!important;
}
.space {
	height: 30vh!important;
}
.footer {
	max-width: 960px;
}
.designer {
	width: 21%;
}
.designer a {
	font-size: 9px;
}
.c2 {
	width: 8%;
}
.d_by {
	margin-top: 1%;
}
}


/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-width: 980px) and (max-width: 1399px) {
.container {
	max-width: 1024px;
	margin-top: 0%;
}
.content {
	margin-top: 0%;
	margin-bottom: 0%;
}
.menu {
	width: 8.5%;
}
.nav li {
	font-size: 17px;
}
.title {
	font-size: 21.5px;
	margin-top: 0.5%;
}
#valigia {
	margin-top: -1.8%;
}
.marquee {
	line-height: 1.6em;
	font-size: 15px!important;
}
.space {
	height: 30vh!important;
}
.footer {
	max-width: 1024px;
}
.designer {
	width: 21%;
}
.designer a {
	font-size: 10px;
}
.c2 {
	width: 7.5%;
}
.d_by {
	margin-top: 1.5%;
}
}

/* Desktops and laptops ----------- */
@media only screen and (min-width: 1400px) {
.container {
	max-width: 1400px;
	margin-top: 1%;
}
.frame {
	font-size: 26px;
}
.menu {
	width: 8%;
}
.nav li {
	font-size: 18.5px;
}
.title {
	font-size: 23px;
}
#valigia {
	margin-top: -2%;
}
.marquee {
	line-height: 1.7em;
	font-size: 16.5px!important;
	scroll-delay: 60!important;
	scroll-amount: 5!important;
}
.text-m {
    -webkit-transition-duration: 15s;
    -moz-transition-duration: 15s;
    -ms-transition-duration: 15s;
    -o-transition-duration: 15s;
    transition-duration: 15s;
    -webkit-transition-delay: 5s;
    -moz-transition-delay: 5s;
    -ms-transition-delay: 5s;
    -o-transition-delay: 5s;
    transition-delay: 5s;
}
.text-n {
    -webkit-transition-duration: 15s;
    -moz-transition-duration: 15s;
    -ms-transition-duration: 15s;
    -o-transition-duration: 15s;
    transition-duration: 15s;
    -webkit-transition-delay: 80s;
    -moz-transition-delay: 80s;
    -ms-transition-delay: 80s;
    -o-transition-delay: 80s;
    transition-delay: 80s;
}
.text-m:hover {
    -webkit-transition-duration: 3s;
    -ms-transition-duration: 3s;
    -o-transition-duration: 3s;
    transition-duration: 3s;
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -ms-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
}
.text-n:hover {
    -webkit-transition-duration: 3s;
    -ms-transition-duration: 3s;
    -o-transition-duration: 3s;
    transition-duration: 3s;
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -ms-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
}
.space {
	height: 30vh!important;
}
.footer {
	max-width: 1400px;
}
.designer {
	width: 21%;
}
.designer a {
	font-size: 12px;
}
.c2 {
	width: 7.5%;
}
.d_by {
	margin-top: 1.5%;
}
}