/* Importing Fonts */ @import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;600;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Catamaran:wght@300;400;500;600;700;900&display=swap'); /* Default Page Styles */ body { font-family: 'Lato', sans-serif; } div.offset { padding: 0% 32px; max-width: 1600px; } div.full-width { max-width: 100%; } div.no-padding { padding: 0%; } div.border-bottom { margin-bottom: 48px; padding-bottom: 84px; border-bottom: 1px solid #BFBFBF; } section.main { padding: 0%; } /* Heading & Paragraph Styles */ section.main div.content h1 { margin: 0% 0% 0.5em 0%; font-family: 'Lato', sans-serif; font-size: 2.25rem; line-height: 1.5em; font-weight: 400; text-transform: none; color: #008655; } section.main div.content h2 { margin: 0% 0% 1em 0%; font-family: 'Lato', sans-serif; font-size: 1.875rem; line-height: 1.5em; font-weight: 400; text-transform: none; color: #28225c; } section.main div.content h3 { margin: 0% 0% 1em 0%; font-family: 'Lato', sans-serif; font-size: 1.5rem; line-height: 1.5em; font-weight: 700; text-transform: none; color: #2B2B2B; } section.main div.content h4 { margin: 0% 0% 1em 0%; font-family: 'Lato', sans-serif; font-size: 1.25rem; line-height: 1.5em; font-weight: 700; text-transform: none; color: #2B2B2B; } section.main div.content p { margin: 0% 0% 1.5em 0%; font-family: 'Lato', sans-serif; font-size: 1.0rem; line-height: 1.5em; font-weight: 400; text-transform: none; color: #333333; } section.main div.content li { margin: 0% 0% 0.75em 0%; font-family: 'Lato', sans-serif; font-size: 1.0rem; line-height: 1.5em; font-weight: 400; text-transform: none; color: #333333; } section.main div.content ul, section.main div.content ol { margin: 0% 0% 1.5em 0%; font-size: 1rem; line-height: 1.5em; } section.main div.content a { color: #9a1914; } section.main div.content a:hover { text-decoration:underline;} /* Custom Class Styles */ section.main div.content .button, section.main div.content button { padding: 0.625em 1.5em 0.625em 1.5em; font-family: 'Lato', sans-serif; font-size: 1.0em; line-height: 1.5em; min-width:0px; font-weight: 700; text-transform: none; color: #FFFFFF; background-color: #584fa7; border-radius: 16px; } section.main div.content .button:hover { color: #FFFFFF; background-color: #28225c; text-decoration:none;} section.main div.content .button.white { padding: 0.625em 1.5em 0.625em 1.5em; font-family: 'Lato', sans-serif; font-size: 1.0em; line-height: 1.5em; font-weight: 700; text-transform: none; color: #004576; background-color: #FFFFFF; border-radius: 16px; } section.main div.content .button.white:hover { color: #004576; background-color: #f4f4f4; text-decoration:none;} section.main div.content .button.purple { padding: 0.625em 1.5em 0.625em 1.5em; font-family: 'Lato', sans-serif; font-size: 1.0em; line-height: 1.5em; font-weight: 700; text-transform: none; color: #FFFFFF; background-color: transparent; border: 3px solid #584fa7; border-radius: 16px; } section.main div.content .button.purple:hover { color: #FFFFFF; background-color: #584fa7; text-decoration:none;} section.main div.content .button.black { padding: 0.25em 1.6em 0.25em 1.6em; font-family: 'Lato', sans-serif; font-size: 1.0em; line-height: 1.5em; font-weight: 700; text-transform: none; color: #333333; background-color: transparent; border: 3px solid #333333; border-radius: 16px; } section.main div.content .button.black:hover { color: #FFFFFF; background-color: #333333; text-decoration:none;} section.main div.content .button.white-border { padding: 0.75em 2.875em 0.625em 2.875em; font-family: 'Lato', sans-serif; font-size: 1.0em; line-height: 1.5em; font-weight: 700; text-transform: none; color: #ffffff; background-color: transparent; border-radius: 6px; border: 2px solid #ffffff;} section.main div.content .button.white-border:hover { color: #004576; background-color:#ffffff; text-decoration:none;} section.main div.content .button.download { padding: 1em 4em 1em 1.5em; margin-bottom: 0.5em; font-size: 1.0em; line-height: 1.5em; min-width: 0px; position: relative; font-family: 'Lato', sans-serif; font-weight: 700; text-transform: none; color: #FFFFFF; background-color: #584fa7; border-radius: 16px;} section.main div.content .button.download::after { content: ''; width: 34px; height: 34px; top: 8px; right: 15px; display: block; position: absolute; background-image: url('../images/icons/pdf-download.png'); background-size: 24px; background-position: center; background-repeat: no-repeat; } section.main div.content a.download:hover { color: #FFFFFF; background-color: #28225c; text-decoration:none;} section.main div.content .download { padding: 1em 4em 1em 1.5em; margin-bottom: 3em; font-size: 1.0em; line-height: 2.5em; min-width: 0px; position: relative; font-family: 'Lato', sans-serif; font-weight: 700; text-transform: none; color: #FFFFFF; background-color: #584fa7; border-radius: 16px; nowrap;} section.main div.content .download::after { content: ''; width: 34px; height: 34px; top: 8px; right: 15px; display: block; position: absolute; background-image: url('../images/icons/pdf-download.png'); background-size: 24px; background-position: center; background-repeat: no-repeat; } section.main div.content a.download:hover { color: #FFFFFF; background-color: #28225c; text-decoration:none;} /* Header Styles */ header.main-et1e { position: fixed; background-color: rgba(255,255,255,0.94); } header.main-et1e div.offset { max-width: 100%; } header.main-et1e div.header-top { padding: 12px 0% 12px 0%; } header.main-et1e div.header-top div.offset { display: flex; align-items: center; flex-wrap: nowrap; flex-direction: row; } header.main-et1e div.header-logo { width: 20%; } header.main-et1e div.header-details { width: 80%; display: flex; align-items: center; } header.main-et1e div.header-contact { padding: 0%; width: 10%; order: 1; } header.main-et1e div.header-account { display: none !important; } header.main-et1e p.header-caption { font-family: 'Montserrat', sans-serif; font-size: 1rem; line-height: 1.5em; font-weight: 600; text-transform: uppercase; color: #2B2B2B; } header.main-et1e p.header-caption span { font-size: inherit; } header.main-et1e.sticky div.header-logo { left: 32px; } header.main-et1e.shrink nav.main-et1e ul li { padding: 0% 50px; } header.main-et1e.sticky div.header-details { display: flex;} header.main-et1e.solid-color { background-color: #FFFFFF; } /* Navigation Styles */ nav.main-et1e { padding-top: 0px; flex: 1; order: 0; position: relative; background-color: transparent; } nav.main-et1e ul { padding: 34px 0%; text-align: right; } nav.main-et1e ul li { margin: 0%; padding: 1.125rem 15px; position: relative; border-left: 0px solid #BFBFBF; transition: padding 0.2s ease; } nav.main-et1e ul li a { margin: 0%; padding: 0% 8px; font-family: 'Lato', sans-serif; font-size: 1.125rem; line-height: 1em; font-weight: 700; text-transform:none; position: relative; color: #00375e; } nav.main-et1e ul li a:before { content: ''; width: 0%; height: 3px; bottom: -12px; left: 50%; position: absolute; background-color: #9a1914; opacity: 0; transform: translateX(-50%); transition: all 0.2s ease; } nav.main-et1e ul li a.current { color: #9a1914; } nav.main-et1e ul li:hover a { background-color: transparent; } nav.main-et1e ul li:hover a:before { width: 100%; opacity: 1; } nav.main-et1e ul li:first-of-type { border-left: 0px; } nav.main-et1e ul li .drop { margin-top: 1.125rem; padding: 1.5rem 1.125rem; min-width: 360px; left: 50%; display: block; background-color: #F4F4F4; visibility: hidden; opacity: 0; transform: translateY(-6px) translateX(-50%); transition: all 0.2s ease; } nav.main-et1e ul li .drop ul { text-align: center; } nav.main-et1e ul li .drop ul li { padding: 0.125rem 0% !important; text-align: center; } nav.main-et1e ul li .drop ul li a { font-size: 1rem; text-align: center; color: #221F1F; } nav.main-et1e ul li .drop ul li a:before { display: none; } nav.main-et1e ul li .drop ul li:hover a { color: #9a1914; } nav.main-et1e ul li .drop .drop-image { display: none; } nav.main-et1e ul li:hover .drop { visibility: visible; opacity: 1; transform: translateY(0px) translateX(-50%); } header.main-et1e.sticky div.header-logo { left: 32px; } header.main-et1e.shrink nav.main-et1e ul li { padding: 0% 14px; } /* Footer Styles */ footer.main-et1a { margin: 0% 0% 3px 0%; } footer.main-et1a ul { margin: 0%; padding: 0%; list-style: none; } footer.main-et1a ul li { margin: 0%; padding: 0%; font-size: 0.875rem; line-height: 1.625rem; font-weight: 400; text-transform: none; color: #FFFFF; } footer.main-et1a p a.icon { margin-top: 0.938rem; font-size: 1rem; line-height: 1.5rem; display: inline-block; vertical-align: top; } footer.main-et1a p a.email { margin-right: 1.188rem; font-size: 1.125rem;} footer.main-et1a p a.facebook { margin-right: 1.188rem; } footer.main-et1a p a.twitter { margin-right: 1.125rem; font-size: 1.125rem; } footer.main-et1a p a.linkedin { margin-top: 1rem; margin-right: 1.188rem;} footer.main-et1a li.footer-heading { margin: 0%; font-size: 1rem; line-height: 1.875rem; font-weight: 600; text-transform: uppercase; color: #69913D; } footer.main-et1a ul.footer-collapse { margin: 0%; } footer.main-et1a div.offset { padding: 0%; } footer.main-et1a div.footer-top { background-color: #28225C; } footer.main-et1a div.footer-container { padding: 31px 0% 56px 0%; } footer.main-et1a div.footer-left { padding: 0% 0% 0% 25px; width: 50%; } footer.main-et1a div.footer-left ul { padding: 0%; } footer.main-et1a div.footer-left ul:first-of-type { max-width: 269px; } footer.main-et1a div.footer-right { width: 50%; } footer.main-et1a div.footer-right div.content:nth-of-type(1) { padding: 7px 35px 0% 0%; } footer.main-et1a div.footer-right div.content:nth-of-type(2) { padding: 0% 0% 0% 10%; } footer.main-et1a div.footer-copyright { display:none; } footer.main-et1a div.footer-copyright p { font-size: 0.75rem; line-height: 1.875rem; display: inline-block; vertical-align: middle; color: #484848; } footer.main-et1a div.footer-copyright img { display: none !important; } footer.main-et1a div.footer-copyright strong { font-weight: 400; } footer.main-et1a div.footer-copyright p:first-of-type:after { margin: 0% 0% 0% 0.25rem; content: '|'; } footer.main-et1a div.footer-left ul li { margin: 0%; padding: 0% 0% 0% 24px; font-size: 0.875rem; line-height: 2.0rem; font-weight: 400; text-transform: none; color: #FFFFFF; position:relative;} footer.main-et1a div.footer-left ul li.footer-heading { display:none;} footer.main-et1a div.footer-left ul.footer-collapse li:before { content: '\f054'; top: 0px; left: 0px; font-family: 'Font Awesome 5 Pro'; font-size: 0.75rem; font-weight: 400; position: absolute; color: inherit; } footer.main-et1a .footer-top p { margin: 0 0 0.25em; margin-bottom: 0.25em; font-size: 0.875em; line-height: 2em; font-weight: 400; text-transform: none; color: #FFFFFF;} /* Default Template Styles */ section.main div.content { padding: 0%; position: relative; } section.main div.white { background-color: #FFFFFF; } section.main div.grey { background-color: #bebbbb; } section.main div.grey h1, section.main div.grey h2, section.main div.grey h3, section.main div.grey h4, section.main div.grey h5, section.main div.grey p, section.main div.grey li { color: #3d464c; } section.main div.light-grey { background-color: #f4f4f4; } section.main div.light-grey div.offset { max-width: 1600px; } section.main div.light-grey h1, section.main div.light-grey h2 { color: #00375e; } section.main div.light-grey h3, section.main div.light-grey h4, section.main div.light-grey h5, section.main div.light-grey p, section.main div.light-grey li { color: #3d464c; } section.main div.light_grey { background-color: #f4f4f4; } section.main div.light_grey div.offset { max-width: 1600px; } section.main div.light_grey h1, section.main div.light_grey h2 { color: #00375e; } section.main div.light_grey h3, section.main div.light_grey h4, section.main div.light_grey h5, section.main div.light_grey p, section.main div.light_grey li { color: #3d464c; } section.main div.blue { background-color: #28225c; } section.main div.blue h1, section.main div.blue h2, section.main div.blue h3, section.main div.blue h4, section.main div.blue h5, section.main div.blue p, section.main div.blue li, section.main div.blue a { color: #FFFFFF; } section.main div.blue a.button { margin-top: 3.444em; padding: 1.166em 1.722em 1.222em 1.722em; font-size: 1em; line-height: 1em; font-weight: 400; text-transform: none; color: #FFFFFF; background-color: transparent; border: 1px solid #FFFFFF; border-radius: 4px; transition: all 0.2s ease; } section.main div.blue a.button:hover { color: #003B25; background-color: #FFFFFF; border-color: #FFFFFF; } section.main div.background { background-size: cover; background-position: center; background-repeat: no-repeat;} section.main div.page-header { padding: 46px 0%; min-height: 600px; } section.main div.page-header div.wrapper { width: 100%; height: 100%; top: 0px; right: 0px; bottom: 0px; left: 0px; display: flex; align-self: center; position: absolute; background-color: rgba(0,0,0,0.18); } section.main div.page-header div.offset { display: flex; align-items: center; } section.main div.page-header div.page-label { width: 100%; text-align: center; } section.main div.blue_badge { background-color: #28225c; padding: 4em 0 2em;} /* Latest Row Configurator Styles */ section.main .page_header { display: flex; justify-content: center; align-items: center; height: 600px; position: relative; margin-top: -146px; padding-top:150px;} section.main .page_header:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.18); } section.main div.page_header div.content h1 { margin: 150px auto 0%; font-size: 2.25rem; font-weight: 700; text-align:center; color: #FFFFFF; text-shadow: 0px 0px 8px rgba(0,0,0,0.8); max-width:1200px; text-transform:uppercase; position: relative; z-index: 10000;} section.main div.page_header div.content p { margin: 0% auto; font-size: 1.625rem; font-weight: 700; color: #FFFFFF; max-width:1200px;} section.main .page_content { padding: 4rem 0; margin: 0 auto; max-width: 1600px;} section.main .page_content .config_container { align-items: center; } section.main .page_content .config_container .column_1 { padding-right: 3rem; } section.main .page_content .config_container .column_2 { padding-left: 3rem; } section.main .narrow_content { padding: 4rem 2em; margin: 0 auto; max-width:1200px;} section.main .narrow_content .page_content { padding: 5rem 1rem 5rem 5rem; } section.main .vacancy_content { padding: 4rem 2em; margin: 0 auto; max-width:1240px;} section.main .coltype_image img { height: 100%; object-fit: cover; } section.main .text_left { padding: 5em 2% 2em 12%; } section.main .text_right { padding: 5em 12% 2em 2%; } section.main .image_right { padding: 5em 0 2em 0; } section.main div.flex-container { display: flex; align-items: stretch; } section.main div.flex-container > div { flex: 1; } section.main div.content div[class*="cms_"] > :first-child { margin-top: 0% !important; } section.main div.content div[class*="cms_"] > :last-child { margin-bottom: 0% !important; } section.main div.content ul.leaf { list-style:none;} section.main div.content ul.leaf li { position: relative; padding-left: 4rem; margin-bottom: 2rem; color:#00375e; line-height:2rem;} section.main div.content ul.leaf li::before { content: ''; width: 40px; height: 40px; top: 0px; left: 0px; position: absolute; background-image: url('../images/icons/noun-green.svg'); background-size: contain; background-position: center; background-repeat: no-repeat; } section.main div.content ul.whiteleaf { list-style:none;} section.main div.content ul.whiteleaf li { position: relative; padding-left: 4rem; margin-bottom: 2rem; color:#3d464c; line-height:2rem;} section.main div.content ul.whiteleaf li::before { content: ''; width: 40px; height: 40px; top: 0px; left: 0px; position: absolute; background-image: url('../images/icons/noun-whiteleaf.svg'); background-size: contain; background-position: center; background-repeat: no-repeat; } section.main div.split h1, section.main div.split h2, section.main div.split h3, section.main div.split h4, section.main div.split h5, section.main div.split h6, section.main div.split li, section.main div.split p { color: #FFFFFF; } section.main div.split > div.light-grey h1, section.main div.split > div.light-grey h2, section.main div.split > div.light-grey h3, section.main div.split > div.light-grey h4, section.main div.split > div.light-grey h5, section.main div.split > div.light-grey h6, section.main div.split > div.light-grey li, section.main div.split > div.light-grey p { color: #0E4A5E; } section.main div.split { width: 100%; display: table; } section.main div.split > div { padding: 100px 0%; width: 50%; display: table-cell; vertical-align: middle; position: relative; clear: both; } section.main div.split > div > div.offset { max-width: 750px; text-align: left; display: inline-block; } section.main div.split > div.left { text-align: right; min-height: 700px;} section.main div.split > div.left > div.offset { padding-right: 80px; } section.main div.split > div.right { text-align: left; min-height: 700px; } section.main div.split > div.right > div.offset { padding-left: 80px; } section.main div.split > div.image-block { min-height: 700px; } /* Article List Styles */ section.main div.article-list { margin: 0% auto; max-width: 1320px; display: flex; justify-content: center; align-items: stretch; flex-wrap: wrap; } section.main div.article-list .card { margin: 0% 0% 4.55% 4.55%; width: 30.3%; text-align: left; display: flex; flex-direction: column; background-color: #FFFFFF; border-radius: 4px; box-shadow: 0px 2px 12px 2px rgba(0,0,0,0.1); overflow: hidden; transition: all 0.2s ease; } section.main div.article-list .card-image { padding-top: 65%; width: 100%; height: 0%; display: block; position: relative; background-color: #F0F0F0; overflow: hidden; } section.main div.article-list .card-image > img { width: 100%; height: 100%; top: 0px; right: 0px; bottom: 0px; left: 0px; display: block; position: absolute; object-fit: cover; object-position: center; transition: all 0.2s ease; } section.main div.article-list .card-detail { padding: 1.25rem 1rem; position: relative; } section.main div.article-list .card-label { margin: 0% 0% 1em 0%; font-size: 1.125rem; line-height: 1.125em; color: #008655; transition: all 0.2s ease; } section.main div.article-list .card-actions { padding: 0%; width: 100%; } section.main div.article-list .card-actions .button { margin-top: 0.875rem; padding: 0.375em 1.25em; min-width: 0px; font-size: 0.875rem; text-transform: none; color: #008655; background-color: transparent; border: 1px solid #008655; transition: all 0.2s ease; } section.main div.article-list .card:hover { text-decoration: none !important; background-color: #008655; text-decoration: none; box-shadow: 0px 2px 12px 2px rgba(0,0,0,0.2); } section.main div.article-list .card:hover .card-image > img { opacity: 1; transform: scale(1.1); } section.main div.article-list .card:hover .card-label { color: #FFFFFF; } section.main div.article-list .card:hover .card-actions .button { color: #FFFFFF; background-color: transparent; border-color: #FFFFFF; } section.main div.article-list > :nth-child(3n+1) { margin-left: 0%; } section.main div.article-list > :nth-child(3n+2) { margin-left: 4.55%; } section.main div.article-list > :nth-child(3n+3) { margin-left: 4.55%; } /* Contact Form Styles */ section.main div.blue div.form_container { margin-left: auto; margin-right: auto; max-width: 548px; } section.main div.blue div.form_container .field-block .field-label { color: #FFFFFF; } section.main div.blue div.form_container .field-block .form-control, section.main div.blue div.form_container .field-block input, section.main div.blue div.form_container .field-block textarea, section.main div.blue div.form_container .field-block select { border-color: #FFFFFF; } /* Home Template Styles */ section.main.home .wg-slider .slide-loading { background-size: auto;} /* Standard Template Styles */ section.main.standard:not(.t404) { padding-top:0px !important; } section.standard div.content { padding: 0%; } section.standard div.content > .text { padding: 64px 0%; position: relative; flex: 1; } section.standard div.content > .image { width: 50%; position: relative; flex: none; } section.standard div.content > .image .image-wrapper { width: 100%; height: 100%; display: block; position: absolute; } section.standard div.content > .image .image-wrapper img { margin: 0% !important; width: 100%; height: 100%; top: 0px; right: 0px; bottom: 0px; left: 0px; display: block; position: absolute; object-fit: cover; object-position: center; } section.standard div.text-left > .text { order: 0; } section.standard div.text-left > .text > .offset { padding: 0% 10% 0% 30%; } section.standard div.text-left > .image { order: 1; } section.standard div.text-right > .text { order: 1; } section.standard div.text-right > .text > .offset { padding: 0% 30% 0% 10%; } section.standard div.text-right > .image { order: 0; } section.standard div.text-center > .text > .offset { padding: 0%; } /* 404 Template Styles */ section.main.t404 .content { padding: 2rem 0; } /* News Template Styles */ section.news div.back-to-articles { margin-bottom: 2rem; padding-top: 6px; text-align: right; } /* Products Template Styles */ section.products div.product-listing { background-image: url('../images/our-products-background.jpg'); } section.products div.introduction { padding: 60px 0%; text-align: center; } section.products div.introduction div.offset { max-width: 1800px; } section.products div.product-details { padding: 53px 0% 64px 0%; } section.products div.product-details div.offset { max-width: 1404px; } section.products div.product-heading { padding-left: 17px; } section.products div.product-label h1 { font-weight: 700; color: #221F1F; } section.products div.product-contact { padding-top: 6px; text-align: right; } section.products div.product-contact .button { padding: 0.75em 2.875em 0.625em 2.875em; text-transform: none; color: #FFFFFF; background-color: #c47500; } section.products div.product-contact .button:hover { color: #FFFFFF; background-color: #d09133; } section.products div.product-main { padding-left: 20px; } section.products div.product-image { padding-top: 29px; padding-bottom: 141px; max-width: 600px; } section.products div.product-image .wg-slider .pips { bottom: -110px; } section.products div.product-image .wg-slider .pips .pip { margin: 0% 18px; width: 30px; height: 30px; background-color: #FFFFFF; border: 4px solid #E0E0E0; transition: all 0.2s ease; } section.products div.product-image .wg-slider .pips .pip.current { background-color: #2b658d; border-color: #2b658d; } section.products div.product-data { padding: 29px 2px 29px 74px; } section.products div.product-data .data-block { margin-bottom: 13px; padding-right: 44px; height: 0px; position: relative; overflow: hidden; background-color: #F7F7F7; transition: height 0.2s ease; } section.products div.product-data .data-block .title { padding: 24px 31px; } section.products div.product-data .data-block .title h3 { margin: 0%; font-size: 1.125rem; } section.products div.product-data .data-block .contents { padding: 0% 31px 24px 31px; opacity: 0; transition: opacity 0.2s ease; } section.products div.product-data .data-block .contents :last-child { margin-bottom: 0px !important; } section.products div.product-data .data-block .collapse-trigger { width: 44px; height: 100%; top: 0px; right: 0px; display: flex; align-items: center; justify-content: center; position: absolute; background-color: #E0E0E0; cursor: pointer; transition: background-color 0.2s ease; } section.products div.product-data .data-block .collapse-trigger:hover { background-color: #D0D0D0;} section.products div.product-data .data-block .fa-plus { display: block; } section.products div.product-data .data-block .fa-minus { display: none; } section.products div.product-data .data-block.active .contents { opacity: 1; } section.products div.product-data .data-block.active .fa-plus { display: none; } section.products div.product-data .data-block.active .fa-minus { display: block; } section.products div.product-data .data-block p, section.products div.product-data .data-block li { font-size: 1rem; } section.products div.product-data .data-block ul { margin: 0% 0% 1.5em 0%; padding: 0%; list-style: none; } section.products div.product-data .data-block ul li { margin: 0% 0% 0.438em 0%; padding-left: 45px; position: relative; } section.products div.product-data .data-block ul li:before { content: '\f111'; top: 5px; left: 9px; font-family: 'Font Awesome 5 Pro'; font-size: 1rem; line-height: 1em; font-weight: 400; position: absolute; color: #008655; } section.products div.product-data .benefits-for-you ul li:before { content: '\f00c'; top: 3px; left: 10px; font-size: 1.25rem; } section.products div.product-downloads p { margin: 0% 0% 1.5em 0%; font-size: 1rem; line-height: 1.5em; color: #5A5555; } section.products div.product-downloads div.offset { max-width: 1142px; } /* Contact Block Styles */ section.contact div.contact-button { margin-bottom: 1.75em; text-align: right; } /* Form Builder Styles */ div.form_container .field-block { padding: 0.313rem 0% 0.875rem 0%; } div.form_container .field-block .field-label { padding: 0.188rem 0.438rem 0.5rem 0.438rem; font-size: 1rem; line-height: 1.25em; color: #221F1F; } div.form_container .field-block .form-control, div.form_container .field-block input, div.form_container .field-block textarea, div.form_container .field-block select { padding: 0.563rem 0.75rem; width: 100%; background-color: #FFFFFF; border: 1px solid #E0E0E0; border-radius: 4px; } div.form_container .field-block textarea { min-height: 101px; } div.form_container .field-block.col-2.left { padding-right: 12px; } div.form_container .field-block.col-2.right { padding-left: 12px; } section.main .formBuilder .form-buttons { text-align: left; } section.main .formBuilder .form-buttons button { margin: 0% 0.75em 0.75em 0%; padding: 0.5em 2.563em 0.563em 2.563em; min-width: 0px; font-size: 1rem; line-height: 1em; color: #FFFFFF; background-color: #c47500; border: 0px; } section.main .formBuilder .form-buttons button:hover { background-color: #d09133; } /* 1300px Resolution Specific Styles */ @media only screen and (min-width: 0px) and (max-width: 1300px) { /* Navigation Styles */ nav.main-et1e ul li { padding: 1.125rem 7px; } nav.main-et1e ul li a { padding: 0% 7px; font-size: 0.925rem; } header.main-et1e div.header-contact { width: 15%; } /* 1260px Resolution Specific Styles */ } @media only screen and (min-width: 0px) and (max-width: 1260px) { /* Default Page Styles */ div.offset { padding: 0% 18px; } div.no-padding { padding: 0%; } div.border-bottom { padding-bottom: 64px; } /* Header Styles */ header.main-et1e div.header-logo { width: 25%; } header.main-et1e div.header-details { width: 75%; } /* Navigation Styles */ nav.main-et1e ul li { padding: 1.125rem 8px; } nav.main-et1e ul li a { padding: 0% 8px; font-size: 1rem; } header.main-et1e.sticky div.header-logo { left: 18px; } header.main-et1e.shrink nav.main-et1e ul li { padding: 0% 8px; } /* Standard Template Styles */ section.standard div.text-left > .text > .offset { padding: 0% 32px; } section.standard div.text-right > .text > .offset { padding: 0% 32px; } /* 1024px Resolution Specific Styles */ } @media only screen and (min-width: 0px) and (max-width: 1024px) { /* Navigation Styles */ nav.main-et1e ul { padding: 24px 0%; text-align: right; } section.home div.split > div.right { width: 45%; padding: 40px 0%;} section.home div.split > div.left { width: 55%; padding: 60px 0%; } section.main div.split h1 { font-size: 1.625rem; } section.main div.split p { font-size: 1.0rem; } /* Footer Styles */ footer.main-et1a div.footer-right div.content:nth-of-type(1) { padding: 7px 35px 0% 70px; width: 30%;} footer.main-et1a div.footer-right div.content:nth-of-type(2) { padding: 0% 30px 0% 0px; width: 70%} /* 800px Resolution Specific Styles */ } @media only screen and (min-width: 0px) and (max-width: 800px) { /* Heading & Paragraph Styles */ section.main div.content h1 { font-size: 1.75rem; text-align: inherit; } section.main div.content h2 { font-size: 1.5rem; } section.main div.content h3 { font-size: 1.25rem; } section.main div.content h4 { font-size: 1.125rem; } section.main div.content p { font-size: 1rem; } section.main div.content li { font-size: 1rem; } /* Custom Class Styles */ section.main div.content .button.sales-rep { text-align: left; } /* Header Styles */ header.main-et1e div.header-top { padding: 0%; } header.main-et1e div.header-top div.offset { flex-wrap: wrap; } header.main-et1e div.header-logo { width: 100%; } header.main-et1e div.header-details { width: 100%; display: block; background-color: #28225c; } header.main-et1e div.mobile-commerce .commerce-button { font-size: 1.375rem; font-weight: 300; color: #FFFFFF; border-left: 2px solid #FFFFFF; } header.main-et1e div.mobile-commerce .commerce-button .button-label { display: none !important; } header.main-et1e .slicknav_nav { background-color: #F4F4F4; border-top: 0px; } header.main-et1e .slicknav_nav li { border-bottom: 1px solid #DADCDB; } header.main-et1e .slicknav_nav li a { padding: 1rem 1.5rem; font-size: 1.125rem !important; text-transform: uppercase; } header.main-et1e .slicknav_nav li a > a { padding: 0%; } header.main-et1e .slicknav_nav > :first-child { padding-top: 1.25rem; } header.main-et1e .slicknav_nav > :last-child { padding-bottom: 0.75rem; } header.main-et1e .slicknav_nav li ul li { border-top: 0px; border-bottom: 0px; } header.main-et1e .slicknav_nav li ul li a { padding: 0.75rem 1.5rem; font-size: 1rem !important; text-transform: none; } header.main-et1e .slicknav_nav li ul > :first-child { padding-top: 1.25rem; } header.main-et1e .slicknav_nav li ul > :last-child { padding-bottom: 1.25rem; } header.main-et1e.sticky div.header-logo { left: 0px; } header.main-et1e div.header-logo a, header.main-et1e.sticky div.header-logo a { padding: 1rem 0%; } header.main-et1e.sticky div.header-details { display: block;} /* Footer Styles */ footer.main-et1a div.footer-left { display:none; } footer.main-et1a div.footer-right { width: 100%;} footer.main-et1a div.footer-right .content { } footer.main-et1a div.footer-right div.content:nth-of-type(1) { padding: 7px 35px 0% 70px; width: 0%;} footer.main-et1a div.footer-right div.content:nth-of-type(2) { padding: 0% 10px 0% 10px; width: 100%} footer.main-et1a div.footer-right div.content:nth-of-type(2) p { text-align:center;} /* Default Template Styles */ section.main div.page-header { padding: 32px 0%; min-height: 220px; } section.main div.page-header div.page-label h1 { font-size: 1.75rem; } /* Home Template Styles */ section.home div.split > div.right { display:none !important; } /* Contact Block Styles */ section.main div.contact-us { padding: 64px 0%; } section.main div.contact-us a.button { margin-top: 1em; } section.main div.contact-us div.flex-container { display: block; } section.main div.contact-us div.flex-container > div { width: 100%; } section.main div.contact-us div.flex-container > div.left { margin-bottom: 48px; } section.main div.contact-us div.left > div { margin: 0% auto; max-width: 100%; } section.main div.contact-us div.form_container { margin: 0% auto; max-width: 100%; } div.form_container .field-block.col-2.left { padding-right: 0px; } div.form_container .field-block.col-2.right { padding-left: 0px; } /* Product List Styles */ /* Product List Styles */ section.main div.product-list { max-width: 750px; } section.main div.product-list > .product { margin: 0% 0% 4% 4%; width: 48%; } section.main div.product-list > :nth-child(2n+1) { margin-left: 0%; } section.main div.product-list > :nth-child(2n+2) { margin-left: 4%; } /* Article List Styles */ section.main div.article-list > .card { margin: 0% 0% 4% 4%; width: 48%; } section.main div.article-list > :nth-child(2n+1) { margin-left: 0%; } section.main div.article-list > :nth-child(2n+2) { margin-left: 4%; } /* Home Template Styles */ section.home div.video-slider { padding: 0%; height: auto; } section.home div.introduction { padding: 48px 0%; } section.home div.introduction h1 { font-size: 1.5rem; } section.home div.farming-better div.wrapper { padding: 32px 24px; } /* Standard Template Styles */ .config_container { flex-direction:column;} .config_column { width: 100%; } .config_row.row_4 .config_container { flex-direction: column-reverse; } section.main .text_left { padding: 5em 5% 2em 5%; } section.main .text_right { padding: 5em 5% 2em 5%; } section.main .image_right { padding: 0em 0 5em 0; } section.main .narrow_content { padding: 4rem 1em; margin: 0 auto; max-width:800px;} section.main .vacancy_content { padding: 4rem 0em; margin: 0 auto; max-width:800px;} section.main.standard { padding-top:100px !important; } section.standard div.video-slider { padding: 0%; height: auto; } section.standard div.content { flex-wrap: wrap; align-items: center; } section.standard div.content > .text { padding: 48px 0%; width: 100%; flex: none; } section.standard div.content > .image { width: 100%; min-height: 380px; } section.standard div.text-left > .text { order: 0; } section.standard div.text-left > .text > .offset { padding: 0% 18px; } section.standard div.text-left > .image { order: 1; } section.standard div.text-right > .text { order: 0; } section.standard div.text-right > .text > .offset { padding: 0% 18px; } section.standard div.text-right > .image { order: 1; } /* Contact Block Styles */ section.contact div.contact-us { padding: 72px 0%; } section.contact div.contact-us div.left > div { margin: 0% auto; max-width: 100%; } section.contact div.contact-us div.form_container { margin: 0% auto; max-width: 100%; } section.contact div.contact-button { text-align: left; } /* 600px Resolution Specific Styles */ } @media only screen and (min-width: 0px) and (max-width: 600px) { /* Home Template Styles */ section.main.home { padding-top:100px !important; } /* Footer Styles */ footer.main-et1a .footer-top { padding: 0;} footer.main-et1a div.footer-container { padding: 0% 0% 20px 0%;} /* Custom Class Styles */ section.main div.content .download { padding: 1em; margin: 0 0 1.5em; font-size: 1.0em; line-height: 1.5em; max-width:90%; min-width: 0px; position: relative; font-family: 'Lato', sans-serif; font-weight: 700; text-transform: none; color: #FFFFFF; background-color: #584fa7; border-radius: 16px; display:block;} section.main div.content .download::after { display: none; } /* Product List Styles */ section.main div.product-list > .product { margin: 0% 0% 1.5rem 0%; width: 100%; } section.main div.product-list > :nth-child(1n+1) { margin-left: 0%; } /* Article List Styles */ section.main div.article-list > .card { margin: 0% 0% 1.5rem 0%; width: 100%; } section.main div.article-list > :nth-child(1n+1) { margin-left: 0%; } }