/**
 * Reset style.
 */
ul {margin:10px 0px 10px 30px;font-size: inherit;}
ol {margin:10px 0px 10px; font-size: 13px;}
ul li,
ol li {margin:2px 0px 2px 0px;}

ol { counter-reset: item;}
ol li { display: block; margin: 0 0 10px; padding-left: 37px;}
ol li:before {
    content: counter(item);
    counter-increment: item;
    display: inline-block;
    width: 32px;
    height: 32px;
    font-size: 16px;
    line-height: 32px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    background: url('../images/ol-background.png') no-repeat center;
    vertical-align: middle;
    margin-left: -37px;
    margin-right: 5px;
}

.global-title {font-size: 36px !important; font-weight: bold; color: #32383d; text-transform: uppercase;}

.changed-input-checkbox {display:block;width:100%;padding:0 0 0 25px;margin-bottom:20px;position:relative;}
.changed-input-checkbox input[type=checkbox]{display:none;}
.changed-input-checkbox label {cursor:pointer;margin:3px 0 20px 0;line-height:1.2;font-size:12px;color:#fff;display:block;font-weight:normal;}
.changed-input-checkbox label:before {color:#fff;font-family:'FontAwesome';font-size:20px;content:"\f096";position:absolute;left:0;top:-3px;}
.changed-input-checkbox input[type=checkbox]:checked + label:before {color:#f7a600;font-family:'FontAwesome';font-size:20px;content:"\f14a";}
.changed-input-checkbox.has-error label {color:#a94442;}

/**
 * Publications images default style.
 */
.grid-images a {display:block;margin-bottom:15px;}
.grid-images a img {display:block;}
.grid-images > .row > .columns {float:left;}

/**
 * Global
 */
html, body {font-family: 'Fira Sans', sans-serif; font-size: 14px; color: #21282f;}
body {padding-top: 148px;}
div, p, span, a, li {font-size: inherit;}
a {color: #164194;animation: all 0.2s;}
a:hover, a:focus {color: #f7a600;}
.row {width: 1164px;}
.block {display: block;}
.module-inserttext iframe {width: 100%;max-width: 550px;}
.mfp-bg {z-index: 1000;}
.mfp-wrap {z-index: 1001;}

/**
 * Fonts
 */
h1, h2, h3, h4, h5, h6 {font-family: 'Fira Sans', sans-serif; color: inherit;}
h1 {font-size: 48px;}
h2 {font-size: 40px;}
h3 {font-size: 36px;}
h4 {font-size: 30px;}
h5 {font-size: 24px;}
h6 {font-size: 18px;}

/**
 * Buttons
 */
.button {padding: 10px 15px; font-size: 16px; text-transform: uppercase; background-color: #164194; border: 1px solid #164194; border-radius: 3px; box-shadow: none; vertical-align: middle;}
.button:hover,
.button:focus {background-color: #fff; color: #164194;}
.button i, .button [style *= "ionicons"] {font-size: 26px; vertical-align: middle;}
.button.button-long {width: 100%;}
[class*="button-arrow-"] {padding: 20px 30px;}
[class*="button-arrow-"]:before {content: ''; width: 35px; height: 35px; border: 1px solid #164194; border-radius: 3px; background-color: #fff; position: absolute;}
[class*="button-arrow-"]:after {font-family: 'ionicons'; font-size: 25px; color: #164194; position: absolute;}
[class*="button-arrow-"]:hover:before, .button[class*="button-arrow-"]:focus:before {background-color: #164194;}
[class*="button-arrow-"]:hover:after, .button[class*="button-arrow-"]:focus:after {color: #fff;}
.button.button-arrow-up {margin-top: 30px;}
.button.button-arrow-up:before {top: 0; left: 50%; transform: translate(-50%, -50%) rotate(45deg);}
.button.button-arrow-up:after {content: '\f3d7'; top: 0; left: 50%; transform: translate(-50%, -50%);}
.button.button-arrow-down {margin-bottom: 30px;}
.button.button-arrow-down:before {bottom: 0; left: 50%; transform: translate(-50%, 50%) rotate(45deg);}
.button.button-arrow-down:after {content: '\f3d4'; bottom: 0; left: 50%; transform: translate(-50%, 50%);}
.button.button-arrow-left {margin-left: 30px;}
.button.button-arrow-left:before {top: 50%; left: 0; transform: translate(-50%, -50%) rotate(45deg);}
.button.button-arrow-left:after {content: '\f3d5'; top: 50%;  left: 0; transform: translate(-50%, -50%);}
.button.button-arrow-right {margin-right: 30px;}
.button.button-arrow-right:before {top: 50%; right: 0; transform: translate(50%, -50%) rotate(45deg);}
.button.button-arrow-right:after {content: '\f3d6'; top: 50%; right: 0; transform: translate(50%, -50%);}

/**
 * Page Title
 */
.trigo-module-title,
.product-tab-title,
.component-publications-show h1 {font-size: 70px; font-weight: bold; text-align: center; text-transform: uppercase;max-width: 50%;margin: 15px auto;line-height: 0.9;}
.trigo-module-title strong,
.product-tab-title strong,
.component-publications-show h1 strong {display: block; font-size: 46px;}
.trigo-module-title:after,
.product-tab-title:after,
.component-publications-show h1:after {content: ''; display: block; margin: 30px auto; width: 164px; height: 4px; background-color: #f7a600;}

.green-line:after {content: ''; display: block; margin: 30px 0; width: 164px; height: 4px; background-color: #f7a600;} 
.image-border {border: 9px solid #164194; border-radius: 4px;}
.square {color: #232a31 !important; position: relative; z-index: 0; display: inline-block; line-height: 130px;}
.square:before {content: ''; display: block; width: 100px; height: 100px; border-radius: 3px; background-color: #fff; border: 1px solid #164194; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); z-index: -1;}
.text-middle{vertical-align: middle;}
.uppercase {text-transform: uppercase;}
ol.double-columns, li.double-columns {column-count: 2;}

/**
 * Header
 */
header {position: fixed;z-index: 999;width: 100%;top: 0;transition: all 0.2s;}
header:after {content: ''; width: 100%; height: 60px; background: url('../images/shadow.png') no-repeat top center; position: absolute; top: 100%; left: 0; right: 0; z-index: 100;}
header .top {padding: 17px 0; font-size: 14px; color: #fff; background: linear-gradient(to right, #164194, #2a6ebb, #164194); position: relative;}
header .top:after {content: ''; width: 100%; height: 60px; background: url('../images/shadow.png') no-repeat top center; position: absolute; top: 100%; left: 0; right: 0;}
header .top a {color: #fff;}
header .languages {display: inline-block; float: right; /*padding-top: 4px;*/}
header .languages a.active,
header .languages a:hover,
header .languages a:focus{font-weight: bold;}
header .bottom {height: 100px;padding: 0; background: #fff url('../images/header-bottom-background.jpg') no-repeat center;}
header .bottom > .row {position: relative;}
header .bottom .menu-wrapper {height: 100px;}
header .logo {width: 250px; max-width: 250px;float: left;}
header .logo img {width: 100%; max-width: 200px;padding: 28px 0;transition: all 0.2s;}

/**
 * Menu
 */
.main-menu {display: inline-block; vertical-align: middle; z-index: 10000;padding: 40px 0 33px 0;transition: all 0.2s;}
.main-menu .top-bar {display: inline-block; margin-bottom: 0; height: 24px; min-height: 24px; position: static;}
.main-menu .top-bar ul > li {line-height: 24px;}
.main-menu .top-bar ul > li a {margin-right: 0; font-size: 16px; color: #242b30; text-transform: uppercase; line-height: 24px; height: 24px;padding: 0 18px;}
.main-menu .top-bar ul > li:last-child a {padding-right: 0;}
.main-menu .top-bar ul > li.active a,
header .top-bar ul > li a:hover,
header .top-bar ul > li a:focus {color: #f7a600;} 
.main-menu .top-bar ul > li:not(.has-dropdown) {position: static;}
.main-menu .top-bar ul > li.has-dropdown .dropdown {background-color: #fff; border-bottom: 2px solid #164194; z-index: 10000;}
.main-menu .top-bar ul > li.has-dropdown .dropdown li > a {color: #242b30; text-align: left;}
.main-menu .top-bar ul > li.has-dropdown .dropdown li > a.active,
.main-menu .top-bar ul > li.has-dropdown .dropdown li > a:hover,
.main-menu .top-bar ul > li.has-dropdown .dropdown li > a:focus {color: #164194;}

/**
 * Menu
 * mobile
 */
.menu-mobile {display: none; width: 50px; height: 50px; padding: 9px 11px; border: 1px solid #f7a600; border-radius: 3px; content-align: center;}
.menu-mobile:hover{cursor: pointer;}
.menu-mobile span{float: none; display: block; background-color: #f7a600; width: 100%; height: 5px; margin: 4px auto;}

/**
 * Banner
 */
.banner {border-bottom: 10px solid #f7a600; background-color: #f7a600;}
.banner .banners-list {margin: auto;}
.banner .banner-text {width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.banner .banner-description-title {position: static; text-align: center; font-size: 64px; font-weight: bold; line-height: 1; text-transform: uppercase; background-color: transparent; color: #fcfcfc;}
.banner .banner-description-title span {display: inline-block; padding: 10px; background-color: rgba(0,0,0,0.3);}
.banner .banner-description-title strong {font-size: 72px;}
.banner .banner-description-title:after {content: ''; display: block; margin: 40px auto; width: 164px; height: 4px; background-color: #164194;}
.banner .banner-description-description {position: static; text-align: center; font-size: 18px; line-height: 1.3em; color: #fbfbfb;}
.banner .banner-description-description span {display: inline-block; padding: 10px; background-color: rgba(0,0,0,0.4);}
.banner .navigation {position: absolute; top: 50%; right: 45px; transform: translate(0, -50%);}
.banner .navigation div {position: static !important; padding: 10px 0;}
.banner .navigation div span {width: 15px; height: 15px; margin: 0; border-radius: 50%; border: 2px solid transparent; background-color: #edf0eb;}
.banner .navigation div.av span,
.banner .navigation div span:hover,
.banner .navigation div span:focus {border-color: #f5f5f4; background-color: #f7a600;}
.banner .button {margin-top: 30px; padding-bottom: 35px; font-size: 24px;}
.banner .banner-mobile {display: none;}

.cons-cont p {line-height:1.3;}
.cons-cont .cons-title {text-align:center;text-transform:uppercase;color:#164194;font-size:23px;font-weight:bold;line-height:1.3;margin-bottom:20px;}

.trigo-position-content {padding-top: 40px;}
.trigo-position-content:last-child {padding-bottom: 0;background-color: #21282f;color: #fff;}
.trigo-position-content:last-child a {color: #f7a600;}
.trigo-position-content:last-child a:hover, .trigo-position-content:last-child a:focus {color: #7c7c7c;}

.insert-text-background {background-color: #f2f2f2; padding: 30px 0;}

.configurator-module {margin-top: -40px; background-color: #f7a600; position: relative;padding: 20px;overflow: hidden;}
.configurator-module > img {position: absolute; top: 0; bottom: 0; right: 0; z-index: 0; padding: 40px 0; height: 100%;}
.configurator-module > div {background-color: #fff; width: 1164px; padding: 30px 84px;margin: 20px auto;}
.configurator-module > div > div {position: relative;}
.configurator-image {position: absolute; top:50%; left: 50%; right: 0; transform: translate(0, -50%);}
.configurator-module .button.button-arrow-right {margin-top: 30px;}
.configurator-module .conf-title {font-size:40px;text-transform:uppercase;font-weight:bold;line-height:1.2;margin-top:0;}


.prod-wrapper.columns {padding: 40px 15px 0 15px;}
.prod-wrapper .product-long-desc {text-align: justify;}
.prod-title {color:#164194;font-size:34px;font-weight:bold;line-height:1.3;margin-bottom:20px;}
.prod-image {position: relative;height: 320px;border: 1px solid #f7a600;border-radius: 5px;margin-bottom: 20px;}
.prod-image img {position: absolute;top:50%;transform: translateY(-50%);width: 100%;}
.product-short-desc p {line-height: 1.2;}
.product-short-desc .prod-button-pdf {margin-top: 10px;line-height: 1.2;}
.product-short-desc .prod-button-pdf:before {font-family: 'Ionicons';content: "\f12f";display: inline-block;padding-right: 10px;    font-size: 1em;}
.product-short-desc .prod-button-pdf:hover:before {color:#164194;}

.gallery-desc {padding: 10px 0 70px 0;}
.gallery-desc span,
.module-inserttext span {line-height: 1;}
.gallery-item a img {padding: 10px;}
.gallery-item {float: left;}

.contact-wrapper {padding: 35px 0 70px 0;}
.contact-wrapper h3 {font-size:24px;font-weight:bold;color:#164194;text-transform:uppercase;}
.contact-wrapper .icon:before {font-family: 'Ionicons';display: inline-block;color:#164194; font-size: 2.6em; margin-right: 20px;line-height: 1;vertical-align: bottom;}
.contact-wrapper .icon-phone:before {content: "\f4b9";margin-bottom:10px;}
.contact-wrapper .icon-mail:before {content: "\f423";}
.contact-wrapper .icon-map:before {background-image: url('../images/gm.png');content: "";vertical-align: middle;width:30px;height: 30px;background-size:30px;margin: 0 10px;}
.contact-wrapper .icon-map:hover:before {color:#164194;}
.contact-wrapper button[type="submit"] {width: 100%;}
.contact-wrapper .input-group label {color:#fff;padding: 5px 0 10px 0;}
.contact-wrapper .captcha-container .image-container {background: #fff;}
.contact-wrapper input:not([type="checkbox"]) {height: 50px;padding: 8px 14px;border-radius: 4px;}
.contact-wrapper textarea {padding: 8px 14px;}
#contact-form button[type="submit"] {line-height: 1.8;}
.icon-pdf {display: flex;align-items: center;float: left;}
.icon-pdf:before {font-family: 'Ionicons';content: "\f12e";font-size: 1.5em;font-weight: normal;margin: 0 10px 1px 0;}

.module-inserttext table tr td {padding: 3px; font-size: 13px;}

/**
 * Component page
 * Error page
 */
.component-publications-show,
.error .content {padding: 50px 0;}


/**
 * Footer
 */
footer {background-color: #1f2327;padding: 20px 0;color: #7c7c7c;line-height: 1.4;}
footer a {color: #7c7c7c;}
footer .footer-right {text-align: right;}

.button-anchor-top {background: none;border: 0;position: fixed;bottom:15px;right:5px;opacity: 0.7;padding: 20px 0;}
.button-anchor-top:hover,
.button-anchor-top:focus {background: none;cursor: pointer;}
.button-anchor-top:after {transform: translate(50%, -50%) rotate(-90deg) !important;}

/**
 * Media
 */
@media only screen and (max-width: 509px) {
    .module-abovebox {width:100% !important;left:0 !important;}
}
@media screen and (max-width: 767px){
    .prod-image {height: 250px;}
    .prod-image img {max-width: 430px;}
}
@media only screen and (max-width: 409px) {
    .gallery-item {max-width: 100%;}
}
@media screen and (min-width: 410px)and (max-width: 767px){
    .gallery-item {max-width: 50%;}
}
@media screen and (min-width: 570px)and (max-width: 767px){
    .module-inserttext .cons-cont .columns {max-width: 50%;float: left;}
    .module-inserttext .cons-cont .columns:nth-child(2n+1) {clear: left;}
}
@media screen and (min-width: 768px){
    .gallery-item {max-width: 33.3333%;}
}
@media screen and (max-width: 996px){
    /**
     * Global
     */
    body {padding-top: 119px;}
    .mobile-two-columns > .columns {width: 50%;}
    .green-line:after {margin: 30px auto;}

    /**
     * Header
     */
    header {position: absolute;}
    header .top span {font-size: 13px;}
    header .top .languages span {display: none;}
    header .bottom {height: 71px;}
    header .bottom .menu-wrapper {height: 71px;float:none;}
    header .main-menu {padding: 13px 0;}
    header .logo img {padding: 12px 0;}

    /**
     * Menu
     */
    .menu-mobile {display: block;position: absolute;top: 50%;right: 10px;transform: translate(0, -50%);}
    .main-menu {display: none; border-bottom: 2px solid #164194; position: absolute; top: 100%; left: 0; right: 0; background-color: #fff; z-index: 10000;transition: unset;}
    .main-menu .top-bar {height: auto; min-height: auto;}
    .main-menu .top-bar ul > li {display: block; float: none; line-height: 45px;}
    .main-menu .top-bar ul > li a {margin: auto; text-align: center; height: 45px; line-height: 45px;}
    .main-menu .top-bar ul > li.has-dropdown .dropdown {position: static; display: block; padding: 0 !important; background-color: transparent; border-bottom: none;}
    .main-menu .top-bar ul > li.has-dropdown .dropdown li > a {text-align: center;}
    .main-menu .top-bar ul > li:last-child a {padding-right: 15px;}
    
    /**
     * Title
     */
    .trigo-module-title,
    .product-tab-title,
    .component-publications-show h1 {max-width: 100%;width: 100%;font-size: 3em;}
    .module-inserttext h1 {font-size: 3em;} 

    /**
     * Banner
     */
    .banner .trigo-position-banner {display: none;}
    .banner .banner-mobile {display: block;}

    /**
     * Content
     */
    .prod-title {font-size:1.8em;text-align: center;}
    .prod-image img {left:50%;transform: translateY(-50%) translateX(-50%);}
    .gallery-item a img {width: 100%;}
    .configurator-module > img {display: none;}
    .configurator-module > div.row {padding: 30px 15px;width: 100%;min-width: 100%;}
    .configurator-module .six.columns {width: 100%;float: left;position: initial;text-align: center;}
    .configurator-module .configurator-image {transform: none;}
    .configurator-module .button.button-arrow-right {float: left;width: 98%;margin: 20px 0 30px 0;}

    /**
     * Footer
     */
    footer .footer-left,
    footer .footer-right {text-align: center;}
    footer .footer-right {margin-top: 10px;}
}
@media screen and (min-width: 997px) {
    .main-menu {display: inline-block !important;}
}
@media screen and (min-width: 997px) and (max-width: 1148px){
    .configurator-module > img {right: -100px;}
}