@charset "utf-8";
/* CSS Document */

/*reset*/
*{margin:0; padding:0; outline:none; box-sizing:border-box;}
img,fieldset{border:0px; display:block;}
br.clear, div.clear{clear:both; font-size:0px;}
ul, ol{list-style:none;}
textarea, input.text, input[type="text"], input[type="button"], input[type="submit"], .input-checkbox, button{-webkit-appearance:none; border-radius:0;}

header, nav, article, aside, section, footer{display:block; overflow:hidden;}
header, section, footer{width:100%; height:auto; position:relative;}

/*template*/
html{width:100%; height:100%; font-size:62.5%;}
body{width:100%; height:100%; font-family:'Roboto', sans-serif; font-size:1.6rem; line-height:1.628571; color:#000A53; overflow-x:hidden; overflow-y:scroll; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}


/*text*/
h1, h2, h3, h4, h5, h6{width:100%; height:auto; line-height:1.2; font-weight:bold; font-family:'Roboto', sans-serif; color:#000A53; text-transform:uppercase;}
h1{font-size:4.0rem; margin-bottom:32px; color:#ffffff;}
h2{font-size:3.0rem; margin-bottom:32px;}
h3{font-size:2.0rem; margin-bottom:16px;}
h4{font-size:2.0rem; margin-bottom:16px; color:#2D5088;}
p{margin:0px 0px 32px 0px;}
a, a *{color:#03B6E1; text-decoration:none;}
small{font-size:1.2rem;}
article ul,
article ol{list-style:disc outside; margin:0px 0px 30px 20px;}
article p:last-of-type{margin:0px;}

/*floats*/
.left{float:left;}
.right{float:right;}

/*forms*/
form.form-grid{display:grid; grid-template-columns:200px auto; gap:16px;}
form.form-grid .wide{grid-column-end:span 2;}
form.form-grid h2{margin-top:35px; margin-bottom:0px; font-size:2.4rem;}
form.form-grid h3{margin-top:35px; margin-bottom:0px; font-size:2.0rem;}
form.form-grid h3:first-of-type{margin-top:0px;}
form.form-grid div{padding:8px 0px;}
form.form-grid div.row{border-bottom:1px dotted #eae9e9;}
form.form-grid div.noborder{border-bottom:none !important;}
form.form-grid div.label{color:#2a2620;}
form.form-grid div.row label.red{color:#e2001a;}
form.form-grid div span{display:block; height:32px; line-height:32px; color:#a3a3a3; font-size:1.2rem;}
form.form-grid div input[type="text"],
form.form-grid div input[type="number"],
form.form-grid div input[type="date"],
form.form-grid div input[type="email"],
form.form-grid div input[type="time"],
form.form-grid div input[type="datetime-local"]{width:100%; height:24px; line-height:24px; padding:16px; border-radius:8px; border:1px solid #eae9e9; color:#2a2620; background:#ffffff;}
form.form-grid div select{width:100%; height:24px; line-height:24px; font-size:1.4rem; padding:16px; border-radius:8px; color:#2a2620; background:#ffffff; border:1px solid #eae9e9; font-family:'Roboto', sans-serif; color:#555555;}
form.form-grid div select{height:unset; line-height:unset; padding:8px 16px;}
form.form-grid div select option{color:#555555;}
form.form-grid div input[type="text"].red,
form.form-grid div input[type="number"].red,
form.form-grid div input[type="date"].red,
form.form-grid div input[type="email"].red,
form.form-grid div input[type="time"].red,
form.form-grid div select.red,
form.form-grid div input[type="datetime-local"].red{border:1px solid #e2001a; background-color:#fff6f6 !important;}
form.form-grid div input[type="text"]:focus,
form.form-grid div input[type="number"]:focus,
form.form-grid div input[type="date"]:focus,
form.form-grid div input[type="email"]:focus,
form.form-grid div input[type="time"]:focus,
form.form-grid div input[type="datetime-local"]:focus{border:1px solid #2a2620;}
form.form-grid div textarea{width:100%; height:300px; line-height:24px; font-family:'Roboto', sans-serif;padding:16px; border-radius:8px; background:#ffffff; color:#2a2620; border:1px solid #eae9e9} 
form.form-grid div textarea:focus{border:1px solid #303030;}
form.form-grid div.submit{display:grid; grid-template-columns:1fr 1fr;}
form.form-grid div.submit .button-left input[type=button],
form.form-grid div.submit .button-left input[type=submit]{border:0px; font-family:'Roboto', sans-serif; color:#555555; background-color:#eae9e9; font-size:1.4rem; padding:15px 25px; border-radius:5px; text-decoration:none; float:left; cursor:pointer;}
form.form-grid div.submit .button-right input[type=button],
form.form-grid div.submit .button-right input[type=submit]{border:0px; font-family:'Roboto', sans-serif; color:#ffffff; background-color:#04b149; font-size:1.4rem; padding:15px 25px; border-radius:5px; text-decoration:none; float:right; cursor:pointer;}
form.form-grid div.submit .button-right input[type=submit].grey{color:#f1f1f1; background-color:#444444;}
form.form-grid div.product{display:grid; grid-template-columns:repeat(4,1fr); gap:16px; padding:16px; background:#efefef; border-radius:12px; margin-bottom:16px;}
form.form-grid div.product h4{grid-column-end:span 4; border-bottom:1px dotted #eae9e9; }
form.form-grid div.product div.group{padding:0px;}
form.form-grid div.product div.group label{color:#2a2620;}
form.form-grid div.product input.red, 
form.form-grid div.product select.red{border:1px solid #ff0000 !important; background-color:#fff6f6 !important;}
form.form-grid div.add button{border:0px; font-family:'Roboto', sans-serif; color:#ffffff; background-color:#03B6E1; font-size:1.4rem; padding:15px 25px; border-radius:5px; text-decoration:none; cursor:pointer;}

/*main-container*/
main{width:100%; max-width:1920px; min-height:100vh; margin:0px auto;}
.container{max-width:1260px; margin:0px auto; padding: 0 24px; position:relative;}

/*header*/
header{overflow:visible; z-index:200;}
header .contactbar{height:32px; line-height:32px; color:#ffffff;}
header .contactbar .contact{display:flex; justify-content:start;}
header .contactbar .contact a:first-of-type{margin-right:48px;}
header .contactbar .contact a{color:#ffffff;}
header .contactbar .contact a:hover{color:#03B6E1;}
header .navbar{height:48px;}
header .navbar ul{display:flex; justify-content:end;}
header .navbar ul li{margin-right:32px;}
header .navbar ul li a{font-size:1.8rem; text-transform:uppercase; line-height:48px; color:#ffffff;}
header .navbar ul li a:hover{color:#000f7a;}
header .navbar .menu{display:none;}
header .logo{height:100px; width:200px; margin-bottom:-100px;}
header .logo img{height:100%; width:100%; object-fit:cover;}

/*generals*/
.color-white{color:#ffffff;}
.bg-blue{background-color:#03B6E1;}
.bg-darkblue{background-color:#000A53;}
.button{min-width:200px; display:inline-block; padding:8px 16px; text-align:center; font-family: 'Roboto', sans-serif; font-size:1.8rem; text-decoration:none !important; text-transform:uppercase; color:#ffffff; border-radius:8px;}
.button.slide{width:300px; display:block;}
.button.bg-green:hover{background-color:#1cc776; cursor:pointer;}
.button.bg-darkblue:hover{background-color:#000f7a; cursor:pointer;}
section{padding: 32px 0;}
section.no-bottom{padding-bottom:0px !important;}
section:first-of-type{padding:unset; padding-bottom:32px;}

/*sections*/
section.slide{overflow:visible;z-index:101;}
section.slide .image{height:700px;}
section.slide .image img{height:100%; width:100%;  object-fit:cover;}
section.slide .hero{height:100%; width:100%; position:absolute; top:0; left:0;}
section.slide .hero .container{height:300px; margin-top:400px;}
section.slide .hero .grid{display:grid; grid-template-columns:1fr 1fr;}
section.slide .hero .container article{color:#ffffff;}
section.slide .hero .container article p{font-weight:bold; text-shadow: 2px 2px #222222;}
section.slide .hero .container .buttons{margin: auto;}
section.slide .hero .container .buttons .button:first-of-type{margin-bottom:48px;}


section.content .intro{margin-bottom:32px;}
section.content .grid{-webkit-box-shadow: -3px 7px 11px 5px rgba(0,0,0,0.33); box-shadow: -3px 7px 11px 5px rgba(0,0,0,0.33);}
section.subpages:nth-of-type(odd) .grid article{grid-area: 1/2/1/2;}
section.subpages:nth-of-type(odd) .grid{-webkit-box-shadow: 6px 5px 7px 2px rgba(0,0,0,0.19);box-shadow: 6px 5px 7px 2px rgba(0,0,0,0.19);}
section.content .grid{display:grid; grid-template-columns:1fr 1fr; grid-gap:0px;}
section.content .grid.four{grid-template-columns:repeat(4,1fr); box-shadow:unset;-webkit-box-shadow:unset;}
section.content .grid .description{padding:32px;}
section.content .grid .image{height:100%; width:100%;}
section.content .grid .image img{height:100%; width:100%; object-fit:cover;}
section.content .buttons{text-align:center; margin-top:32px;}
section.content .buttons .button:first-of-type{margin-right:32px;}

/*footer*/
footer .grid{display:grid; grid-template-columns:repeat(3, 1fr); grid-gap:32px;}
footer .grid a, footer .grid a *{color:#ffffff;}
footer .grid i{display:inline-block; width:18px; margin-right:24px;}
footer .grid .contact{margin:32px 0;}
footer .grid .contact div{color:#ffffff;}
footer .grid .contact div:first-of-type{font-weight:bold;}
footer .grid .contact a{display:block; color:#ffffff;}
footer .grid .contact a:hover{color:#000A53;}
footer .grid .logo{height:100px; width:200px; margin:32px 0;}
footer .grid .logo img{height:100%; width:100%; object-fit:cover;}
footer .bottombar{height:32px;}
footer .bottombar .container .copyright div{line-height:32px; color:#f2f2f2;}


/*laptop*/
@media only screen and (max-width:1024px) 
{   
    header .contactbar .contact div:first-of-type{margin-right:32px;}
    header .navbar ul li{margin-right:24px;}
    header .logo{height:70px; width:180px; margin-bottom:-70px;}

    section.slide .image{height:600px;}
    section.slide .hero .container{height:300px; margin-top:300px;}
    section.slide .hero .container .buttons .button:first-of-type{margin-bottom:32px;}

}

/*tablet*/
@media only screen and (max-width:768px) 
{
    h1{font-size:3.0rem; margin-bottom:24px;}
    h2{font-size:2.0rem; margin-bottom:24px;}
    h3{font-size:1.8rem;}
    h4{font-size:1.8rem;}


    header .navbar ul{justify-content:start;}
    header .navbar ul li a{font-size:1.6rem;}

    .button{min-width:200px; padding:8px 8px; font-size:1.6rem;}
    .button.slide{width:230px; display:block;}
    section{padding:24px 0;}
    section:first-of-type{padding-bottom:24px;}

    section.slide .image{height:450px;}
    section.slide .hero .container{height:250px; margin-top:200px;}


    footer .grid{grid-gap:24px;}
    footer .grid i{margin-right:16px;}
    footer .grid .contact{margin:24px 0;}
    footer .grid .logo{height:70px; width:170px; margin:24px 0;}
    footer .copyright{font-size:1.2rem;}
}

/*mobile l*/
@media only screen and (max-width:426px)
{
    h1{font-size:2.0rem; margin-bottom:16px;}
    h2{font-size:1.8rem; margin-bottom:16px;}
    h3{font-size:1.6rem;}
    h4{font-size:1.6rem;}    

    form.smaller{width:100%;}
    form.form-grid{grid-template-columns:1fr;}
    form.form-grid .wide{grid-column-end:unset;}
    form.form-grid .label{border-bottom:0px !important}
    
    header .contactbar .contact div:first-of-type{margin-right:16px;}
    header .navbar{height:48px;}
    header .navbar nav{width:100%; height:auto; display:block; float:none; left:0; top:-800px; position:absolute; -webkit-transform:translateY(-140%); transform:translateY(-140%); -webkit-transition:-webkit-transform 0.5s, visibility 0s 0.5s; transition:transform 0.5s, visibility 0s 0.5s;}
    header .navbar .menu{display:unset; display:block; text-align:right;}
    header .navbar .menu a{height:48px; margin-right:24px;}
    header .navbar .menu a i{font-size:2.0rem; color:#2D5088; line-height:48px;}    
    header .navbar nav ul{width:100%; height:auto; display:block; position:relative; float:left; padding:12px; background:#03B6E1;}
    header .navbar nav ul li{width:100%; height:auto; min-height:48px; display:block; float:left; margin:0px; text-align:right;}
    header .navbar nav ul li a{color:#ffffff; height:48px; font-size:1.6rem; line-height:48px; margin:unset;}
    header .navbar nav.open{width:100%; height:100vh; display:block; float:none; left:0px; top:48px; z-index:110; position:absolute; margin:0px !important; -webkit-transform:translateY(0%); transform:translateY(0%); -webkit-transition:-webkit-transform 0.5s; transition:transform 0.5s;}
    header .logo{height:100px; width:200px; margin-bottom:-100px;}
    header .logo img{height:60px; width:160px;; object-fit:cover;}

    section.slide .image{height: 350px;}
    section.slide .hero{position:relative;}
    section.slide .hero .container{height:unset; margin-top:unset;}
    section.slide .hero .grid{grid-template-columns:1fr}
    section.slide .hero .container article h1{margin-top:24px;}
    section.slide .hero .container article h1{color:#000A53;}
    section.slide .hero .container article p{font-weight:normal; text-shadow:unset; color:#000A53;}
    section.slide .hero .container .buttons{margin: auto;}
    section.slide .hero .container .buttons .button:first-of-type{margin-bottom:16px; margin-top:16px;}

    section.content .intro{margin-bottom:16px;}
    section.content .grid{-webkit-box-shadow:unset; box-shadow:unset;}
    section.content .grid.four{grid-template-columns: 1fr 1fr; row-gap:24px; box-shadow:unset;}
    section.content:nth-of-type(odd) .grid article{grid-area: 1/1/1/1;}
    section.content:nth-of-type(odd) .grid{-webkit-box-shadow: unset; box-shadow: unset;}
    section.content .grid{display:grid; grid-template-columns:1fr; grid-gap:16px;}
    section.content .grid .description{padding:16px;}
    section.content .buttons .button:first-of-type{margin-right:unset; margin-bottom:32px;}

    footer .grid{display:grid; grid-template-columns:1fr 1fr; grid-gap:0px;}
    footer .grid i{margin-right:12px;}
    footer .grid .contact{margin:16px 0;}
    footer .grid .logo{height:60px; width:160px; grid-area:1/1/1/span 2; margin:16px 0;}
}

/*mobile m*/
@media only screen and (max-width:376px)
{

}

/*mobile s*/
@media only screen and (max-width:320px)
{

}