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

.video-container{position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
.video-container iframe, .video-container object, .video-container embed{position:absolute; top:0; left:0; width:100%; height:100%;}

/*template*/
html{width:100%; height:100%; font-size:62.5%;}
body{width:100%; height:100%; background:#efefef; font-family:'Arimo', sans-serif; font-size:1.6rem; line-height:1.628571; color:#222222; 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:normal; font-family:'Kadwa', serif;}
h1{font-family: 'Covered By Your Grace', cursive; font-size:15.0rem; margin-bottom:32px; color:#ffffff;}
h2{font-size:3.0rem;color:#ffffff; font-weight:bold; margin-bottom:32px;}
h3{font-size:3.0rem; font-weight:bold; margin-bottom:32px;}
h6{font-size:1.4rem; text-transform:uppercase; color:#b2b2b2;}
a, a *{color:#0B6B2D; text-decoration:none;}
p{padding:0px 0px 32px 0px;}
.button{width:100%; height:64px; display:block; line-height:64px; text-align:center; text-transform:uppercase; margin-bottom:0px;}
.green{color:#0B6B2D !important;}
.white{color:white !important;}
.black{color:#222222 !important;}
.blue{color:#199FE3 !important;}

/*backgrounds*/
.bg-white{background:#ffffff;}
.bg-green{background:#0B6B2D;}
.bg-blue{background:#199FE3;}
.bg-grey{background:#e7e6e6;}
.transparant{opacity:0.44;}
.input-wrapper.half{width:45%;}
.input-wrapper{position:relative; display:block; margin:0px 0px 45px 0px;}
.input-wrapper label{position:absolute; top:-13px; left:0; font-size:11px; color:#404042; padding:0px 5px; transition:all 0.1s linear; opacity:0; font-weight:bold;}
.input-wrapper label.on{color:#e61e2a;}
.input-wrapper label.show{top:-25px; opacity:1;}
.input-wrapper input{width:100%; height:35px; display:block; color:#404042; overflow:hidden; border:none; font-size:15px; font-size:1.5rem; padding:0px 5px; border-bottom:1px solid #707074; box-sizing:border-box;}
.input-wrapper input.red{border-bottom:1px solid #e61e2a;}
.input-wrapper input:focus{border-color:#303031; transition:.2s;}
.input-wrapper input.red:focus{border-bottom:2px solid #e61e2a; transition:.2s;}

/*form radio*/
.input-wrapper-radio{position:relative; display:block; margin:0px 0px 45px 0px; padding:0px 1%;}
.input-wrapper-radio .headlabel{position:absolute; top:-25px; opacity:1; left:0; font-size:11px; color:#404042; padding:0px 1%; transition:all 0.1s linear; font-weight:bold;}
.input-wrapper-radio input[type="radio"]:not(:checked), [type="radio"]:checked{position: absolute; left:-9999px;}
.input-wrapper-radio input[type="radio"]:not(:checked) + label, [type="radio"]:checked + label{position:relative; color:#404042; padding:0px 25px; cursor:pointer; font-size:15px; font-size:1.5rem;}
.input-wrapper-radio input[type="radio"]:not(:checked) + label.red, [type="radio"]:checked + label.red{color:#ef3340;}
.input-wrapper-radio input[type="radio"]:not(:checked) + label:before,[type="radio"]:checked + label:before,[type="radio"]:not(:checked) + label:after,[type="radio"]:checked + label:after{content: ''; position:absolute;}
.input-wrapper-radio input[type="radio"]:not(:checked) + label:before, [type="radio"]:checked + label:before{left:0; top:0; width:18px; height:18px; background:#ffffff; overflow:hidden; border-radius:15px; transition:background-color .2s;}
.input-wrapper-radio input[type="radio"]:not(:checked) + label:after,[type="radio"]:checked + label:after {width:16px; height:16px; transition:all .2s; border-radius:50%; background:#ffffff; top:0; left:0; border:1px solid #cdd0d6;}
.input-wrapper-radio input[type="radio"]:checked + label:before {background:#e61e2a;}
.input-wrapper-radio input[type="radio"]:checked + label:after {display:none;}

/*select*/
.input-wrapper-select{position:relative; background: url('../images/dropdown.png') no-repeat right #FEFEFE; border: #ccc 1px solid; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0px 0px 10px 1px #FEFEFE; box-shadow: inset 0px 0px 10px 1px #FEFEFE;  display:block; margin:0px 0px 45px 0px; padding:0px 1%;}
.input-wrapper-select.red{border:#FF0000 1px solid;}
.input-wrapper-select .headlabel{position:absolute; top:-25px; opacity:1; left:0; font-size:11px; color:#404042; padding:0px 1%; transition:all 0.1s linear; font-weight:bold;}
.input-wrapper-select .selectDefault,
.input-wrapper-select .selectDefault2 { padding-left:8px; font-size:15px; font-size:1.5rem; }
.input-wrapper-select select { opacity:0; filter:alpha(opacity=0); position:absolute; top:0; left:0; width:100%; height:100%; display:block; z-index:101; }
.input-wrapper-select select:focus { outline: none; }

/*form checkbox*/
.input-wrapper-checkbox{position:relative; display:block;}
.input-wrapper-checkbox input[type="checkbox"] {position:absolute; left:-9999px;}
.input-wrapper-checkbox input[type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + label:before, [type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after{content:''; position:absolute;}
.input-wrapper-checkbox input[type="checkbox"] + label:before{top:2px; left:0; width:15px; height:15px; content: ''; cursor: pointer; display:inline-block; border-radius:4px; border:1px solid #8991a8; transition:background-color .2s; background:#ffffff;}
.input-wrapper-checkbox input[type="checkbox"] + label{padding-left:25px; line-height:20px; position:relative; float:left; color:#404042; font-size:1.6rem; }
.input-wrapper-checkbox input[type="checkbox"] + label.red{color:#ef3340;}
.input-wrapper-checkbox label a{color:#777376;}
.input-wrapper-checkbox label.red a{color:#ef3340;}
.input-wrapper-checkbox input[type="checkbox"] + label span{width:986px; font-size:19px; font-weight:normal; color:#404042; line-height:17px; margin:0px 0px 15px 0px; display:inline-block;}
.input-wrapper-checkbox input[type="checkbox"] + label:last-child{margin:0px 0px 20px 0px;}
.input-wrapper-checkbox input[type="checkbox"] + label:after {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0; content:''; position:absolute; width:6px; height:3px; background:transparent; top:6px; left:4px; border:3px solid #8991a8; border-top:none; transition:opacity .1s; border-right:none; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
.input-wrapper-checkbox input[type="checkbox"] + label:hover::after {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); opacity:0.9;}
.input-wrapper-checkbox input[type="checkbox"]:checked + label:before {background:#8991a8;}
.input-wrapper-checkbox input[type="checkbox"]:checked + label:after {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); opacity:0.9; border-color:#fff;}

/*buttons*/
.input-wrapper-submit{height:auto; display:block;}
.input-wrapper-submit .button-left{float:left; width:50%;}
.input-wrapper-submit .button-left input[type=button],
.input-wrapper-submit .button-left input[type=submit]{border:0px; font-family:'Poppins', sans-serif; color:#ffffff; font-size:1.6rem; padding:15px 25px; text-decoration:none; float:left; cursor:pointer; background-color:#303031;}
.input-wrapper-submit .button-right{float:right; width:50%;}
.input-wrapper-submit .button-right input[type=button],
.input-wrapper-submit .button-right input[type=submit]{border:0px; font-family:'Poppins', sans-serif; color:#ffffff; font-size:1.6rem; padding:15px 25px; text-decoration:none; float:right; cursor:pointer; background-color:#e61e2a;}

/*main-container*/
main{width:100%; max-width:1920px; min-height:100vh; margin:0px auto; background-color:#ffffff;}
.container{max-width:1260px; margin:0px auto; padding:0px 24px; position:relative;}
section{padding:32px 0px;}
section.nopadding{padding:0px;}
section.paddingextra{padding-bottom:64px;}

/*header*/
header{height:88px; background:#ffffff;overflow:visible;}
header .grid{display:grid; grid-template-columns:207px 2fr 0.5fr; grid-gap:24px;}
header .grid .logo{z-index:100; width:318px; height:107px; margin-top:15px;}
header .grid .logo img{width:100%; height:100%;}
header nav{grid-column-start:2; grid-column-end:span 2;}
header nav ul{height:88px; display:flex; justify-content:flex-end;}
header nav ul li{margin-right:32px;}
header nav ul li:last-child{margin-right:unset;}
header nav ul li.mobile-reserve{display:none;}
header nav ul li a{color:#707070; font-family: 'Kadwa', serif; font-size:1.8rem; font-weight:bold; line-height:88px;}
header nav ul li a:hover{color:#128D3E;}
header nav ul li a.on{color:#128D3E;}
header .grid .flags ul{height:88px;display:flex; grid-column-start:3; justify-content:flex-end;}
header .grid .flags ul li{margin-top:auto; margin-bottom:auto; width:25px; margin-right:8px;}
header .grid .flags ul li:last-child{marging-right:unset;}
header .grid .flags ul li img{width:100%;}
header .grid .menu{display:none;}

section.slider {height:450px; padding-top:0px; position:relative;}
section.slider .slide{height:450px; width:100%;position: absolute; top:0px;}
section.slider .slide img{height:100%; width:100%; object-fit:cover;}
section.slider .grid{height:450px; display:grid; grid-template-columns:1fr 1fr; grid-gap:32px;}
section.slider .container{height:450px;}
section.slider .container h1{color:white; font-family:'Arimo', sans-serif; font-size:2.4rem; font-weight:bold; margin-top:32px; text-align:center;}
section.slider .container h1 span{display:block; font-family:'Covered By Your Grace', cursive; font-size:6.0rem; margin-top:260px; font-weight:normal;}
section.slider .container h1.big{font-family:'Kadwa', serif; text-align:unset;}
section.slider .container h1.big span{font-size:15.0rem; margin-top:190px; line-height:1;}
section.slider .container .alinea{padding:32px; margin:32px 0px;}
section.slider .container .alinea .title{display:block; font-family:'Kadwa', serif; font-size:3.0rem;}
section.slider .sticker{display:flex; width:100%; height:245px; margin-top:170px; justify-content:right;}
section.slider .sticker a{width:245px; height:245px; display:block;}
section.slider .sticker img{width:100%; height:100%; object-fit:cover;}

section.content.white *{color:#ffffff;}
section.content.black *{color:#222222;}
section.content.title-white h2{color:#ffffff;}
section.content.title-green h2{color:#0B6B2D;}
section.content.title-black h2{color:#222222;}
section.content.title-smaller h2{font-size:2.4rem;}
section.content.grid .container{display:grid; grid-template-columns:1fr 1fr; grid-gap:32px;}
section.content.grid .alinea{margin-right:32px;}
section.content.two-column .alinea{display:grid; grid-template-columns:1fr 1fr; column-gap:32px;}
section.content.two-column .alinea h2{grid-column-end:span 2;}
section.content.grid:nth-of-type(odd) .alinea{margin-right:unset; margin-left:32px;}
section.content.grid.turnaround:nth-of-type(even) .alinea{margin-right:unset !important; margin-left:32px !important;}
section.content.grid.turnaround:nth-of-type(even) .image{grid-area:1/1/1/1 !important;}
section.content .image{width:100%;}
section.content .image img{width:100%; height:100%; object-fit:contain; object-position:top;}
section.content.grid:nth-of-type(odd) .image{grid-area:1/1/1/1;}
section.content.grid.turnaround:nth-of-type(odd) .alinea{margin-right:32px !important; margin-left:unset !important;}
section.content.grid.turnaround:nth-of-type(odd) .image{grid-area:1/2/1/3;}
section.content .alinea ul{display:inline-block; margin-bottom:32px;}
section.content .alinea ul li:before{content:"•"; padding-right:8px; color:#199FE3;}
section.content .alinea ul li{width:50%; min-height:32px; line-height:32px; float:left; font-family: 'Kadwa', serif; font-size:2.0rem; font-weight:bold;}
section.content .slider-container{position:relative;}
section.content .multiple-items{display:grid; grid-template-columns:1fr 1fr 1fr 1fr; grid-gap:16px;}
section.content .multiple-items .blog-card{width:100%; height:100%; position:relative; cursor:pointer;}
section.content .multiple-items .blog-card .image{width:100%; padding-top:100%; position:relative;}
section.content .multiple-items .blog-card .image img{position:absolute; top:0; bottom:0; left:0; right:0; object-fit:cover;}
section.content .multiple-items .blog-card .title{width:100%; height:64px; background:#ffffff; text-align:center; text-transform:uppercase; line-height:64px; color:#222222;}
section.content article .button.but-mob{display:none;}

section.newsletter table tr:nth-child(even) td{background:#f7f7f7;}

.popup{display:none; width:100%; height:100%; position:fixed; z-index:1; left:0; top:0; overflow:auto; background-color: rgba(0,0,0,0.4)}
.popup .content{margin:15% auto; padding:20px; width:80%; max-width:880px;}
.popup .content .grid{display:grid; grid-template-columns:3fr 2fr; grid-gap:32px; row-gap:0px;}
.popup .content .close{grid-area:1/1/1/3; cursor:pointer; text-transform:uppercase; font-weight:bold; text-align:right; font-size:2.0rem; color:#222222;}
.popup .content .grid .alinea .title{font-family:'Arimo', sans-serif; font-size:3.0rem; color:#222222;}
.popup .content .grid .alinea p{color:#222222;}
.popup .content .grid .alinea .links{display:grid; grid-template-columns:75% 25%; grid-gap:32px;}
.popup .content .grid .alinea .links .image{width:50px; height:50px; margin:16px auto 16px auto;}
.popup .content .grid .image{width:100%;}
.popup .content .grid .image img{width:100%; width:100%; object-fit:contain;}

section.faq .grid{display:grid; grid-template-columns:1fr 1fr; grid-gap:32px; row-gap:16px;}
section.faq .grid .question span{display:block; font-weight:bold;}

section.highligts{position:relative;}
section.highlights .grid{display:grid; grid-template-columns: 1fr 1fr; grid-gap:32px;}
section.highlights.white *{color:#ffffff;}
section.highlights .grid .highlight{width:100%; height:100%; position:relative;}
section.highlights .grid .highlight:nth-of-type(3n+1){grid-area:1/1/1/span 2;}
section.highlights .grid .highlight .image{width:100%; padding-top:100%; position:relative;}
section.highlights .grid .highlight:nth-of-type(3n+1) .image{width:100%; padding-top:50%; position:relative;}
section.highlights .grid .highlight .image img{height:100%; width:100%; position:absolute; top:0; bottom:0; left:0; right:0; object-fit:cover; opacity: 0.4;}
section.highlights .grid .highlight:nth-of-type(3n+1) .image img{ position:absolute; top:0; bottom:0; left:0; right:0; object-fit:cover; opacity: 1;}
section.highlights .grid .highlight .content{width:100%; position:absolute; bottom:0;}
section.highlights .grid .highlight .content .title{font-family:'Arimo', sans-serif; font-size:1.6rem; text-align:center; margin-bottom:32px; font-weight:bold;}
section.highlights .grid .highlight .content .title span{display:block; font-family:'Covered By Your Grace', cursive; font-size:6rem; margin-bottom:144px; margin-top:32px; font-weight:regular;}
section.highlights .grid .highlight:first-of-type .content .title span{margin-bottom:unset;}
section.highlights .grid .newsletter{width:100%; height:100%; position:relative; padding:16px; grid-column-end:span 2; display:grid; grid-template-columns:1fr 1fr; gap:24px; background:#128D3E;}
section.highlights .grid .newsletter .image img{width:100%; height:100%; object-fit:contain;}
section.highlights .grid .newsletter .content .title{font-family:'Arimo', sans-serif; font-size:1.6rem; text-align:center; margin-bottom:32px; font-weight:bold;}
section.highlights .grid .newsletter .content .title span{display:block; font-family:'Covered By Your Grace', cursive; font-size:6rem; margin-bottom:72px; margin-top:32px; font-weight:regular;}
section.highlights .grid .newsletter form input{margin:8px 0px;}
section.highlights .grid .newsletter form input[type="text"]{width:100%; height:64px; display:block; line-height:64px; padding:8px; border:2px solid white; background:#128D3E; color:white; margin-bottom:0px;}
section.highlights .grid .newsletter form input[type="text"]::placeholder{color:rgba(255,255,255,0.5);}
section.highlights .grid .newsletter form input[type="submit"]{width:100%; height:64px; display:block; line-height:64px; text-align:center; border:none; cursor:pointer; text-transform:uppercase; margin-bottom:0px;}
section.highlights .grid .newsletter form input[type="submit"]:hover{background:#199FE3; color:#ffffff !important;}

section.gallery .book .book-images{width:100%; display:grid; grid-template-columns:1fr 1fr; gap:24px; margin:24px 0px;}
section.gallery .book .book-images a{width:100%; display:block; aspect-ratio:3/2;} 
section.gallery .book .book-images a img{width:100%; height:100%; object-fit:cover; object-position:center;}
section.gallery .book .book-images a:nth-of-type(5){grid-column-end:span 2; aspect-ratio:6/2;}

/*footer*/
footer{background:#128D3E;}
footer .grid{display:grid; grid-template-columns:1fr 1fr 1fr; grid-gap:32px;margin-bottom:32px; margin-top:32px;}
footer .logo{grid-column-start: 2;width:100%; height:107px; margin:auto;}
footer .logo img{width:100%; height:100%}
footer .socialicons{grid-column-start:3; margin:auto 0 auto auto;}
footer .socialicons ul{display:flex; align-content:flex-end;}
footer .socialicons ul li{margin-right:16px;}
footer .socialicons ul li:last-of-type{margin-right:unset;}
footer .socialicons ul li a{width:40px; height:40px; display:block; border-radius:24px; background:#0B6B2D; text-align:center;}
footer .socialicons ul li a i{line-height:40px; color:#128D3E; font-size:2.0rem;}

/*laptop l*/
@media only screen and (max-width:1440px) 
{

}

/*laptop*/
@media only screen and (max-width:1024px) 
{
    h2{font-size:2.6rem;}
    h3{font-size:2.0rem;}
    
    header .grid{grid-template-columns:207px 2fr 0.5fr; grid-gap:16px;}
    header .grid .logo{width:213px;}
    header nav ul li{margin-right:24px;}
    header nav ul li a{font-size:1.8rem;}

    section.slider{height:360px;}
    section.slider .slide{height:360px; width:100%;position: absolute; top:0px;}
    section.slider .slide img{height:100%; width:100%; object-fit:cover;}
    section.slider .grid{height:360px; grid-gap:16px;}
    section.slider .container{height:360px;}
    section.slider .container h1{font-size:2.8rem;}
    section.slider .container h1 span{margin-top:200px;}
    section.slider .container h1.big{font-family:'Kadwa', serif; text-align:unset;}
    section.slider .container h1.big span{font-size:13.0rem; margin-top:140px;}    
    section.slider .container .alinea{padding:20px;}
    section.slider .sticker{height:217px; margin-top:110px;}
    section.slider .sticker a{width:217px; height:217px;}
    
    section.content .grid .alinea{margin-right:16px;}
    section.content:nth-of-type(odd) .grid .alinea{margin-right:unset; margin-left:16px;}
    section.content .grid .alinea ul{margin-bottom:32px;}
    section.content .grid .alinea ul li:before{padding-right:8px;}
    section.content .grid .alinea ul li{width:50%; min-height:32px; line-height:32px; float:left; font-family: 'Kadwa', serif; font-size:1.6rem; font-weight:bold;}
    section.content .container .multiple-items .blog-card .title{font-size:1.4rem;}
    section.highlights .grid .highlight .content .title{font-family:'Arimo', sans-serif; font-size:1.40rem; text-align:center; margin-bottom:32px;}
    section.highlights .grid .highlight:not(:first-of-type) .content .title span{margin-bottom:80px;}

    .popup .content .grid{grid-gap:24px;margin: 24px 0;}
    .popup .content .grid .alinea .title{font-size:2.5rem;}
    .popup .content .grid .alinea p{font-size:1.4rem}
    .popup .content .grid .alinea .links{grid-gap:24px;}
    .popup .content .close{cursor:pointer; position:absolute;  top:17%; right:10%; padding:10px; margin-right:3px; text-transform:uppercase; font-weight:bold; font-size:2.0rem; color:#222222;}

    footer{background:#128D3E;}
    footer .grid{display:grid; grid-template-columns:1fr 1fr 1fr; grid-gap:32px;margin-bottom:32px; margin-top:32px;}
    footer .grid .logo{height:88px;}
    footer .grid .logo img{width:100%; height:100%}
    footer .grid .socialicons ul li{height:35px; width:35px;}
    footer .grid .socialicons ul li img{height:35px; width:35px;}
}

/*tablet*/
@media only screen and (max-width:768px) 
{
    h2{font-size:2.4rem; margin-bottom:16px;}
    p{padding:0 0 16px 0;}
    .button{height:unset; line-height:unset; padding:8px 0px;}
    
    header{height:70px;}
    header .grid{grid-template-columns:150px 2fr 0.5fr; grid-gap:16px;}
    header .grid .logo{width:150px; height:70px; margin-top:22px;}
    header nav ul li{margin-right:16px;}
    header nav ul li a{font-size:1.4rem;}

    section.slider{height:306px;}
    section.slider .slide{height:306px;}
    section.slider .grid{height:306px;}
    section.slider .container{height:306px;}
    section.slider .container h1{font-size:2.5rem; margin:16px 0px;}
    section.slider .container h1 span{margin-top:100px;}
    section.slider .container h1.big span{font-size:12.0rem; margin-top:110px;}    
    section.slider .sticker{height:190px; margin-top:110px;}
    section.slider .sticker a{width:190px; height:190px;}
    section.slider .container .alinea .title{display:block; font-family:'Kadwa', serif; font-size:2.4rem;}
    section.slider .container .alinea p{font-family:'Kadwa', serif; font-size:1.4rem;}
    section.slider .container .alinea{padding:10px 26px; margin-top:0px; margin-bottom:0px;}

    section.content.grid .alinea{margin-right:16px;}
    section.content:nth-of-type(odd).grid .alinea{margin-right:unset; margin-left:16px;}
    section.content.two-column .alinea{grid-template-columns:1fr; grid-gap:0px;}
    section.content.two-column .alinea h2{grid-column-end:unset;}
    section.content .alinea ul{margin-bottom:16px;}
    section.content .alinea ul li{font-size:1.6rem;}
    section.content .alinea ul li:before{padding-right:8px;}
    section.content .multiple-items{grid-template-columns:1fr 1fr 1fr; grid-gap:12px;}
    section.content .multiple-items .blog-card .title{font-size:1.4rem; line-height:32px;}
    section.highlights .grid .highlight .content .title{font-family:'Arimo', sans-serif; font-size:1.40rem; text-align:center; margin-bottom:32px;}
    section.highlights .grid .highlight .content .title span{font-size:4rem; text-align:center; margin-bottom:32px;}
    section.highlights .grid .highlight:not(:first-of-type) .content .title span{margin-bottom:23px;}
    
    .popup .content{width:unset;}
    .popup .content .grid{grid-gap:24px;margin: 24px 0;}
    .popup .content .grid .alinea .title{font-size:2.5rem;}
    .popup .content .grid .alinea p{font-size:1.4rem}
    .popup .content .grid .alinea .links{grid-gap:24px;}
    .popup .content .grid .button{width:100%; height:64px; padding:16px 0;}
    .popup .content .close{top:13%; right:1%;}
}

/*mobile l*/
@media only screen and (max-width:425px)
{
    body{font-size:1.4rem;}
    .container{padding:0px 16px;}
    h2{font-size:1.8rem; margin-bottom:16px;}
        
    header{height:58px;}
    header .grid{grid-template-columns:150px 2fr 0.5fr; grid-gap:16px;}
    header .grid .logo{width:150px; height:60px; margin-top:15px;}
    header .grid .flags ul{display:none;}
    header .grid 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 .grid .menu{display:unset; display:block; text-align:center; grid-column-start:3;}
    header .grid .menu a{height:58px;}
    header .grid .menu a i{font-size:2.0rem; color:#707070; line-height:58px;}    
    header .grid nav ul{width:100%; height:auto; display:block; position:relative; float:left; padding:24px; background:#199FE3;}
    header .grid nav ul li{width:100%; height:auto; min-height:48px; display:block; float:left; margin:0px; text-align:right;}
    header .grid nav ul li a{color:#ffffff; height:48px; font-size:1.6rem; line-height:48px; margin:unset;}
    header .grid nav.open{width:100%; height:100vh; display:block; float:none; left:0px; top:58px; z-index:99; position:absolute; margin:0px !important; -webkit-transform:translateY(0%); transform:translateY(0%); -webkit-transition:-webkit-transform 0.5s; transition:transform 0.5s;}
    header .grid nav ul li.mobile-reserve{display:unset;}

    section.slider{height:219px;}
    section.slider .slide{height:219px;}
    section.slider .container{height:219px;}
    section.slider .grid{height:219px; grid-template-columns:3fr 2fr;}
    section.slider .container h1{font-size:1.6rem;}
    section.slider .container h1 span{font-size:5rem; margin-top:50px;}
    section.slider .container h1.big span{font-size:6.0rem; margin-top:95px;}    
    section.slider .sticker{height:128px; margin-top:70px;}
    section.slider .sticker a{width:128px; height:128px;}    
    section.slider:last-of-type .grid{grid-template-columns:1fr;}
    section.slider:last-of-type .grid .alinea{display:none;}
    section.slider.info{height:unset;}
    section.slider.info .container{padding:0px;}
    section.slider.info .container h1{height:219px; line-height:219px; margin:0;}
    section.slider.info .grid{height:auto; grid-template-columns:1fr; grid-gap:0px;}
    
    section.content .multiple-items{grid-template-columns:1fr 1fr; grid-gap:12px;}
    section.content .multiple-items .blog-card .title{font-size:1.2rem;}
    
    section.content.grid .container{grid-template-columns:1fr;}
    section.content:nth-of-type(odd).grid .container{grid-template-columns: 1fr;}
    section.content.grid .container .alinea{margin-right:unset;}
    section.content:nth-of-type(odd).grid .container .alinea{margin-right:unset; margin-left:unset;}
    section.content:nth-of-type(odd).grid .container .image{grid-area: unset;}
    section.content article .button.but-mob{display:block;}

    section.content .grid .alinea ul{margin-bottom:16px;}
    section.content .grid .alinea ul li:before{padding-right:8px;}
    section.content .grid .alinea ul li{width:50%; min-height:32px; line-height:32px; float:left; font-family: 'Kadwa', serif; font-size:1.6rem; font-weight:bold;}

    section.faq .grid{grid-template-columns:1fr; grid-gap:16px;}
    section.faq .grid .title{grid-column-start: 1;}

    section.highlights .grid{grid-template-columns:1fr;}
    section.highlights .grid .highlight:nth-of-type(3n+1){grid-area:1/1/1/1;}
    section.highlights .grid .highlight:nth-of-type(3n+1) .image{padding-top:100%; grid-area:1/1/1/1;}
    section.highlights .grid .highlight .content .title{font-family:'Arimo', sans-serif; font-size:1.40rem; text-align:center; margin-bottom:32px;}
    section.highlights .grid .highlight .content .title span{font-size:4rem; text-align:center; margin-bottom:32px;}
    section.highlights .grid .highlight:not(:first-of-type) .content .title span{margin-bottom:unset;}

    section.gallery .book .book-images{grid-template-columns:1fr;}
    section.gallery .book .book-images a:nth-of-type(5){grid-column-end:unset; aspect-ratio:6/2;}

    .popup .content{width:unset;}
    .popup .content .grid{grid-template-columns: 1fr;}
    .popup .content .grid .image{grid-area: 1/1/1/1;}
    .popup .content .grid .alinea .title{font-size:2.5rem;}
    .popup .content .grid .alinea p{font-size:1.4rem}
    .popup .content .grid .alinea .links{grid-template-columns: 1fr 1fr; grid-gap:24px;}
    .popup .content .grid .button{width:100%; height:64px; padding:16px 0;}
    .popup .content .close{top:7%;}
    
    footer .grid{display:grid; grid-template-columns:1fr 1fr; grid-gap:32px;margin-bottom:32px; margin-top:32px;}
    footer .grid .logo{grid-column-start: 1}
    footer .grid .socialicons{grid-column-start: 2;}
    footer .grid .socialicons ul li{height:35px; width:35px;}
    footer .grid .socialicons ul li img{height:35px; width:35px;}
}

/*mobile m*/
@media only screen and (max-width:375px)
{
    header{height:67px;}
    header .grid{grid-template-columns:175px 2fr;}
    header .grid .logo{width:175px; height:67px; margin-top:20px;}
    header .grid .menu{text-align:right; grid-column-start:2; grid-row-start:1;}
    header .grid .menu a{height:67px;}
    header .grid .menu a i{line-height:67px;}    
    header .grid nav.open{top:67px;}

    section.slider{height:166px;}
    section.slider .slide{height:166px;}
    section.slider .container{height:166px;}
    section.slider .grid{height:166px;}
    section.slider .container h1{font-size:1.2rem;}
    section.slider .container h1 span{font-size:3.5rem; margin-top:48px;}
    section.slider .container h1.big{}
    section.slider .container h1.big span{font-size:6.0rem; margin-top:60px;}    
    section.slider .sticker{height:111px; margin-top:43px;}
    section.slider .sticker a{width:111px; height:111px;} 
    section.slider.info .container h1{height:166px; line-height:166px; margin:0;}
    section.highlights .grid .highlight .content .title{font-size:1.2rem; margin-bottom:16px;}
    section.highlights .grid .highlight .content .title span{font-size:3rem;  margin-bottom:16px;}
   
    .popup .content .close{top:6%;}
    
    section.content article .button.but-mob{display:block;}
}

/*mobile s*/
@media only screen and (max-width:320px)
{
    h2{font-size:1.8rem; margin-bottom:16px;}
        
    header{height:61px;}
    header .grid{grid-template-columns:150px 2fr;}
    header .grid .logo{width:150px; height:61px; margin-top:15px;}
    header .grid nav.open{top:61px;}
    
    section.content .multiple-items{grid-template-columns:1fr 1fr; grid-gap:8px;}
    section.content .multiple-items .blog-card .title{height:36px; line-height:18px; font-size:1.0rem;}
    .popup .content .close{top:5%;}
}