html,body {
    height: 100%;
    width: 100%;
    margin: 0px;
    padding: 0px;
    border: none;
}

/* Pop up message */

.modal {
    z-index: 1000; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
}

.modal-content {
    margin: auto;
    width: 30%;
    border-radius: 5px;
    border: 2px solid #888;
    font-size:15px;
}

.modal-image {
    width: 30%; 
    margin: 0px auto;
    font-size:15px;
}

.modal-image img {
    margin:0px auto 0px 0px;
    width:25%;
}



.modal-image p {
    font-size: 15px;
}

.modal-header{
    width: 85%;
    border-radius: 3px;
    padding: 5px 16px;
    font-size:12px;
}

.modal-footer{
    border-radius: 1px;
    padding: 5px 16px;
}

.close {
    font-size: 28px;
}

.close:hover, .close:focus {
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/*End pop up message*/

/* Top menu */
div.topmenucontainer {
    border-bottom: 1px solid #e6e6e6;
    width: 100%;
    right: 0px;
    display: none;
    position: absolute;
    z-index: 2000;
    background: white;
}

#nav, #nav ul {
}

#nav li {
    width: 100%;
    padding: 1em;
    text-align: left;
    margin-right: 3.3em;
    border-top: 1px solid #e6e6e6;
}

a.menuitem {
  
}

a.menuitem:hover {
}

a.menuitemcurrent {
     
}

a.menuitemcurrent:hover {
}

/* End Top menu */

/* Main template content */
div.maincontent {
    width: 80%;
    margin-left: auto; 
    margin-right: auto;
    text-align: center;
}

div.header00 {
    width:100%;
    border-bottom: 1px solid #e0e0e0;
    border-color: #e6e6e6;
}

div.header02 {
    width:90%;
    margin-left:auto; 
    margin-right:auto;
    padding-bottom: 15px;
    padding-top: 15px;
}

div.topimage { 
    height:400px; 
    width:100%; 
    margin-left:auto; 
    margin-right:auto;
    background-attachment: local; 
}

div.imageleasing { 
    height: 280px; 
    width:100%; 
    margin-left:auto; 
    margin-right:auto;
}

div.bottomimage { 
    height:250px; 
    width:100%; 
    margin-left:auto; 
    margin-right:auto;
    margin-bottom: 1.5em;
}

div.header04 { 
    width:80%;
    margin-bottom: 1.5em;
    margin-left:auto; 
    margin-right:auto;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
}
div.headercontactus { 
    width:100%;
    margin-bottom: 1.5em;
    margin-left:auto; 
    margin-right:auto;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
}

div.header05 {
    width:80%; 
    margin-left:auto; 
    margin-right:auto;
    font-size:16px;
    font-weight: 400;
    line-height: 1.5;
    word-wrap: break-word;
    margin-bottom: 10px;
    padding:20px ;
    text-align: center;
}

div.header06 { 
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    font-weight: 700 ;
    font-size: 20px;
    line-height: 1.0;
    letter-spacing: 0px;
    margin-top: 1em;
    margin-bottom: 1em;
    padding-top: 1em;
    padding-bottom: 1em;
    text-align: center;
}

div.quoteclass{
    width: 80%; 
    height: 2.5em; 
    padding-top: 0.5em; 
    margin-right: 2em;
    font-size: 18px; 
    margin-bottom: 3em;
    text-align: center;
}

div.quoteclasstext{
   width: 87%;
   margin-top: 0.5em; 
   margin-left: 1.5em;
   margin-right: auto;
   margin-bottom: 1em;
   text-align: center;
   float: left;
   color: #1d5b00;
   font-family: Roboto-Regular;
}

/* End Main template content */

/* Separetor line*/
div.separetorline {
    width: 25%;
    margin-top: 1em;
    margin-bottom: 1em;
}

div.separetorlinebottom {
    width: 8%;
    margin-top: 1em;
    margin-bottom: 1em;
}
/* END Separetor line*/

/* Main template menu */
label.menu01item {
    padding:5px; 
    color: #447776; 
    font-size: 15px;
}

ul {
    margin-left: 1em;
}

li label {
  padding: 14px 16px;
}

/* End Main template menu */

/* Input type */
div.inputForm {
    font-size: 13px; 
    margin-left: 1em; 
    margin-top: 0.5em;
    margin-bottom: 0.5em;  
}


input.formfield {
    margin-left: 1em; 
    padding: 0.4em; 
    height: 1em; 
    width: 100%; 
    border-width: 1px; 
    -webkit-border-radius: 2px;
}

input.formfielderror {
    margin-left: 1em; 
    padding: 0.4em; 
    height: 1em; 
    width: 100%; 
    border-width: 1px; 
    -webkit-border-radius: 2px;
}

textarea.formtextarea {
    padding: 0.4em; 
    height: 100px;
    border-width: 1px;
    -webkit-border-radius: 2px;
    width: 100%; 
    outline: 0; 
    margin-left: 1em;
}
textarea.formtextareaerror {
    padding: 0.4em; 
    height: 100px;
    border-width: 1px;
    -webkit-border-radius: 2px;
    width: 100%; 
    outline: 0; 
    margin-left: 1em;
}

div.formtitle {
    font-size: 1.5em; 
    line-height: 1.4;
    letter-spacing: 0px; 
    font-weight: 700; 
    margin-top: 1em; 
    margin-bottom: 2em;
}

div.formbutton {
    font-size: 16px; 
    border-radius: 2px; 
    padding-top: 0.5em; 
    padding-bottom: 0.5em; 
    padding-left: 1em; 
    padding-right: 1em; 
    border: 1px solid #0e6f6b;
    width: 15.2em;
    display: inline-block;
    text-align: center;
    margin-top: 1em;
}
/* End Input type */

/* Main Template text */
div.text01 {
    width:90%;	
    margin-left:10%;
    margin-top:115px; 
    margin-right:auto;
    font-weight: 400;
    font-size: 24px;
    z-index: 3;
}

div.text011 {
    width:40%;	
    margin-left:25%;
    margin-top:45%;
    margin-right:auto;
    font-weight: 400;
    font-size: 28px;
    z-index: 3;
}

div.htext05 {
    font-weight: 700;
    font-size: 20px;
    margin-top: 30px;
    margin-left: 20px;
}

/* End Main template text*/


/* Main template footer*/
div.footer {
    line-height: 1.5;
    padding-bottom: 20px;
    font-size: 0.8em;
    font-weight: 400;
    margin-top: 2em;
}

div.outlinefooter {
    width:100%;
    border-top:  1px solid #e0e0e0;
    border-color: #e6e6e6;
}
/* End Main template footer*/


/* Main template Image and hover text*/
div.image01 { 
    width: 100%;  
    margin-left:auto;
    margin-right:auto;
    margin-bottom: 1em ;
    position:relative;
    background-size:100%;
}
.image01:hover{    
    background-size:110%;
}
.image01:after{
    color: #ffffff;
    margin-top: 100;
    font-family: Roboto-Regular;
    word-wrap: break-word;
    overflow:hidden;
    background-color: rgba(0, 66, 66, 0.5);
    padding:0 8px;
    opacity: 0;
    transition: 0.5s;
    content: attr(data-text);
    
}
.image01:hover:after{
    opacity:1;
    top: 0;
    padding: 8px; 
}

div.image02 {  
    height: 200px; 
    width:48%; 
    margin-left:auto;
    margin-right:auto;
}
/* End Main template Image and hover text */


/* Overlay over the top image*/
.dark-img {
    width: 300px;
}

.dark-img img {
    width: 100%;
}

.dark-img::before {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
}
/* End of Overlay over the top image*/

/* Overlay over the top image(one way leasing)*/
.darkoneway-img {
    width: 200px;
}

.darkoneway-img img {
    width: 100%;
}

.darkoneway-img::before {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
}
/* End of Overlay over the top image*/

/* Overlay over the top image*/
.darkbottom-img {
    width: 300px;
}

.darkbottom-img img {
    width: 100%;
}

.darkbottom-img::before {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
}
/* End of Overlay over the top image*/

/* Background grey box */
div.greybackgroundbox {
    width:100%;
    overflow: hidden;
}
/* End of background grey box*/


/* Trading table */

div.contenttable {
    width: 90%;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5; 
    margin-bottom: 2em;
}

div.contenttableLeft {
    display: none;
}

div.contenttableLeft_current {
    width:100%;
    overflow: hidden;
    padding: 0.3em;
    padding-right: 0.5em;
    border: 4px solid #eee;
    font-size: 18px;
}

div.contenttableLeftsmall {
    overflow: hidden;
    width:94%;
    padding: 0.3em;
    padding-right: 0.5em;
    border: 4px solid #eee;
    font-size: 18px; 
    transition-delay: 0.003s; 
    transition-duration: 0.5s;
}

div.contenttableLeftsmall_current {
    width:94%;
    overflow: hidden;
    padding: 0.3em;
    padding-right: 0.5em;
    border: 4px solid #eee;
    font-size: 16px;
    transition-delay: 0.003s; 
    transition-duration: 0.5s;
}

div.contentnone {
    display: none;
    width: 100%;
}

div.conainertrading {
    float: left; 
    overflow: hidden;
    height: auto; 
    width: 100%;
}

div.contenttableright {
    display: none;
}

td.column-1 {
    border-top: 0;
    color: #1d5b00;
    padding: 8px;
    border-top: 1px solid #ddd;
}

td.column-2 {
    border-top: 0;
    padding: 8px;
    color: #1d5b00;
    border-top: 1px solid #ddd;
}

td.column-3 {
    border-top: 0;
    color: #1d5b00;
    padding: 8px;
    border-top: 1px solid #ddd;
}
/* End Trading table */

/* Iframe */
iframe.iframestyle{
    width: 700px; 
    height: 200px; 
    border:0; 
    margin-top: 2em; 
    margin-bottom: 2em;
}
/* End Iframe */

/* Contact us form */
div.formstyle{
    width: 90%;  
    float: none;
    margin-bottom: 2em;

}
/* End Contact us form */

/* PLUS icon */
div.plusicon {
    display:table-cell;
    line-height: inherit; 
    padding-left: 15px;                   
    vertical-align: middle; 
    width: auto;
    font-size: 1em;
    cursor: pointer; 
    text-align: right; 
    color: #7a7a7a;
    font-weight: 900;
}
div.minusicon {
    display: none;
    line-height: inherit; 
    padding-left: 15px;                   
    vertical-align: middle; 
    width: auto; 
    font-size: 1em;
    color: #7a7a7a;
    cursor: pointer; 
    text-align: right; 
    font-weight: bold;
}
/* End PLUS icon */

/* contact us span message */
div.fieldform {
    margin-left: 1em; 
    font-size: 14px; 
    margin-top: 2px;
}
/* End contact us span message */

/* Bars style*/
.icon-bar {
  width: 15%;
  float: right;
  background-color: white;
}

.icon-bar a {
  display: block;
  text-align: center;
  padding: 16px;
  transition: all 0.3s ease;
  color: #64aaa5;
  font-size: 36px;
}

.icon-bar a:hover {
  background-color: white;
}

/* End Bars style*/

/* Email icon  contact us */
div.emailiconstyle {
    width:150px; 
    padding: 1em;
    text-align: center;
}

div.contactuscontainer {
    width: 100%;  float: left;
}
/* End Email icon  contact us */

/* privacy title */
div.containerprivacy{
    width: 90%;
}
div.titleprivacy01 {
    width: 80%;
    font-size: 2.5em;
    line-height: 1.4;
    font-weight: 900;
    margin-bottom: 0.5em;
    margin-top: 1em;
}

/* END privacy title */

/* Image overlay hover text */
.container {
    width: 100%;
    float: left;
    margin-left: 0;
}

.image {
    width: 100%;
    float:left;
    background-color: #004242;
    height: 200px; 
    z-index: 1;
    background-size:100%;
}


.container:hover .overlay {
    display: block;
}

.container:hover .htext05 {
    right: 0px;
}


div.titlecontentstyle {
    font-weight: 900; 
    line-height: 1.5; 
    margin-top: 1em; 
    margin-left: 1em; 
    font-size: 1.5em; 
    z-index: 3; 
}
div.contenttextoverlay{
   display: none;
}
div.outside{
    width: 90%; 
    margin-left: 1em; 
}
/* END Image overlay hover text */

/* Privacy popup */
#popup_newsletter {
    z-index: 500;
    bottom: -500px;
    border-width: 1px; 
    width: auto;
}

a.acceptbutton{
    height: 8%; 
    width: 50%;                         
    padding: 0.5em; 
    color: rgb(5, 185, 172);   
}

div.p4{
    width: auto;
}
/* End Privacy popup */