/* Theme Name: Kroonpak Theme URI: https://kroonpak.com/ Description: Kroonpak WordPress Theme Version: 1.1.0 Author: Roosfeld Digital Author URI: https://roosfeld.com Tags: Blank, HTML5, CSS3 License: MIT License URI: http://opensource.org/licenses/mit-license.php */ /*------------------------------------*\ MAIN \*------------------------------------*/ /* global box-sizing */ *, *:after, *:before { -moz-box-sizing:border-box; box-sizing:border-box; -webkit-font-smoothing:antialiased; font-smoothing:antialiased; text-rendering:optimizeLegibility; } /* html element 62.5% font-size for REM use font-family: 'Poppins', sans-serif; font-family: 'Syne', sans-serif; */ html { overflow-x: hidden; } body { font-size: 18px; line-height: 160%; font-weight: 300; font-family: 'Poppins', sans-serif; color:#152A40; background-color: #FFFFFF; /*overflow-x: hidden;*/ } /* clear */ .clear:before, .clear:after { content:' '; display:table;} .clear:after { clear:both;} .clear {*zoom:1;} :root { --yellow: #FED984; --gray: #C9CFC3; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { -webkit-text-fill-color: white !important; -webkit-box-shadow: 0 0 0px 1000px transparent inset !important; transition: background-color 5000s ease-in-out 0s !important; } textarea { resize: none; } img {max-width:100%;vertical-align:bottom;} a {color:#152A40;text-decoration:none;} a:hover {color:##152A40;} a:focus {outline:0;} a:hover, a:active {outline:0;} input:focus {outline:0;border:1px solid #04A4CC;} /*p { line-height: 24px }*/ p.smaller { font-size: 16px; line-height: 20px } .center { text-align: center } .relative { position: relative; } h1 { font-size: 88px; line-height: 113%; color: #152A40; font-family: 'Syne', sans-serif; font-weight: bold; margin: 0px; padding-top: 53px; padding-bottom: 53px } h2 { font-size: 68px; line-height: 68px; color: #464F82; font-family: 'Syne', sans-serif; font-weight: normal; padding-bottom: 0px; padding-top: 0px; } h3 { font-size: 25px; line-height: 113%; color: #464F82; font-family: 'Syne', sans-serif; text-transform: normal; font-weight: normal; } h4 { font-size: 20px; line-height: 113%; color: #464F82; font-family: 'Syne', sans-serif; text-transform: normal; font-weight: 600; margin:0px; padding:0px } ul li { line-height: 21px } button.btn, .wp-block-button__link { color: #152A40; border: 1px solid #152A40; background: none; font-weight: 500; padding: 10px 15px; border-radius: 29px; font-size: 16px } button.btn:hover, .wp-block-button__link:hover { color: #152A40 } body.page-template-template-home button.btn.green, button.btn.green { background: #CBEBDE; color: #152A40; padding: 10px 30px; border: 1px solid #CBEBDE } body.page-template-template-home button.btn.green:hover, button.btn.green:hover { background: #CBEBDE; color: #152A40; } button.btn.gray { background: #F6F6F6; border: none } button.btn.white { background: #FFF; border: none } button.btn.download { padding-right: 40px; position: relative } button.btn.download:after { content: ''; width: 23px; height: 24px; background: url('img/download_icon.svg') no-repeat; position: absolute; margin-left: 5px} button.btn.rounded { border-radius: 40px } button.btn:hover { } .button_holder { padding-top: 40px; } .wp-block-button__link:active, .wp-block-button__link:focus, .wp-block-button__link:visited { color: #B4BBAD } .wp-block-button__link:hover { color: black } .text_zindex { position: relative; z-index: 5 } /* flex helpers */ .flex_parent { display: flex; } .flex_bottom { align-self: flex-end; } .flex_top { align-self: flex-start; } .flex_center { align-self: center; } .text-padding-right { padding-right: 10% } main.main { z-index: 2; background: white; position: relative; } /*------------------------------------*\ STRUCTURE \*------------------------------------*/ /* wrapper */ .wrapper_100 {max-width:1280px;width:100%;margin:0 auto;position:relative; } .wrapper {max-width:1280px;width:95%;margin:0 auto;position:relative; } .wrapper_small {max-width:1080px;width:85%;margin:0 auto;position:relative; } .wrapper_xsmall {max-width:846px;width:95%;margin:0 auto;position:relative; } .footer_wrapper { } /* header */ .header_holder { clear: both; width: 100%; height: 80px; } .header { position: relative; clear: both; width: 100%; padding-bottom: 0px; /*background: white; background: url('img/hero.jpg') no-repeat; background-size: cover*/ } .header:after { } #myHeader { transition: all 0.3s ease-in-out } #myHeader.sticky { position: fixed; z-index: 9; width: 100%; /*box-shadow: 0px 6px 16px 0px #b1b1b1;*/ background: #fff; height: 120px;} body.page-template-template-home #myHeader.sticky { position: fixed; z-index: 9; width: 100%; /*box-shadow: 0px 6px 16px 0px #b1b1b1;*/ background: #162b42; height: 120px;} /* logo */ .logo { position: relative; z-index: 9;} .logo-img { float: left; width: 195px; margin-top: 51px; } .contact_button_header { margin-top: 45px; display: inline-block; float: right; } .dark-logo-home { display: none } #myHeader.sticky .logo-img-marienholm { display: none } #myHeader .logo-img-marienholm-sticky { display: none; } #myHeader.sticky .logo-img-marienholm-sticky { display: block; position: absolute;left: 0px;right: 0px;width: 40px; margin: 0 auto; margin-top: 10px } .nf-form-fields-required { display: none } .contact_information { background: #CBEBDE; border-radius: 30px } /* nav */ .nav { float: left; padding-top: 50px; font-size: 16px; font-weight: 500; margin-left: 62px; margin-right: 20px } .nav ul, .nav ul li { margin: 0px; padding: 0px; display: inline-block; list-style: none; } .nav ul li { } .nav a { padding: 10px 20px 10px 20px; color: #152A40 } .nav li.current_page_item a, .nav li a:hover { color: #152A40 } .lang_nav { float: right; padding-top: 55px; padding-left: 0px; text-align: right; font-size: 16px;position: relative;z-index: 9; font-weight: 500; padding-right: 30px } .lang_nav a { color: #fff } .wpml-ls-legacy-dropdown { color: #fff; background: transparent; border-radius: 10px;font-weight: 500; width: auto;height: auto;position: relative} .wpml-ls-legacy-dropdown:hover { border-radius: 10px 10px 0px 0px } .wpml-ls-legacy-dropdown:hover a { color: #fff } .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle { margin: 0px; padding-right: 20px;} .wpml-ls-legacy-dropdown a { border: none; color: #fff; background: none; padding-right: 15px} .wpml-ls-legacy-dropdown a:hover { color:#fff } .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a, .wpml-ls-legacy-dropdown a:focus, .wpml-ls-legacy-dropdown a:hover { background: none; border: none; border-bottom: 0px !important; color:#fff} .wpml-ls-legacy-dropdown .wpml-ls-item { border: none } .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after { background: url('img/arrow_lang.svg') no-repeat; background-size: 100%;width: 12px;height: 9px; border: none; top: calc(50% - 4px); right: -5px; display: none} .wpml-ls-legacy-dropdown .wpml-ls-sub-menu { border: none; text-align: left; background: transparent; color: #fff; border-radius: 0px 0px 10px 10px } .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a {border-width: 0 1px 1px;padding: 0px;margin: 0px;padding-left: 10px; line-height: 20px; } .wpml-ls-legacy-dropdown:after { content: '>'; display: inline-block; float: right; position: absolute; right: 0px; top: 0px; transform: rotate(90deg); font-size: 20px; font-weight: 500; color: white; opacity: 1.2; font-stretch: 2px; z-index: -1 } /* FIX for white header */ body.page-template-template-about .lang_nav a, body.page-template-template-about .wpml-ls-legacy-dropdown:hover a, body.page-template-template-about .wpml-ls-legacy-dropdown, body.page-template-template-about .wpml-ls-legacy-dropdown a, body.page-template-template-about .wpml-ls-legacy-dropdown a:hover, body.page-template-template-about .wpml-ls-legacy-dropdown:after { color: #152A40 } body.page-template-template-contact .lang_nav a, body.page-template-template-contact .wpml-ls-legacy-dropdown:hover a, body.page-template-template-contact .wpml-ls-legacy-dropdown, body.page-template-template-contact .wpml-ls-legacy-dropdown a, body.page-template-template-contact .wpml-ls-legacy-dropdown a:hover, body.page-template-template-contact .wpml-ls-legacy-dropdown:after { color: #152A40 } body.page-template-template-portfolio .lang_nav a, body.page-template-template-portfolio .wpml-ls-legacy-dropdown:hover a, body.page-template-template-portfolio .wpml-ls-legacy-dropdown, body.page-template-template-portfolio .wpml-ls-legacy-dropdown a, body.page-template-template-portfolio .wpml-ls-legacy-dropdown a:hover, body.page-template-template-portfolio .wpml-ls-legacy-dropdown:after { color: #152A40 } body.page-template-template-services .lang_nav a, body.page-template-template-services .wpml-ls-legacy-dropdown:hover a, body.page-template-template-services .wpml-ls-legacy-dropdown, body.page-template-template-services .wpml-ls-legacy-dropdown a, body.page-template-template-services .wpml-ls-legacy-dropdown a:hover, body.page-template-template-services .wpml-ls-legacy-dropdown:after { color: #152A40 } body.page-template-default .lang_nav a, body.page-template-default .wpml-ls-legacy-dropdown:hover a, body.page-template-default .wpml-ls-legacy-dropdown, body.page-template-default .wpml-ls-legacy-dropdown a, body.page-template-default .wpml-ls-legacy-dropdown a:hover, body.page-template-default .wpml-ls-legacy-dropdown:after { color: #152A40 } body.page-template-template-news .lang_nav a, body.page-template-template-news .wpml-ls-legacy-dropdown:hover a, body.page-template-template-news .wpml-ls-legacy-dropdown, body.page-template-template-news .wpml-ls-legacy-dropdown a, body.page-template-template-news .wpml-ls-legacy-dropdown a:hover, body.page-template-template-news .wpml-ls-legacy-dropdown:after { color: #152A40 } body.post-template-default .lang_nav a, body.post-template-default .wpml-ls-legacy-dropdown:hover a, body.post-template-default .wpml-ls-legacy-dropdown, body.post-template-default .wpml-ls-legacy-dropdown a, body.post-template-default .wpml-ls-legacy-dropdown a:hover, body.post-template-default .wpml-ls-legacy-dropdown:after { color: #152A40 } body.category .lang_nav a, body.category .wpml-ls-legacy-dropdown:hover a, body.category .wpml-ls-legacy-dropdown, body.category .wpml-ls-legacy-dropdown a, body.category .wpml-ls-legacy-dropdown a:hover, body.category .wpml-ls-legacy-dropdown:after { color: #152A40 } /* new menu */ body.page-template-template-product .header { background: transparent; color: #fff; position: absolute; z-index: 9 } body.page-template-template-product #myHeader.sticky { background: #162b42; } body.page-template-template-product .header a { color: #fff } body.page-template-template-product .header button.btn { color: #fff; border: 1px solid #fff; } .header_holder { position: fixed; z-index: 9; } body.page-template-template-home, body.page-template-template-product { background: #152A40 } body.page-template-template-home .header_holder { position: fixed; z-index: 9; background: #152A40; } body.page-template-template-product .header_holder { position: fixed; z-index: 9; background: transparent; } body.page-template-template-home main.main, body.page-template-template-product main.main { padding-top: 80px; background: #152A40 } .menu-item-has-children { position: relative; } .menu-item-has-children ul.sub-menu { position: absolute; top: 80px; left: 0px; width: 600px; display: none } .menu-item-has-children ul.sub-menu li.menu-item-has-children { width: 300px; float: left; display: inline-block; font-size: 18px;font-weight: 500; } .menu-item-has-children ul.sub-menu ul.sub-menu { width: 300px; top: 30px } .menu-item-has-children ul.sub-menu ul.sub-menu li { padding-top: 10px; padding-bottom: 10px; font-size: 16px; font-weight: 300; } .header_holder.open { height: 400px } body.page-template-template-home #myHeader.sticky.open, body #myHeader.sticky.open { height: 400px; background: #CBEBDE } body.page-template-template-home #myHeader.open, body #myHeader.open { height: 400px; background: #CBEBDE } body.page-template-template-home #myHeader.open a, body #myHeader.open a { color: #152A40 } body.page-template-template-home #myHeader.open .wpml-ls-legacy-dropdown:after, body #myHeader.open .wpml-ls-legacy-dropdown:after { color: #152A40 } body.page-template-template-home #myHeader.open button.btn, body #myHeader.open button.btn { color: #152A40; border: 1px solid #152A40; } body.page-template-template-home #myHeader.open .dark-logo-home, body #myHeader.open .dark-logo-home { display: block } body.page-template-template-home #myHeader.open .light-logo-home, body #myHeader.open .light-logo-home { display: none} .menu-item-1176 > a { pointer-events: none; cursor: none } main { background: white; padding-top: 80px; } main.product_page { background: none; padding-top: 0px } .mob_menu_content .menu-item-has-children ul.sub-menu { display: block; position: relative; top: 0px } .mob_menu_content .menu-item-has-children ul.sub-menu ul.sub-menu { clear: both; width: 100% } .mob_menu_content .menu-item-has-children ul.sub-menu li.menu-item-has-children { width: 100%; } .mob_menu_content .menu-item-has-children ul.sub-menu ul.sub-menu li { padding-top: 2px; padding-bottom: 2px } .mob_menu_content .menu-item-has-children ul.sub-menu { width: 100%;display: none; } .mob_menu_content .menu-item-has-children ul.sub-menu ul.sub-menu { top: 0px; left: 20px } .mob_menu_content { top: 10% } .mob_menu_content .menu-item-has-children a { position: relative } .mob_menu_content .menu-item-has-children > a:after { content: '>'; display: inline-block;float: right;position: absolute;right: -25px;top: -5px;transform: rotate(90deg);font-size: 30px;font-weight: 500;color: #152A40;} body.page-template #myHeader nav ul li.menu-item-has-children > a:after { color: #152A40; transform: rotate(90deg);} nav ul li.menu-item-has-children { margin-right: 15px } nav ul li.menu-item-has-children ul li { margin-right: 0px } nav ul li.menu-item-has-children > a:after { content: '>'; display: inline-block;float: right;position: absolute;right: 0px;top: 0px;transform: rotate(90deg);font-size: 20px;font-weight: 500;color: #fff;} body.page-template-template-home #myHeader nav ul li.menu-item-has-children > a:after { content: '>'; display: inline-block;float: right;position: absolute;right: 0px;top: 0px;transform: rotate(90deg);font-size: 20px;font-weight: 500;color: #fff;} body.page-template-template-product #myHeader nav ul li.menu-item-has-children > a:after { content: '>'; display: inline-block;float: right;position: absolute;right: 0px;top: 0px;transform: rotate(90deg);font-size: 20px;font-weight: 500;color: #fff;} body #myHeader.open nav ul li.menu-item-has-children > a:after { color: #152A40; transform: rotate(-90deg);} body.page-template-template-home #myHeader nav ul li.menu-item-has-children ul li a:after, nav ul li.menu-item-has-children ul li a:after, body.page-template-template-product #myHeader nav ul li.menu-item-has-children ul li a:after { display: none } /* new menu */ /* footer */ .footer { background: #CBEBDE; font-size: 16px; text-align: center; padding: 40px } .prefooter { background: #162B41; padding: 40px 0px; } .prefooter h2 { color: #CBEBDE; font-weight: bold } .prefooter p { color: #fff; font-size: 22px; line-height: 140% } .prefooter.white { background: #fff; } .prefooter.white h2 { color: #162B42; font-size: 78px; line-height: 88px; font-weight: bold } .prefooter.white p { color: #162B42; } .prefooter .flex_parent { align-items: center; } body.page-template-template-home .prefooter button.btn { color: #162B41 } .terms_social_cont { clear: both; width: 100%; } .terms_holder { float: left; padding-top: 40px } .terms_holder a { display: initial; margin-right: 40px; color: #152A40; font-weight: 400; } .some_cont { float: right; padding-top: 40px } .some_cont a { display: inline-block; margin-left: 40px } .some_cont a img { height: 22px } .footer_menu_holder { text-align: left; line-height: 40px } .footer_menu_holder strong { font-size: 18px; font-weight: 500 } #footer { position: relative } #footer:before { content:''; display: block; width: 172px; height: 173px; position: absolute; top: -60px; left: 50%; background: url('img/foot1.svg'); } #footer:after { content:''; display: block; width: 186px; height: 139px; position: absolute; bottom: 10%; left: -150px; background: url('img/foot2.svg'); } .footer_menu_holder:before { content:''; display: block; width: 42px; height: 21px; position: absolute; top: 22px; left: -60px; background: url('img/foot_rombs.svg'); } body .cky-consent-container .cky-consent-bar { background: #ffffffc9 !important; } .cky-btn:last-child { border-radius: 21px !important } /*------------------------------------*\ AVALEHT \*------------------------------------*/ body.page-template-template-home .header { background: #152A40; color: #fff; } body.page-template-template-home .header a { color: #fff } body.page-template-template-home button.btn { color: #fff; border: 1px solid #fff; } .homepage_hero { position: relative; background: #152A40; color: #fff; background-image: url('img/hero/hero_coffecup.png?v=3'); background-repeat: no-repeat; background-size: contain; background-position: 70% 90%; height: 90vh; overflow-x: hidden } .homepage_hero:after { content: ''; width: 170px; height: 170px; background: url('img/red_round.svg'); position: absolute; top: 80px; left: -110px;display: none } body.page-template-template-home .homepage_hero button.btn { color: #152A40; border: 1px solid #CBEBDE; background: #CBEBDE; padding: 10px 30px } .homepage_hero h1 { color: #CBEBDE; margin: 0px; padding: 0px; font-size: 98px; line-height: 108px } .homepage_hero .button_holder { padding-top: 20px } .homepage_hero .hero_text h1.smaller { padding-right: 20%; font-size: 18px; line-height: 24px; font-weight: 300; color: white; font-family: 'Poppins', sans-serif; } .homepage_hero .hero_text div.smaller { padding-right: 20%; font-size: 18px; line-height: 24px; font-weight: 300; color: white; font-family: 'Poppins', sans-serif; } .hero1 { position: absolute; width: 200px; height: 200px; background: url('img/hero/hero1.svg'); background-repeat: no-repeat; background-size: 100%; left: -120px; top: 50px; z-index: 0; transform: rotate(68deg) } .hero2 { position: absolute; width: 250px; height: 250px; background: url('img/hero/hero2.svg'); background-repeat: no-repeat; background-size: 100%; right: -150px; bottom: 10%; z-index: 0 } .hero3 { position: absolute; width: 198px; height: 214px; background: url('img/hero/hero3.svg'); background-repeat: no-repeat; background-size: 100%; right: 50px; bottom: 10%; z-index: 0 } .hero_text { width: 50%; padding-top: 90px } .we_offer { text-align: center; padding-top: 60px; background: white } .we_offer h1 { padding-bottom: 80px; font-size: 86px } .we_offer h2 { padding-bottom: 80px; font-size: 86px; line-height: 113%;color: #152A40; font-family: 'Syne', sans-serif;font-weight: bold;margin: 0px;padding-top: 53px; } .slider_holder { padding-bottom: 160px; } .slider_product_holder { text-align: left; max-width: 344px; cursor: pointer; padding-bottom: 20px; font-size: 20px} .slider_product_holder p { padding-left: 40px } .more_prods_balloon { position: absolute;left: 0px;right: 0px;z-index: 9;color: white;text-align: center;padding: 20px;top: 50%;transform: translateY(-50%); } .homepage_video { position: relative; background-image: url('img/video.png?v=3'); background-repeat: no-repeat; background-size: cover; height: 574px; display: flex; align-items: flex-end } .homepage_video_content h1 { margin-top: 0px; padding-top: 0px; font-size: 68px; line-height: 78px } .homepage_video:after { content: ''; width: 170px; height: 170px; background: url('img/red_round.svg'); position: absolute; top: -80px; left: 40% } .homepage_video_content .button_holder { padding-top: 10px } .kroonpak_video { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; display: none } .homepage_videos { position: relative; background: #F6F6F6; height: auto; } .homepage_video_contents h1 { margin-top: 0px; padding-top: 0px; font-size: 68px; line-height: 78px } .homepage_video_contents h2 { margin-top: 0px; padding-top: 0px; font-size: 68px; line-height: 78px; padding-bottom: 53px;color: #152A40;font-family: 'Syne', sans-serif;font-weight: bold;margin: 0px; } .homepage_videos:after { content: ''; width: 170px; height: 170px; background: url('img/red_round.svg'); position: absolute; top: -80px; left: 40% } .homepage_video_contents .button_holder { padding-top: 10px } .homepage_video_contents { position: absolute; top: 0px; left: 2.5%; right: 2.5%; max-width: 1280px; margin: 0 auto; height: 100%; font-size: 22px; line-height: 140% } .homepage_video_contents .section { display: flex; align-items: flex-end; height: 100%; padding-bottom: 5%; } .trusted_by { text-align: center; background: #F6F6F6; padding-top: 160px; padding-bottom: 160px } .trusted_by h1 { padding-top: 0px; padding-bottom: 80px; font-size: 68px } .trusted_by h2 { padding-top: 0px; padding-bottom: 80px; font-size: 68px; line-height: 113%;color: #152A40;font-family: 'Syne', sans-serif;font-weight: bold;margin: 0px; } .slider_logo { height: 60px } .prod_img_holder { position: relative; } .prod_btn_arrow { position: absolute; bottom: -10px; right: 20%; opacity: 0; transition: all 0.5s ease-in-out } .slider_product_holder:hover .prod_btn_arrow { opacity: 1; right: 15%; } .slider_product_holder .prod_img_holder img { transform: scale(1); transition: all 0.5s ease-in-out } .slider_product_holder:hover .prod_img_holder img { transform: scale(0.9) } .slider_product_holder p { margin-top: 10px; transition: all 0.5s ease-in-out } .slider_product_holder:hover p { margin-top: 0px } .slider_product_holder .button_holder { text-align: center; padding-top: 0px; } .slider_product_holder .product_link { color: #F2AF29; padding-left: 40px; font-size: 14px; font-weight: 500; opacity: 0; margin-bottom: -20px; transition: all 0.5s ease-in-out } .slider_product_holder:hover .product_link { opacity: 1; margin-bottom: 0px } .swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal { width: 300px; left: calc(50% - 150px); margin-bottom: 15px; } .swiper-button-prev, .swiper-button-next { bottom: 0px; top: initial; } .swiper-button-prev { left: 40% } .swiper-button-next { right: 40% } .swiper-button-next:after, .swiper-button-prev:after { width: 24px; height: 24px; background: url('img/arrow_right.svg'); content: ''} .swiper-button-prev:after { transform: rotate(180deg) } /*------------------------------------*\ CONTACT \*------------------------------------*/ main.contact_page .flex_parent { align-items: flex-end; } .contact_information { padding: 40px; margin-left: 80px; margin-right: 40px; font-size: 16px; position: relative; z-index: 2 } .contact_information span { font-size: 20px } .contact_1 { width: 164px; height: 183px; background: url('img/contact_1.svg'); position: absolute; top: -120px; right: 25%; z-index: 3 } .contact_2 { width: 489px; height: 462px; background: url('img/contact_2.svg'); position: absolute; top: -270px; right: -70px; z-index: -2 } .contact_3 { width: 321px; height: 152px; background: url('img/contact_3.svg'); position: absolute; bottom: 100px; right: -300px; z-index: -3 } main.contact_page { overflow-x: hidden } main.contact_page .nf-form-content { padding-right: 10%; } .contact_page .we_offer { margin-top: 60px; padding-top: 80px } .contact_page .we_offer .slider_holder { padding-bottom: 20px; } .contact_page .we_offer .slider_holder .swiper-wrapper { padding-bottom: 100px; } .contact_page .prefooter.white .flex_parent { align-items: center } main.contact_page .nf-form-fields-required { display: none } main.contact_page .nf-form-content .list-select-wrap .nf-field-element>div, main.contact_page .nf-form-content input:not([type=button]), main.contact_page .nf-form-content textarea { background: none; border: none; border-bottom: 1px solid #162B41 } main.contact_page .nf-form-content textarea.ninja-forms-field { height:50px } main.contact_page .nf-form-content button, main.contact_page .nf-form-content input[type=button], main.contact_page .nf-form-content input[type=submit] { color: #162B41; background: #CBEBDE; padding: 10px 30px; border-radius: 29px; font-weight: 500;font-size: 16px; } main.contact_page .checkbox-wrap label { font-size: 16px; font-weight: 400;position: relative; z-index: 3 } main.contact_page input::placeholder, main.contact_page input:-webkit-autofill, main.contact_page textarea::placeholder { text-transform: normal; color: #162B41; -webkit-text-fill-color: #162B41 !important; } main.contact_page .nf-form-content .list-select-wrap .nf-field-element>div:focus, main.contact_page .nf-form-content input:not([type=button]):focus, main.contact_page .nf-form-content textarea:focus { background: none } main.contact_page .nf-error.field-wrap .nf-field-element:after { display: none } main.contact_page .nf-error .nf-error-msg { display: none } .checkbox-wrap.nf-error { color: red } main.contact_page .checkbox-wrap .nf-field-element label.nf-checked-label:before, main.contact_page .checkbox-wrap .nf-field-label label.nf-checked-label:before, main.contact_page .listcheckbox-wrap .nf-field-element label.nf-checked-label:before, main.contact_page .listcheckbox-wrap .nf-field-label label.nf-checked-label:before { color: #162B41; } main.contact_page .checkbox-wrap .nf-field-element label:after, main.contact_page .checkbox-wrap .nf-field-label label:after, main.contact_page .listcheckbox-wrap .nf-field-element label:after, main.contact_page .listcheckbox-wrap .nf-field-label label:after { border: 1px solid #162B41; background: #f7f7f7; } .contact_card_holder { position: relative; width: 100%; height: auto; text-align: center } .contact_info_holder { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; display: flex; flex-direction: column; justify-content: center; font-size: 12px; color: black } .contact_info_holder h3 { font-size: 22px; font-family: 'Syne', sans-serif; font-weight: bold; margin:0px;padding:0px;color: black; padding-top: 10px} .contact_info_holder a { color: black } /*------------------------------------* Portfolio \*------------------------------------*/ .portfolio { } .portfolio.main { padding-top: 80px } .products_holder { padding-bottom: 120px; } .products_holder .col { text-align: center; /*cursor: pointer*/ } .products_holder .col img { max-width: auto; } .port1 { width: 84px; height: 84px; background: url('img/port1.svg'); position: absolute; top: 20px; right: 15%; z-index: 3 } .port2 { width: 213px; height: 162px; background: url('img/port2.svg'); position: absolute; top: -120px; right: 25%; z-index: 3 } .port3 { width: 193px; height: 193px; background: url('img/port3.svg'); position: absolute; top: -40px; right: 25%; z-index: 3 } .portfolio_img { background: #F6F6F6; border-radius: 30px; padding: 20px; height: 275px; transition: all 200ms ease-in-out } .portfolio_img.no_border { padding: 0px; } .portfolio_img_i { background: white; border-radius: 30px; width: 100%; height: 100%; background-position: center !important; } .portfolio_img img { width: initial; height: 400px } .hoverefect:hover .portfolio_img { padding: 15px; transform: scale(0.95) } .hoverefect:hover .portfolio_img:after { } .hoverefect .prod_btn_arrow { position: absolute; bottom: -30px; right: calc(50% - 30px); opacity: 0; transition: all 0.5s ease-in-out } .hoverefect .prod_btn_arrow img { width: 60px; height: auto } .hoverefect:hover .prod_btn_arrow { opacity: 1; right: calc(50% - 30px); bottom: -20px; } .hoverefect .viewmore { display: block; opacity:0; clear: bottom; font-size: 14px; color: #F2AF29; font-weight: 500; transition: all 0.5s ease-in-out } .hoverefect:hover .viewmore { display: block; opacity:1; } .products_holder .flex_parent { justify-content: center; } .products_list_holder .portfolio_img { height: auto } #something .portfolio_img { height: auto } .products_list_holder .portfolio_img img { height: initial } #something .portfolio_img img { height: initial } .products_holder .section:first-child .col:first-child .portfolio_img { background: url('img/port_bg.png') no-repeat; background-size: cover } .products_holder .section:first-child .col:nth-child(3n) .portfolio_img { background: url('img/port_bg3.png') no-repeat; background-size: cover } .products_holder .section:nth-child(3n) .col:first-child .portfolio_img { background: url('img/port_bg3.png') no-repeat; background-size: cover } .products_holder .section:nth-child(3n) .col:nth-child(3n) .portfolio_img { background: url('img/port_bg4.png') no-repeat; background-size: cover } .products_holder .section:nth-child(5n) .col:first-child .portfolio_img { background: url('img/port_bg2.png') no-repeat; background-size: cover } .products_holder .section:nth-child(5n) .col:nth-child(3n) .portfolio_img { background: url('img/port_bg.png') no-repeat; background-size: cover } .products_holder .section:nth-child(6n) .col:first-child .portfolio_img { background: #F6F6F6; } .products_holder .section:nth-child(6n) .col:nth-child(3n) .portfolio_img { background: #F6F6F6; } .products_holder .section:nth-child(7n) .col:first-child .portfolio_img { background: url('img/port_bg3.png') no-repeat; background-size: cover } .products_holder .section:nth-child(7n) .col:nth-child(3n) .portfolio_img { background: url('img/port_bg4.png') no-repeat; background-size: cover } .related_link { line-height: 42px } /* The Modal (background) */ .modal { display: none; position: fixed;z-index: 99999; padding-top: 0px;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: #000002bd;} /* Modal Content */ .modal-content {position: relative; background-color: #fefefe; margin: auto; padding: 0; width: 90%; max-width: 800px; top: 50%; transform: translateY(-50%); border-radius: 30px;} /* The Close Button */ .portfolio_close {color: white; position: absolute; top: 10px; right: 25px;font-size: 35px;font-weight: bold;z-index: 9} .portfolio_close:hover, .portfolio_close:focus {color: #999;text-decoration: none;cursor: pointer;} .mySlides { padding: 60px 200px} .cursor {cursor: pointer;} /* Next & previous buttons */ .portfolio_prev, .portfolio_next {cursor: pointer;position: absolute;top: 50%;width: auto;padding: 16px; margin-top: -50px;font-weight: bold;font-size: 20px;transition: 0.6s ease; user-select: none; -webkit-user-select: none;} /* Position the "next button" to the right */ .portfolio_next { right: 0;} .portfolio_prev { transform: rotate(180deg);} .modal-content img { margin-bottom: -4px;} .modal-content p {text-align: center;} .products_holder .post-edit-link { font-size: 80% } .modal-content .swiper-button-next, .modal-content .swiper-button-prev { position: absolute;top: 50%;width: calc(var(--swiper-navigation-size)/ 44 * 27);height: var(--swiper-navigation-size);margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));z-index: 10;cursor: pointer;display: flex;align-items: center;justify-content: center;color: var(--swiper-navigation-color,var(--swiper-theme-color)); } .modal-content .swiper-button-next { right: 10px } .modal-content .swiper-button-prev { left: 10px } /*------------------------------------* COOKIE \*------------------------------------*/ body.privacy-policy p { line-height: 32px } body.cookies-policy p { line-height: 32px } body.cookies-policy h2, body.privacy-policy h2 { color: #152A40 } .c-accordion__title { font-size: 24px; font-family: Poppins; font-weight: 300; color: black } .c-accordion__title b, .c-accordion__title strong { font-weight: 400; } .wp-block-pb-accordion-item { border-bottom: 1px solid #00000029 } .c-accordion__title:after { content: ''; width: 11px; height: 7px; background: url('img/arrow_faq.svg') no-repeat; } .is-open>.c-accordion__title:after { content: ''; width: 11px; height: 7px; background: url('img/arrow_faq.svg') no-repeat; transform: rotate(180deg) } .c-accordion__title em { clear: both; display: block; margin: 0px; padding: 0px; font-size: 16px; font-style: normal; line-height: 16px; margin-top: -10px; } .is-open>.c-accordion__title em { display: none } .c-accordion__content { font-size: 16px; font-style: normal; line-height: 16px; } body.page-template-template-contact .pum-theme-102, body.page-template-template-contact .pum-theme-default-theme { background-color: #152a40c7 } body.page-template-template-contact .pum-theme-102 .pum-title, body.page-template-template-contact .pum-theme-default-theme .pum-title { text-align: center; position: relative; font-size: 68px; font-family: 'Syne', sans-serif} body.page-template-template-contact .pum-theme-102 .pum-title:after, body.page-template-template-contact .pum-theme-default-theme .pum-title:after { content: ''; position: absolute; width: 228px; height: 228px; background: url('img/success.svg'); top: -144px; left: calc(50% - 114px); z-index: -1 } body.page-template-template-contact .pum-theme-102 .pum-content + .pum-close, body.page-template-template-contact .pum-theme-default-theme .pum-content + .pum-close { font-size: 0px; background: none;box-shadow:none; text-shadow: none; background: url('img/close_popup.svg') no-repeat; padding: 10px;; right: 20px; top: 20px} body.page-template-template-contact .pum-theme-102 .pum-container, body.page-template-template-contact .pum-theme-default-theme .pum-container { border-radius: 21px; padding: 120px; padding-top: 190px } body.page-template-template-contact .pum-theme-102 .pum-content, body.page-template-template-contact .pum-theme-default-theme .pum-content { color: black; font-size: 20px; font-weight: 300 } /*------------------------------------* NEWS \*------------------------------------*/ .news_page .more_relevant { background: none } .news1 { width: 84px; height: 84px; background: url('img/news1.svg'); position: absolute; top: 280px; right: 100px; z-index: 2 } .news2 { width: 198px; height: 218px; background: url('img/news2.svg'); position: absolute; top: -50px; right: 25%; z-index: 3 } .news3 { width: 203px; height: 203px; background: url('img/news3.svg'); position: absolute; top: 170px; right: -70px; z-index: 3 } .single_news_holder { padding-bottom: 40px; cursor: pointer; position: relative } .single_news_holder img { border-radius: 30px; margin-bottom: 30px; } .news_title { font-size: 22px; color: black } .news_date { font-size: 16px; color: black; font-weight: 500; padding-top: 15px } .news_tag { background: #F6F6F6; border-radius: 21px; font-size: 18px; display: inline-block; padding: 5px 20px; margin-bottom: 30px;font-weight: 500;color: black; } .post_tags a { background: #fff; border: 1px solid #E7E7E7; border-radius: 21px; font-size: 14px; display: inline-block; padding: 5px 20px; margin-bottom: 30px; margin-right: 15px; color: #152A40; font-weight: 500; } .post_tags a.all_news { color: #152A40; background: #CBEBDE; border: 1px solid #CBEBDE; } .post_tags a.selected {color: #152A40; background: #CBEBDE; border: 1px solid #CBEBDE; } .article_header { margin-top: 100px; clear: both } .article_header span { float: right; font-size: 16px; font-weight: 500 } .article_header a { float: left; font-size: 18px; font-weight: 500 } .article_image { padding-top: 50px } .article_image img { width: 100%; margin-bottom: 30px; } .cat_social_holder { padding-left: 60px; padding-right: 60px } .single_post h1 { font-size: 28px; line-height: 38px; margin-top: 0px; padding-top: 0px; padding-bottom: 10px;padding-left: 60px; padding-right: 60px } .art_content p { line-height: 32px; } .some_share_holder { float: right; min-width: 150px } .some_share_holder a { margin-left: 30px } .art_content { padding-bottom: 40px; padding-left: 60px; padding-right: 60px } .more_relevant { background: #F6F6F6; padding: 40px 0px } .more_relevant h2 { padding-left: 40px; font-size: 78px; font-weight: 700; color: #162B42 } body.home .more_relevant { padding-top: 60px; background: white } body.home .more_relevant .news_padding_home { padding-right: 15% } body.home .more_relevant h2 { margin: 0px; padding: 0px; margin-bottom: 60px; } body.home .more_relevant .news_tag { background: #F6F6F6; } .more_relevant .news_tag { background: white; color: #000 } .more_relevant .single_news_holder .single_news_image { position: relative } .more_relevant .single_news_holder .prod_btn_arrow { bottom: -20px } .more_relevant .single_news_holder:hover .prod_btn_arrow { opacity: 1; right: 15%; } .more_relevant .single_news_holder .single_news_image img { transform: scale(1); transition: all 0.5s ease-in-out; } .more_relevant .single_news_holder:hover .single_news_image img { transform: scale(0.9); margin-bottom: 20px; } .more_relevant .single_news_holder { margin-bottom: 0px; transition: all 0.5s ease-in-out; } .more_relevant .single_news_holder:hover { margin-bottom: 10px; } .more_relevant .single_news_holder .news_title { text-decoration: none; transition: all 0.5s ease-in-out } .more_relevant .single_news_holder:hover .news_title { text-decoration: underline } .more_relevant p { margin-top: 10px; transition: all 0.5s ease-in-out } .single_news_holder .product_link { color: #F2AF29; padding-left: 0px; font-size: 14px; font-weight: 500; opacity: 1; margin-bottom: -20px; transition: all 0.5s ease-in-out; display: none } .art_content h2 { font-size: 38px; line-height: 44px; margin: 0px; padding: 0px; color: #152A40; font-family: 'Poppins', sans-serif;font-weight: 300; } .art_content h3 { font-size: 28px; line-height: 38px; color: #152A40; font-weight: 200; font-family: 'Poppins', sans-serif; } .art_content a { text-decoration: underline } .art_content a:hover { text-decoration: none } .art_content ul, .page-template-default main ul { margin-left: 0px; padding-left: 0px } .page-template-default main ul li { list-style-type: none; line-height: 30px; margin-bottom: 20px;text-indent: -30px;padding-left: 30px; } .art_content ul li { list-style-type: none; line-height: 30px; } .page-template-default main ul li:before { content: ""; display: inline-block; /* same as padding-left set on li */width: 1.3em; /* same as padding-left set on li */; background: url('img/bullet.svg') no-repeat; width: 30px; height: 14px } .art_content ul li:before { content: ""; display: inline-block; /* same as padding-left set on li */width: 1.3em; /* same as padding-left set on li */; background: url('img/bullet.svg') no-repeat; width: 30px; height: 14px } .art_content small { font-size: 14px; color: #152a406e } .art_content small span { font-size: 14px; color: #f3af29; font-weight: bold } .next_arrow { transform: rotate(180deg) } .page-template-default h2 { font-size: 24px;font-family: Poppins;font-weight: 300;color: #152A40; line-height: 32px } .page-template-default h2 strong { font-weight: 400; } /*------------------------------------* ABOUT US \*------------------------------------*/ .about_content { padding-bottom: 100px; font-size: 20px; line-height: 160% } .mission { clear: both; position: relative; background: #CBEBDE; padding: 100px 0px; text-align: center; color: #152A40; font-weight: 300 } .mission h2 { font-size: 78px; color: #152A40; font-weight: 700; margin-top: 0px; padding-top: 0px } .story { clear: both; position: relative; background: #FFF; padding: 100px 0px; text-align: left; color: #152A40; font-weight: 300; } .story h2 { font-size: 78px; color: #152A40; font-weight: bold; margin:0px; padding: 0px; padding-bottom: 20px; } .environment { clear: both; position: relative; background: #F6F6F6; padding: 100px 0px; text-align: left; color: #152A40; font-weight: 300; } .environment h2 { font-size: 78px; color: #152A40; font-weight: bold; margin:0px; padding: 0px; padding-bottom: 20px; } .cert { clear: both; position: relative; background: #FFF; padding: 100px 0px; text-align: center; color: #152A40; font-weight: 300 } .cert h2 { font-size: 78px; color: #152A40; font-weight: bold; margin-top: 0px; padding-top: 0px } .certs { padding-top: 20px } .cert .cert_downlaod { position: relative; margin-left: 2px; margin-right: 2px; margin-bottom: 40px; display: inline-block } .cert .cert_downlaod:after { content: ''; position: absolute; bottom: -32px; left: calc(50% - 25px); width: 50px; height: 50px; background: url('img/download.svg') no-repeat; background-size: 100% } .mission_1 { width: 345px; height: 335px; background: url('img/kolmnurk2.svg'); position: absolute; top: -120px; right: 5%; z-index: 3; } .mission_2 { width: 193px; height: 193px; background: url('img/Rectangle1.svg'); position: absolute; bottom: -120px; right: 50%; z-index: 1 } .mission_3 { width: 219px; height: 219px; background: url('img/Oval4.svg'); position: absolute; top: -140px; right: 25%; z-index: 1 } /*------------------------------------* SERVICES \*------------------------------------*/ .services_page { } .services_page h1 { margin-bottom: 0px; padding-bottom: 0px } .services_btn_holder { margin-top: 40px; } .manufacturing { clear: both; position: relative; background: #F6F6F6; padding: 100px 0px; text-align: left } .manufacturing h2 { font-size: 78px; color: #152A40; font-weight: bold; margin:0px; padding: 0px; padding-bottom: 20px; } .manufacturing p { font-size: 18px; color: #152A40; font-weight: 300; } .manufacturing .mission_1 { width: 345px; height: 335px; background: url('img/kolmnurk2.svg'); position: absolute; top: -270px; right: 5%; z-index: 1; transform: rotate(-27deg); background-repeat: no-repeat; } .manufacturing .mission_2 { width: 193px; height: 193px; background: url('img/Rectangle1.svg'); position: absolute; bottom: -90px; right: 50%; z-index: 1; background-repeat: no-repeat;} .manufacturing .mission_3 { width: 219px; height: 219px; background: url('img/ruut.svg'); position: absolute; top: -360px; right: 16%; z-index: 2; background-repeat: no-repeat; } .design_proto { clear: both; position: relative; background: #CBEBDE; padding: 100px 0px; text-align: left } .design_proto h2 { font-size: 78px; color: #152A40; font-weight: bold; margin:0px; padding: 0px; padding-bottom: 20px; ext-align: center} .design_proto h4 { font-weight: 300;font-family: 'Poppins', sans-serif; color:#162B41; font-size: 24px; border-bottom: 1px solid #b9d8ce; line-height: 60px;position: relative} .design_proto h4:after { display: none; content: '';width: 11px;height: 7px;background: url('img/arrow_faq.svg') no-repeat;transform: rotate(0deg);position: absolute; right: 0px; top: 50%; cursor: pointer} .design_proto p { font-size: 18px } .manufacturing h4 { font-weight: 300;font-family: 'Poppins', sans-serif; color:#162B41; font-size: 24px; position: relative } .manufacturing h4:after { display: none; content: '';width: 11px;height: 7px;background: url('img/arrow_faq.svg') no-repeat;transform: rotate(0deg);position: absolute; right: 0px; top: 50%; cursor: pointer } .manu_img { position: relative; margin-top: -100px; } .manu_img .flex_parent { align-items: center; } .manu_img1 { max-width: 215px; height: auto; border-radius: 30px; margin-bottom: 20px; } .manu_img2 { max-width: 285px; height: auto; border-radius: 30px;} .manu_img3 { max-width: 175px; height: auto; border-radius: 30px; margin-left: 10px } .manu_img_2 { position: relative; margin-top: 0px; } .manu_img_2 .flex_parent { align-items: center; } .manu_img_2 .manu_img3 { margin-right: 10px } #prototyping { position: absolute; top: -100px } #additional-services { position: absolute; top: -100px } #manufacturing { position: absolute; top: -100px } /*------------------------------------* PRODUCT PAGE \*------------------------------------*/ .product_page h1.smaller { margin-top: 20px } .product_page .homepage_hero { background-image: url('img/hero_bags.png'), url('img/product_hero.jpg'); background-repeat: no-repeat;background-size: contain, cover; height: auto } .product_page .homepage_hero:after { display: none } .product_page .hero_text { padding-top: 170px; padding-bottom: 200px; font-size: 20px } .product_page .hero_text .btn.green { color: #162b42 } .product_page_intro { clear: both;position: relative;background: #F6F6F6;padding: 100px 0px;text-align: left; font-size: 18px; line-height: 32px} .product_page_intro h2 { font-size: 78px; color: #152A40; font-weight: bold; margin:0px; padding: 0px; padding-bottom: 70px; text-align: center} .product_page_intro .col { padding-right: 50px; } .product_page_intro .col + .col { padding-left: 50px; padding-right: 0px; } .product_page_products { clear: both;position: relative;background: #fff;padding: 100px 0px;text-align: left; font-size: 18px; } .product_page_products h2 { font-size: 78px; color: #152A40; font-weight: bold; margin:0px; padding: 0px; padding-bottom: 40px; } .product_page_products ul { margin-left: 0px; padding-left: 0px } .product_page_products ul li { list-style-type: none; line-height: 30px; margin-bottom: 0px;text-indent: -30px;padding-left: 30px; } .product_page_products ul li:before { content: ""; display: inline-block; /* same as padding-left set on li */width: 1.3em; /* same as padding-left set on li */; background: url('img/bullet.svg') no-repeat; width: 30px; height: 14px } .product_page_tech { clear: both;position: relative;background: #8980F5;padding: 100px 0px;text-align: left; font-size: 18px; color: #CBEBDE} .product_page_tech h2 { font-size: 78px; color: #CBEBDE; font-weight: bold; margin:0px; padding: 0px; padding-bottom: 20px; text-align: center } .product_page_tech h3 { font-size: 22px; color: #CBEBDE; font-family: 'Poppins', sans-serif; } .product_page_products:after {content: '';display: block;width: 186px;height: 139px;position: absolute;bottom: -10%;left: -100px;background: url('img/foot2.svg'); z-index: 2;transform: rotate(-40deg);} .product_page_products:before {content: '';display: block;width: 211px;height: 235px;position: absolute;top: -20%;right: -40px;background: url('img/kolmnurk.svg'); z-index: 2;transform: rotate(0deg);} .product_page_products.green {background: #CBEBDE} .product_page_tech ul { margin-left: 0px; padding-left: 0px } .product_page_tech ul li { list-style-type: none; line-height: 30px; margin-bottom: 0px;text-indent: -30px;padding-left: 30px; } .product_page_tech ul li:before { content: ""; display: inline-block; /* same as padding-left set on li */width: 1.3em; /* same as padding-left set on li */; background: url('img/bullet.svg') no-repeat; width: 30px; height: 14px } .single_product_holder .portfolio_img_i { height: 320px } .single_product_holder .portfolio_img { height: initial } .products_list_holder .section .col img, #something .section .col img, #something2 .section .col img { width: 100%; border-radius: 30px } .prodcut_desc { padding-left: 20px; padding-top: 20px; padding-right: 20px; text-align: center } .products_list_holder .section .col:first-child .single_product_holder, #something .section .col:first-child .single_product_holder { padding-right: 10% } #something2 .section .col:first-child .single_product_holder { padding-right: 10% } .products_list_holder .section .col:nth-child(2n) .single_product_holder, #something .section .col:nth-child(2n) .single_product_holder { padding-left: 5%; padding-right: 5% } #something2 .section .col:nth-child(2n) .single_product_holder { padding-left: 5%; padding-right: 5% } .products_list_holder .section .col:nth-child(3n) .single_product_holder, #something .section .col:nth-child(3n) .single_product_holder { padding-left: 10%; } #something2 .section .col:nth-child(3n) .single_product_holder { padding-left: 10%; } .products_list_holder .section { margin-bottom: 40px; } #something .section { margin-bottom: 40px; } #something2 .section { margin-bottom: 40px; } .product_page_products .products_list_holder .hoverefect .prod_btn_arrow > img { width: 60px; height: auto } .product_page_products #something .section .col.hoverefect .prod_btn_arrow > img { width: 60px; height: auto } .product_page_products #something2 .section .col.hoverefect .prod_btn_arrow > img { width: 60px; height: auto } #showsomething, #showsomething2 { position: relative; z-index: 3 } OL { counter-reset: item; margin-bottom: 40px; } OL OL OL { margin-bottom: 0px; } OL LI { display: block; margin-bottom: 10px; margin-top: 10px } OL LI:before { content: counters(item, ".") " "; counter-increment: item; font-weight: 700 } #nf-field-15-container, #nf-field-5-container { display: none } /*------------------------------------* GRID SYSTEM \*------------------------------------*/ /* SECTIONS */ .section { clear: both; padding: 0px; margin: 0px; } /* COLUMN SETUP */ .col { display: block; float:left; margin: 1% 0 1% 2%; } .col:first-child { margin-left: 0; } /* GROUPING */ .group:before, .group:after { content:""; display:table; } .group:after { clear:both;} .group { zoom:1; /* For IE 6/7 */ } /* GRID OF TWO */ .span_2_of_2 { width: 100%; } .span_1_of_2 { width: 49%; } /* GRID OF THREE */ .span_3_of_3 { width: 100%; } .span_2_of_3 { width: 66%; } .span_1_of_3 { width: 32%; } /* GRID OF FOUR */ .span_4_of_4 { width: 100%; } .span_3_of_4 { width: 74.5%; } .span_2_of_4 { width: 49%; } .span_1_of_4 { width: 23.5%; } /* GRID OF FIVE */ .span_5_of_5 { width: 100%;} .span_4_of_5 { width: 79.6%;} .span_3_of_5 { width: 59.2%;} .span_2_of_5 { width: 38.8%;} .span_1_of_5 { width: 18.4%;} /* GRID OF SIX */ .span_6_of_6 { width: 100%; } .span_5_of_6 { width: 83%; } .span_4_of_6 { width: 66%; } .span_3_of_6 { width: 49%; } .span_2_of_6 { width: 32%; } .span_1_of_6 { width: 15%; } /* GRID OF SEVEN */ .span_7_of_7 {width: 100%;} .span_6_of_7 { width: 85.42%;} .span_5_of_7 { width: 70.85%;} .span_4_of_7 { width: 56.28%;} .span_3_of_7 { width: 41.71%;} .span_2_of_7 { width: 27.14%;} .span_1_of_7 { width: 12.57%;} /* GRID OF EIGHT */ .span_8_of_8 {width: 100%;} .span_7_of_8 { width: 87.25%;} .span_6_of_8 { width: 74.5%;} .span_5_of_8 { width: 61.75%;} .span_4_of_8 { width: 49%;} .span_3_of_8 { width: 36.25%;} .span_2_of_8 { width: 23.5%;} .span_1_of_8 {width: 10.75%;} /* GRID OF TEN */ .span_10_of_10 {width: 100%;} .span_9_of_10 {width: 89.8%;} .span_8_of_10 {width: 79.6%;} .span_7_of_10 {width: 69.4%;} .span_6_of_10 {width: 59.2%;} .span_5_of_10 {width: 49%;} .span_4_of_10 { width: 38.8%;} .span_3_of_10 { width: 28.6%;} .span_2_of_10 { width: 18.4%;} .span_1_of_10 { width: 8.2%;} /* GRID OF ELEVEN */ .span_11_of_11 {width: 100%;} .span_10_of_11 { width: 90.72%;} .span_9_of_11 { width: 81.45%;} .span_8_of_11 { width: 72.18%;} .span_7_of_11 { width: 62.90%;} .span_6_of_11 { width: 53.63%;} .span_5_of_11 { width: 44.36%;} .span_4_of_11 { width: 35.09%;} .span_3_of_11 { width: 25.81%;} .span_2_of_11 { width: 16.54%;} .span_1_of_11 { width: 7.272%;} /* GRID OF TWELVE */ .span_12_of_12 {width: 100%;} .span_11_of_12 {width: 91.5%;} .span_10_of_12 {width: 83%;} .span_9_of_12 {width: 74.5%;} .span_8_of_12 {width: 66%;} .span_7_of_12 {width: 57.5%;} .span_6_of_12 {width: 49%;} .span_5_of_12 {width: 40.5%;} .span_4_of_12 {width: 32%;} .span_3_of_12 {width: 23.5%;} .span_2_of_12 {width: 15%;} .span_1_of_12 {width: 6.5%;} /*------------------------------------*\ RESPONSIVE \*------------------------------------*/ .burger { display: none } .mob_menu { display:none; } .desktop { display: block } .mobile { display: none } .light-logo { display: none } @media screen and (max-width: 1890px) { .swiper-button-prev { left: 30% } .swiper-button-next { right: 30% } } @media screen and (max-height: 890px) { .footer_menu { padding-top: 100px } .footer_menu ul li a { font-size: 50px; line-height: 60px; } } @media screen and (max-height: 820px) { .footer_menu { padding-top: 400px } .footer_menu ul li a { font-size: 40px; line-height: 50px; } } @media only screen and (max-width: 1440px) { .home_intro_gal .slider_cont .slide .slide_img img {width: 90%;} } @media only screen and (max-width: 1200px) { .burger { display: block; float: right; padding-top: 17px; cursor: pointer} .burger img { width: 50px;} .logo-img { margin-top: 20px; } .lang_nav, .nav.nav { display: none } .mob_menu { display: block; position: fixed;top: 0px; left: 0px; width: 100%; height: auto; min-height: 100vh; background: #CBEBDE; z-index: 99; text-align: left } .mob_menu .logo { padding-left: 5%; display: none } .mob_menu .close { width: 100px; float: right; text-align: center } .mob_menu .close img { width: 50px; padding-top: 25px } .mob_menu_content { padding-left: 50px;padding-top: 100px;padding-right: 50px;overflow: scroll;height: 100vh;width: 100%;padding-bottom: 100px; } .mob_menu ul li, .mob_menu ul { list-style-type: none; margin: 0px; padding: 0px } .mob_menu ul li.current_page_item a { color: #303333 } .mob_menu a { color: #152A40; font-size: 24px; line-height: 42px; } .mob_menu .lang_nav { display: block; text-align: center; width: 100%; padding-bottom: 40px; padding-top: 30px; padding-left: 0px } .mob_menu .lang_nav a { display: inline-block; margin-left: 10px; margin-right: 10px; font-size: 20px } .mob_menu .lang_nav br { display: none; } .mob_menu .lang_nav .wpml-ls-legacy-dropdown { background: none } .mob_menu .lang_nav .wpml-ls-legacy-dropdown .wpml-ls-sub-menu { visibility: visible } .mob_menu .lang_nav .wpml-ls-legacy-dropdown li { display: inline-block; float: left } .mob_menu .lang_nav .wpml-ls-legacy-dropdown ul { display: inline-block; float: left } } /* GO FULL WIDTH AT LESS THAN 480 PIXELS */ @media only screen and (max-width: 980px) { .col { margin: 1% 0 1% 0%; } .span_2_of_2, .span_1_of_2 { width: 100%; } .span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; } .span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; } .span_1_of_5, .span_2_of_5, .span_3_of_5, .span_4_of_5, .span_5_of_5 { width: 100%; } .span_1_of_6, .span_2_of_6, .span_3_of_6, .span_4_of_6, .span_5_of_6, .span_6_of_6 { width: 100%; } .span_1_of_7, .span_2_of_7, .span_3_of_7, .span_4_of_7, .span_5_of_7, .span_6_of_7, .span_7_of_7 { width: 100%; } .span_1_of_8, .span_2_of_8, .span_3_of_8, .span_4_of_8, .span_5_of_8, .span_6_of_8, .span_7_of_8, .span_8_of_8 { width: 100%; } .span_1_of_10, .span_2_of_10, .span_3_of_10, .span_4_of_10, .span_5_of_10, .span_6_of_10, .span_7_of_10, .span_8_of_10, .span_9_of_10, .span_10_of_10 {width: 100%;} .span_1_of_11, .span_2_of_11, .span_3_of_11, .span_4_of_11, .span_5_of_11, .span_6_of_11, .span_7_of_11, .span_8_of_11, .span_9_of_11, .span_10_of_11, .span_11_of_11 {width: 100%;} .span_1_of_12, .span_2_of_12, .span_3_of_12, .span_4_of_12, .span_5_of_12, .span_6_of_12, .span_7_of_12, .span_8_of_12, .span_9_of_12, .span_10_of_12, .span_11_of_12, .span_12_of_12 {width: 100%;} } @media only screen and (max-width: 980px) { .overflowx { overflow-x: hidden } .mySlides { padding: 6px 40px; } .mySlides img.skip-lazy { margin-top: 40px } .portfolio_close { top: -5px; right: 0px } .swiper-button-prev { left: 15% } .swiper-button-next { right: 15% } .desktop { display: none } .mobile { display: block } h1, .homepage_hero h1 { font-size: 48px; line-height: 58px } .hero_text { width: 90%; margin: 0 auto; padding-top: 40px } .flex_parent { display: block } .prefooter h2 { margin-bottom: 0px; font-size: 30px; line-height: 38px } .terms_holder { clear: both; width: 100% } .terms_holder a { display: inline-block; clear: both; width: 100%; margin-top: 20px } .mob_menu .lang_nav { paddin-right: 0px; text-transform: uppercase } #footer:before { transform: scale(0.8); } .trusted_by h1, .trusted_by h2 { padding-bottom: 40px; font-size: 30px; line-height: 38px} .trusted_by { padding-bottom: 60px;padding-top: 60px; } .slider_logo { height: 120px } .homepage_video_contents h1, .homepage_video_contents h2 { font-size: 30px; line-height: 48px; margin-bottom: 0px; padding-bottom: 0px; } .homepage_videos { display: flex; align-items: flex-end } .homepage_video_contents { padding-bottom: 40px; } .homepage_videos:after { display: none } .homepage_video_contents .section { flex-direction: column;justify-content: flex-end; } .slider_holder { padding-bottom: 40px } .slider_product_holder { width: 100%; padding-bottom: 40px; } .prod_img_holder { text-align: center; } .we_offer h1, .we_offer h2 { padding-bottom: 40px; font-size: 30px; line-height: 38px} .swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal { width: 100px;left: calc(50% - 50px); } .swiper-button-prev, .swiper-button-next { width: auto } .swiper-button-prev { margin-left: 10% } .swiper-button-next { margin-right: 10% } .we_offer { padding-top: 0px } .homepage_hero:after { transform: scale(0.7); left: -120px } .homepage_hero { background-size: 67%; background-position: 60% 87%; } .contact_button_header { display: none } .logo-img { width: 135px; margin-top: 33px; margin-left: 10px } body.page-template-template-home .header { background: #19324E } body.page-template-template-home #myHeader.sticky, #myHeader.sticky, #myHeader { height: 80px; background: #19324E } #myHeader .dark-logo { display: none } #myHeader .light-logo { display: block } .contact_page h1 { padding-bottom: 0px; } .contact_information { margin: 0px } .contact_1 { transform: scale(0.7); top: -120px; right: 0%; z-index: 3 } .contact_2 { transform: scale(0.5); top: -270px; right: -270px; z-index: -2 } .contact_3 { display: none} .prefooter.white h2 { font-size: 30px; line-height: 38px } .slider_product_holder p { padding-right: 40px; } .port1 { transform: scale(0.4); right: -40px } .port2 { transform: scale(0.4); right: -110px; top: -49px; } .port3 { display: none } .slider_product_holder .prod_img_holder img { transform: scale(0.9); } .prod_btn_arrow { opacity: 1; } .slider_product_holder .product_link { opacity: 1; margin-bottom: 0px; padding-bottom: 20px; } .single_post h1, .cat_social_holder, .art_content { padding: 0px; } .article_header { margin-top: 40px } body.home .more_relevant h2 { font-size: 30px; line-height: 110%;margin-bottom: 0px;padding-bottom: 0px;} .post_tags a { margin-bottom: 10px; } .modal-content .swiper-button-next { margin-right: 0% } .modal-content .swiper-button-prev { margin-left: 0% } .mission h2 { font-size: 48px; } .story h2 { font-size: 48px; } .environment h2 { font-size: 48px; } .cert h2 { font-size: 48px; } .mission_1 { transform: scale(0.3) } .mission_2 { transform: scale(0.3)} .mission_3 { transform: scale(0.3) } .environment .button_holder .btn { margin-bottom: 10px; } .environment, .cert { padding: 40px 0px } .hoverefect .viewmore { opacity: 1;padding-bottom: 10px; } .hero1 { position: absolute; width: 100px; height: 100px; background: url('img/hero/hero1.svg'); background-repeat: no-repeat; background-size: 100%; left: -120px; top: 50%; z-index: 0; transform: rotate(68deg) } .hero2 { position: absolute; width: 150px; height: 150px; background: url('img/hero/hero2.svg'); background-repeat: no-repeat; background-size: 100%; right: -90px; bottom: 10%; z-index: 0 } .hero3 { position: absolute; width: 120px; height: 214px; background: url('img/hero/hero3.svg'); background-repeat: no-repeat; background-size: 100%; right: -20px; bottom: 0%; z-index: 0 } .news3, .news1 { display: none } .more_relevant .single_news_holder .prod_btn_arrow { display: none } .single_news_holder .product_link { display: block } .news_scrolling_container { position: relative; overflow-x: scroll; padding-top: 40px } .news_scrolling_container .section { width: max-content } .news_scrolling_container .section .col { width: 300px; float: left; padding-right: 20px } .news_tag { font-size: 14px } .news_title { font-size: 16px; line-height: 140% } .news_date { font-size: 14px; font-weight: 300; padding-top: 10px } /*------------------------------------* SERVICES \*------------------------------------*/ .manufacturing h2 { font-size: 38px; line-height: 48px} .manufacturing .mission_1 { transform: scale(0.3) rotate(-27deg); top: -20%; right: -5%;} .manufacturing .mission_2 { transform: scale(0.3) } .manufacturing .mission_3 { transform: scale(0.3); top: -20%;} .design_proto h2 { font-size: 38px; line-height: 48px} .manu_img { margin-top: 0px; } .manu_img .flex_parent { display: flex } .manu_img .flex_parent .col { width: 49% } .manu_img .flex_parent .col img { width: 80%; height: auto } .manu_img_2 .flex_parent { display: flex } .manu_img_2 .flex_parent .col { width: 49% } .manu_img_2 .flex_parent .col img { width: 80%; height: auto } /*------------------------------------* PRODUCT QUICK \*------------------------------------*/ .product_page_intro .col { padding-right: 0px; padding-left: 0px } .product_page_intro .col+.col { padding-right: 0px; padding-left: 0px } .product_page_products h2 { font-size: 38px; line-height: 48px} .product_page_products .button_holder { margin-bottom: 20px;} .product_page_intro h2 { font-size: 38px; line-height: 48px} .product_page_tech h2 { font-size: 38px; line-height: 48px } .product_page_products:after { display: none } .product_page_products:before { display: none } .footer_menu_holder { text-align: center } .some_cont { clear: both; float: initial } .some_cont a { margin-left: 20px; margin-right: 20px } .products_list_holder .section .col:first-child .single_product_holder { padding-right: 0% } .products_list_holder .section .col:nth-child(2n) .single_product_holder { padding-left: 0%; padding-right: 0% } .products_list_holder .section .col:nth-child(3n) .single_product_holder { padding-left: 0%; } .product_page_products .prod_btn_arrow { display: none } #something2 .section .col:first-child .single_product_holder { padding-right: 0%; } .product_page { overflow-x: hidden } } @media only screen and (max-width: 768px) { } @media only screen and (max-width: 480px) { } @media only screen and (max-width: 375px) { } @media only screen and (max-width: 320px) { .manufacturing h2 { font-size: 32px; } .mission h2 { font-size: 32px; } .story h2 { font-size: 32px; } .environment h2 { font-size: 32px; } .cert h2 { font-size: 32px; } h1, .homepage_hero h1 { font-size: 42px; line-height: 52px; } .wrapper_small { width: 95% } } /*------------------------------------*\ MISC \*------------------------------------*/ ::selection { background:#04A4CC; color:#FFF; text-shadow:none; } ::-webkit-selection { background:#04A4CC; color:#FFF; text-shadow:none; } ::-moz-selection { background:#04A4CC; color:#FFF; text-shadow:none; } /*------------------------------------*\ WORDPRESS CORE \*------------------------------------*/ .alignnone { margin:5px 20px 20px 0; } .aligncenter, div.aligncenter { display:block; margin:5px auto 5px auto; } .alignright { float:right; margin:5px 0 20px 20px; } .alignleft { float:left; margin:5px 20px 20px 0; } a img.alignright { float:right; margin:5px 0 20px 20px; } a img.alignnone { margin:5px 20px 20px 0; } a img.alignleft { float:left; margin:5px 20px 20px 0; } a img.aligncenter { display:block; margin-left:auto; margin-right:auto; } .wp-caption { background:#FFF; border:1px solid #F0F0F0; max-width:96%; padding:5px 3px 10px; text-align:center; } .wp-caption.alignnone { margin:5px 20px 20px 0; } .wp-caption.alignleft { margin:5px 20px 20px 0; } .wp-caption.alignright { margin:5px 0 20px 20px; } .wp-caption img { border:0 none; height:auto; margin:0; max-width:98.5%; padding:0; width:auto; } .wp-caption .wp-caption-text, .gallery-caption { font-size:11px; line-height:17px; margin:0; padding:0 4px 5px; } .sticky { } .bypostauthor { } /*------------------------------------*\ PRINT \*------------------------------------*/ @media print { * { background:transparent !important; color:#000 !important; box-shadow:none !important; text-shadow:none !important; } a, a:visited { text-decoration:underline; } a[href]:after { content:" (" attr(href) ")"; } abbr[title]:after { content:" (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content:""; } pre,blockquote { border:1px solid #999; page-break-inside:avoid; } thead { display:table-header-group; } tr,img { page-break-inside:avoid; } img { max-width:100% !important; } @page { margin:0.5cm; } p, h2, h3 { orphans:3; widows:3; } h2, h3 { page-break-after:avoid; } }