/**
 * Reset style.
 */
body {font-family:"Noto Sans", Arial, Tahoma, Verdana;font-size:14px;color:#2e2e2e;}
p, ul, li, td, th {font-family:"Noto Sans", Arial, Tahoma, Verdana;font-size:14px;color:#2e2e2e;margin:15px 0;line-height:1.9;}
h1, h2, h3, h4, h5, h6 {font-family:"Raleway", Arial, Tahoma, Verdana;color:#2a276b;font-weight:bold;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color:#2a2a2a;}

ul, ol {margin:5px 0px 5px 20px;}
ul li,
ol li {margin:2px 0px 2px 0px;}

.mt-60 {margin-top: 60px;}
.mb-60 {margin-bottom: 60px;}

a {color:#2a276b;}
a:hover {color:#000;}
a:focus {color:#000;}

.row {width:1164px;}

.page-content {display: flex; flex-direction: column; min-height: 100vh; min-height: 100dvh;}
.page-content > main {flex-grow: 1; }

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea {border-radius:0;box-shadow:none;border:1px solid #c6c6c6;background-color:#f1f1f1;height:40px;padding:8px;}
label {font-family:"Noto Sans", Arial, Tahoma, Verdana;text-transform:uppercase;color:#2a2a2a;font-size:12px;display:block;margin:0 0 4px 0;}
.button {font-weight:normal;box-shadow:none;border:2px solid #8dc63f;background-color:#fff;color:#2a276b;font-size:11px;font-weight:bold;text-transform:uppercase;padding:8px 15px 8px;}
.button:hover, .button:focus {background-color:#8dc63f}
.button.go-back {float:right;font-size:12px;padding:9px 15px;}

/**
 * Publications images default style.
 */
.grid-images a {display:block;margin-bottom:15px;}
.grid-images a img {display:block;}
.grid-images > .row > .columns {float:left;}

/**
 * Publications download list
*/

.list-download {}
.list-download ul {display: block; list-style: none; margin: 0; padding: 0;}
.list-download ul > li {margin: 0; padding: 10px 0;}
.list-download ul > li + li {border-top: 1px solid #c6c6c6;}
.list-download ul > li a {display: inline-flex; align-items: center; gap: 15px; font-size: 16px; font-weight: 500; transition: 0.15s;}
.list-download ul > li a:before {content: ''; display: inline-block; width: 30px; height: 30px; background: #2a276b; mask: url('../images/download.svg') no-repeat center / contain; -webkit-mask: url('../images/download.svg') no-repeat center / contain;  transition: 0.15s;}
.list-download ul > li a:is(:hover, :focus) {color: #8dc63f;}
.list-download ul > li a:is(:hover, :focus):before {background: #8dc63f;}

header {position:fixed;left:0;top:0;right:0;z-index:10;padding:11px 0 10px;box-shadow:0 0 0 #000;transition:.3s background-color, .3s box-shadow;}
header:after {display:table;clear:both;content:" ";}
header .logo {display:block;float:left;margin:0;}
header .top-btns {float:right;margin-top:5px;clear:right;}
header .top-btns a {display:inline-block;text-align:center;padding:10px 17px 10px 45px;margin-left:10px;color:#2a276b;background-color:#8dc63f;border-radius:5px;position:relative;font-family:"Noto Sans", Arial, Tahoma, Verdana;text-transform:uppercase;font-size:14px;font-weight:bold;}
header .top-btns a i {display:block;position:absolute;width:24px;height:24px;line-height:24px;left:13px;top:5px;text-align:center;font-size:24px;}
header .top-btns a:hover {color:#fff;}
header .trigo-position-mainMenu {float:right;clear:right;}
header .top-bar {margin:20px 0 0 0;height:32px;min-height:32px;float:right;}
header .top-bar ul {height:32px;min-height:32px;float:right;}
header .top-bar ul > li {padding:0 0 0 32px !important;}
header .top-bar ul > li a {height:32px;min-height:32px;line-height:28px;font-family:"Noto Sans", Arial, Tahoma, Verdana;font-size:14px;color:#2a276b;border:2px solid transparent;text-transform:uppercase;padding:0 5px;}
header .top-bar ul li > a:hover,
header .top-bar ul li.active > a,
header .top-bar ul li > a:focus {color:#000;border-bottom:2px solid #000;}

header .top-bar > ul > li:last-child a {font-weight:bold;border:2px solid #8dc63f;border-radius:5px;padding:0 15px;}
header .top-bar > ul > li:last-child a:hover,
header .top-bar > ul > li:last-child.active a,
header .top-bar > ul > li:last-child a:focus {color:#fff;background-color:#8dc63f}

header .top-bar ul > li.has-dropdown .dropdown {background-color:#2a2a2a;padding:0 !important;}
header .top-bar ul > li.has-dropdown .dropdown li {height:35px;min-height:35px;padding:0 !important;}
header .top-bar ul > li.has-dropdown .dropdown li > a {color:#fff;height:35px;min-height:35px;line-height:35px;padding:0 17px 0 15px;border-bottom:none;}
header .top-bar ul > li.has-dropdown .dropdown li > a:hover,
header .top-bar ul > li.has-dropdown .dropdown li > a:focus {color:#2a276b;border-bottom:none;}
header.static {background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,.4);}

.banner {position:relative;}
.banner .main-image {position:relative;z-index:1;width:100%;height:850px;background-position:center top;background-repeat:no-repeat;}
.banner .descriptions {position:absolute;z-index:2;left:0;top:0;right:0;bottom:0;}
.banner .descriptions .item {position:absolute;z-index:2;left:0;top:0;right:0;bottom:0;opacity:0;transition:.3s opacity;}
.banner .descriptions .item > div {display:table;width:1164px;margin:0 auto;height:100%;}
.banner .descriptions .item > div > div {display:table-cell;text-align:left;vertical-align:middle;padding:80px 37% 0 20px;}
.banner .descriptions .item .title {font-size:72px;color:#2a276b;font-family:"Raleway", Arial, Tahoma, Verdana;font-weight:200;margin:0 0 30px 0;}
.banner .descriptions .item .description {font-size:23px;line-height:1.3;margin:0 0 30px 0;color:#2a276b;font-family:"Raleway", Arial, Tahoma, Verdana;font-weight:400;}
.banner .descriptions .item .button {font-size:20px;color:#2a276b;font-family:"Raleway", Arial, Tahoma, Verdana;font-weight:bold;padding:15px 60px 14px;background-color:transparent;border:1px solid #2a276b;}
.banner .descriptions .item .button:hover,
.banner .descriptions .item .button:focus {background-color:#2a276b;color:#fff;}
.banner .descriptions .item.active {z-index:3;opacity:1;}

.global-title {font-size:34px;color:#2a276b;font-weight:bold;font-family:"Noto Sans", Arial, Tahoma, Verdana;margin:0;padding:0 0;text-transform:uppercase;}
.global-title:after {width:60px;height:5px;background-color:#2a276b;display:block;content:" ";margin:20px 0;}
.global-title a {color:#2a276b;display:block;}

.trigo-module-title {font-size:48px;color:#2a276b;font-weight:bold;font-family:"Noto Sans", Arial, Tahoma, Verdana;text-align:center;margin:0;padding:80px 0;text-transform:uppercase;}
.trigo-module-title:after {width:80px;height:7px;background-color:#2a276b;display:block;content:" ";margin:20px auto 0;}
h6.trigo-module-title {font-size:40px;text-align:center !important;}
h6.trigo-module-title:after {display:none;}

.slogan-text-container {background-color:#fff;padding:100px 10px;}
.slogan-text-container .slogan-text {font-size:38px;color:#2a276b;border-left:3px solid #2a276b;padding:0 0 0 20px;line-height:1.3;font-weight:200;font-family:"Raleway", Arial, Tahoma, Verdana;}
.slogan-text-container .slogan-text small {font-size:24px;font-family:"Noto Sans", Arial, Tahoma, Verdana;}

.about-company {background-color:#ececec;padding:0 0 80px 0;}
.about-company .main-boxes .item {position:relative;display:block;margin:0 0 40px 0;}
.about-company .main-boxes .item:after {display:table;clear:both;content:" ";}
.about-company .main-boxes .item .with-text {width:50%;padding:50px 60px;background-color:#fff;}
.about-company .main-boxes .item .with-text.r {float:right;}
.about-company .main-boxes .item .with-text.l {float:left;}
.about-company .main-boxes .item .with-text h4 {text-align:center;font-size:18px;line-height:1.3;}
.about-company .main-boxes .item .with-text p {text-align:justify;}
.about-company .main-boxes .item .with-image {position:absolute;top:0;bottom:0;padding:0;height:100%;width:50%;background-repeat:no-repeat;background-position:center center;background-size:cover}
.about-company .main-boxes .item .with-image.r {right:0;}
.about-company .main-boxes .item .with-image.l {left:0;}

.team {background-color:#fff;padding:0 0 80px 0;}
.team .team-container {width:1164px;max-width:100%;margin:0 auto;}
.team .team-container:after {display:table;clear:both;content:" ";}
.team .team-container .person {float:left;width:50%;padding:0 20px 20px 20px;}
.team .team-container .person:nth-child(2n+1) {clear:left;}
.team .team-container .person img {border-radius:1000px;display:block;margin:0 auto 30px;max-width:100%;width:270px;}
.team .team-container .person p {text-align:center;}
.team .team-container .person .person-name {text-align:center;color:#2a276b;font-size:20px;text-transform:uppercase;margin:0 0 10px;font-family:"Noto Sans", Arial, Tahoma, Verdana;font-weight:bold;}
.team .team-container .person .person-position {text-align:center;color:#2a276b;font-size:16px;text-transform:lowercase;margin:0 0 20px;font-family:"Noto Sans", Arial, Tahoma, Verdana;}

.paralax {text-align:center;padding:150px 30px;background-image:url('/Templates/Front/images/paralax.q39cdb0.jpg');background-attachment:fixed;background-position:center top;}
.paralax h2 {font-size:73px;line-height:1.3;text-transform:uppercase;font-family:"Raleway", Arial, Tahoma, Verdana;color:#fff;font-weight:200;margin:0 0 60px 0;}
.paralax h2 strong {color:#8dc63f;font-weight:200;}

.offer {background-color:#fff;padding:0 0 80px 0;}
.offer .offer-container {width:1164px;max-width:100%;margin:0 auto;}
.offer .offer-container:after {display:table;clear:both;content:" ";}
.offer .offer-container .item {float:left;width:33.3333%;padding:0 20px 20px 98px;margin:0 0 40px 0;position:relative;}
.offer .offer-container .item:nth-child(3n+1) {clear:left;}
.offer .offer-container .item .image {width:82px;height:82px;background-position:center top;background-repeat:no-repeat;position:absolute;left:10px;top:0;}
.offer .offer-container .item h3 {font-size:20px;font-weight:bold;font-family:"Noto Sans", Arial, Tahoma, Verdana;line-height:1.4;}
.offer .offer-container .item h3 a {color:#2a276b;}
.offer .offer-container .item h3:after {width:80px;height:7px;background-color:#2a276b;display:block;content:" ";margin:15px 0 20px;}
.offer .offer-container .item p {font-size:14px;color:#2a276b;}

.gallery {background-color:#ececec;padding:0 0 80px 0;}
.gallery .gallery-container {width:1164px;max-width:100%;margin:0 auto;}
.gallery .gallery-container:after {display:table;clear:both;content:" ";}
.gallery .gallery-container .item {float:left;width:33.3333%;padding:0 10px 20px;position:relative;}
.gallery .gallery-container .item:nth-child(3n+1) {clear:left;}
.gallery .gallery-container .item a {display:block;position:relative;margin:0;padding:0;}
.gallery .gallery-container .item a img {display:block;}
.gallery .gallery-container .item a span {opacity:0;position:absolute;left:0;top:0;right:0;bottom:0;background-color:rgba(141,198,63,.7);transition:.3s opacity;}
.gallery .gallery-container .item a span i {width:50px;height:50px;line-height:50px;font-size:50px;text-align:center;color:#2a276b;position:absolute;left:50%;top:50%;margin-left:-25px;margin-top:-25px;}
.gallery .gallery-container .item a span.name {opacity:1;top:auto;padding:15px 10px;text-transform:uppercase;color:#fff;font-weight:bold;text-align:center;background-color:rgb(141,198,63);font-size:20px}
.gallery .gallery-container .item a:hover span {opacity:1;}
.gallery-categories .gallery-container .item {width:50%;padding:0 50px 20px 50px;}
.gallery-images-container {display:none;}

.contact {color:#fff;background-color:#2a276b;padding:0 0 80px 0;}
.contact p,
.contact a {color:#fff;}
.contact.contact-top {padding:0;}
.contact.contact-top h3 {font-size:22px;color:#fff;text-transform:none;}
.contact.contact-top h3:after {width:32px;height:3px;background-color:#fff;display:block;content:" ";margin:20px 0;}
.contact.contact-top .trigo-module-title {color:#FFF;width:1164px;max-width:100%;padding:80px 20px;margin-left:auto;margin-right:auto;}
.contact.contact-top .trigo-module-title:after {background-color:#fff;}
.contact.contact-top h6.trigo-module-title {padding-top:0;}
.contact.contact-top #googlemap {margin-top:80px;}
.contact.contact-top .contact-description {padding:0 10px;}
.contact.contact-top #contact-form {max-width:100%;width:700px;max-width:100%;margin:0 auto;display:block;}
.contact.contact-top .captcha-container .image-container {position:relative;text-align:center;background-color:#fff;border:1px solid #fff;border-bottom:0;border-top-left-radius:0;border-top-right-radius:0;margin-bottom:0}
.contact.contact-top .captcha-container .image-container:hover {cursor:pointer}
.contact.contact-top .captcha-container .image-container span {display:block;padding:6px;color:#888;font-size:11px}
.contact.contact-top .captcha-container input {border-radius:0 !important}
.contact.contact-top textarea {min-height:180px;}
.contact.contact-top .button {width:100%;background-color:#8dc63f;padding:14px 20px;font-size:14px;}

footer {background-color:#fff;padding:15px 10px;}
footer p {margin:5px 0;color:#2a276b;font-size:12px;text-transform:uppercase;line-height:1.3;}
footer p a {color:#2a276b;}

.facebook-box {background-color:#FFFFFF;height:571px;overflow:visible;position:fixed;right:-330px;top:15%;width:330px;z-index:999;transition:.2s right;}
.facebook-box .btn {position:absolute;left:-47px;top:0;height:135px;width:47px;background-image:url('../images/facebook.jpg')}
.facebook-box .btn:hover {cursor:pointer;}
.facebook-box.opened {right:0;}

.instagram-box-btn {width:47px;height:47px;background:radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);position:fixed;top:calc(15% + 140px);right:0;cursor:pointer;transition:top .2s;z-index:998;}
.instagram-box-btn:before{content:'\f350';display: block;font-family:'ionicons';font-size:30px;color:#fff;position: absolute; top: 50%; left: 50%;transform: translate(-50%,-50%);}

.trigo-position-leftSide .trigo-module-title {text-align:left;font-size:26px;padding:0 0 20px 0;}
.trigo-position-leftSide .trigo-module-title:after {width:40px;height:4px;margin:20px 0 0;}
.trigo-position-leftSide .top-bar.vertical ul > li a {color:#2a276b;font-size:15px;font-weight:bold;padding:10px 0;}
.trigo-position-leftSide .top-bar.vertical ul > li > a:hover,
.trigo-position-leftSide .top-bar.vertical ul > li.active > a,
.trigo-position-leftSide .top-bar.vertical ul > li > a:focus {color:#8dc63f !important;}

.component header {position:static;margin-bottom:60px;}
.component footer {background-color:#2a276b;margin-top:60px;}
.component footer p {color:#fff;}
.component footer p a {color:#fff;}

.online-registration {display:block;width:600px;max-width:100%;margin:50px auto;}
.online-registration input,
.online-registration textarea {margin:0;border:1px solid #2a276b;background-color:#fff;color:#2a276b;}
.online-registration textarea {min-height:140px;}
.online-registration select {height:40px;border:1px solid #2a276b;padding:8px;font-size:14px;color:#2a276b;font-family:"Noto Sans", Arial, Tahoma, Verdana;}
.online-registration .input-group {margin:0 0 20px 0;}
.online-registration .input-group small.error {margin:0;}
.online-registration .input-group.has-error input,
.online-registration .input-group.has-error select {border:1px solid #C60F13;}
.online-registration .button {width:100%;padding:13px 30px;font-size:17px;text-align:center;background-color:#8dc63f}

.module-abovebox-content a {color:#8dc63f !important;}

@media only screen and (max-width: 1164px) {
    .banner .descriptions .item > div {width:100%;}
}

@media only screen and (max-width: 1050px) {
    header .top-bar ul > li {padding-left:15px !important;}
}

@media only screen and (max-width: 996px) {
    .banner .descriptions .item .title {font-size:55px;}
    .team .team-container .person {width:50%;}
    .team .team-container .person:nth-child(3n+1) {clear:none;}
    .team .team-container .person:nth-child(2n+1) {clear:left;}
    .offer .offer-container .item {width:50%;}
    .offer .offer-container .item:nth-child(3n+1) {clear:none;}
    .offer .offer-container .item:nth-child(2n+1) {clear:left;}
    .paralax {padding:100px 20px;}
    .paralax h2 {font-size:53px;}

    .gallery-categories .gallery-container .item {width:50%;padding:0 10px 20px;}
}

@media only screen and (max-width: 900px) {
    header .logo img {width:200px;}
    header .top-bar ul > li {padding-left:5px !important;}
}

@media only screen and (max-width: 850px) {
    header .top-bar ul > li {padding: 0px 0px 0px 12px !important;}
}

@media only screen and (max-width: 767px) {
    header {position:static;}
    header .logo {float:none;display:block;text-align:center;margin:5px 0 5px 0;}
    header .top-btns {float:none;text-align:center;}
    header .top-btns a {margin:10px 10px 0;}
    header .trigo-position-mainMenu {float:none;}
    header .top-bar {float:none;text-align:center;height:auto;}
    header .top-bar ul {float:none;}
    header .top-bar ul,
    header .top-bar ul > li,
    header .top-bar ul > li a {display:inline-block;text-align:center;height:auto;float:none;}
    .banner {display:none;}
    .trigo-module-title {font-size:38px;padding:40px 0;}
    .trigo-module-title:after {width:60px;height:4px;}
    .slogan-text-container {padding:50px 10px;}
    
    .contact.contact-top .trigo-module-title {padding:40px 20px;}
    .contact.contact-top .contact-description .row > .columns {width:100% !important;float:none !important;}

    .about-company .main-boxes .item > .with-text {width:50%;padding:20px;}

    footer p {text-align:center !important}
}

@media only screen and (max-width: 690px) {
    .about-company .main-boxes .item .with-text {width:100%;float:none}
    .about-company .main-boxes .item .with-image {display:none;}
    .team .team-container .person {width:100%;}
    .team .team-container .person:nth-child(2n+1) {clear:both;}
    .offer .offer-container .item {width:100%;}
    .offer .offer-container .item:nth-child(2n+1) {clear:both;}
}

@media only screen and (max-width: 600px) {
    .gallery .gallery-container .item {width:50%;}
    .gallery .gallery-container .item:nth-child(3n+1) {clear:none;}
    .gallery .gallery-container .item:nth-child(2n+1) {clear:left;}
    .gallery-categories .gallery-container .item {width:100%;}
    .paralax h2 {font-size:33px;}
    .slogan-text-container .slogan-text {font-size:28px;}
    .module-abovebox {left:15px !important;width:auto !important;}
}
