@charset "utf-8";
#topline,
#wrapper,
.container-contact,
.container-green,
body,
html {
    border: 0;
    margin: 0;
    padding: 0;
}
body,
html {
	font-family: "Acme", serif;
	font-size:2em;
	color: #000;
    height: 100%; 
}
h2,
h5 {
    color:#000;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
h3 {
    color:#FFF;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
.link a:active,
.link a:hover,
.link a:link,
.link a:visited,
body,
h1{color:#FFF; font-size:26px; padding-top:10px; padding-bottom:24px;}
h2,
h3,
h4,
h5,
#header,
#toplinecontent,
.text {
    margin: 0 auto;
	color:#000;
}
#contentwrapper2,
#header,
#toplinecontent,
#wrapper,
.container-clear,
.text {
    position: relative;
}
.headertext{color:#000;}
#headertext,
#logo {
    position: absolute;
}
#boxes,
#topcontent,
#topcontent span {
    display: inline-block;
}
.currency,
.link a:active,
.link a:hover,
.price,
.table-title,
h2,
h3,
h4,
h5 {
    font-weight: 700;
}
#wrapper {
    width: 100%;
    height: auto;
    background: 0 0;
}
#topline {
    position: fixed;
    width: 100%;
    height: 110px;
    left: 0;
    top: 0;
    background-color: #CBDA49;
    z-index: 999;
    border-bottom: 1px solid #FF0;
}
#toplinecontent {
    width: 90%;
    top: 5%;
}
#topcontent {
    color: #fff;
}
#headertext,
.link a:active,
.text2 {
    color: #FFF;
}
#topcontent img {
    vertical-align: middle;
    padding-left: 10px;
}
#topcontent span {
    vertical-align: middle;
    padding-left: 5px;
}
.contentwrapper {
position:relative;
width:100%;
height: auto;
z-index:998;
margin-top:100px!important;
background-color:#093;
height:450px;
color:#FFF;
}

.contentwrapper3 {
position:relative;
width:100%;
height: auto;
z-index:998;
background-color:#093;
height:340px;
color:#FFF;
}

.contentwrapper2 {
	position:relative;
	margin-top:100px;
	background-color:#093;
}

/* Text Block */
h2 {
    font-size: 24px;
}
#headertext,
h3 {
    font-size: 20px;
}
h4 {
    font-size: 18px;
	color:#FFF;
	margin-top:10px;
	margin-bottom:10px;
}
.text {
    width: 950px;
    height: auto;
}
p {
    line-height: 32px !important;
    margin-bottom: 30px !important;
}


/* Tick */
.tick{
	position:relative;
	width:100%;
	padding-left:40px;
	background-image:url("/images/tick.png");
	background-repeat:no-repeat;
	line-height:64px;
	font-size:32px;
}

/* Tick */
.cross{
	position:relative;
	width:100%;
	padding-left:40px;
	background-image:url("/images/cross.png");
	background-repeat:no-repeat;
	line-height:64px;
	font-size:32px;
}

.marquee{ position:relative;color: #F00; background-color:#FF0; height:55px; font-size:1.5em; font-weight:bold; text-align:center; width:100%;}
.marquee2{ position:relative;color: #F00; background-color:#FF0; height:55px; font-size:1.5em; font-weight:bold; text-align:center; width:100%;}
.link a:link,
.link a:visited {
    font-weight: 700;
    color: #666;
}
.link a:hover {
    color: #666;
}
#header {
    width: 950px;
    height: 105px;
}
#logo {
    top: 0;
    left: 10px;
	font-weight:bold;
}
#logo img {
    width: 259px;
    height: 100px;
}
#headertext {
    right: 0;
    top: 40px;
    text-align: right;
}
#menumainmob,
#menumob {
    display: none;
}
.container-clear {
    width: 100%;
    height: auto;
	background-color:#FF0;
}
.container-contact,
.container-white,
.maincontentwrapper {
    height: auto;
    position: relative;
    width: 100%;
}
.container-white,
.maincontentwrapper {
    background-color: #fff;
}
.container-green {
    background-color: #CBDA49;
    text-align: center;
	height: 450px;
    position: relative;
    width: 100%;
}

.container-green2 {
    background-color: #CBDA49;
    text-align: center;
	height: auto;
    position: relative;
    width: 100%;
}
.container-contact {
    background-color: #e1ffe1;
    text-align: left;
}
#boxes,
#boxwrapper,
.text2,
.text3 {
    height: auto;
    position: relative;
}
.container-black,
.container-blue,
.container-footer {
    position: relative;
    height: auto;
    border: 0;
    margin: 0;
    padding: 0;
}
.container-blue {
    width: 100%;
    background-color: #e6f2ff;
    overflow-y: hidden;
}
#boxwrapper,
.container-black {
    background-color: #000;
    width: 100%;
}
.container-black {
	margin-top:-20px;
}
.container-footer {
    width: 100%;
    background-color: #333;
}
.text2,
.text3 {
    width: 950px;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px;
}
.text3 {
    line-height: 32px;
}
.textleft {
    position: relative;
    float: left;
    width: 50%;
    text-align: left;
	font-size:20px;
}
.textleft2 {
    position: relative;
    float: left;
    width: 50%;
    text-align: left;
	font-size:20px;
	border: 2px solid #FF0;
	padding:5px;
	height:280px;
}
#boxwrapper,
#gallery,
.hr-50,
.table-text,
.tablemat {
    text-align: center;
}
.textright {
    position: relative;
    float: right;
    width: 45%;
    top: 6vh;
}
.textright2 {
    position: relative;
    float: right;
    width: 45%;
	border: 2px solid #FF0;
	padding:5px;
	height:280px;
	font-size:20px;
}
.textimage {
    width: 400px;
    height: 287px;
    border: 2px solid #FF0;
}
.textimage2 {
    width: 300px;
    height: 300px;
    border: 2px solid #FF0;
}
.transition {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
}
.img-circle,
.transitionout {
    -webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    -ms-transition: 1s ease-in-out;
}
#boxwrapper {
    z-index: 1;
}
#boxes {
    width: 100%;
    top: 0;
    background: 0 0;
    margin-top: 25px;
    margin-bottom: 25px;
}
.centerboxes {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: auto;
}
.table-layout {
    position: relative;
    float: left;
    width: 270px;
    height: 355px;
    padding: 0;
    margin-left: 26px;
    overflow: hidden;
    margin-bottom: 5px;
    background: #fff;
    border-top: 10px solid #CBDA49;
    border-bottom: 10px solid #CBDA49;
}
.table-title {
    font-size: 20px;
    padding: 10px;
    color: #000;
    margin: 0 auto;
}
.table-text {
    padding: 5px;
    width: 90%;
    height: auto;
    clear: both;
    margin: 0 auto;
	font-size:16px;
	color:#000;
}
.hr-50 {
    background-color: #063;
    width: 400px;
    height: 2px;
}
.rowfoot,
.rowmat,
.rowmathead {
    display: table-row;
}
.contact,
.focright,
.tablefoot {
    text-align: left;
}
#map {
    width: 100%;
    height: 400px;
	border: 2px solid #FF0;
}
.map,
.focleft {
	top: 6vh;
    float: left;
    width: 45%;
}
.contact {
    float: right;
    width: 45%;
    line-height: 18px;
}
.tablefoot {
    position: relative;
    display: table;
    width: 950px;
    padding: 10px;
}
.rowfoothead {
    display: table-row;
    color: #fff;
}
.leftfoot,
.midfoot,
.rightfoot {
    display: table-cell;
    color: #fff;
    font-size: 16px;
    padding: 15px;
    width: 20%;
    vertical-align: top;
}
.footerlink a:active,
.footerlink a:link,
.footerlink a:visited {
    text-decoration: none;
    color: #fff;
}
.footerlink a:hover {
    text-decoration: none;
    color: #ccc;
}
.maincontent,
.maincontenthome,
.page-information {
    position: relative;
    width: 950px;
    margin: 0 auto;
}
.maincontenthome {
    height: auto;
    z-index: 998;
}
.maincontent {
    font-size: 12px;
}
.page-information {
	color: #000;
    clear: both;
	font-size:20px;
}
.focleft,
.focright {
    position: relative;
    line-height: 32px;
}
.currency {
    font-size: 15px;
}
.price {
    font-size: 30px;
}
.wrapperbox-opening {
    height: 200px;
    margin-bottom: 20px;
}
.focright {
    float: right;
    width: 50%;
	color:#000;
	font-size:20px;
}
