@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:'Open Sans', sans-serif; font-size:1.8rem; line-height:1.4; color:#444444; background:rgba(0,71,126, 0.12); 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:700; font-family:'Open Sans', sans-serif;text-transform:uppercase; color:#ffffff;}
h1{font-size:3.0rem; margin-bottom:32px;}
h2{font-size:2.5rem; margin-bottom:32px;}
h3{font-size:1.8rem; margin-bottom:16px;}
h4{font-size:1.6rem; margin-bottom:16px;}
p{margin:0px 0px 32px 0px;}
a, a *{color:#ffffff; text-decoration:none;}
a:hover{color:#64b3ef;}
a:hover i{color:#64b3ef;}
a:hover span{color:#64b3ef;}
small{font-size:1.4rem;}
section{padding: 48px 0;}
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*/


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

/*generals*/
.bg-blue{background:#1370B7;}
.bg-green{background:#1A9563;}
.bg-white{background:#ffffff;}

/*header*/
header{height:70px;  overflow:visible; position:absolute; top:0; left:0px; z-index:1;}
header .grid{display:grid; grid-template-columns:300px 1fr; grid-gap:32px;}
header .grid .logo{width:300px; height:140px; margin-bottom:-70px;}
header .grid .logo{width:346px; height:140px; margin-bottom:-70px; margin-top:10px;}
header .grid .logo img{width:100%; height:100%; object-fit:cover;}
header .grid .sociallinks{display:flex;justify-content:flex-end;}
header .grid .sociallinks a{margin: 0 12px; line-height:70px;}
header .grid .sociallinks a i{font-size:2.5rem;}

/*sections*/
section.slider{padding-bottom:0;}
section.slider .image{height:500px;}
section.slider .image img{height:100%; width:100%; object-fit:cover;}


section.contact .wrapper{width:50%; margin: 0 auto;}
section.contact .grid{display:grid; grid-template-columns:1fr 1fr; column-gap:32px;}
section.contact .grid h1{grid-column-end:span 2; text-align:center;}
section.contact .grid .info{margin:0 auto;}
section.contact .grid .info  a{font-size:2.0rem; font-family:'Open Sans',sans-serif; display:grid; grid-template-columns: 30px 1fr; grid-gap:8px;}
section.contact .grid .info a i{margin:auto 0;}
section.contact .grid .info a:nth-of-type(2){grid-area:3/1/3/1;}
section.contact .grid .info a:nth-of-type(3){grid-area:2/2/span 2/2;}
section.contact .grid .info:nth-of-type(2) a i{margin: 0 auto auto auto;}


section.pillars .grid{display:grid; grid-template-columns:1fr 1fr 1fr; grid-gap:32px;}
section.pillars .grid .item{width:100%; border-radius:25px;}
section.pillars .grid .item h2{text-align:center; padding:24px 0; border-radius:25px 25px 0 0 ; margin-bottom:unset;}
section.pillars  .grid .item ul li small{display:inline-block;}
section.pillars .grid .item ul{list-style:disc outside; padding:24px; margin-left:24px;}
section.pillars .grid .item ul li{margin: 12px 0;}

footer *{color:#d2d2d2; font-size:1.2rem; }
footer{padding-top:8px; border-top:12px solid #1a9563; text-align:center;}
footer .container{margin-top:24px; margin-bottom:24px;}

/*laptop*/
@media only screen and (max-width:1024px) 
{  
section.contact .wrapper{width:60%;}
}

/*tablet*/
@media only screen and (max-width:768px) 
{
/*sections*/

section.slider .image{height:350px;}


section.contact .wrapper{width:80%; margin: 0 auto;}
section.contact .grid{grid-template-columns: 1fr 1fr;}
section.contact .grid a{font-size:1.8rem; width:unset; margin:unset;}
section.contact .grid a:nth-of-type(3){grid-area:2/2/span 2/2;}


section.pillars .grid{display:grid; grid-template-columns:1fr; grid-gap:32px;}

}

/*mobile l*/
@media only screen and (max-width:426px)
{   
header{height:70px; overflow:visible; position:absolute; top:0; z-index:1;}
header .grid{display:grid; grid-template-columns:100px 1fr; grid-gap:32px;}
header .grid .logo{width:170px; height:90px; margin-bottom:-20px; margin-top:unset;}
header .grid .sociallinks a{margin: 0 8px;}
header .grid .sociallinks a i{font-size:2.0rem;}

h1{font-size:2.5rem;}

section.contact .wrapper{width:unset; margin: 0 auto;}
section.contact .grid{grid-template-columns: 1fr; row-gap:12px;}
section.contact .grid h1{grid-column-end:unset; text-align:unset;}
section.contact .grid .info{margin:unset;}

section.contact .grid a:nth-of-type(2){grid-area:unset;}
section.contact .grid a:nth-of-type(3){grid-area:unset; text-align:unset;}
section.contact .grid a{font-size:1.4rem; width:unset; margin:unset;}

section.pillars .grid .item ul{padding:24px; margin-left:24px;}
}

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

}

/*mobile s*/
@media only screen and (max-width:320px)
{
    header{height:70px; overflow:visible; position:absolute; top:0; z-index:1;}
header .grid{display:grid; grid-template-columns:100px 1fr; grid-gap:32px;}
header .grid .logo{width:120px; height:60px; margin-bottom:unset; margin:auto 0;}
header .grid .sociallinks a{margin: 0 4px;}
header .grid .sociallinks a i{font-size:2.0rem;}
    
h1{font-size:2.0rem;}
h2{font-size:1.6rem;}

body{font-size:1.4rem;}

section.contact .grid .info a{font-size:1.4rem;}

section.pillars .grid .item ul{list-style:disc outside; padding:12px;}
}