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 {
}

#nav, #nav ul {
}

#nav li {
    padding: 0.5em;
    font-size: 1em; 
}

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: right;
}

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

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

div.topimage { 
    height:400px; 
    width:100%; 
    margin-left:auto; 
    margin-right:auto;
    z-index: 1;
}

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

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

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

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 ;
}

div.header06 { 
    width:80%;
    margin-left:auto;
    margin-right:auto;
    font-weight: 700 ;
    font-size: 20px;
    line-height:1.4;
    letter-spacing: 0px;
    margin-top: 2em;
    margin-bottom: 2em;
}

div.quoteclass{
    width: 22%; 
    height: 3em; 
    padding-top: 0.5em; 
    margin-right: 7em;
    font-size: 18px; 
}

div.quoteclasstext{
   width: 40%;
   margin-top: 0.5em; 
   margin-left: 8.5em;
}
/* End Main template content */

/* Separetor line*/
div.separetorline {
    width: 80%;
    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: 0;
  padding: 0;
}
li {
    margin-left: 2em;
    float: left;
    
}

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: 2em; 
    margin-bottom: 1.5em;
}

div.formbutton {
    width: max-content;
    font-size: 16px; 
    border-radius: 2px; 
    padding-top: 0.5em; 
    padding-bottom: 0.5em; 
    padding-left: 1em; 
    padding-right: 1em; 
    border: 1px solid #0e6f6b;
    margin-top: 7em;
}

div.formbutton:hover {
    width: max-content;
    font-size: 16px; 
    border-radius: 2px; 
    padding-top: 0.5em; 
    padding-bottom: 0.5em; 
    padding-left: 1em; 
    padding-right: 1em; 
    border: 1px solid #0e6f6b;
    margin-top: 7em;
    background-color: #63aba4;
}
/* End Input type */

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

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

div.htext05 {
    width: 94%;
    font-weight: 700;
    font-size: 16px;
    z-index: 3;
    margin-left: 1.5em;
    margin-right: 10px;
    top:15%;
    bottom: 0;
    right: -100%;
    transition: right .6s ease-in;
}

/* 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 {
    height: 220px; 
    width: 49%;  
    margin-left:auto;
    margin-right:auto;
    background-size:100%;
}
.image01:hover{    
    background-color: #1b7973;
    z-index: 100;
    opacity: 0.5;
}
.image01:after{
    margin-top: 100;
    width: 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;
    
    
}


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:80%;
}
/* End of background grey box*/


/* Trading table */

div.contenttable {
    width: 80%;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5;  
}

div.contenttableLeft {
    width:96%;
    padding: 0.3em;
    padding-right: 0.5em;
    border-left: 3px solid #eee;
    border-bottom: 2px solid #eee;
    border-right: 2px solid #eee;
    font-size: 16px;    
    transition-delay: 0.003s; 
    transition-duration: 0.5s;
}

div.contenttableLeft_current {
    width:95%;
    padding: 0.3em;
    padding-right: 0.5em;
    border-left: 3px solid #eee;
    border-bottom: 2px solid #eee;
    border-right: 2px solid #eee;
    font-size: 16px;
}

div.contenttableLeftsmall {
    display: none;
}

div.contentnone {
    display: none;
}

div.conainertrading {
    float: left; 
    overflow: hidden;
    height: 550px;
    border-top: 2px solid #eee;
    border-right: 1px solid #eee;
}
div.contenttableright {
    min-height: 510px;
    line-height: 1.4;
    width: 64%;
    display: block; 
    border: 4px solid #eee;
}

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

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

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

tr.row01 {
      
}
.row01:hover {
    background-color: #ebf1f3;  
}

tr.row02{
   
}
.row02:hover{
    background-color: #ebf1f3;
}
/* End Trading table */

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

/* Contact us form */
div.formstyle {
    width: 30%;  
    float: left;
    /*margin-top: -38em;    */
}

div.contactuscontainer {
    width: 70%;  float: left;
}
/* End Contact us form */

/* PLUS icon */
span.plusicon {
    display: none;
    line-height: inherit; 
    opacity: .5; 
    padding-left: 15px;                   
    vertical-align: middle; 
    width: auto; 
    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*/
div.icon-bar {
display: none;
}
/* End Bars style*/

/* Email icon  contact us */
div.emailiconstyle {
      width:150px; 
      padding: 1em; 
      float: left;    
}
/* End Email icon  contact us */

/* privacy title */
div.containerprivacy{
    width: 54%;
}
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: 43%;
    float: left;
    margin-left: 1em;
}

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

.overlay {
    display: none;
    bottom: 0;
    background-color: #004242;
    width: 100%;
    height: 220px;
    opacity:0.8;
    transition: display 1s ease-in;
    z-index: 2;
}

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

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

.hr { 
    margin-left: 1.5em; 
    transition: width .4s ease-in; 
    width: 0%; 
    z-index: 3; 
    margin-top: 4em;  
    height: 3px; 
    top:10%;
    left: 0;   
    right: 100%;
    border-radius: 4px;
      
}

.container:hover .hr {
    width: 90%;
}

div.titlecontentstyle {
    font-weight: 900; 
    line-height: 1.5; 
    margin-top: 1em; 
    margin-left: 1em; 
    font-size: 1.5em; 
    z-index: 3; 
}
div.contenttextoverlay{
    width: 94%;
    font-weight: 700;
    font-size: 16px;
    z-index: 3;
    margin-left: 1.5em;
    margin-right: 10px;
    top:15%;
    bottom: 0;
    right: -100%;
    transition: right .6s ease-in;
}

div.outside{
    width: 90%; 
    margin-left: 7.5em; 
}
/* END Image overlay hover text */

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

a.acceptbutton{
    height: 8%; 
    width: 20%;                         
    padding: 0.5em; 
    color: rgb(5, 185, 172);   
}
div.p4{
    padding: 0.5em; 
    font-weight: 400;
}

/* End Privacy popup */