@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Heebo:300,400,700&display=swap');

/*resets*/
*{margin:0; padding:0; outline:none; font-family:'Heebo', sans-serif; box-sizing:border-box;}
img,fieldset{border:0px; display:block;}
br.clear, div.clear{clear:both; font-size:0px;}
ul, ol{list-style:none;}
hr, legend{display:none;}
html{width:100%; height:100%; font-size:62.5%;}
body{width:100%; height:100%; overflow-x:hidden; overflow-y:scroll; font-size:18px; font-size:1.8rem; font-weight:lighter; line-height:1.628571; color:#010101; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}

h1, h2, h3, h4, h5, h6{width:100%; height:auto; font-weight:600; line-height:1.2;}
h1{font-size:48px; font-size:4.8rem; margin:0px 0px 35px 0px; color:#21417c;}
h2{font-size:32px; font-size:3.2rem; margin:0px 0px 35px 0px;}
h2.margin-top{margin-top:70px;}
h3{font-size:24px; font-size:2.4rem; margin:0px 0px 25px 0px;}
h3.margin-top{margin-top:35px;}
h4{}
h5{}
h6{}

p{margin:0px 0px 35px 0px;}
p.smaller{font-size:16px; font-size:1.6rem;}
p.red{color:red;}
a, a *{color:#21417c; font-weight:normal;}
a:hover, a:hover *{color:#b69e3b;}
.button{padding:10px 25px; border-radius:10px; text-decoration:none; text-align:center; font-size:16px; font-size:1.6rem; background:#21417c; color:#ffffff;}
.button.yellow{background:#b69e3b;}
.button.white-txt{color:#ffffff;}
.button.black-txt{color:#010101;}
small{font-size:11px;}
.clear{clear:both;}

article ul,
article ol{list-style:disc outside; margin:0px 0px 30px 20px;}
article p:last-of-type{margin:0px;}
article table{}
article table td{vertical-align:top; padding:3px 0px;}

/*tables*/
table.register{}
table.register tr td{vertical-align:top;}
table.register tr td:first-of-type{width:250px; color:#8b8f96;}
table.attendancy{}
table.attendancy tr td{vertical-align:top; border-bottom:1px solid #8b8f96;}
table.attendancy tr td:first-of-type{width:175px; color:#21417c;}

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

.left{float:left !important;}
.right{float:right !important;}

.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%;}

.container{width:100%; max-width:1260px; margin:0px auto;}

/*forms*/
form.form-grid{display:grid; grid-template-columns:200px auto; gap:16px;}
form .form-grid{display:grid; grid-template-columns:200px auto; gap:16px;}
form.form-grid .wide{grid-column-end:span 2;}
form.form-grid .wide.grid{display:grid; grid-template-columns:200px auto; gap:16px;}
form.form-grid div.wide .summary{display:grid; grid-template-columns:auto 140px; gap:16px;}
form.form-grid div.wide .summary div{font-size:1.4rem;}
form.form-grid div{padding:8px 0px;}
form.form-grid div.grey{background:#efefef;}
form.form-grid div.green{background:#e0e8f7;}
form.form-grid div.rounded{border-radius:16px;}
form.form-grid div.padding{padding:16px;}
form.form-grid div.nopadding{padding:0px;}
form.form-grid div ul{list-style:disc outside; margin:0px 0px 0px 20px;}
form.form-grid div label{margin-right:24px;}
form.form-grid div span{display:block; height:32px; line-height:32px;}
form.form-grid div input[type="radio"]{margin-right:12px;}
form.form-grid div input[type="checkbox"]{margin-right:24px;}
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="datetime-local"],
form.form-grid div select{width:100%; height:24px; line-height:24px; font-size:1.4rem; padding:16px; border-radius:8px; border:1px solid #eae9e9; font-family:'Heebo', sans-serif; color:#010101;}
form.form-grid div select{height:unset; line-height:unset; padding:8px 16px;}
form.form-grid div select option{color:#010101;}
form.form-grid div textarea{width:100%; height:300px; line-height:24px; font-size:1.4rem; padding:16px; border-radius:8px; font-family:'Heebo', sans-serif; color:#010101;}
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:'Heebo', sans-serif; color:#ffffff; font-size:1.4rem; padding:15px 25px; border-radius:5px; text-decoration:none; float:left; cursor:pointer; background-color:#303031;}
form.form-grid div.submit .button-right input[type=button],
form.form-grid div.submit .button-right input[type=submit]{border:0px; font-family:'Heebo', sans-serif; color:#ffffff; font-size:1.4rem; padding:15px 25px; border-radius:5px; text-decoration:none; float:right; cursor:pointer; background-color:#d90000;}
form.form-grid div.submit .button-right input[type=submit].grey{color:#f1f1f1; background-color:#444444;}
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:#21417c;}
form.form-grid div span{color:#a3a3a3; font-size:1.2rem;}
form.form-grid div input[type="text"].red,
form.form-grid div input[type="number"].red,
form.form-grid div input[type="file"].red,
form.form-grid div input[type="date"].red,
form.form-grid div input[type="datetime-local"].red,
form.form-grid div select.red{border:1px solid #d90000;}
form.form-grid div label.red{color:#d90000;}
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="datetime-local"]:focus,
form.form-grid div select:focus{border:1px solid #303030;}
form.form-grid div textarea{border:1px solid #eae9e9;}
form.form-grid div textarea:focus{border:1px solid #303030;}
form.form-grid div.submit .button-left input[type=button],
form.form-grid div.submit .button-left input[type=submit]{color:#ffffff; background-color:#21417c;}
form.form-grid div.submit .button-right input[type=button],
form.form-grid div.submit .button-right input[type=submit]{color:#ffffff; background-color:#21417c;}
form.form-grid div.flights{width:100%; height:auto; display:grid; grid-template-columns:1fr 1fr; grid-gap:35px;}
form.form-grid div.flights a.flight{padding:15px; box-sizing:border-box; background:#ffffff; color:#b69e3b; border-radius:10px; padding-bottom:48px; text-align:center; position:relative;}
form.form-grid div.flights a.flight{display:block; cursor:pointer; text-decoration:none !important;}
form.form-grid div.flights a.flight *{text-decoration:none !important; color:#b69e3b;}
form.form-grid div.flights a.flight i{width:70px; height:70px; display:block; margin:0px auto 10px auto; border-radius:35px; background:#80ba26; color:#ffffff; line-height:70px; text-align:center; font-size:32px; font-size:3.2rem;}
form.form-grid div.flights a.flight span{font-weight:bold; font-size:1.9rem;}
form.form-grid div.flights a.flight.grey{background:#f2edd7;}
form.form-grid div.flights a.flight.grey i{background:#b69e3b;}
form.form-grid div.flights a.flight.grey span{color:#b69e3b;}
form.form-grid div.flights a.flight.checked{background:#21417c !important; color:#ffffff;}
form.form-grid div.flights a.flight.checked i{background:#ffffff;}
form.form-grid div.flights a.flight.checked p,
form.form-grid div.flights a.flight.checked span{color:#ffffff;}    
form.form-grid div.flights a.flight.red{border:1px solid red;}  

/*text*/
.input-wrapper{position:relative; display:block; margin:0px 0px 45px 0px;}
.input-wrapper label{position:absolute; top:-13px; left:0; font-size:11px; color:#21417c; padding:0px 1%; transition:all 0.1s linear; opacity:0; font-weight:normal;}
.input-wrapper label.on{color:#21417c;}
.input-wrapper label.show{top:-15px; opacity:1;}
.input-wrapper input{width:98%; height:35px; display:block; color:#010101; overflow:hidden; border:none; font-size:15px; font-size:1.5rem; padding:0px 1%; border-bottom:1px solid #21417c; background-color:transparent;}
.input-wrapper input.red{border-bottom:1px solid #d90000;}
.input-wrapper input:focus{border-color:#21417c; transition:.2s;}
.input-wrapper input.red:focus{border-bottom:1px solid #d90000; transition:.2s;}

/*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:#21417c; padding:0px 1%; transition:all 0.1s linear; font-weight:bold;}
.input-wrapper-radio input[type="radio"]:not(:checked), 
.input-wrapper-radio input[type="radio"]:checked{position: absolute; left:-9999px;}
.input-wrapper-radio input[type="radio"]:not(:checked) + label, 
.input-wrapper-radio input[type="radio"]:checked + label{position:relative; color:#21417c; padding:0px 25px; cursor:pointer; font-size:15px; font-size:1.5rem;}
.input-wrapper-radio input[type="radio"]:not(:checked) + label.red, 
.input-wrapper-radio input[type="radio"]:checked + label.red{color:#d90000;}
.input-wrapper-radio input[type="radio"]:not(:checked) + label:before,
.input-wrapper-radio input[type="radio"]:checked + label:before,
.input-wrapper-radio input[type="radio"]:not(:checked) + label:after,
.input-wrapper-radio input[type="radio"]:checked + label:after{content: ''; position:absolute;}
.input-wrapper-radio input[type="radio"]:not(:checked) + label:before, 
.input-wrapper-radio input[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,
.input-wrapper-radio input[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:#21417c;}
.input-wrapper-radio input[type="radio"]:checked + label:after {display:none;}

/*checkbox*/
.input-wrapper-checkbox{position:relative; display:block; padding:0px 1%;}
.input-wrapper-checkbox input[type="checkbox"] {position:absolute; left:-9999px;}
.input-wrapper-checkbox input[type="checkbox"]:not(:checked) + label:before, 
.input-wrapper-checkbox [type="checkbox"]:checked + label:before, 
.input-wrapper-checkbox [type="checkbox"]:not(:checked) + label:after, 
.input-wrapper-checkbox [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:#12192a; font-size:15px; font-size:1.5rem; }
.input-wrapper-checkbox input[type="checkbox"] + label.red{color:#d90000;}
.input-wrapper-checkbox label a{color:#12192a;}
.input-wrapper-checkbox label.red a{color:#d90000;}
.input-wrapper-checkbox input[type="checkbox"] + label span{width:986px; font-size:19px; font-weight:normal; color:#86899c; 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;}

/*textarea*/
.input-wrapper-textarea{position:relative; display:block; margin:0px 0px 45px 0px;}
.input-wrapper-textarea label{position:absolute; top:-13px; left:0; font-size:11px; color:#21417c; padding:0px 1%; transition:all 0.1s linear; opacity:0; font-weight:bold;}
.input-wrapper-textarea label.on{color:#21417c;}
.input-wrapper-textarea label.show{top:-22px; opacity:1;}
.input-wrapper-textarea textarea{width:98%; height:125px; display:block; overflow:hidden; border:none; resize:none; padding:0px 1%; font-family:'Heebo', sans-serif; font-size:15px; font-size:1.5rem; color:#010101; border-bottom:1px solid #21417c; background-color:transparent;}
.input-wrapper-textarea textarea.red{border-bottom:1px solid #d90000;}
.input-wrapper-textarea textarea:focus{border-color:#21417c; transition:.2s;}
.input-wrapper-textarea textarea.red:focus{border-bottom:1px solid #d90000; transition:.2s;}

/*products*/
.input-wrapper-product{position:relative; display:grid; grid-gap:35px; grid-template-columns:repeat(1, 100px 1fr 150px); margin:0px 0px 10px 0px;}
.input-wrapper-product select{width:100%; height:24px; line-height:24px; font-size:15px; padding:16px; border-radius:8px; color:#2a2620; background:#ffffff; border:1px solid #eae9e9; font-family:'Ubuntu', sans-serif; color:#555555;}
.input-wrapper-product select{height:unset; line-height:unset; padding:8px 16px;}
.input-wrapper-product select option{color:#010101; font-family:'Heebo', sans-serif; font-size:15px;}
.input-wrapper-product .product-description p{margin-bottom:0px;}
.input-wrapper-product .product-price{text-align:right;}

/*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:#21417c; 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; }

.input-wrapper-submit{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:'Heebo', sans-serif; color:#ffffff; padding:10px 15px; font-size:16px; font-size:1.6rem; text-decoration:none; float:left; cursor:pointer; background-color:#21417c;}
.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:'Heebo', sans-serif; color:#ffffff; padding:10px 15px; font-size:16px; font-size:1.6rem; text-decoration:none; float:right; cursor:pointer; background-color:#21417c;}

/*header*/
header{width:100%; height:375px; background:#000;}
header .logo{width:414px; height:241px; display:block; position:relative; float:right; margin:67px 70px;}
header .logo a{width:414px; height:241px; display:block; float:left; text-indent:-4000px; background:url('../images/logo-kiwanis-zvl-2025.png') no-repeat top left;}             
header .slider{width:100%; height:375px; display:block; top:0px; position:absolute;}
header .slider .slides{width:100%; height:inherit; display:block; overflow:hidden;}
header .slider .slides .slide{width:100%; height:inherit; position:relative; display:block; float:left; overflow:hidden;}
    
/*nav*/
nav{width:100%; height:70px; background:#21417c;}
nav .icon{display:none;}
nav ul{width:100%; height:70px; display:block; float:left;}
nav ul li{height:70px; display:block; float:left; margin:0px 15px;}
nav ul li:first-of-type{margin-left:0px;}
/*nav ul li:last-of-type{margin-right:0px; float:right;}*/
nav ul li a{text-decoration:none; color:#ffffff; line-height:70px; font-weight:lighter; font-size:20px; font-size:2.0rem; text-transform:lowercase;}
nav ul li a.on{color:#b69e3b;}

/*sections*/
section{padding:70px 0px;}

section .wrapper{display:grid; grid-gap:105px; margin-top:70px;}
section .wrapper.grid{grid-template-columns:repeat(2, 1fr);}
section .wrapper.list{grid-template-columns:repeat(1, 1fr); grid-gap:35px;}
section .wrapper.wide{grid-template-columns:repeat(1, 1fr);}
section .wrapper.list .item{display:grid; grid-template-columns:150px 1fr; grid-gap:35px;}
section .wrapper.wide .item{display:grid; grid-template-columns:repeat(2, 1fr); grid-gap:70px;}
section .wrapper .item .image{margin-bottom:35px;}
section .wrapper .item .image img{width:100%;}
section .wrapper .item .date{font-weight:normal;}
section .wrapper .item .title a{text-decoration:none !important;}

section .third{display:grid; grid-template-columns:repeat(3, 1fr); grid-gap:70px;}
section .third .item strong{width:100%;}
section .third .item h3{min-height:60px; text-decoration:none !important;}
section .third .item h3 a{text-decoration:none !important;}

section .collection{width:100%; margin:70px 0px; display:grid; grid-template-columns: repeat(4, 1fr); grid-auto-columns:max-content; grid-auto-flow:dense; grid-auto-rows:minmax(100px,auto); grid-gap:35px; }
section .collection figure{grid-column:span 1; grid-row:span 1;}
section .collection figure:nth-of-type(3n + 1){grid-column:span 2; grid-row:span 2;}
section .collection figure a{width:100%; height:100%; display:block; background:#efefef;}
section .collection figure a img{width:100%;}

/*footer*/
footer{background:#21417c; padding:35px 0px;}
footer .wrapper{display:grid; grid-template-columns:repeat(4, 25%); grid-gap:70px;}
footer .wrapper *{color:#ffffff; font-weight:lighter;}
footer .wrapper p{margin:0px;}
footer .wrapper strong{display:block; margin-bottom:15px; font-weight:normal;}
footer .wrapper a:hover{color:#b2bdd2;}
footer .wrapper ul.social{text-align: right;}
footer .wrapper ul.social li{margin-bottom:10px;}
footer .wrapper ul.social li a i{font-size:30px; font-size:3.0rem;}
footer .copyright{width:100%; display:block; padding:15px 0px; margin-top:35px; box-sizing:border-box; border-top:2px solid #90a0bd; font-size:14px; font-size:1.4rem; color:#90a0bd;}
footer .copyright div,
footer .copyright div a{color:#90a0bd;}
footer .copyright div a:hover{color:#ffffff;}
footer .copyright div a{margin-left:15px;}
footer .copyright div:last-of-type a{margin-left:0px;}
footer .copyright div br{display:none;}

/*normal*/
/*max-width=1260+padding container*/
@media only screen and (min-width: 995px) and (max-width: 1330px) 
{
    h1{font-size:42px; font-size:4.2rem;}
    h2{font-size:26px; font-size:2.6rem;}

    .container{padding:0px 35px; box-sizing:border-box;}
    
    header .logo{margin-right:0px;}

    section .wrapper{grid-gap:70px;}
    
    .input-wrapper-product{grid-gap:35px; grid-template-columns:repeat(1, 50px 1fr 150px); }
}

/*medium*/
@media only screen and (max-width: 994px) 
{
    body{font-size:16px; font-size:1.6rem;}
    h1{font-size:38px; font-size:3.8rem;}
    h2{font-size:22px; font-size:2.2rem; margin-bottom:15px;}
    .button{padding:5px 15px; border-radius:10px; font-size:16px; font-size:1.6rem;}

    header{height:224px;}
    header .logo{width:200px; height:116px; margin:17px 70px;}
    header .logo a{width:200px; height:116px; background:url('../images/logo-kiwanis-zvl-medium-2025.png') no-repeat top left;} 
    header .slider{height:224px;}

    .container{padding:0px 15px; box-sizing:border-box;}

    section .third{grid-template-columns:repeat(2, 1fr); grid-gap:50px;}
    section .third .item:nth-of-type(3){display:none;}
    
    nav{height:50px;}
    nav ul{height:50px;}
    nav ul li{height:50px; margin:0px 10px;}
    nav ul li a{line-height:50px; font-size:18px; font-size:1.8rem;}    
    
    section{padding:50px 0px;}
    section .wrapper{grid-gap:50px; margin-top:50px;}
    section .collection{margin:50px 0px; grid-gap:15px;}
    
    .input-wrapper-product{display:grid; grid-gap:15px; grid-template-columns:repeat(1, 50px 1fr 150px); margin:0px 0px 30px 0px;}
    form.form-grid div.flights{grid-gap:16px;}
    form.form-grid div.flights a.flight{padding-bottom:68px;}
    footer .wrapper{grid-gap:35px;}
    footer .wrapper ul.social{text-align:left;}
}

/*small*/
@media only screen and (max-width: 784px)
{
    body{font-size:14px; font-size:1.4rem;}
    h1{font-size:28px; font-size:2.8rem;}
    h2{font-size:18px; font-size:1.8rem;}
    .button{padding:5px 10px; border-radius:10px; font-size:14px; font-size:1.4rem;}
    
    header{height:150px;}
    header .logo{margin:44px 15px;}
    header .slider{height:150px;}
    
    nav .container{padding:0px;}
    nav ul{width:100%; height:0px; display:block; position:absolute; top:-700px; z-index:800; transition:0.7s ease-in-out;}
    nav ul.open{height:auto; top:200px; background:#000000; transition:0.7s ease-in-out; padding:0px; box-sizing:border-box;}
    nav ul.open li{width:100%; height:50px; display:block; float:left; margin:0px; padding:0px 15px; box-sizing:border-box;}
    nav ul.open li:last-of-type{}
    nav ul.open li a{line-height:50px; font-size:16px; font-size:1.6rem;}
    nav .icon{width:50px; height:50px; display:block; float:right; text-align:right; margin-right:15px; transition:0.7s ease-in-out;}
    nav .icon a i{font-size:25px; font-size:2.5rem; color:#ffffff; line-height:50px;}

    section{padding:35px 0px;}
    section .wrapper{grid-gap:35px; margin-top:35px;}
    section .wrapper.grid{grid-template-columns:repeat(1, 1fr);}
    section .wrapper.list{grid-template-columns:repeat(1, 1fr);}
    section .wrapper.list .item{grid-template-columns:repeat(1, 1fr); grid-gap:35px;}
    section .collection{margin:35px 0px; grid-template-columns: repeat(2, 1fr);}
    section.register .rides{grid-template-columns:1fr;}

    footer .wrapper{grid-template-columns:repeat(1, 1fr); grid-gap:35px;}
    footer .wrapper ul.social{text-align:left;}
    footer .wrapper ul.social li{float:left; margin:0px 10px 0px 0px;}
}

/*mini*/
@media only screen and (max-width: 479px)
{
    header{height:125px;}
    header .logo{width:200px; height:116px; margin:5px 15px;}
    header .logo a{width:200px; height:116px; background:url('../images/logo-kiwanis-zvl-medium-2025.png') no-repeat top left;} 
    header .slider{height:125px;}
    
    nav{height:35px;}
    nav ul.open{top:160px;}
    nav .icon{width:35px; height:35px;}
    nav .icon a i{font-size:20px; font-size:2.0rem; line-height:35px;}
    
    section .wrapper{grid-gap:15px; margin-top:35px;}
    section .wrapper.wide{grid-template-columns:repeat(1, 1fr);}
    section .wrapper.wide .item{display:grid; grid-template-columns:repeat(1, 1fr); grid-gap:15px;}

    section .third{grid-template-columns:repeat(1, 1fr); grid-gap:15px;}
    section .third .item h3{height:auto; min-height:0px; font-size:18px; font-size:1.8rem;}

    .input-wrapper-product{grid-gap:15px; grid-template-columns:50px 1fr; margin:0px 0px 30px 0px;}
    .input-wrapper-product .product-number{grid-area:2/1/2/1;}
    .input-wrapper-product .product-description{grid-area:1/1/2/3;}
    .input-wrapper-product .product-price{grid-area:2/2/2/2;}
    

    
    /*    section .wrapper.list .item{display:grid; grid-template-columns:150px 1fr; grid-gap:35px;}
    section .wrapper .item .image{margin-bottom:35px;}
    section .wrapper .item .image img{width:100%;}
    section .wrapper .item .date{font-weight:normal;}
    section .wrapper .item .title a{text-decoration:none !important;}*/
}