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

/*html, body {
  height: 100%;
  margin-bottom: 1px;
  padding: 0;
}*/


@font-face {
	/*font-family: 'Fira Sans';*/
    font-family: firasa;
    src: url('fonts/FiraSans-BoldItalic.woff2') format('woff2'),
        url('fonts/FiraSans-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: firasa;
    src: url('fonts/FiraSans-ExtraBold.woff2') format('woff2'),
        url('fonts/FiraSans-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: firasa;
    src: url('fonts/FiraSans-ExtraBoldItalic.woff2') format('woff2'),
        url('fonts/FiraSans-ExtraBoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: firasa;
    src: url('fonts/FiraSans-ExtraLight.woff2') format('woff2'),
        url('fonts/FiraSans-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: firasa;
    src: url('fonts/FiraSans-Italic.woff2') format('woff2'),
        url('fonts/FiraSans-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: firasa;
    src: url('fonts/FiraSans-Light.woff2') format('woff2'),
        url('fonts/FiraSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: firasa;
    src: url('fonts/FiraSans-ExtraLightItalic.woff2') format('woff2'),
        url('fonts/FiraSans-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: firasa;
    src: url('fonts/FiraSans-Medium.woff2') format('woff2'),
        url('fonts/FiraSans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: firasa;
    src: url('fonts/FiraSans-LightItalic.woff2') format('woff2'),
        url('fonts/FiraSans-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: firasa;
    src: url('fonts/FiraSans-MediumItalic.woff2') format('woff2'),
        url('fonts/FiraSans-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: firasa;
    src: url('fonts/FiraSans-SemiBoldItalic.woff2') format('woff2'),
        url('fonts/FiraSans-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: firasa;
    src: url('fonts/FiraSans-SemiBold.woff2') format('woff2'),
        url('fonts/FiraSans-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: firasa;
    src: url('fonts/FiraSans-Thin.woff2') format('woff2'),
        url('fonts/FiraSans-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: firasa;
    src: url('fonts/FiraSans-Black.woff2') format('woff2'),
        url('fonts/FiraSans-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: firasa;
    src: url('fonts/FiraSans-BlackItalic.woff2') format('woff2'),
        url('fonts/FiraSans-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: firasa;
    src: url('fonts/FiraSans-Bold.woff2') format('woff2'),
        url('fonts/FiraSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: firasa;
    src: url('fonts/FiraSans-Regular.woff2') format('woff2'),
        url('fonts/FiraSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: firasa;
    src: url('fonts/FiraSans-ThinItalic.woff2') format('woff2'),
        url('fonts/FiraSans-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}



html, body {
	padding:0;
	margin:0;
}

body {
	font-family: firasa;
	color:#fff;
	}

img {
	opacity:0.999;
	filter:alpha(opacity=99.99);
}

a:hover img {
	opacity:0.8;
	filter:alpha(opacity=80);
}

img {
	border:0;
}

a img {
	border:0;
}

.clearboth {
	display:block;
	clear:both;
}

.vertalign {
	position: relative;
	top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}


/* Mobile Layout: 480px and below. */

body {
	font-size: calc(16px + (24 - 16) * ((100vw - 400px) / (2000 - 400)));
}


.gridContainer {
}

.break-mob {
	display:inline;
}

#LayoutDiv1 {
	position:absolute;
	min-height:100%;
	min-width:100%;
	background: #1ea872;
	background: -moz-radial-gradient(center, ellipse cover,  #1ea872 0%, #438c8b 94%);
	background: -webkit-radial-gradient(center, ellipse cover,  #1ea872 0%,#438c8b 94%);
	background: radial-gradient(ellipse at center,  #1ea872 0%,#438c8b 94%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ea872', endColorstr='#438c8b',GradientType=1 );
	background-size:cover;
	background-repeat:no-repeat;
}

.showdt {
	display:none;
}

a {
	color:#fff;
	text-decoration:none;
}

a:hover {
	color:#fff;
	text-decoration: underline;
}

a:visited {
	color:#fff;
}

.mainlogo {
	display:block;
	position:absolute;
	top:50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
	width:70%;
	margin:0 15%;
	text-align: center;
}

.mainlogo img {
	width:100%;
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
.gridContainer {

}
#LayoutDiv1 {
	
}
}

/* Desktop Layout: 769px and up.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
	
body {
	font-size: calc(7px + .12vw + .12vh + .6vmin);
}

.gridContainer {
	padding:0;
	margin:0;
	width:100%;
}
#LayoutDiv1 {
	font-size:1em;
	padding:0;
	margin:0;
	width:100%;
}


.showmob, #showmenu {
	display:none;
}

.break-mob, .showdt {
	display:inline;
}

.imgfull img {
	width:100%;
	height:100%;
}

.vertalign {
	position: relative;
	top: 40%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.mainlogo {
	width:30%;
	margin:0 35%;
}


}