/* ---------------------------------
PRIMARY STYLES
--------------------------------- */
html{ font-size: 100%; height: 100%; overflow-x: hidden; margin: 0;  padding: 0;
    touch-action: manipulation;  -webkit-box-sizing: border-box; box-sizing: border-box;}

body{ font-size: 15px; font-family: 'Poppins', serif;font-weight: 400;
    -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; word-wrap: break-word;
    line-height: 1; margin: 0 50px; padding: 80px 0; height: 100%;
    -webkit-box-sizing: border-box; box-sizing: border-box;
    width: calc(100% - 100px); position: relative; z-index: 1; color: #333; }

h1, h2, h3, h4, h5, h6, p, a, ul, span, li, img, button{ margin: 0; padding: 0; }

h1,h2,h3,h4,h5,h6{ line-height: 1.5; font-weight: inherit; }

h1,h2,h3{ font-family: 'Poppins'; }

p{ line-height: 1.6; font-size: 1.05em; font-weight: 400; color: #777; }

h1{ font-size: 4em; line-height: 1; }
h2{ font-size: 2.2em; line-height: 1.1; }
h3{ font-size: 1.8em; }
h4{ font-size: 1.3em; }
h5{ font-size: 1em; }
h6{ font-size: .9em; letter-spacing: 1px; }

a, button{ display: inline-block; text-decoration: none; color: inherit; line-height: 1;
    -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }

a:focus, a:active, a:hover,
button:focus, button:active, button:hover,
a b.light-color:hover{ text-decoration: none; color: #378ed5; }
img{ width: 100%; }
li{ list-style: none; display: inline-block; }

.hide{ display: none;}

/* ---------------------------------
HEADER
--------------------------------- */

header{ position: absolute; top: 0; left: 0; right: 0; height: 80px; text-align: center; z-index: 1000; }
header:after{ content:''; clear: both; }
header .logo{ float: left; height: 60px; margin: 10px 0; }
header .logo img{ height: 100%; width: auto; }
header .main-menu{ float: right; }
header ul.main-menu > li > a{ height: 100%; line-height: 80px; padding: 0 10px; }
header .right-area{ float: right; height: 100%; line-height: 80px; margin-left: 20px; }


.dropdown .dropbtn {
    border: none;
    outline: none;
    padding: 14px 16px;
    margin: 0;
    cursor: pointer;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    float: none;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {
    background-color: #ddd;
}

.dropdown:hover .dropdown-content {
    display: block;
}
.burger-menu{
    display: none;
}

.burger-menu.fa{
    font-size:24px
}

@media only screen and (width < 540px) {
    .top-header{ display: none; }
    header .main-menu { float: initial; }
}

label.required:after {
    content: " *";
    color: red;
}

footer{
    height: 10px;
    margin-top: 25px;
}

.center{
    text-align: center;
    margin: auto;
}