/************************************************************************************/
/* Html 
/************************************************************************************/
@-ms-viewport {width:device-width;}
html {box-sizing:border-box; -ms-overflow-style:scrollbar; font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; overflow-x:hidden; height:100vh;}
*, *::before, *::after {box-sizing:inherit;}
body {font-family: 'robotoregular'; height:100vh; font-weight:normal; padding:0; color:#000; font-size:18px; margin:0; line-height:1.3em; background-image: linear-gradient(to right, #529747, #70a662, #8db77e, #a9c89b, #c5dab9, #c5dab9, #c5dab9, #c5dab9, #a9c89b, #8db77e, #70a662, #529747);}
a:link {color:#333; text-decoration:none;}
a:visited {color:#333; text-decoration:none;}
a:active {color:#333; text-decoration:none;}
.stack {position:relative; display:inline-block; height:1.2em; line-height:1em; vertical-align:middle;}
.img-thumbnail {padding:4px; line-height:1.42857143; background-color:#fff; border:1px solid #ccc;}
.img-thumbnail-a {padding:3px; line-height:1.42857143; background-color:#fff; border:1px solid #ccc;}
ul {margin-top:0; margin-bottom:0;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
a img {border:none; outline:0;}
.img-responsive {display:block; max-width:100%; height:auto;}
.img-rounded {border-radius:10px;}
.img-rounded-a {border-radius:8px;}
* {outline: 0 !important;}
/************************************************************************************/
/* Grid 
/************************************************************************************/
.flex-center {-ms-flex-align:center; align-items:center; flex:1 100%; display:flex;}
.row {margin-right:0; margin-left:0; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.container-full {margin-left:auto; margin-right:auto; padding:0;}
.container-full {width:100%;}
.container-small {padding:0 20px; margin-left:auto; margin-right:auto;}
.center {display: flex; align-items: center; justify-content: center;}
.hes {height:100vh;}
.green {color: #C5DAB9;}
.white {color: #fff !important; text-decoration:underline !important;}
/************************************************************************************/
/* Typo
/************************************************************************************/
p {padding-bottom:25px; line-height:1.3em;}
.text-center {text-align:center;}
h1 {font-family:"robotobold"; text-transform:uppercase; font-size:23px; color:#3F7335; line-height:1.2em; padding-bottom:8px;}
h2 {text-transform:uppercase; font-family:"robotobold"; color:#3F7335; font-size:20px;}
h3 {text-transform:uppercase; font-family:"robotobold"; color:#3F7335; font-size:18px;}
.scroll span {margin-top:30px; display: inline-block; padding: 10px 20px; margin-bottom: 0; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 8px; font-size:18px; color:#fff; text-transform:uppercase; background:#519546;}
/************************************************************************************/
/* Main 
/************************************************************************************/
.large-a {background:#529747; padding:14px 0;}
.img {height:100vh;}
.logo {height:38px;}
.logos {width:260px;}
.header-as {grid-gap:0 30px; grid-template-columns:1fr auto; display:grid; grid-template-areas: 'header-one header-two';}
.header-one {grid-area:header-one;}
.header-two {grid-area:header-two;}
.city i {padding-right:12px; color:#fff; font-size:20px;}
.city a:link, .city a:visited {color:#fff !important; text-decoration:none;}
.city a:hover {color:#fff !important;}
.city a:hover i {color:#fff;}
.city ul li {display:inline; color:#fff; font-size:15px; padding-left:25px; text-transform:uppercase;}
.pad {padding-top:35px; padding-bottom:10px;}
.contaniner {position: relative; flex-grow: 1; margin: auto; display: grid; padding:40px; grid-template-columns: repeat(8, 1fr); grid-template-rows: repeat(4, 1fr); grid-gap: 1.5vmin; justify-items: center; align-items: center;}
img.popo {z-index: 1; grid-column: span 2; max-width: 100%; margin-bottom: -52%; -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); opacity:1.0; -webkit-transform: scale(1); transform: scale(1); transition: all .25s;}
img.popo:nth-child(7n + 1) {grid-column: 2 / span 2;}
img.popo:hover {z-index: 2; -webkit-transform: scale(1.4); transform: scale(1.4);}
img.popo.der:hover {z-index: 2; -webkit-transform: scale(1); transform: scale(1);}
img.popo.cursorAnimation { opacity:.6; transition: all .4s;}
img.popo.cursorAnimation:hover { opacity:1.0;}
.form label {font-weight:normal; color:#3F7335 !important; text-align:left;}
.form-control-b {width:100%; display:block; height:40px; padding:3px 12px; font-size:17px; color:#333; background-color:#E1ECE1; background-image:none; border: none; margin-top:10px; border-radius:8px;}
.form-control-b:focus {background-color:#fff !important; outline:0; -webkit-box-shadow:none; box-shadow:none;}
.form-control-b::-moz-placeholder {color:#000; opacity:1;}
.form-control-b:-ms-input-placeholder {color:#000;}
.form-control-b::-webkit-input-placeholder {color:#000;}
textarea {resize:none; height:150px !important; padding:10px 12px;}
.btn {margin-top:10px; display: inline-block; padding: 8px 15px; margin-bottom: 0; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 8px; font-size:16px; color:#fff; text-transform:uppercase; background:#3F7335;}
.text-left {text-align:left;}
.radio-toolbar input[type="radio"] {display:none;}
.radio-toolbar label {display:inline-block; background: none !important; padding:3px 10px 10px 0; color:#000 !important;}
.radio-toolbar label:hover {cursor:pointer; background: none;}
.radio-toolbar input[type="radio"]:checked + label {background: none; padding:3px 10px 3px 0; color:#000 !important;}
.radio-toolbar label:before {content: '\e91d'; font-family: 'icomoon'; color: #000 !important; padding-right:7px;}
.radio-toolbar input[type="radio"]:checked + label:before {content: '\e91e'; font-family: 'icomoon'; color:#3F7335 !important; padding-right:7px;}
.rty {color:#84BC78 !important;}
.grid-2 {display:grid; grid-template-columns:repeat(2, 1fr); grid-column-gap:20px; grid-row-gap:20px;}
.modal {animation: fadeIn 0.3s;}
@keyframes fadeIn {
from {opacity: 0;} to {opacity: 1;}
}
#countdown li {display: inline-block; color:#3F7335; list-style-type: none; text-align:center; font-size: 16px; padding: 10px; font-family:"robotomedium";}
#countdown li span {display: block; color:#3F7335; font-size: 45px; padding-bottom:10px; font-family:"robotobold";}
.bold {font-family:"robotomedium";}
.block {background:#E1ECE1; padding:22px; border-radius:8px;}
.grid-4 {display:grid; grid-template-columns:repeat(4, 1fr); grid-column-gap:20px; grid-row-gap:20px; margin-top:30px; margin-bottom:30px; text-align:left;}
.wh {color:#3F7335 !important;}
.checkbox-toolbar input[type="checkbox"] {display:none;}
.checkbox-toolbar label {display:inline-block; background: none; padding:7px 12px 5px 0; color:#000 !important; font-size:17px;}
.checkbox-toolbar label:hover {cursor:pointer; background: none;}
.checkbox-toolbar input[type="checkbox"]:checked + label {background: none; padding:7px 12px 5px 0; color:#000;}
.checkbox-toolbar label:before {content: '\e90b'; font-family: 'icomoon'; color: #000; margin-right:7px;}
.checkbox-toolbar input[type="checkbox"]:checked + label:before {content: '\e90a'; font-family: 'icomoon'; color: #3F7335; margin-right:8px;}
.ico img {height:75px; margin-bottom:12px;}
.rrr img {height:64px; margin-bottom:12px;}
.city-a i {padding-right:5px; color:#529747 !important; font-size:26px;}
.city-a {font-family:"robotobold"; color:#3F7335 !important; font-size:18px; text-transform:uppercase;}
.city-a p {color:#000 !important; text-transform: none; font-family:"robotoregular";}
.list-ul {margin-left:35px; list-style-type:none; padding-top:10px;}
.list-ul > li {position:relative; margin: 0; padding-bottom:8px;}
.list-li {position:absolute; left:-2em; width:2.14285714em; top:0; text-align:center;}
.list-ul li i {color:#519546; margin-right:5px;}
/************************************************************************************/
/* Footer 
/************************************************************************************/
footer {background:#529747; padding:14px 0; font-size:15px; color:#fff;}
.rt span a {color:#fff; padding-left:15px; text-decoration:underline;}
/************************************************************************************/
/* Media 
/************************************************************************************/
/* col-mx */
@media only screen and (min-width:300px) and (max-width:480px) {
.hidden-mx {display:none !important;}
.container-small {width:100%;}
.logo {height:35px;}
.img {background: none;}
.ida img {height:20px;}
.ty {padding-top:0}
h1 {font-size:22px;}
.f18 {font-size:17px;}
.grid-2 {grid-template-columns:repeat(1, 1fr);}
#countdown li span {font-size: 28px; padding-bottom:8px;}
.grid-4 {grid-template-columns:repeat(1, 1fr);}
}
/* col-mp */
@media only screen and (min-width:481px) and (max-width:576px) {
.hidden-mp {display:none !important;}
.container-small {width:100%;}
.logo {height:35px;}
.ida img {height:30px;}
.ty {padding-top:0}
h1 {font-size:22px;}
.f18 {font-size:17px;}
.grid-2 {grid-template-columns:repeat(1, 1fr);}
#countdown li span {font-size: 30px; padding-bottom:8px;}
.grid-4 {grid-template-columns:repeat(1, 1fr);}
}
/* col-ml */
@media only screen and (min-width:577px) and (max-width:768px) {
.hidden-ml {display:none !important;}
.container-small {width:100%;}
.ida img {height:30px;}
.grid-2 {grid-template-columns:repeat(1, 1fr);}
.grid-4 {grid-template-columns:repeat(2, 1fr);}
}
/* col-tp */
@media only screen and (min-width:769px) and (max-width:992px) {
.hidden-tp {display:none !important;}
.container-small {width:100%;}
.grid-4 {grid-template-columns:repeat(2, 1fr);}
}
/* col-ts */
@media only screen and (min-width:993px) and (max-width:1300px) {
.hidden-ts {display:none !important;}
.container-small {width:100%;}
}
/* col-tl */
@media only screen and (min-width:1301px) and (max-width:1600px) {
.hidden-tl {display:none !important;}
.container-small {max-width:1200px;}
}
/* col-tb */
@media only screen and (min-width:1601px) {
.hidden-tb {display:none !important;}
.container-small {max-width:1200px;}
}