/*********************************************************************************************************/
/*************************************************MAIN****************************************************/

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
}

html {
    scroll-behavior: smooth;
}

::-webkit-scrollbar {
    display: none;
}

.shadow {
    -webkit-box-shadow: 2.5px 2.5px 7.5px 2.5px rgba(0, 0, 0, 0.25);
    box-shadow: 2.5px 2.5px 7.5px 2.5px rgba(0, 0, 0, 0.25);
    z-index: 1;
}

.keywords {
    text-indent: -500000px;
    display: inline-block;
    margin-bottom: -10%;
}

/*********************************************************************************************************/
/*************************************************FONTS***************************************************/

/* open-sans-regular - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
  }
  /* open-sans-700 - latin */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
         url('../fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
  }

/*********************************************************************************************************/
/*************************************************TEXT****************************************************/

h1,
h2,
h3,
h4,
h5,
p,
a {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
a {
    font-weight: 700;
}

p {
    font-weight: 400;
    text-decoration: none;
}

a:hover,
.hover:hover {
    color: #364c8f;
    transition: 0.3s;
}

/*********************************************************************************************************/
/*************************************************ALIGN***************************************************/

.left-aln {
    text-align: left;
}

.right-aln {
    text-align: right;
}

.center-aln {
    text-align: center;
}

/*********************************************************************************************************/
/*************************************************COLORS***************************************************/

.blue {
    background-color: #23315b;
}

.bluetxt {
    color: #364c8f;
}

.dark {
    background-color: #333333;
}

.darktxt {
    color: #333333;
}

.light {
    background-color: #f4f4f4;
}

.lighttxt {
    color: #f4f4f4;
}

.white {
    background-color: #ffffff;
}

.whitetxt {
    color: #ffffff;
}

.bluebdr {
    border-bottom: 10px solid #364c8f;
}

/*********************************************************************************************************/
/************************************************LANDSCAPE************************************************/

/************************************************LANDSCAPE MAIN************************************************/

@media screen and (orientation:landscape) {

    /************************Main************************/

    h1,
    h2 {
        font-size: 1.6rem;
    }

    p,
    a {
        font-size: 0.9rem;
        line-height: 1.5rem;
    }

    .margin-all {
        margin: 2%;
    }

    .padding-all {
        padding: 1%;
    }

    .min-height {
        min-height: 12rem;
    }

    /************************Wrapper************************/

    .wrapper {
        width: 100%;
    }

    /************************Header************************/

    header {
        z-index: 2;
        position: fixed;
        width: 100%;
        height: 3rem;
    }

    .logo {
        width: 10%;
        margin-left: 45%;
        padding: 1%;
        display: inline-block;
    }

    .logo img {
        width: 100%;
    }

    .burger{
        display: none;
    }

    /************************Navigation************************/

    .mnavbox {
        width: 100%;
        background: rgb(54, 76, 143);
        background: linear-gradient(0deg, rgba(54, 76, 143, 1) 0%, rgba(35, 49, 91, 1) 100%);
        z-index: -1;
    }

    .mnav {
        width: 100%;
        position: absolute;
        z-index: 0;
        margin-top: 10%;
        padding-top: 0.5%;
        padding-bottom: 0.5%;
    }

    .mnav ul {
        width: 15%;
        display: inline-block;
    }

    .mnav ul:nth-child(5){
        width: 21%;
    }
    
    .mnav-p{
        display: none;
    }

    /************************Layout************************/
    
    .content {
        width: 100%;
        min-height: 27rem;
        display: inline-block;
    }

    .left {
        width: 60%;
        float: left;
    }

    .left h1 {
        margin-bottom: 4%;
    }
    
    .left h3, .left h4, .left h5{
        margin-top: 4%;
        margin-bottom: 4%;
    }

    .right {
        width: 30%;
        float: right;
    }

    .right h2 {
        margin-bottom: 8%;
    }
    
    /************************Highlight************************/
    
    .highlight{
        width: 40%;
        margin-bottom: 2%;
        display: inline-block;
    }
    
    .highlight a{
        padding: 1%;
    }
    
    .highlight a:hover{
        background-color: #364c8f;
        color: #ffffff;
    }
    
    /************************Contactform************************/


    .contactform {
        width: 100%;
        margin-top: 4%;
    }
    
    .contactln {
        width: 49%;
        min-height: 2rem;
        display: inline-block;
        margin-bottom: 2%;
        padding: 2%;
        font-family: 'Open Sans', sans-serif;
    }
    
    .contactln1{
        float: left;
    }
    
    .contactln2{
        float: right;
    }

    .contactbox {
        width: 100%;
        min-height: 8rem;
        margin-bottom: 2%;
        padding: 2%;
        font-family: 'Open Sans', sans-serif;
    }

    .btn {
        width: 100%;
        min-height: 2rem;
        padding: 2%;
        font-family: 'Open Sans', sans-serif;
        cursor: pointer;
    }

    /************************Footer************************/

    footer {
        width: 100%;
        min-height: 4rem;
    }

    footer img {
        margin-left: 2%;
    }

    .mnav2 {
        width: 45%;
        margin-top: 0.75%;
        float: right;
    }

    .mnav2 ul {
        width: 40%;
        display: inline-block;
    }
}

/************************************************LANDSCAPE SMALL************************************************/

@media screen and (orientation:landscape) and (max-width:1130px){

    /************************Main************************/

    h1,
    h2 {
        font-size: 1.6rem;
    }

    p,
    a {
        font-size: 0.9rem;
        line-height: 1.5rem;
    }

    .margin-all {
        margin: 2%;
    }

    .padding-all {
        padding: 1%;
    }

    .min-height {
        min-height: 12rem;
    }

    /************************Wrapper************************/

    .wrapper {
        width: 100%;
    }

    /************************Header************************/

    header {
        z-index: 2;
        position: fixed;
        width: 100%;
        height: 3.4rem;
    }

    .logo {
        width: 10%;
        margin-left: 45%;
        padding: 1%;
        display: inline-block;
    }

    .logo img {
        width: 100%;
    }

    .burger{
        display: none;
    }

    /************************Navigation************************/

    .mnavbox {
        width: 100%;
        background: rgb(54, 76, 143);
        background: linear-gradient(0deg, rgba(54, 76, 143, 1) 0%, rgba(35, 49, 91, 1) 100%);
        z-index: -1;
    }

    .mnav {
        width: 100%;
        position: absolute;
        z-index: 0;
        margin-top: 10%;
        padding-top: 0.5%;
        padding-bottom: 0.5%;
    }

    .mnav ul {
        width: 20%;
        display: inline-block;
    }

    .mnav ul:nth-child(1){
        width: 6%;
    }

     .mnav ul:nth-child(2){
        width: 21%;
    }

    .mnav ul:nth-child(3){
        width: 13%;
    }

    .mnav ul:nth-child(4){
        width: 16%;
    }

    .mnav ul:nth-child(5){
        width: 29%;
    }

    .mnav ul:nth-child(6){
        width: 9%;
    }
    
    .mnav-p{
        display: none;
    }

    /************************Layout************************/
    
    .content {
        width: 100%;
        min-height: 27rem;
        display: inline-block;
    }

    .left {
        width: 60%;
        float: left;
    }

    .left h1 {
        margin-bottom: 4%;
    }
    
    .left h3, .left h4, .left h5{
        margin-top: 4%;
        margin-bottom: 4%;
    }

    .right {
        width: 30%;
        float: right;
    }

    .right h2 {
        margin-bottom: 8%;
    }
    
    /************************Highlight************************/
    
    .highlight{
        width: 45%;
        margin-bottom: 2%;
        display: inline-block;
    }
    
    .highlight a{
        padding: 1%;
    }
    
    .highlight a:hover{
        background-color: #364c8f;
        color: #ffffff;
    }
    
    /************************Contactform************************/


    .contactform {
        width: 100%;
        margin-top: 4%;
    }
    
    .contactln {
        width: 49%;
        min-height: 2rem;
        display: inline-block;
        margin-bottom: 2%;
        padding: 2%;
        font-family: 'Open Sans', sans-serif;
    }
    
    .contactln1{
        float: left;
    }
    
    .contactln2{
        float: right;
    }

    .contactbox {
        width: 100%;
        min-height: 8rem;
        margin-bottom: 2%;
        padding: 2%;
        font-family: 'Open Sans', sans-serif;
    }

    .btn {
        width: 100%;
        min-height: 2rem;
        padding: 2%;
        font-family: 'Open Sans', sans-serif;
        cursor: pointer;
    }

    /************************Footer************************/

    footer {
        width: 100%;
        min-height: 4rem;
    }

    footer img {
        margin-left: 2%;
    }

    .mnav2 {
        width: 45%;
        margin-top: 0.75%;
        float: right;
    }

    .mnav2 ul {
        width: 40%;
        display: inline-block;
    }
}

/*********************************************LANDSCAPE SUPERSMALL**********************************************/

@media screen and (orientation:landscape) and (max-width:860px){

    /************************Navigation************************/

    .mnav {
        width: 100%;
        position: absolute;
        z-index: 0;
        margin-top: 10%;
        padding-top: 0.75rem;
        padding-bottom: 0.5%;
    }

    .mnav ul {
        width: 30%;
        height: 2rem;
        display: inline-block;
    }

    .mnav ul:nth-child(1){
        width: 24%;
    }

     .mnav ul:nth-child(2){
        width: 50%;
    }

    .mnav ul:nth-child(3){
        width: 24%;
    }

    .mnav ul:nth-child(4){
        width: 24%;
    }

    .mnav ul:nth-child(5){
        width: 50%;
    }

    .mnav ul:nth-child(6){
        width: 24%;
    }

}

/************************************************LANDSCAPE GRAND************************************************/

@media screen and (orientation:landscape) and (min-width:1366px){

    /************************Main************************/

    h1,
    h2 {
        font-size: 1.6rem;
    }

    p,
    a {
        font-size: 0.9rem;
        line-height: 1.5rem;
    }

    .margin-all {
        margin: 2%;
    }

    .padding-all {
        padding: 1%;
    }

    .min-height {
        min-height: 12rem;
    }

    /************************Wrapper************************/

    .wrapper {
        width: 100%;
    }

    /************************Header************************/

    header {
        z-index: 2;
        position: fixed;
        width: 100%;
        height: 4.4rem;
    }

    .logo {
        width: 10%;
        margin-left: 45%;
        padding: 1%;
        display: inline-block;
    }

    .logo img {
        width: 100%;
    }

    .burger{
        display: none;
    }

    /************************Navigation************************/

    .mnavbox {
        width: 100%;
        height: 18rem;
        background: rgb(54, 76, 143);
        background: linear-gradient(0deg, rgba(54, 76, 143, 1) 0%, rgba(35, 49, 91, 1) 100%);
        z-index: -1;
    }

    .mnav {
        width: 100%;
        position: absolute;
        z-index: 0;
        margin-top: 10%;
        padding-top: 0.5%;
        padding-bottom: 0.5%;
    }

    .mnav ul {
        width: 14%;
        display: inline-block;
    }

    .mnav ul:nth-child(5){
        width: 20%;
    }
    
    .mnav-p{
        display: none;
    }

    /************************Layout************************/
    
    .content {
        width: 100%;
        min-height: 48rem;
        display: inline-block;
    }

    .left {
        width: 60%;
        float: left;
    }

    .left h1 {
        margin-bottom: 4%;
    }
    
    .left h3, .left h4, .left h5{
        margin-top: 4%;
        margin-bottom: 4%;
    }

    .right {
        width: 30%;
        float: right;
    }

    .right h2 {
        margin-bottom: 8%;
    }
    
    /************************Highlight************************/
    
    .highlight{
        width: 40%;
        margin-bottom: 2%;
        display: inline-block;
    }
    
    .highlight a{
        padding: 1%;
    }
    
    .highlight a:hover{
        background-color: #364c8f;
        color: #ffffff;
    }
    
    /************************Contactform************************/


    .contactform {
        width: 100%;
        margin-top: 4%;
    }
    
    .contactln {
        width: 49%;
        min-height: 2rem;
        display: inline-block;
        margin-bottom: 2%;
        padding: 2%;
        font-family: 'Open Sans', sans-serif;
    }
    
    .contactln1{
        float: left;
    }
    
    .contactln2{
        float: right;
    }

    .contactbox {
        width: 100%;
        min-height: 8rem;
        margin-bottom: 2%;
        padding: 2%;
        font-family: 'Open Sans', sans-serif;
    }

    .btn {
        width: 100%;
        min-height: 2rem;
        padding: 2%;
        font-family: 'Open Sans', sans-serif;
        cursor: pointer;
    }

    /************************Footer************************/

    footer {
        width: 100%;
        min-height: 4rem;
    }

    footer img {
        margin-left: 2%;
    }

    .mnav2 {
        width: 45%;
        margin-top: 0.75%;
        float: right;
    }

    .mnav2 ul {
        width: 40%;
        display: inline-block;
    }
}

/*********************************************************************************************************/
/************************************************PORTRAIT************************************************/

/************************************************PORTRAIT MAIN************************************************/

@media screen and (orientation:portrait) {

    /************************Main************************/

    h1,
    h2 {
        font-size: 1.6rem;
    }

    p,
    a {
        font-size: 1.0rem;
        line-height: 1.6rem;
    }

    .margin-all {
        margin: 5%;
    }

    .padding-all {
        padding: 2.5%;
    }

    .min-height {
        min-height: 12rem;
    }

    /************************Wrapper************************/

    .wrapper {
        width: 100%;
    }

    /************************Header************************/

    header {
        z-index: 2;
        width: 100%;
        position: fixed;
        height: 4rem;
    }

    .logo {
        width: 35%;
        margin-left: 7.5%;
        padding: 1%;
        display: inline-block;
    }

    .logo img {
        width: 100%;
        padding: 5%;
        padding-top: 7.5%;
    }

    .burger {
        width: 3%;
        float: right;
        margin-right: 7.5%;
        padding-top: 3%;
    }

    /************************Navigation************************/

    .mnavbox {
        width: 100%;
        background: rgb(54, 76, 143);
        background: linear-gradient(0deg, rgba(54, 76, 143, 1) 0%, rgba(35, 49, 91, 1) 100%);
        z-index: -1;
    }
    
    .mnav{
        display: none;
    }

    .mnav-p {
        display: none;
        width: 100%;
        position: fixed;
        z-index: 0;
        margin-top: -15%;
        padding-top: 10%;
    }

    .mnav-p ul {
        width: 100%;
        height: 3.5rem;
        display: inline-block;
    }

    /************************Layout************************/
    
    .content {
        width: 100%;
        min-height: 27rem;
        display: inline-block;
    }

    .left {
        width: 90%;
        float: left;
    }

    .left h1 {
        margin-bottom: 5%;
    }
    
    .left h3, .left h4, .left h5{
        margin-top: 5%;
        margin-bottom: 5%;
    }

    .right {
        width: 90%;
        float: right;
    }

    .right h2 {
        margin-bottom: 10%;
    }
    
    /************************Highlight************************/
    
    .highlight{
        width: 100%;
        margin-bottom: 5%;
        display: inline-block;
    }
    
    .highlight a{
        padding: 2.5%;
    }
    
    .highlight a:hover{
        background-color: #364c8f;
        color: #ffffff;
    }
    
    /************************Contactform************************/


    .contactform {
        width: 100%;
        margin-top: 5%;
    }
    
    .contactln {
        width: 100%;
        min-height: 2rem;
        display: inline-block;
        margin-bottom: 5%;
        padding: 5%;
        font-family: 'Open Sans', sans-serif;
    }
    
    .contactln1{
        float: left;
    }
    
    .contactln2{
        float: right;
    }

    .contactbox {
        width: 100%;
        min-height: 8rem;
        margin-bottom: 5%;
        padding: 5%;
        font-family: 'Open Sans', sans-serif;
    }

    .btn {
        width: 100%;
        min-height: 2rem;
        padding: 2.5%;
        font-family: 'Open Sans', sans-serif;
        cursor: pointer;
    }

    /************************Footer************************/

    footer {
        width: 100%;
        min-height: 4rem;
    }

    footer img {
        width: 20%;
        margin-left: 40%;
    }

    .mnav2 {
        display: none;
    }

    .mnav2 ul {
        width: 40%;
        display: inline-block;
    }
}

/************************************************PORTRAIT IPAD************************************************/

@media screen and (orientation:portrait) and (min-width:768px){

    /************************Main************************/

    h1,
    h2 {
        font-size: 1.6rem;
    }

    p,
    a {
        font-size: 1.0rem;
        line-height: 1.6rem;
    }

    .margin-all {
        margin: 5%;
    }

    .padding-all {
        padding: 2.5%;
    }

    .min-height {
        min-height: 12rem;
    }

    /************************Wrapper************************/

    .wrapper {
        width: 100%;
    }

    /************************Header************************/

    header {
        z-index: 2;
        width: 100%;
        position: fixed;
        height: 6.5rem;
    }

    .logo {
        width: 25%;
        margin-left: 7.5%;
        padding: 1%;
        display: inline-block;
    }

    .logo img {
        width: 100%;
        padding: 5%;
        padding-top: 7.5%;
    }

    .burger {
        width: 2.5%;
        float: right;
        margin-right: 7.5%;
        padding-top: 2%;
    }

    /************************Navigation************************/

    .mnavbox {
        width: 100%;
        background: rgb(54, 76, 143);
        background: linear-gradient(0deg, rgba(54, 76, 143, 1) 0%, rgba(35, 49, 91, 1) 100%);
        z-index: -1;
    }
    
    .mnav{
        display: none;
    }

    .mnav-p {
        display: none;
        width: 100%;
        position: fixed;
        z-index: 0;
        margin-top: 0%;
        padding-top: 10%;
        padding-bottom: 10%;
    }

    .mnav-p ul {
        width: 100%;
        height: 4rem;
        display: inline-block;
    }

    /************************Layout************************/
    
    .content {
        width: 100%;
        min-height: 27rem;
        display: inline-block;
    }

    .left {
        width: 90%;
        float: left;
    }

    .left h1 {
        margin-bottom: 5%;
    }
    
    .left h3, .left h4, .left h5{
        margin-top: 5%;
        margin-bottom: 5%;
    }

    .right {
        width: 90%;
        float: right;
    }

    .right h2 {
        margin-bottom: 10%;
    }
    
    /************************Highlight************************/
    
    .highlight{
        width: 100%;
        margin-bottom: 5%;
        display: inline-block;
    }
    
    .highlight a{
        padding: 2.5%;
    }
    
    .highlight a:hover{
        background-color: #364c8f;
        color: #ffffff;
    }
    
    /************************Contactform************************/


    .contactform {
        width: 100%;
        margin-top: 5%;
    }
    
    .contactln {
        width: 100%;
        min-height: 2rem;
        display: inline-block;
        margin-bottom: 5%;
        padding: 5%;
        font-family: 'Open Sans', sans-serif;
    }
    
    .contactln1{
        float: left;
    }
    
    .contactln2{
        float: right;
    }

    .contactbox {
        width: 100%;
        min-height: 8rem;
        margin-bottom: 5%;
        padding: 5%;
        font-family: 'Open Sans', sans-serif;
    }

    .btn {
        width: 100%;
        min-height: 2rem;
        padding: 2.5%;
        font-family: 'Open Sans', sans-serif;
        cursor: pointer;
    }

    /************************Footer************************/

    footer {
        width: 100%;
        min-height: 4rem;
    }

    footer img {
        width: 20%;
        margin-left: 40%;
    }

    .mnav2 {
        display: none;
    }

    .mnav2 ul {
        width: 40%;
        display: inline-block;
    }
}

/************************************************PORTRAIT IPAD PRO************************************************/

@media screen and (orientation:portrait) and (min-width:1024px){

    /************************Main************************/

    h1,
    h2 {
        font-size: 2.0rem;
    }

    p,
    a {
        font-size: 1.4rem;
        line-height: 2.0rem;
    }

    .margin-all {
        margin: 5%;
    }

    .padding-all {
        padding: 2.5%;
    }

    .min-height {
        min-height: 12rem;
    }

    /************************Wrapper************************/

    .wrapper {
        width: 100%;
    }

    /************************Header************************/

    header {
        z-index: 2;
        width: 100%;
        position: fixed;
        height: 8.4rem;
    }

    .logo {
        width: 25%;
        margin-left: 7.5%;
        padding: 1%;
        display: inline-block;
    }

    .logo img {
        width: 100%;
        padding: 5%;
        padding-top: 7.5%;
    }

    .burger {
        width: 2.5%;
        float: right;
        margin-right: 7.5%;
        padding-top: 2%;
    }

    /************************Navigation************************/

    .mnavbox {
        width: 100%;
        background: rgb(54, 76, 143);
        background: linear-gradient(0deg, rgba(54, 76, 143, 1) 0%, rgba(35, 49, 91, 1) 100%);
        z-index: -1;
    }
    
    .mnav{
        display: none;
    }

    .mnav-p {
        display: none;
        width: 100%;
        position: fixed;
        z-index: 0;
        margin-top: 10%;
        padding-top: 10%;
        padding-bottom: 10%;
    }

    .mnav-p ul {
        width: 100%;
        height: 4rem;
        margin-top: 2rem;
        display: inline-block;
    }

    /************************Layout************************/
    
    .content {
        width: 100%;
        min-height: 27rem;
        display: inline-block;
    }

    .left {
        width: 90%;
        float: left;
    }

    .left h1 {
        margin-bottom: 5%;
    }
    
    .left h3, .left h4, .left h5{
        margin-top: 5%;
        margin-bottom: 5%;
    }

    .right {
        width: 90%;
        float: right;
    }

    .right h2 {
        margin-bottom: 10%;
    }
    
    /************************Highlight************************/
    
    .highlight{
        width: 100%;
        margin-bottom: 5%;
        display: inline-block;
    }
    
    .highlight a{
        padding: 2.5%;
    }
    
    .highlight a:hover{
        background-color: #364c8f;
        color: #ffffff;
    }
    
    /************************Contactform************************/


    .contactform {
        width: 100%;
        margin-top: 5%;
    }
    
    .contactln {
        width: 100%;
        min-height: 2rem;
        display: inline-block;
        margin-bottom: 5%;
        padding: 5%;
        font-family: 'Open Sans', sans-serif;
        font-size: 1.4rem;
    }
    
    .contactln1{
        float: left;
    }
    
    .contactln2{
        float: right;
    }

    .contactbox {
        width: 100%;
        min-height: 8rem;
        margin-bottom: 5%;
        padding: 5%;
        font-family: 'Open Sans', sans-serif;
        font-size: 1.4rem;
    }

    .btn {
        width: 100%;
        min-height: 2rem;
        padding: 2.5%;
        font-family: 'Open Sans', sans-serif;
        font-size: 1.4rem;
        cursor: pointer;
    }

    /************************Footer************************/

    footer {
        width: 100%;
        min-height: 4rem;
    }

    footer img {
        width: 20%;
        margin-left: 40%;
    }

    .mnav2 {
        display: none;
    }

    .mnav2 ul {
        width: 40%;
        display: inline-block;
    }
}