@import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;700&family=Roboto+Slab:wght@300;700&display=swap");
@import url("w2default.css");
* { color: #404040; font-family: "Lato", sans-serif; font-weight: 300; font-size: 18px; }

html, body { background-color: #fff; }

body { padding-top: 80px; }

h2 { margin-bottom: 50px; }

h3 { margin-bottom: 30px; }

h3, h3 * { color: #79b737; font-family: "Roboto Slab", serif; font-weight: 300; font-size: 30px; line-height: 35px; text-transform: uppercase; }

input[type="text"], input[type="email"], input[type="password"] { background-color: transparent; border-radius: 5px; border-color: #a6a6a6; }

input[type="submit"] { background-color: #006600; background: linear-gradient(0deg, #00652c 0%, #2f8f26 100%); color: #fff; text-align: left; border-radius: 5px; padding: 0 25px; font-weight: bold; transition: background 0.3s ease, background-color 0.3s ease; }

input[type="submit"]:hover { background-color: #79b737; background: linear-gradient(0deg, #36a42b 0%, #36a42b 100%); }

input[type="submit"].white { background: #fff url("../images/arrow-green.png") no-repeat right center; color: #79b737 !important; font-weight: bold; padding-right: 70px; text-align: left; }

textarea { background-color: transparent; border-radius: 5px; border-color: #a6a6a6; }

select { cursor: pointer; }

.wrapper { width: 1170px; }

.general-section { padding: 100px 0; }

.checkbox { border-radius: 5px; }

.mandatory { position: relative; display: inline-flex; align-items: flex-end; }

.mandatory:before { content: "*"; color: #79b737; font-size: 20px; font-weight: bold; }

.box .label { color: #404040; display: flex; align-items: flex-start; justify-content: space-between; font-size: 10px; line-height: 15px; text-transform: uppercase; margin-bottom: 3px; }

.title-a { color: #006600; text-transform: uppercase; font-family: "Roboto Slab", serif; font-weight: 700; font-size: 45px; line-height: 55px; display: flex; align-items: center; justify-content: center; position: relative; }

.title-a:before, .title-a:after { content: ""; background: url("../images/titlea-iconleft.png") no-repeat 0 0; display: inline-flex; width: 130px; height: 17px; margin-right: 30px; }

.title-a:after { -webkit-transform: scaleX(-1); transform: scaleX(-1); margin: 0 0 0 30px; }

.btn { background-color: #006600; background: linear-gradient(0deg, #026701 0%, #79b737 100%); color: #fff; font-weight: 700; border-radius: 5px; padding: 0 25px; height: 50px; text-align: left; transition: background 0.3s ease, background-color 0.3s ease; }

.btn:hover { background-color: #79b737; background: linear-gradient(0deg, #79b737 0%, #79b737 100%); }

.btn:after { content: ""; background: url("../images/icons-01.svg") no-repeat -210px -30px; background-size: 600px; width: 30px; height: 30px; margin-left: 10px; flex-shrink: 0; }

.btn.border { background: transparent; border: solid 2px #006600; color: #006600; }

.btn.border:after { background-position: -210px -60px; }

.box-seeall .btn-knowmore { background: transparent; border: solid 1px #006600; color: #006600; font-weight: 700; transition: background 0.3s ease; }

.box-seeall .btn-knowmore:after { background-position: -210px -90px; }

.box-seeall .btn-knowmore:hover { background: #006600; color: #fff; }

.box-seeall .btn-knowmore:hover:after { background-position: -210px -30px; }

.box-swiper-pagination { position: absolute; bottom: 0; left: 0; width: 100%; }
.box-swiper-pagination .wrapper { display: flex; align-items: center; justify-content: center; width: 100%; }
.box-swiper-pagination .wrapper .swiper-button-next, .box-swiper-pagination .wrapper .swiper-button-prev, .box-swiper-pagination .wrapper .swiper-pagination { position: inherit; top: inherit; left: inherit; right: inherit; }

.box-seemore.list-seemore { text-align: center; margin-top: 40px; grid-column: span 3; }

.box-seemore.list-seemore a:after { display: none; }

.box-seemore.list-seemore a { background: transparent; border: solid 1px #79b737; color: #79b737; font-weight: 700; transition: background 0.3s ease; }

.box-seemore.list-seemore a:hover { background: #79b737; color: #fff; }

label.label-checkbox input[type="checkbox"] { flex-shrink: 0; width: 15px !important; height: 15px !important; margin-right: 10px !important; }

label.label-checkbox span.checkbox { width: 15px !important; height: 15px !important; border-radius: 5px !important; border: solid 1px #a6a6a6 !important; }

label.label-checkbox input:checked ~ .checkbox { background: url(../images/visto-green.png) no-repeat center center !important; }

.swiper-button-next, .swiper-button-prev { background-color: #fff; width: 30px; height: 30px; margin: 0 5px; border: solid 1px #a6a6a6; border-radius: 30px; transition: border 0.3s ease; }

.swiper-button-next { background: url("../images/swipper-arrow-right.png") no-repeat center center; }

.swiper-button-prev { background: url("../images/swipper-arrow-left.png") no-repeat center center; }

.swiper-button-next:hover { background: #79b737 url("../images/swipper-arrow-right-white.png") no-repeat center center; border-color: #79b737; }

.swiper-button-prev:hover { background: #79b737 url("../images/swipper-arrow-left-white.png") no-repeat center center; border-color: #79b737; }

.swiper-pagination { margin: 0 5px; display: flex; align-items: center; }

.swiper-pagination-bullet { background-color: #a6a6a6; display: inline-flex; width: 16px; height: 16px; border: none; opacity: 1; margin: 0 5px; transition: background-color 0.3s ease; }

.swiper-pagination-bullet:hover { background-color: #404040; }

.swiper-pagination-bullet-active { background-color: #79b737 !important; cursor: default; }

.db-content blockquote { position: relative; padding: 0 0 30px 0; }

.db-content blockquote:before { background: url("../images/int-blockquote-top.png") no-repeat 0 0; content: ""; display: block; margin-bottom: 30px; width: 100%; height: 30px; }

.db-content blockquote:after { background: url("../images/int-blockquote-bot.png") no-repeat 0 0; content: ""; display: block; margin-top: 30px; width: 100%; height: 2px; }

.db-content blockquote, .db-content blockquote * { color: #79b737; font-family: "Roboto Slab", serif; font-weight: 300; font-size: 30px !important; line-height: 35px !important; text-transform: uppercase; }

.db-content a, .db-content a * { color: #79b737; }

.db-content p:not(:last-child) { margin-bottom: 35px; }

.db-content ul, .db-content ol { -webkit-column-break-inside: auto; page-break-inside: auto; break-inside: auto; }

.db-content ul li, .db-content ol li { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 20px; }

.db-content ul li:last-child, .db-content ol li:last-child { margin-bottom: 35px; }

.db-content h3, .db-content h3 * { font-family: "Roboto Slab", serif; color: #79b737; display: block; font-size: 20px; line-height: 23px; margin-bottom: 20px; text-transform: uppercase; margin-top: 0; padding: 0; }

.db-content h3:after, .db-content h3:before { display: none; }

.db-content h4, .db-content h4 * { font-family: "Roboto Slab", serif; font-size: 16px; line-height: 22px; margin-bottom: 10px; text-transform: uppercase; margin: 0 0 10px 0; padding: 0; }

.db-content h5, .db-content h5 * { font-size: 18px; line-height: 22px; margin-bottom: 10px; font-weight: 700; color: #79b737; margin-bottom: 0; padding: 0; }

.db-content table { width: 85%; margin: 0 auto; border-color: #a6a6a6; }

.db-content table td { padding: 15px 20px; border: none; border-bottom: dotted 1px #a6a6a6 !important; border-left: solid 1px #a6a6a6; }

.db-content table h3, .db-content table h3 * { margin-bottom: 0 !important; }

header { background-color: #fff; position: fixed; top: 0; left: 0; width: 100%; height: 80px; z-index: 102; box-shadow: 0 0 20px rgba(64, 64, 64, 0.5); }
header .wrapper { display: flex; align-items: center; height: 100%; }
header .left { display: flex; align-items: center; flex-shrink: 0; }
header .right { display: flex; align-items: center; justify-content: flex-end; width: 100%; /*border-left: solid 1px $grey*/ margin-left: 30px; position: relative; }
header .box-logo { padding-right: 50px; }
header .box-logo a img { color: #006600; font-size: 30px; white-space: nowrap; height: 50px; }
header nav { width: 100%; }
header nav ul.lev1 { display: flex; }
header nav li.lev1 { position: relative; }
header nav li.lev1:not(:last-child) { margin-right: 20px; }
header nav a.lev1 { font-family: "Roboto Slab", serif; font-weight: 300; font-size: 14px; text-transform: uppercase; display: flex; align-items: center; position: relative; }
header nav a.lev1:before { background-color: #006600; content: ""; width: 100%; height: 5px; position: absolute; left: 0; bottom: -10px; opacity: 0; transition: bottom 0.3s ease, opacity 0.3s ease; }
header nav a.lev1:hover:before, header nav .active a:before { bottom: -5px; opacity: 1; }
header nav .active a:after { background: url("../images/main-hover.png") no-repeat center center; content: ""; width: 22px; height: 10px; position: absolute; left: calc(50% - 11px); top: -15px; }
header #form-generalsearch { position: absolute; top: -10px; left: 12px; width: 100%; z-index: 2; overflow: hidden; pointer-events: none; border-radius: 5px; padding: 0 8px; transition: padding 0s ease, top 0s ease; transition-delay: 0.5s; display: none; display: none; }
header #form-generalsearch .contents { display: flex; position: relative; top: 0; width: 40px; pointer-events: auto; transition: width 0.5s ease; transition-delay: 0.5s; }
header #form-generalsearch .text { background-color: #fff; border: none; height: 40px; font-size: 14px; border-radius: 5px; opacity: 0; box-shadow: 0 2px 5px rgba(64, 64, 64, 0.3); transition: opacity 0.5s ease; transition-delay: 0.5s; }
header #form-generalsearch input[type="submit"] { background: url("../images/icons-01.svg") no-repeat 0 0; background-size: 400px; position: absolute; top: 10px; right: 10px; width: 20px; height: 20px; padding: 0; }
header #form-generalsearch:hover { width: 100%; padding: 8px; top: -18px; transition-delay: 0s; }
header #form-generalsearch:hover .contents { left: 0; width: 100%; transition: width 0.5s ease; transition-delay: 0s; }
header #form-generalsearch:hover .text { opacity: 1; transition-delay: 0s; }
header .box-ar { height: 20px; position: relative; }
header .box-ar a { display: inline-flex; height: 100%; }
header .box-ar .icon { background: url("../images/icons-01.svg") no-repeat -20px 0; background-size: 400px; display: inline-flex; width: 20px; height: 20px; margin-right: 10px; }
header .box-ar .text { text-transform: uppercase; font-size: 14px; line-height: 20px; white-space: nowrap; transition: color 0.3s ease; }
header .box-ar a:hover .text { color: #79b737; }
header .box-languages { display: flex; align-items: center; margin-left: 30px; display: none; }
header .box-languages .icon { background: url("../images/icons-01.svg") no-repeat -40px 0; background-size: 400px; display: inline-flex; width: 20px; height: 20px; margin-right: 10px; }
header .box-languages ul { bdisplay: flex; align-items: center; }
header .box-languages li { display: inline-flex; }
header .box-languages li:not(:last-child) { border-right: solid 1px #a6a6a6; padding-right: 10px; margin-right: 10px; }
header .box-languages a { text-transform: uppercase; font-size: 14px; line-height: 20px; display: inline-flex; position: relative; top: -2px; transition: color 0.3s ease; }
header .box-languages a:after { content: ""; background-color: #79b737; display: none; width: 100%; position: absolute; bottom: -5px; left: 0; height: 5px; border-radius: 5px; }
header .box-languages a.active, header .box-languages a:hover { color: #79b737; }
header .box-languages a.active:after { display: block; }
header .box-languages a.active { pointer-events: none; }

/* ################## MOBILE MENU ##################### */
#mobile-menu-switch { width: 40px; height: 40px; position: fixed; right: 20px; top: 20px; z-index: 1002; }

#mobile-menu-switch span { background-color: #79b737; width: 25px; height: 1px; display: block; position: absolute; left: 7px; }

#mobile-menu-switch span:nth-child(1) { top: 10px; transition: all 0.3s ease; }

#mobile-menu-switch span:nth-child(2) { top: 20px; }

#mobile-menu-switch span:nth-child(3) { top: 30px; transition: all 0.3s ease; }

#mobile-menu-switch.active span:nth-child(1) { top: 20px; transform: rotate(45deg); }

#mobile-menu-switch.active span:nth-child(2) { display: none; }

#mobile-menu-switch.active span:nth-child(3) { top: 20px; transform: rotate(-45deg); }

#mobile-menu { background-color: #fff; position: fixed; left: 0; width: 100%; height: 100%; top: -100%; padding-top: 80px; z-index: 1001; transition: all 0.3s ease; overflow: auto; }

#mobile-menu.active { top: 0; box-shadow: 0 0 5px rgba(64, 64, 64, 0.5); }

#mobile-menu a { display: block; font-size: 20px; text-transform: uppercase; font-family: "Lato", sans-serif; font-weight: 400; text-align: center; padding: 20px; }

#mobile-menu li:last-child a { border-bottom: none; }

#mobile-menu li:hover a, #mobile-menu li.active a { color: #79b737; }

#mobile-menu .box-ar { text-align: center; display: none; margin-top: 40px; }

#mobile-menu .box-ar a { display: inline-flex; border: solid 1px #404040; border-radius: 50px; }

#mobile-menu .box-ar a:before { content: ""; background: url(../images/icons-01.svg) no-repeat -20px 0; background-size: 400px; display: inline-flex; width: 20px; height: 20px; margin-right: 10px; }

#mobile-menu .box-languages { display: flex; align-items: center; margin-top: 30px; justify-content: center; }
#mobile-menu .box-languages .icon { background: url("../images/icons-01.svg") no-repeat -40px 0; background-size: 400px; display: inline-flex; width: 20px; height: 20px; margin-right: 10px; }
#mobile-menu .box-languages ul { bdisplay: flex; align-items: center; }
#mobile-menu .box-languages li { display: inline-flex; }
#mobile-menu .box-languages li:not(:last-child) { border-right: solid 1px #a6a6a6; padding-right: 10px; margin-right: 10px; }
#mobile-menu .box-languages a { text-transform: uppercase; font-size: 14px; line-height: 20px; display: inline-flex; position: relative; top: -2px; padding: 10px; transition: color 0.3s ease; }
#mobile-menu .box-languages a:after { content: ""; background-color: #79b737; display: none; width: 100%; position: absolute; bottom: -5px; left: 0; height: 5px; border-radius: 5px; }
#mobile-menu .box-languages a.active, #mobile-menu .box-languages a:hover { color: #79b737; }
#mobile-menu .box-languages a.active:after { display: block; }
#mobile-menu .box-languages a.active { pointer-events: none; }

#secheader { position: fixed; top: 80px; left: 0; width: 100%; height: 50px; z-index: 101; }
#secheader .wrapper { height: 100%; box-shadow: 0 0 20px rgba(64, 64, 64, 0.5); border-radius: 0 0 5px 5px; }
#secheader ul { display: flex; width: 100%; height: 100%; overflow: hidden; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
#secheader ul * { color: #fff; font-family: "Roboto Slab", serif; font-size: 14px; line-height: 20px; text-transform: uppercase; }
#secheader li { background-color: #006600; font-weight: bold; font-size: 16px; display: inline-flex; align-items: center; flex-grow: 1; }
#secheader li:first-child { padding: 0 30px; flex-grow: 0; position: relative; z-index: 2; }
#secheader li:first-child:after { content: ""; background-color: #006600; position: absolute; top: 50%; right: -5px; width: 10px; height: 10px; margin-top: -6px; transform: rotate(45deg); border-radius: 0 2px 0 0; pointer-events: none; }
#secheader li:not(:first-child) { border-right: solid 1px #26912b; }
#secheader li:last-child { border-right: none; }
#secheader li a { background-color: #79b737; display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 0 10px; position: relative; transition: background-color 0.3s ease; }
#secheader li a:after { content: ""; background-color: #006600; position: absolute; bottom: -5px; left: 0; width: 100%; height: 5px; transition: bottom 0.3s ease; }
#secheader li a:hover:after, #secheader li.active a:after { bottom: 0; }
#secheader li.active a { background-color: #fff; color: #79b737; }

footer { background-color: #404040; }
footer * { color: #fff; font-size: 14px; }
footer .top { padding: 40px 0; }
footer .top .wrapper { display: flex; align-items: flex-start; justify-content: space-between; }
footer .top .wrapper .left { display: flex; width: 60%; }
footer .top .wrapper .left .box:not(:last-child) { margin-right: 50px; }
footer .top .wrapper .left .box-logo img { height: 125px; }
footer .top .wrapper .left .box-contacts a { display: flex; align-items: center; }
footer .top .wrapper .left .box-contacts a .icon { background: url("../images/icons-01.svg") no-repeat 0 0; background-size: 400px; display: inline-flex; width: 20px; height: 20px; margin-right: 10px; align-self: flex-start; flex-shrink: 0; }
footer .top .wrapper .left .box-contacts a .text { font-size: 16px; line-height: 20px; transition: color 0.3s ease; }
footer .top .wrapper .left .box-contacts a[data-rel="address"] .icon { background-position: -60px -20px; }
footer .top .wrapper .left .box-contacts a[data-rel="phone"] .icon { background-position: -80px -20px; }
footer .top .wrapper .left .box-contacts a[data-rel="fax"] .icon { background-position: -100px -20px; }
footer .top .wrapper .left .box-contacts a[data-rel="email"] .icon { background-position: -120px -20px; }
footer .top .wrapper .left .box-contacts a:not(:last-child), footer .top .wrapper .left .box-otherpages a:not(:last-child) { margin-bottom: 10px; }
footer .top .wrapper .left .box-otherpages a { display: block; font-weight: bold; transition: color 0.3s ease; white-space: nowrap; }
footer .top .wrapper .left .box-otherpages a.active { color: #79b737; pointer-events: none; }
footer .top .wrapper .right { display: flex; align-items: flex-end; flex-direction: column; }
footer .top .wrapper .right div { text-align: right; }
footer .top .wrapper .right a { margin: 0 0 30px 15px; display: inline-block; }
footer .top .wrapper .right a[href="javascript:void(0);"] { pointer-events: none; }
footer .top .wrapper .right a img { max-height: 70px; max-width: 100px; }
footer .top a[href="javascript:void(0);"] { pointer-events: none; }
footer .top a:hover, footer .top a:hover .text { color: #79b737; }
footer .bot { border-top: solid 1px #a6a6a6; }
footer .bot * { font-size: 14px; line-height: 17px; }
footer .bot .wrapper { display: flex; align-items: center; justify-content: space-between; height: 50px; }
footer .bot .right a img { height: 13px; vertical-align: bottom; }

#banner, #secbanner { background-color: #006600; height: 400px; position: relative; }
#banner .wrapper, #secbanner .wrapper { display: flex; align-items: center; padding: 80px 0 30px; height: 100%; position: relative; z-index: 2; }
#banner .wrapper *, #secbanner .wrapper * { color: #fff; }
#banner .wrapper .contents, #secbanner .wrapper .contents { width: 100%; }
#banner .wrapper h1, #secbanner .wrapper h1 { text-transform: uppercase; font-family: "Roboto Slab", serif; font-weight: 700; font-size: 50px; line-height: 60px; display: flex; align-items: center; justify-content: center; position: relative; }
#banner .wrapper h1:before, #banner .wrapper h1:after, #secbanner .wrapper h1:before, #secbanner .wrapper h1:after { content: ""; background: url("../images/banner-iconleft.png") no-repeat 0 0; display: inline-flex; width: 175px; height: 42px; margin-right: 40px; position: relative; top: -20px; }
#banner .wrapper h1:after, #secbanner .wrapper h1:after { -webkit-transform: scaleX(-1); transform: scaleX(-1); margin: 0 0 0 40px; }
#banner .mask, #secbanner .mask { background-color: rgba(0, 102, 0, 0.4); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
#banner .external, #secbanner .external { position: absolute; width: 100%; display: flex; justify-content: center; align-content: center; bottom: 0; z-index: 3; }

#secbanner { height: 280px; }
#secbanner h1:before, #secbanner h1:after { top: -10px !important; }

body.home #banner h1 { justify-content: flex-start !important; align-items: flex-start !important; }
body.home #banner h1:after { display: none !important; }

#home-highlights .wrapper { width: 1200px; }
#home-highlights h2 { margin-bottom: 30px; }
#home-highlights .swiper-container { padding: 20px 20px 70px 20px; }
#home-highlights .swiper-wrapper { height: 330px; position: relative; }
#home-highlights .swiper-slide { display: flex; box-shadow: 0 5px 15px rgba(64, 64, 64, 0.2); opacity: 0; border-radius: 5px; transition: opacity 0.3s ease; }
#home-highlights .swiper-slide .left { background-color: #006600; width: 50%; border-radius: 5px 0 0 5px; overflow: hidden; }
#home-highlights .swiper-slide .right { background-color: #fff; width: 50%; padding: 50px; border-radius: 0 5px 5px 0; overflow: hidden; }
#home-highlights .swiper-slide .box-knowmore { position: absolute; bottom: -25px; left: 0; width: 100%; pointer-events: none; display: flex; justify-content: center; }
#home-highlights .swiper-slide .btn-knowmore { display: inline-flex; width: auto; height: 50px; pointer-events: auto; }
#home-highlights .swiper-slide-active { opacity: 1; }
#home-highlights .swiper-pagination-bullet:only-child { visibility: hidden; }

#home-presentation, #home-mainsubject { background-color: #f2f2f2; border-top: solid 1px #fff; }

#home-presentation .wrapper { display: flex; align-items: center; }
#home-presentation .wrapper .left { width: 50%; padding-right: 85px; }
#home-presentation .wrapper .left h3 { position: relative; }
#home-presentation .wrapper .left h3, #home-presentation .wrapper .left h3 * { font-size: 45px; line-height: 55px; }
#home-presentation .wrapper .left h3:before { content: ""; background: url("../images/top-blokquote.png") no-repeat 0 0; display: block; height: 50px; margin-bottom: 30px; }
#home-presentation .wrapper .left h3:after { content: ""; background: url("../images/bot-blokquote.png") no-repeat 0 0; display: block; height: 4px; margin-top: 30px; }
#home-presentation .wrapper .right { width: 50%; padding-left: 15px; }
#home-presentation .wrapper .right .description { margin-bottom: 30px; }

.box-seeall { display: flex; justify-content: center; padding-top: 60px; }

.list-filters { margin-bottom: 50px; display: flex; justify-content: center; flex-wrap: wrap; }

.list-filters select { background: url("../images/arrow-select.png") no-repeat center right; width: auto; max-width: 370px; height: 50px; border-radius: 5px; border: none; box-shadow: 0 0 10px rgba(64, 64, 64, 0.3); padding: 0 50px 0 20px; margin: 10px 15px; }

#home-news .list-a .image span { background-color: #fff; display: flex; align-items: center; justify-content: center; position: relative; bottom: -25px; width: 50px; height: 50px; border-radius: 50px; display: flex; }

#home-news .list-a .image span:before { content: ""; background: url("../images/icons-01.svg") no-repeat -270px -90px; background-size: 600px; width: 30px; height: 30px; }

.list-a { display: grid; grid-gap: 30px; grid-template-columns: repeat(3, 1fr); }
.list-a .item { position: relative; margin-bottom: 30px; }
.list-a .item .item-content { position: relative; box-shadow: 0 0 10px rgba(64, 64, 64, 0.3); height: 100%; }
.list-a .item .image { background-color: #79b737; height: 210px; border-top-left-radius: 5px; border-top-right-radius: 5px; position: relative; display: flex; justify-content: center; align-items: flex-end; }
.list-a .item .image .icons { background-color: #fff; display: flex; align-items: center; justify-content: center; position: relative; bottom: -25px; width: auto; height: 50px; border-radius: 50px; display: flex; }
.list-a .item .image .icons span { width: 50px; height: 50px; display: inline-flex; justify-content: center; align-items: center; border-radius: 25px; }
.list-a .item .image .icons span:nth-child(1):before { content: ""; background: url("../images/icons-01.svg") no-repeat -300px -90px; background-size: 600px; width: 30px; height: 30px; }
.list-a .item .image .icons span:nth-child(2) { display: none; }
.list-a .item .image .icons span:nth-child(2):before { content: ""; background: url("../images/icons-01.svg") no-repeat -330px -90px; background-size: 600px; width: 30px; height: 30px; }
.list-a .item .image .icons span:nth-child(3) { display: none; }
.list-a .item .image .icons span:nth-child(3):before { content: ""; background: url("../images/icons-01.svg") no-repeat -360px -90px; background-size: 600px; width: 30px; height: 30px; }
.list-a .item .info { padding: 50px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
.list-a .item .title { color: #006600; font-weight: bold; margin-bottom: 15px; min-height: 44px; }
.list-a .item .datecat { position: relative; display: flex; align-items: center; }
.list-a .item .datecat * { font-size: 12px; }
.list-a .item .datecat .date { white-space: nowrap; margin-right: 10px; flex-shrink: 0; }
.list-a .item .datecat .cat { white-space: nowrap; margin-left: 10px; flex-shrink: 0; text-transform: uppercase; }
.list-a .item .datecat .date:empty, .list-a .item .datecat .cat:empty { display: none; }
.list-a .item .datecat .line { display: inline-flex; width: 100%; height: 0; border-top: solid 1px #a6a6a6; }
.list-a .item .box-knowmore { position: absolute; bottom: -25px; left: 0; width: 100%; pointer-events: none; display: flex; justify-content: center; }
.list-a .item .btn-knowmore { display: inline-flex; width: auto; height: 50px; pointer-events: auto; }
.list-a .item.type-link .icons span:nth-child(2) { display: inline-flex; }
.list-a .item.type-video .icons span:nth-child(3) { display: inline-flex; }

.list-b .item { position: relative; margin-bottom: 30px; }
.list-b .item .item-content { position: relative; box-shadow: 0 0 10px rgba(64, 64, 64, 0.3); display: flex; border-radius: 5px; }
.list-b .item .image { background-color: #79b737; width: 470px; height: 270px; position: relative; border-radius: 5px 0 0 5px; flex-shrink: 0; }
.list-b .item .image span { background-color: #fff; display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; width: 50px; height: 50px; margin-top: -25px; right: -25px; border-radius: 50px; }
.list-b .item .image span:before { content: ""; background: url("../images/icons-01.svg") no-repeat -270px -90px; background-size: 600px; width: 30px; height: 30px; }
.list-b .item .info { padding: 50px 50px 100px 50px; width: 100%; }
.list-b .item .title { color: #006600; font-weight: bold; margin-bottom: 15px; }
.list-b .item .datecat { position: relative; display: flex; align-items: center; }
.list-b .item .datecat * { font-size: 12px; }
.list-b .item .datecat .date { white-space: nowrap; margin-right: 10px; flex-shrink: 0; }
.list-b .item .datecat .cat { white-space: nowrap; margin-left: 10px; flex-shrink: 0; text-transform: uppercase; }
.list-b .item .datecat .date:empty, .list-b .item .datecat .cat:empty { display: none; }
.list-b .item .datecat .line { display: inline-flex; width: 100%; height: 0; border-top: solid 1px #a6a6a6; }
.list-b .item .box-knowmore { position: absolute; bottom: 50px; left: 520px; display: flex; justify-content: center; }
.list-b .item .btn-knowmore { display: inline-flex; width: auto; height: 40px; pointer-events: auto; }

#home-mainsubject .container { display: flex; align-items: center; }
#home-mainsubject .left { width: 50%; padding-right: 5px; display: none; }
#home-mainsubject .swiper-container { height: 360px; padding: 0 10px 40px 10px; }
#home-mainsubject .swiper-slide { border-radius: 5px; overflow: hidden; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); display: flex; align-items: flex-end; }
#home-mainsubject .swiper-slide * { color: #fff; }
#home-mainsubject .swiper-slide .content { position: relative; padding: 40px; z-index: 2; }
#home-mainsubject .swiper-slide .content .cat { background-color: #fff; color: #79b737; font-size: 12px; font-weight: 700; display: inline-flex; padding: 2px 10px; border-radius: 20px; }
#home-mainsubject .left .title { font-size: 18px; line-height: 25px; margin-bottom: 10px; }
#home-mainsubject .left .description { font-size: 14px; line-height: 21px; margin-bottom: 20px; }
#home-mainsubject .left .btn { height: 30px; padding: 0 20px; font-size: 14px; }
#home-mainsubject .left .btn:after { display: none !important; }
#home-mainsubject .swiper-slide .mask { background: url("../images/mask-main-home.png") repeat-x center center; background-size: auto 100%; height: 100%; width: 100%; position: absolute; left: 0; top: 0; }
#home-mainsubject .swiper-pagination { justify-content: center; }
#home-mainsubject .swiper-pagination-bullet:only-child { visibility: hidden; }
#home-mainsubject .right { width: 100%; padding-left: 15px; padding-bottom: 40px; text-align: center; }
#home-mainsubject .right h3 { color: #404040; margin-bottom: 15px; }
#home-mainsubject .right .btn { margin-top: 30px; display: none; }

#home-newsletter { background-color: #006600; background: linear-gradient(0deg, #00652c 0%, #2f8f26 100%); padding: 20px 0; }
#home-newsletter .wrapper { display: flex; }
#home-newsletter .wrapper * { color: #fff; }
#home-newsletter .left { width: 174px; margin-right: 30px; flex-shrink: 0; text-transform: uppercase; font-family: "Roboto Slab", serif; font-weight: 300; font-size: 24px; line-height: 28px; }
#home-newsletter .right { width: 100%; }
#home-newsletter form .top { display: flex; margin-bottom: 20px; }
#home-newsletter form .box-name, #home-newsletter form .box-email { width: 50%; padding-right: 30px; }
#home-newsletter form .box-name input::-webkit-input-placeholder { color: #fff; }
#home-newsletter form .box-name input:-ms-input-placeholder { color: #fff; }
#home-newsletter form .box-name input::placeholder { color: #fff; }
#home-newsletter form .box-email input::-webkit-input-placeholder { color: #fff; }
#home-newsletter form .box-email input:-ms-input-placeholder { color: #fff; }
#home-newsletter form .box-email input::placeholder { color: #fff; }
#home-newsletter form .box-submit { flex-shrink: 0; }
#home-newsletter form input[type="text"], #home-newsletter form input[type="email"] { border-color: #fff; color: #fff; font-size: 16px; }
#home-newsletter form .bot * { font-size: 14px; line-height: 17px; }
#home-newsletter form .label-checkbox { cursor: pointer; }
#home-newsletter form .label-checkbox a { margin-left: 3px; text-decoration: underline; }
#home-newsletter form .label-checkbox a:hover { text-decoration: none; }
#home-newsletter form .checkbox, #home-newsletter form input[type="checkbox"] { background: transparent; border-color: #fff !important; width: 20px; height: 20px; }
#home-newsletter form .label-checkbox input:checked ~ .checkbox { background: url(../images/visto.png) no-repeat center center !important; }
#home-newsletter form .box { position: relative; }
#home-newsletter form .box.error .invalidfield { background-color: #fff; padding: 2px 5px; font-weight: 700; height: auto; font-size: 12px; line-height: 12px; color: #79b737; border-radius: 20px; position: absolute; left: 0; top: -10px; bottom: auto; display: inline-block; }
#home-newsletter form .box.bot.error .invalidfield { bottom: -20px; top: auto; }

.general-page { padding: 100px 0; }
.general-page .wrapper { display: flex; }
.general-page .left { width: 40%; padding-right: 15px; margin-top: -10px; }
.general-page .right { width: 60%; padding-left: 15px; }
.general-page h2 { color: #79b737; font-family: "Roboto Slab", serif; font-weight: 300; font-size: 45px; line-height: 50px; margin-bottom: 60px; }

.box-back { display: flex; align-items: center; margin-bottom: 50px; position: relative; }

.box-back a { display: inline-flex; align-items: center; white-space: nowrap; flex-shrink: 0; height: 30px; font-size: 14px; font-weight: 700; width: auto; padding: 0 15px; transition: background-color 0.3s ease; }

.box-back a:after { display: none; }

.box-back:before { background: url("../images/icons-01.svg") no-repeat -364px -84px; background-size: 560px; content: ""; display: inline-flex; width: 28px; height: 28px; flex-shrink: 0; margin-right: 5px; }

.box-back:after { content: ""; display: inline-flex; width: 100%; height: 0; border-top: solid 2px #006600; margin-left: 5px; }

.box-back a:hover { background-color: #006600; color: #fff; }

/*############################################################
							NEWS
#############################################################*/
#newsdetail-container .contents { display: flex; }
#newsdetail-container .contents .left { width: 40%; padding-right: 15px; }
#newsdetail-container .contents .left h1 { color: #79b737; font-size: 45px; line-height: 50px; font-weight: 300; margin-bottom: 30px; }
#newsdetail-container .contents .left .datecat { position: relative; display: flex; align-items: center; margin-bottom: 30px; }
#newsdetail-container .contents .left .datecat * { font-size: 12px; }
#newsdetail-container .contents .left .datecat .date { white-space: nowrap; margin-right: 10px; flex-shrink: 0; font-size: 14px; order: 2; }
#newsdetail-container .contents .left .datecat .cat { background-color: #79b737; color: #fff; height: 20px; padding: 0 10px; border-radius: 10px; white-space: nowrap; margin-right: 10px; flex-shrink: 0; text-transform: uppercase; order: 1; }
#newsdetail-container .contents .left .datecat .date:empty, #newsdetail-container .contents .left .datecat .cat:empty { display: none; }
#newsdetail-container .contents .left .datecat .line { display: inline-flex; width: 100%; height: 0; border-top: solid 1px #a6a6a6; order: 3; }
#newsdetail-container .contents .left .local { margin-bottom: 30px; }
#newsdetail-container .contents .left .local a { border-right: none; border-left: none; width: 100%; border-radius: 0; padding: 0 50px 0 0; position: relative; transition: background 0.3s ease, padding 0.3s ease, border-radius 0.3s ease; }
#newsdetail-container .contents .left .local a:after { position: absolute; right: 0; transition: right 0.3s ease; }
#newsdetail-container .contents .left .local a:before { background: url("../images/icons-01.svg") no-repeat -78px -78px; background-size: 520px; content: ""; display: inline-block; width: 26px; height: 26px; margin-right: 15px; }
#newsdetail-container .contents .left .local a:hover { background-color: #79b737; padding-left: 20px; color: #fff; }
#newsdetail-container .contents .left .local a:hover:before { background-position: -78px -26px; }
#newsdetail-container .contents .left .local a:hover:after { background-position: -210px -30px; right: 20px; }
#newsdetail-container .contents .left picture, #newsdetail-container .contents .left img { max-width: 100%; height: auto; border-radius: 5px; }
#newsdetail-container .contents .left picture { margin-bottom: 30px; display: block; }
#newsdetail-container .contents .left .otherlinks { border-bottom: solid 2px #79b737; }
#newsdetail-container .contents .left .otherlinks a { border-right: none; border-left: none; border-bottom: none; width: 100%; border-radius: 0; padding: 0 50px 0 0; position: relative; transition: background 0.3s ease, padding 0.3s ease, border-radius 0.3s ease; }
#newsdetail-container .contents .left .otherlinks a:before { background: url("../images/icons-01.svg") no-repeat -260px -78px; background-size: 520px; content: ""; display: inline-block; width: 26px; height: 26px; margin-right: 15px; }
#newsdetail-container .contents .left .otherlinks a:after { position: absolute; right: 0; transition: right 0.3s ease; }
#newsdetail-container .contents .left .otherlinks a:hover { background-color: #79b737; padding-left: 20px; color: #fff; }
#newsdetail-container .contents .left .otherlinks a:hover:before { background-position: -260px -26px; }
#newsdetail-container .contents .left .otherlinks a:hover:after { background-position: -210px -30px; right: 20px; }
#newsdetail-container .contents .left .otherlinks a[data-rel="link"]:before { background-position: -286px -78px; }
#newsdetail-container .contents .left .otherlinks a[data-rel="link"]:hover:before { background-position: -286px -26px; }
#newsdetail-container .contents .left .otherlinks a[data-rel="doc"]:before { background-position: -260x -78px; }
#newsdetail-container .contents .left .otherlinks a[data-rel="doc"]:hover:before { background-position: -260px -26px; }
#newsdetail-container .contents .left .otherlinks a[data-rel="video"]:before { background-position: -312px -78px; }
#newsdetail-container .contents .left .otherlinks a[data-rel="video"]:hover:before { background-position: -312px -26px; }
#newsdetail-container .contents .right { width: 60%; padding-left: 15px; }
#newsdetail-container .contents .right h1 { font-size: 45px; line-height: 55px; font-family: "Roboto Slab", serif; font-weight: 700; color: #006600; margin-bottom: 20px; }
#newsdetail-container .contents .right h2 { font-size: 30px; line-height: 33px; font-weight: 300; margin-bottom: 20px; }
#newsdetail-container .contents .right .gallery-contents { margin-top: 40px; }
#newsdetail-container .contents .right .gallery-contents h4 { color: #006600; font-size: 18px; line-height: 22px; font-weight: 300; font-family: "Lato", sans-serif; text-transform: uppercase; margin-bottom: 20px; display: flex; align-items: center; white-space: nowrap; }
#newsdetail-container .contents .right .gallery-contents h4:after { background-color: #006600; content: ""; width: 100%; height: 1px; margin-left: 20px; }
#newsdetail-container .contents .right .gallery-contents .swiper-container { height: auto; padding-bottom: 70px; }
#newsdetail-container .contents .right .gallery-contents .swiper-slide a { display: block; width: 100%; height: 0; padding-bottom: 100%; position: relative; border-radius: 5px; overflow: hidden; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); }
#newsdetail-container .contents .right .gallery-contents .swiper-slide a .mask { background-color: rgba(0, 102, 0, 0.8); position: absolute; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; bottom: -100%; transition: bottom 0.3s ease; }
#newsdetail-container .contents .right .gallery-contents .swiper-slide a .mask:after { background: url("../images/icons-01.svg") no-repeat -700px -50px; background-size: 1000px; width: 50px; height: 50px; content: ""; }
#newsdetail-container .contents .right .gallery-contents .swiper-slide a:hover .mask { bottom: 0; }

/*############################################################
							PROJECT
#############################################################*/
.project .general-section h3 { color: #006600; text-transform: uppercase; font-family: "Roboto Slab", serif; font-weight: 700; font-size: 45px; line-height: 55px; display: flex; align-items: center; justify-content: center; position: relative; margin-bottom: 50px; }

.project .general-section h2:before, .project .general-section h2:after, .project .contents .item h3:before, .project .contents .item h3:after { content: ""; background: url("../images/titlea-iconleft.png") no-repeat 0 0; display: inline-flex; width: 130px; height: 17px; margin-right: 30px; }

.project .general-section h2:after, .project .contents .item h3:after { -webkit-transform: scaleX(-1); transform: scaleX(-1); margin: 0 0 0 30px; }

.project .contents .item:nth-child(odd) { background-color: #f2f2f2; }

.project .contents .item img { width: 100%; }

.project .contents .db-content h3, .project .contents .db-content h3 * { display: block; font-size: 20px; line-height: 23px; margin-bottom: 20px; font-family: "Lato", sans-serif; color: #006600; }

.project .contents .db-content h3:after, .project .contents .db-content h3:before { display: none; }

/*############################################################
							PARTNERS
#############################################################*/
#partners-container .contents { display: grid; grid-gap: 30px; grid-template-columns: repeat(4, 1fr); }
#partners-container .contents .item { position: relative; box-shadow: 0 0 10px rgba(64, 64, 64, 0.3); border-radius: 5px; margin-bottom: 30px; }
#partners-container .contents .image { height: 0; width: 100%; padding-bottom: 100%; border-bottom: solid 1px #f2f2f2; border-radius: 5px 5px 0 0; }
#partners-container .contents .info { padding: 30px 30px 55px 30px; }
#partners-container .contents .info * { font-size: 14px; line-height: 20px; }
#partners-container .contents .box-knowmore { position: absolute; bottom: -25px; left: 0; width: 100%; pointer-events: none; display: flex; justify-content: center; }
#partners-container .contents .btn-knowmore { display: inline-flex; width: auto; height: 50px; pointer-events: auto; }

/*############################################################
							RESULTADOS
#############################################################*/
#results-container .general-section.odd { background-color: #f2f2f2; }

/*############################################################
							EVENTS
#############################################################*/
#newsdetail-container .contents .right h4 { color: #006600; font-size: 18px; line-height: 22px; font-weight: 300; font-family: "Lato", sans-serif; text-transform: uppercase; margin-bottom: 20px; display: flex; align-items: center; white-space: nowrap; }
#newsdetail-container .contents .right h4:after { background-color: #006600; content: ""; width: 100%; height: 1px; margin-left: 20px; }

#form-eventregistration { margin: 40px 0; }
#form-eventregistration .boxes { display: flex; flex-wrap: wrap; }
#form-eventregistration .box { margin-bottom: 20px; }
#form-eventregistration .box-name { width: 100%; }
#form-eventregistration .box-email { width: 50%; padding-right: 15px; }
#form-eventregistration .box-phone { width: 50%; padding-left: 15px; }
#form-eventregistration .box-address { width: 100%; }
#form-eventregistration .box-zipcode { width: 50%; padding-right: 15px; display: flex; flex-wrap: wrap; position: relative; }
#form-eventregistration .box-zipcode:after { content: "-"; position: absolute; top: 25px; left: calc(70% - 28px); }
#form-eventregistration .box-zipcode .label { width: 100%; }
#form-eventregistration .box-zipcode .zipcode4 { width: calc(70% - 30px); margin-right: 30px; }
#form-eventregistration .box-zipcode .zipcode3 { width: 30%; padding-right: 15px; }
#form-eventregistration .box-local { width: 50%; padding-left: 15px; }
#form-eventregistration .box-entity { width: 50%; padding-right: 15px; }
#form-eventregistration .box-role { width: 50%; padding-left: 15px; }
#form-eventregistration .box-message { width: 100%; }
#form-eventregistration .box-message textarea { height: 150px; }
#form-eventregistration .box-mandatory { width: 100%; }
#form-eventregistration .box-mandatory * { font-size: 14px; line-height: 18px; }
#form-eventregistration .box-mandatory h5 { color: #79b737; font-weight: 700; }
#form-eventregistration .box-rgpd { width: 100%; padding-left: 10px; }
#form-eventregistration .box-rgpd .mandatory { position: absolute; top: 0; left: -10px; }
#form-eventregistration .box-rgpd * { font-size: 14px; line-height: 18px; }
#form-eventregistration .box-submit { width: 100%; justify-content: center; text-align: center; }
#form-eventregistration .box-submit input { height: 50px; width: auto; }
#form-eventregistration label.label-checkbox input[type="checkbox"]:checked ~ .checkbox { background: url("../images/visto-green.png") no-repeat center center; }

.organization-contents { padding-top: 50px; }
.organization-contents p { display: flex; align-items: center; }
.organization-contents p[data-icon="email"]:before { background: url("../images/icons-01.svg") no-repeat -120px -40px; background-size: 400px; content: ""; width: 20px; height: 20px; margin-right: 10px; }
.organization-contents p[data-icon="phone"]:before { background: url("../images/icons-01.svg") no-repeat -80px -40px; background-size: 400px; content: ""; width: 20px; height: 20px; margin-right: 10px; }
.organization-contents p[data-icon="website"]:before { background: url("../images/icons-01.svg") no-repeat -300px -40px; background-size: 400px; content: ""; width: 20px; height: 20px; margin-right: 10px; }

/*############################################################
							CONTACTS
#############################################################*/
.contacts .general-page { padding-bottom: 0; }

.contacts .general-page .wrapper { display: block; }

.contacts .general-page .wrapper .left { width: 100%; padding: 0; }

.contacts .general-page .wrapper .left h2 { margin-bottom: 0; font-size: 30px; line-height: 35px; color: #a6a6a6; }

.contacts .general-page .wrapper .right { width: 100%; padding: 0; column-count: 2; column-gap: 30px; }

.contacts .box.error input, .contacts .box.error textarea, .contacts .box.error select { border-color: #79b737; }

.contacts .bot p.mandatory { color: #79b737; font-size: 12px; position: relative; padding-left: 10px; margin-top: 20px; }

.contacts .bot p.mandatory:before { content: "*"; color: #79b737; font-size: 20px; position: absolute; left: 0; }

#form-contacts { margin-bottom: 100px; margin-top: 50px; }
#form-contacts .wrapper .top { display: flex; margin-bottom: 30px; }
#form-contacts .wrapper .top .left { width: 40%; padding-right: 15px; }
#form-contacts .wrapper .top .right { width: 60%; padding-left: 15px; }
#form-contacts .wrapper .top .box:not(:last-child) { margin-bottom: 20px; }
#form-contacts .wrapper .top .message { height: 196px; }
#form-contacts .wrapper .bot { display: flex; }
#form-contacts .wrapper .bot .left { width: 80%; padding-right: 15px; }
#form-contacts .wrapper .bot .left label { display: flex; position: relative; font-size: 14px; line-height: 17px; }
#form-contacts .wrapper .bot .left label input { margin-right: 10px; flex-shrink: 0; }
#form-contacts .wrapper .bot .left label span, #form-contacts .wrapper .bot .left label span * { font-size: 14px !important; line-height: 17px !important; }
#form-contacts .wrapper .bot .right { width: 20%; padding-left: 15px; display: inline-flex; justify-content: flex-end; }
#form-contacts .wrapper .bot .right input { display: inline-flex; width: auto; height: 50px; }

#sideextras { position: fixed; right: 20px; bottom: 45px; z-index: 1000; opacity: 0; pointer-events: none; transition: opacity 0.3s ease; }

.truncated #sideextras { opacity: 1; pointer-events: all; }

#sideextras a { background-color: #404040; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2); border-radius: 5px; transition: background-color 0.3s ease; }

#sideextras a:after { background: url("../images/icons-01.svg") no-repeat -160px -20px; background-size: 400px; content: ""; width: 20px; height: 20px; }

#sideextras a:hover { background-color: #79b737; }

.mfp-title { font-size: 14px; }

#loading-container { background: rgba(255, 255, 255, 0.8) url("../images/loading.gif") no-repeat center center; position: fixed; z-index: 100000000; width: 100%; height: 100%; top: 0; left: 0; display: none; }

/*############################################################
							AR - MAQUETA
#############################################################

#ar-login {
	.wrapper {padding: 100px 30px; display: flex; justify-content: center;} 
	#form-login {max-width: 280px;}
	h2 {margin-bottom: 20px; font-size: 40px; line-height: 43px; font-family: $fontB; font-weight: 300; color:$greenDark }
	.description p, .description p * {font-size: 14px; line-height: 20px; margin-bottom: 10px;} 
	.contents .box {margin-bottom: 20px;}
	.contents input[type="submit"] {text-align: center; height: 50px; text-transform: uppercase;}
}*/
