diff --git a/frontend/drupal9/web/themes/custom/pro1ka/css/style.css b/frontend/drupal9/web/themes/custom/pro1ka/css/style.css index 47cb5f04d..7ea552257 100755 --- a/frontend/drupal9/web/themes/custom/pro1ka/css/style.css +++ b/frontend/drupal9/web/themes/custom/pro1ka/css/style.css @@ -1118,7 +1118,18 @@ input.error-field { right: 0%; bottom: auto; z-index: 140; - background-color: #fff; } + background-color: #fff; + /* .container { + -webkit-transition: all 1200ms linear; + -moz-transition: all 1200ms linear; + -o-transition: all 1200ms linear; + -ms-transition: all 1200ms linear; + transition: all 1200ms linear; + + &.hide{ + height: 0; + } + } */ } .nav-menu .logo { display: block; height: 71px; @@ -1164,7 +1175,8 @@ input.error-field { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; - flex: 0 0 auto; } + flex: 0 0 auto; + list-style: none; } .nav-menu .block-menu .list-elementi .nav-li a { display: block; padding-top: 20px; @@ -1240,7 +1252,8 @@ input.error-field { color: #0082ff; } .sidebar_menu ul li { padding: 0px; - margin: 0px; } + margin: 0px; + list-style: none; } .sidebar_menu ul li:hover { color: #0082ff; } .sidebar_menu ul li a { @@ -1259,8 +1272,18 @@ input.error-field { font-weight: 400; text-decoration: none; text-transform: none; } + .sidebar_menu ul li a.is-active { + color: #0082ff; } .sidebar_menu ul li a:hover { color: #0082ff; } + .sidebar_menu ul.menu-1ka li a { + margin-top: 10px; + text-transform: uppercase; + font-weight: 600; } + .sidebar_menu ul.menu-1ka ul.menu li a { + margin-top: 0px; + text-transform: none; + font-weight: 400; } a { color: #1e88e5; @@ -3780,13 +3803,20 @@ p { background-color: #1e88e5; } .secondary-button-white:hover { - color: #1e88e5 !important; } + color: #1e88e5 !important; + background-color: white; } + .secondary-button-white:hover img { + content: url("/tema1ka/svg/icons8-chevron-right.svg"); } .button-flyin-blue { background-color: #fff; } .main-button-white:hover { - color: white; } + background-color: #1e88e5; + color: white; + border: 1px solid #fff; } + .main-button-white:hover img { + content: url("/tema1ka/svg/icons8-chevron-right-bela.svg"); } .button-flyin.main { background-color: #004A90; } @@ -4244,14 +4274,26 @@ p { bottom: 30px; margin-top: 20px; background-color: #1e88e5; - color: #fff; } + color: #fff; + -webkit-transition: background-color 200ms linear; + -moz-transition: background-color 200ms linear; + -o-transition: background-color 200ms linear; + -ms-transition: background-color 200ms linear; + transition: background-color 200ms linear; } + .button-pricechart:hover { + background-color: #0040A9; } .button-pricechart.pcb-2 { background-color: #ffc700; color: #333; } + .button-pricechart.pcb-2:hover { + background-color: #1e88e5; + color: #fff; } .button-pricechart.pcb-3 { background-color: #0040A9; } + .button-pricechart.pcb-3:hover { + background-color: #1e88e5; } .pricing-icon-outer { display: -webkit-box; diff --git a/frontend/drupal9/web/themes/custom/pro1ka/js/script.js b/frontend/drupal9/web/themes/custom/pro1ka/js/script.js index 5233da863..2e15d10b9 100755 --- a/frontend/drupal9/web/themes/custom/pro1ka/js/script.js +++ b/frontend/drupal9/web/themes/custom/pro1ka/js/script.js @@ -1198,15 +1198,19 @@ }); + /* var prevScrollpos = window.pageYOffset; jQuery(window).scroll(function () { - var scroll = jQuery('.nav-container').offset().top; + var menu = jQuery('.nav-menu > .container'); - if (scroll > 50) { - jQuery('.nav-container').addClass('nav-sticky'); + var currentScrollPos = window.pageYOffset; + if (currentScrollPos - prevScrollpos > 0) { + menu.addClass("hide"); } else { - jQuery('.nav-container').removeClass('nav-sticky'); + menu.removeClass("hide"); } - }); + + prevScrollpos = currentScrollPos; + }); */ // BREADCRUM ZAMENJAMO ZNAK jQuery('.breadcrumb__separator').text(''); @@ -1588,8 +1592,5 @@ function prikaziPoljeEracun(){ } -/* Webflow.require('ix2').init( - {"events":{"e":{"id":"e","name":"","animationType":"custom","eventTypeId":"MOUSE_OVER","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-2"}},"mediaQueries":["main"],"target":{"selector":".nav-li1","originalId":"60f9932f0024f1b59709a368|dedd4b07-e905-c6e8-25a6-dbbb29628a17","appliesTo":"CLASS"},"targets":[{"selector":".nav-li1","originalId":"60f9932f0024f1b59709a368|dedd4b07-e905-c6e8-25a6-dbbb29628a17","appliesTo":"CLASS"}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1625674469111},"e-2":{"id":"e-2","name":"","animationType":"custom","eventTypeId":"MOUSE_OUT","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a-2","affectedElements":{},"playInReverse":false,"autoStopEventId":"e"}},"mediaQueries":["main"],"target":{"selector":".nav-li1","originalId":"60f9932f0024f1b59709a368|dedd4b07-e905-c6e8-25a6-dbbb29628a17","appliesTo":"CLASS"},"targets":[{"selector":".nav-li1","originalId":"60f9932f0024f1b59709a368|dedd4b07-e905-c6e8-25a6-dbbb29628a17","appliesTo":"CLASS"}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1625674469112},"e-3":{"id":"e-3","name":"","animationType":"custom","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a-6","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-4"}},"mediaQueries":["medium","small","tiny"],"target":{"selector":".nav-ul1","originalId":"60f9932f0024f1b59709a368|13fb6938-d180-f635-b238-0d3f280b5869","appliesTo":"CLASS"},"targets":[{"selector":".nav-ul1","originalId":"60f9932f0024f1b59709a368|13fb6938-d180-f635-b238-0d3f280b5869","appliesTo":"CLASS"}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1625749144425},"e-5":{"id":"e-5","name":"","animationType":"custom","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a-7","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-6"}},"mediaQueries":["main","medium","small","tiny"],"target":{"selector":".nav-ul2","originalId":"60f9932f0024f1b59709a368|9482d4b6-873c-7b2e-d07b-9450674a951d","appliesTo":"CLASS"},"targets":[{"selector":".nav-ul2","originalId":"60f9932f0024f1b59709a368|9482d4b6-873c-7b2e-d07b-9450674a951d","appliesTo":"CLASS"}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1625749362424},"e-7":{"id":"e-7","name":"","animationType":"custom","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a-8","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-8"}},"mediaQueries":["medium","small","tiny"],"target":{"selector":".nav-li1","originalId":"60f9932f0024f1b59709a368|dedd4b07-e905-c6e8-25a6-dbbb29628a17","appliesTo":"CLASS"},"targets":[{"selector":".nav-li1","originalId":"60f9932f0024f1b59709a368|dedd4b07-e905-c6e8-25a6-dbbb29628a17","appliesTo":"CLASS"}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1625749408800},"e-9":{"id":"e-9","name":"","animationType":"custom","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a-9","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-10"}},"mediaQueries":["medium","small","tiny"],"target":{"selector":".burger","originalId":"60f9932f0024f1b59709a368|1072c267-fda6-8075-14b9-d044b88e58b9","appliesTo":"CLASS"},"targets":[{"selector":".burger","originalId":"60f9932f0024f1b59709a368|1072c267-fda6-8075-14b9-d044b88e58b9","appliesTo":"CLASS"}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1625750223936},"e-10":{"id":"e-10","name":"","animationType":"custom","eventTypeId":"MOUSE_SECOND_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a-10","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-9"}},"mediaQueries":["medium","small","tiny"],"target":{"selector":".burger","originalId":"60f9932f0024f1b59709a368|1072c267-fda6-8075-14b9-d044b88e58b9","appliesTo":"CLASS"},"targets":[{"selector":".burger","originalId":"60f9932f0024f1b59709a368|1072c267-fda6-8075-14b9-d044b88e58b9","appliesTo":"CLASS"}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1625750223936},"e-11":{"id":"e-11","name":"","animationType":"custom","eventTypeId":"MOUSE_MOVE","action":{"id":"","actionTypeId":"GENERAL_CONTINUOUS_ACTION","config":{"actionListId":"a-11","affectedElements":{},"duration":0}},"mediaQueries":["main","medium","small","tiny"],"target":{"selector":".body-2","originalId":"60f9932f0024f1b59709a368|60e5d2142271e683c082a45d","appliesTo":"CLASS"},"targets":[{"selector":".body-2","originalId":"60f9932f0024f1b59709a368|60e5d2142271e683c082a45d","appliesTo":"CLASS"}],"config":[{"continuousParameterGroupId":"a-11-p","selectedAxis":"X_AXIS","basedOn":"ELEMENT","reverse":false,"smoothing":100,"restingState":50},{"continuousParameterGroupId":"a-11-p-2","selectedAxis":"Y_AXIS","basedOn":"ELEMENT","reverse":false,"smoothing":100,"restingState":50}],"createdOn":1627027146494},"e-12":{"id":"e-12","name":"","animationType":"custom","eventTypeId":"MOUSE_OVER","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a-12","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-13"}},"mediaQueries":["main","medium","small","tiny"],"target":{"selector":".button","originalId":"60f9932f0024f1b59709a368|8fe93542-3c5f-deb3-47e3-3dbf6b1cf25e","appliesTo":"CLASS"},"targets":[{"selector":".button","originalId":"60f9932f0024f1b59709a368|8fe93542-3c5f-deb3-47e3-3dbf6b1cf25e","appliesTo":"CLASS"}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1627028532983},"e-13":{"id":"e-13","name":"","animationType":"custom","eventTypeId":"MOUSE_OUT","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a-13","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-12"}},"mediaQueries":["main","medium","small","tiny"],"target":{"selector":".button","originalId":"60f9932f0024f1b59709a368|8fe93542-3c5f-deb3-47e3-3dbf6b1cf25e","appliesTo":"CLASS"},"targets":[{"selector":".button","originalId":"60f9932f0024f1b59709a368|8fe93542-3c5f-deb3-47e3-3dbf6b1cf25e","appliesTo":"CLASS"}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1627028532983},"e-14":{"id":"e-14","name":"","animationType":"custom","eventTypeId":"MOUSE_OVER","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a-14","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-15"}},"mediaQueries":["main"],"target":{"selector":".nav-li.menue-2-drop","originalId":"60f9932f0024f1b59709a368|ae4c89f8-00ae-0cee-fa6a-40fc0d271ab7","appliesTo":"CLASS"},"targets":[{"selector":".nav-li.menue-2-drop","originalId":"60f9932f0024f1b59709a368|ae4c89f8-00ae-0cee-fa6a-40fc0d271ab7","appliesTo":"CLASS"}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1628154810498},"e-15":{"id":"e-15","name":"","animationType":"custom","eventTypeId":"MOUSE_OUT","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a-15","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-14"}},"mediaQueries":["main"],"target":{"selector":".nav-li.menue-2-drop","originalId":"60f9932f0024f1b59709a368|ae4c89f8-00ae-0cee-fa6a-40fc0d271ab7","appliesTo":"CLASS"},"targets":[{"selector":".nav-li.menue-2-drop","originalId":"60f9932f0024f1b59709a368|ae4c89f8-00ae-0cee-fa6a-40fc0d271ab7","appliesTo":"CLASS"}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1628154810498},"e-16":{"id":"e-16","name":"","animationType":"custom","eventTypeId":"PAGE_SCROLL_UP","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a-16","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-17"}},"mediaQueries":["main"],"target":{"id":"60f9932f0024f1b59709a368","appliesTo":"PAGE","styleBlockIds":[]},"targets":[{"id":"60f9932f0024f1b59709a368","appliesTo":"PAGE","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":0,"scrollOffsetUnit":"%","delay":null,"direction":null,"effectIn":null},"createdOn":1628155769345},"e-17":{"id":"e-17","name":"","animationType":"custom","eventTypeId":"PAGE_SCROLL_DOWN","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a-17","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-16"}},"mediaQueries":["main"],"target":{"id":"60f9932f0024f1b59709a368","appliesTo":"PAGE","styleBlockIds":[]},"targets":[{"id":"60f9932f0024f1b59709a368","appliesTo":"PAGE","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":0,"scrollOffsetUnit":"%","delay":null,"direction":null,"effectIn":null},"createdOn":1628155769345},"e-18":{"id":"e-18","name":"","animationType":"preset","eventTypeId":"PAGE_SCROLL_UP","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a-16","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-19"}},"mediaQueries":["main"],"target":{"id":"610bb7e4dd5ffc1c7358398f","appliesTo":"PAGE","styleBlockIds":[]},"targets":[{"id":"610bb7e4dd5ffc1c7358398f","appliesTo":"PAGE","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":0,"scrollOffsetUnit":"%","delay":null,"direction":null,"effectIn":null},"createdOn":1628157924364},"e-19":{"id":"e-19","name":"","animationType":"preset","eventTypeId":"PAGE_SCROLL_DOWN","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a-17","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-18"}},"mediaQueries":["main"],"target":{"id":"610bb7e4dd5ffc1c7358398f","appliesTo":"PAGE","styleBlockIds":[]},"targets":[{"id":"610bb7e4dd5ffc1c7358398f","appliesTo":"PAGE","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":0,"scrollOffsetUnit":"%","delay":null,"direction":null,"effectIn":null},"createdOn":1628157924364},"e-20":{"id":"e-20","name":"","animationType":"preset","eventTypeId":"PAGE_SCROLL_UP","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a-16","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-21"}},"mediaQueries":["main"],"target":{"id":"610be2ee658bb42c8aefbaad","appliesTo":"PAGE","styleBlockIds":[]},"targets":[{"id":"610be2ee658bb42c8aefbaad","appliesTo":"PAGE","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":0,"scrollOffsetUnit":"%","delay":null,"direction":null,"effectIn":null},"createdOn":1628168941981},"e-21":{"id":"e-21","name":"","animationType":"preset","eventTypeId":"PAGE_SCROLL_DOWN","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a-17","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-20"}},"mediaQueries":["main"],"target":{"id":"610be2ee658bb42c8aefbaad","appliesTo":"PAGE","styleBlockIds":[]},"targets":[{"id":"610be2ee658bb42c8aefbaad","appliesTo":"PAGE","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":0,"scrollOffsetUnit":"%","delay":null,"direction":null,"effectIn":null},"createdOn":1628168941981},"e-22":{"id":"e-22","name":"","animationType":"custom","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a-18","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-23"}},"mediaQueries":["medium","small","tiny"],"target":{"selector":".manual-toggle","originalId":"610be2ee658bb42c8aefbaad|4ba45605-6151-4bd0-0d13-27a53cbf39c7","appliesTo":"CLASS"},"targets":[{"selector":".manual-toggle","originalId":"610be2ee658bb42c8aefbaad|4ba45605-6151-4bd0-0d13-27a53cbf39c7","appliesTo":"CLASS"}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1628171356083},"e-23":{"id":"e-23","name":"","animationType":"custom","eventTypeId":"MOUSE_SECOND_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a-19","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-22"}},"mediaQueries":["medium","small","tiny"],"target":{"selector":".manual-toggle","originalId":"610be2ee658bb42c8aefbaad|4ba45605-6151-4bd0-0d13-27a53cbf39c7","appliesTo":"CLASS"},"targets":[{"selector":".manual-toggle","originalId":"610be2ee658bb42c8aefbaad|4ba45605-6151-4bd0-0d13-27a53cbf39c7","appliesTo":"CLASS"}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1628171356084},"e-24":{"id":"e-24","animationType":"custom","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a-20","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-25"}},"mediaQueries":["main","medium","small","tiny"],"target":{"selector":".collapse-row","originalId":"610bb7e4dd5ffc1c7358398f|d44843fa-e64c-1756-6044-d52c398b5943","appliesTo":"CLASS"},"targets":[{"selector":".collapse-row","originalId":"610bb7e4dd5ffc1c7358398f|d44843fa-e64c-1756-6044-d52c398b5943","appliesTo":"CLASS"}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1583164301429},"e-25":{"id":"e-25","animationType":"custom","eventTypeId":"MOUSE_SECOND_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a-21","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-24"}},"mediaQueries":["main","medium","small","tiny"],"target":{"selector":".collapse-row","originalId":"610bb7e4dd5ffc1c7358398f|d44843fa-e64c-1756-6044-d52c398b5943","appliesTo":"CLASS"},"targets":[{"selector":".collapse-row","originalId":"610bb7e4dd5ffc1c7358398f|d44843fa-e64c-1756-6044-d52c398b5943","appliesTo":"CLASS"}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1583164301432},"e-26":{"id":"e-26","animationType":"custom","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a-22","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-27"}},"mediaQueries":["main","medium","small","tiny"],"target":{"selector":".accordion-head.first","originalId":"610bb7e4dd5ffc1c7358398f|d44843fa-e64c-1756-6044-d52c398b596b","appliesTo":"CLASS"},"targets":[{"selector":".accordion-head.first","originalId":"610bb7e4dd5ffc1c7358398f|d44843fa-e64c-1756-6044-d52c398b596b","appliesTo":"CLASS"}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1583165532346},"e-27":{"id":"e-27","animationType":"custom","eventTypeId":"MOUSE_SECOND_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a-23","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-26"}},"mediaQueries":["main","medium","small","tiny"],"target":{"selector":".accordion-head.first","originalId":"610bb7e4dd5ffc1c7358398f|d44843fa-e64c-1756-6044-d52c398b596b","appliesTo":"CLASS"},"targets":[{"selector":".accordion-head.first","originalId":"610bb7e4dd5ffc1c7358398f|d44843fa-e64c-1756-6044-d52c398b596b","appliesTo":"CLASS"}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1583165532350},"e-28":{"id":"e-28","animationType":"custom","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a-24","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-29"}},"mediaQueries":["main","medium","small","tiny"],"target":{"selector":".accordion-head.other","originalId":"610bb7e4dd5ffc1c7358398f|d44843fa-e64c-1756-6044-d52c398b5b38","appliesTo":"CLASS"},"targets":[{"selector":".accordion-head.other","originalId":"610bb7e4dd5ffc1c7358398f|d44843fa-e64c-1756-6044-d52c398b5b38","appliesTo":"CLASS"}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1583165595610},"e-29":{"id":"e-29","animationType":"custom","eventTypeId":"MOUSE_SECOND_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a-25","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-28"}},"mediaQueries":["main","medium","small","tiny"],"target":{"selector":".accordion-head.other","originalId":"610bb7e4dd5ffc1c7358398f|d44843fa-e64c-1756-6044-d52c398b5b38","appliesTo":"CLASS"},"targets":[{"selector":".accordion-head.other","originalId":"610bb7e4dd5ffc1c7358398f|d44843fa-e64c-1756-6044-d52c398b5b38","appliesTo":"CLASS"}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1583165595613},"e-30":{"id":"e-30","name":"","animationType":"preset","eventTypeId":"PAGE_SCROLL_UP","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a-16","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-31"}},"mediaQueries":["main"],"target":{"id":"6113a59e58e60ac295162b58","appliesTo":"PAGE","styleBlockIds":[]},"targets":[{"id":"6113a59e58e60ac295162b58","appliesTo":"PAGE","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":0,"scrollOffsetUnit":"%","delay":null,"direction":null,"effectIn":null},"createdOn":1628677535369},"e-31":{"id":"e-31","name":"","animationType":"preset","eventTypeId":"PAGE_SCROLL_DOWN","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a-17","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-30"}},"mediaQueries":["main"],"target":{"id":"6113a59e58e60ac295162b58","appliesTo":"PAGE","styleBlockIds":[]},"targets":[{"id":"6113a59e58e60ac295162b58","appliesTo":"PAGE","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":0,"scrollOffsetUnit":"%","delay":null,"direction":null,"effectIn":null},"createdOn":1628677535369},"e-32":{"id":"e-32","name":"","animationType":"custom","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a-26","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-33"}},"mediaQueries":["main","medium","small","tiny"],"target":{"selector":".searchbutton","originalId":"ade9759d-10a7-26c1-62cf-1b7c0b17667b","appliesTo":"CLASS"},"targets":[{"selector":".searchbutton","originalId":"ade9759d-10a7-26c1-62cf-1b7c0b17667b","appliesTo":"CLASS"}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1629279051066},"e-36":{"id":"e-36","name":"","animationType":"custom","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a-27","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-37"}},"mediaQueries":["main","medium","small","tiny"],"target":{"selector":".hide-search","originalId":"7c51c1a7-f075-262f-00ee-5197922cc5a6","appliesTo":"CLASS"},"targets":[{"selector":".hide-search","originalId":"7c51c1a7-f075-262f-00ee-5197922cc5a6","appliesTo":"CLASS"}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1629279241184},"e-38":{"id":"e-38","name":"","animationType":"preset","eventTypeId":"PAGE_SCROLL_UP","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a-16","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-39"}},"mediaQueries":["main"],"target":{"id":"61237042b500ae3f14a0d2f7","appliesTo":"PAGE","styleBlockIds":[]},"targets":[{"id":"61237042b500ae3f14a0d2f7","appliesTo":"PAGE","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":0,"scrollOffsetUnit":"%","delay":null,"direction":null,"effectIn":null},"createdOn":1629712451064},"e-39":{"id":"e-39","name":"","animationType":"preset","eventTypeId":"PAGE_SCROLL_DOWN","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a-17","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-38"}},"mediaQueries":["main"],"target":{"id":"61237042b500ae3f14a0d2f7","appliesTo":"PAGE","styleBlockIds":[]},"targets":[{"id":"61237042b500ae3f14a0d2f7","appliesTo":"PAGE","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":0,"scrollOffsetUnit":"%","delay":null,"direction":null,"effectIn":null},"createdOn":1629712451064},"e-40":{"id":"e-40","name":"","animationType":"preset","eventTypeId":"PAGE_SCROLL_UP","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a-16","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-41"}},"mediaQueries":["main"],"target":{"id":"61237089294c915b0e8d4b7e","appliesTo":"PAGE","styleBlockIds":[]},"targets":[{"id":"61237089294c915b0e8d4b7e","appliesTo":"PAGE","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":0,"scrollOffsetUnit":"%","delay":null,"direction":null,"effectIn":null},"createdOn":1629712521928},"e-41":{"id":"e-41","name":"","animationType":"preset","eventTypeId":"PAGE_SCROLL_DOWN","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a-17","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-40"}},"mediaQueries":["main"],"target":{"id":"61237089294c915b0e8d4b7e","appliesTo":"PAGE","styleBlockIds":[]},"targets":[{"id":"61237089294c915b0e8d4b7e","appliesTo":"PAGE","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":0,"scrollOffsetUnit":"%","delay":null,"direction":null,"effectIn":null},"createdOn":1629712521928},"e-42":{"id":"e-42","name":"","animationType":"preset","eventTypeId":"PAGE_SCROLL_UP","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a-16","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-43"}},"mediaQueries":["main"],"target":{"id":"612373c035c7979f35e5809f","appliesTo":"PAGE","styleBlockIds":[]},"targets":[{"id":"612373c035c7979f35e5809f","appliesTo":"PAGE","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":0,"scrollOffsetUnit":"%","delay":null,"direction":null,"effectIn":null},"createdOn":1629713345045},"e-43":{"id":"e-43","name":"","animationType":"preset","eventTypeId":"PAGE_SCROLL_DOWN","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","config":{"delay":0,"easing":"","duration":0,"actionListId":"a-17","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-42"}},"mediaQueries":["main"],"target":{"id":"612373c035c7979f35e5809f","appliesTo":"PAGE","styleBlockIds":[]},"targets":[{"id":"612373c035c7979f35e5809f","appliesTo":"PAGE","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":0,"scrollOffsetUnit":"%","delay":null,"direction":null,"effectIn":null},"createdOn":1629713345045}},"actionLists":{"a":{"id":"a","title":"NAV","actionItemGroups":[{"actionItems":[{"id":"a-n","actionTypeId":"GENERAL_DISPLAY","config":{"delay":0,"easing":"","duration":0,"target":{"useEventTarget":"CHILDREN","selector":".nav-ul2","selectorGuids":["f3ccc6f0-3451-8105-76d8-959f04676870"]},"value":"none"}}]},{"actionItems":[{"id":"a-n-2","actionTypeId":"GENERAL_DISPLAY","config":{"delay":0,"easing":"","duration":0,"target":{"useEventTarget":"CHILDREN","selector":".nav-ul2","selectorGuids":["f3ccc6f0-3451-8105-76d8-959f04676870"]},"value":"block"}}]}],"useFirstGroupAsInitialState":true,"createdOn":1625674472351},"a-2":{"id":"a-2","title":"NAV 2","actionItemGroups":[{"actionItems":[{"id":"a-2-n-2","actionTypeId":"GENERAL_DISPLAY","config":{"delay":0,"easing":"","duration":0,"target":{"useEventTarget":"CHILDREN","selector":".nav-ul2","selectorGuids":["f3ccc6f0-3451-8105-76d8-959f04676870"]},"value":"none"}}]}],"useFirstGroupAsInitialState":false,"createdOn":1625674472351},"a-6":{"id":"a-6","title":"navmobile-2","actionItemGroups":[{"actionItems":[{"id":"a-6-n","actionTypeId":"TRANSFORM_MOVE","config":{"delay":0,"easing":"outQuint","duration":500,"target":{"selector":".nav-ul1","selectorGuids":["1cf506fd-aedc-a1a1-15a3-674e47a2b322"]},"xValue":-100,"xUnit":"%","yUnit":"PX","zUnit":"PX"}}]},{"actionItems":[{"id":"a-6-n-2","actionTypeId":"GENERAL_DISPLAY","config":{"delay":0,"easing":"","duration":0,"target":{},"value":"block"}}]}],"useFirstGroupAsInitialState":false,"createdOn":1625749148279},"a-7":{"id":"a-7","title":"navmobile-2 2","actionItemGroups":[{"actionItems":[{"id":"a-7-n","actionTypeId":"TRANSFORM_MOVE","config":{"delay":0,"easing":"outQuint","duration":500,"target":{"selector":".nav-ul1","selectorGuids":["1cf506fd-aedc-a1a1-15a3-674e47a2b322"]},"xValue":0,"xUnit":"%","yUnit":"PX","zUnit":"PX"}}]},{"actionItems":[{"id":"a-7-n-2","actionTypeId":"GENERAL_DISPLAY","config":{"delay":0,"easing":"","duration":0,"target":{"selector":".nav-ul2","selectorGuids":["f3ccc6f0-3451-8105-76d8-959f04676870"]},"value":"none"}}]}],"useFirstGroupAsInitialState":false,"createdOn":1625749148279},"a-8":{"id":"a-8","title":"show-mobile-l2","actionItemGroups":[{"actionItems":[{"id":"a-8-n","actionTypeId":"GENERAL_DISPLAY","config":{"delay":0,"easing":"","duration":0,"target":{"useEventTarget":"CHILDREN","selector":".nav-ul2","selectorGuids":["f3ccc6f0-3451-8105-76d8-959f04676870"]},"value":"block"}}]}],"useFirstGroupAsInitialState":false,"createdOn":1625749412647},"a-9":{"id":"a-9","title":"sidenav-flyin","actionItemGroups":[{"actionItems":[{"id":"a-9-n","actionTypeId":"TRANSFORM_MOVE","config":{"delay":0,"easing":"","duration":500,"target":{"selector":".div-block-6","selectorGuids":["92db9b7b-210b-310d-e27f-276e1b313123"]},"xValue":-100,"xUnit":"%","yUnit":"PX","zUnit":"PX"}},{"id":"a-9-n-4","actionTypeId":"GENERAL_DISPLAY","config":{"delay":0,"easing":"","duration":0,"target":{"selector":".div-block-6","selectorGuids":["92db9b7b-210b-310d-e27f-276e1b313123"]},"value":"block"}}]},{"actionItems":[{"id":"a-9-n-2","actionTypeId":"TRANSFORM_MOVE","config":{"delay":0,"easing":"outQuint","duration":500,"target":{"selector":".div-block-6","selectorGuids":["92db9b7b-210b-310d-e27f-276e1b313123"]},"xValue":0,"xUnit":"%","yUnit":"PX","zUnit":"PX"}},{"id":"a-9-n-3","actionTypeId":"PLUGIN_LOTTIE","config":{"delay":0,"easing":"outQuint","duration":500,"target":{"selector":".burger","selectorGuids":["817d614e-966c-3aa3-367a-412704ad370f"]},"value":45}}]}],"useFirstGroupAsInitialState":true,"createdOn":1625750226967},"a-10":{"id":"a-10","title":"sidenav-flyin 2","actionItemGroups":[{"actionItems":[{"id":"a-10-n","actionTypeId":"TRANSFORM_MOVE","config":{"delay":0,"easing":"outQuint","duration":500,"target":{"selector":".div-block-6","selectorGuids":["92db9b7b-210b-310d-e27f-276e1b313123"]},"xValue":-100,"xUnit":"%","yUnit":"PX","zUnit":"PX"}},{"id":"a-10-n-2","actionTypeId":"PLUGIN_LOTTIE","config":{"delay":0,"easing":"outQuint","duration":500,"target":{"selector":".burger","selectorGuids":["817d614e-966c-3aa3-367a-412704ad370f"]},"value":96}}]}],"useFirstGroupAsInitialState":false,"createdOn":1625750226967},"a-11":{"id":"a-11","title":"kv-mouse","continuousParameterGroups":[{"id":"a-11-p","type":"MOUSE_X","parameterLabel":"Mouse X","continuousActionGroups":[{"keyframe":0,"actionItems":[{"id":"a-11-n","actionTypeId":"TRANSFORM_MOVE","config":{"delay":0,"easing":"","duration":500,"target":{"useEventTarget":"CHILDREN","selector":".kv-image-3.l1","selectorGuids":["a64ad2cd-b317-a2b2-a938-2954fd2608fb","ff78b566-b269-a439-b7b0-e8c461961f9d"]},"xValue":10,"xUnit":"px","yUnit":"PX","zUnit":"PX"}},{"id":"a-11-n-8","actionTypeId":"TRANSFORM_MOVE","config":{"delay":0,"easing":"","duration":500,"target":{"useEventTarget":"CHILDREN","selector":".kv-image-3.l3","selectorGuids":["a64ad2cd-b317-a2b2-a938-2954fd2608fb","fcef4bca-7125-7cdf-bf17-0dac435799e2"]},"xValue":30,"xUnit":"px","yUnit":"PX","zUnit":"PX"}},{"id":"a-11-n-9","actionTypeId":"TRANSFORM_MOVE","config":{"delay":0,"easing":"","duration":500,"target":{"useEventTarget":"CHILDREN","selector":".kv-image-3.i2","selectorGuids":["a64ad2cd-b317-a2b2-a938-2954fd2608fb","b969a844-640d-73bb-21e0-1f19bbe43722"]},"xValue":20,"xUnit":"px","yUnit":"PX","zUnit":"PX"}}]},{"keyframe":100,"actionItems":[{"id":"a-11-n-2","actionTypeId":"TRANSFORM_MOVE","config":{"delay":0,"easing":"","duration":500,"target":{"useEventTarget":"CHILDREN","selector":".kv-image-3.l1","selectorGuids":["a64ad2cd-b317-a2b2-a938-2954fd2608fb","ff78b566-b269-a439-b7b0-e8c461961f9d"]},"xValue":-10,"xUnit":"px","yUnit":"PX","zUnit":"PX"}},{"id":"a-11-n-7","actionTypeId":"TRANSFORM_MOVE","config":{"delay":0,"easing":"","duration":500,"target":{"useEventTarget":"CHILDREN","selector":".kv-image-3.l3","selectorGuids":["a64ad2cd-b317-a2b2-a938-2954fd2608fb","fcef4bca-7125-7cdf-bf17-0dac435799e2"]},"xValue":-30,"xUnit":"px","yUnit":"PX","zUnit":"PX"}},{"id":"a-11-n-10","actionTypeId":"TRANSFORM_MOVE","config":{"delay":0,"easing":"","duration":500,"target":{"useEventTarget":"CHILDREN","selector":".kv-image-3.i2","selectorGuids":["a64ad2cd-b317-a2b2-a938-2954fd2608fb","b969a844-640d-73bb-21e0-1f19bbe43722"]},"xValue":-20,"xUnit":"px","yUnit":"PX","zUnit":"PX"}}]}]},{"id":"a-11-p-2","type":"MOUSE_Y","parameterLabel":"Mouse Y","continuousActionGroups":[]}],"createdOn":1626969948966},"a-12":{"id":"a-12","title":"button-anime","actionItemGroups":[{"actionItems":[{"id":"a-12-n","actionTypeId":"TRANSFORM_MOVE","config":{"delay":0,"easing":"","duration":500,"target":{"useEventTarget":"CHILDREN","selector":".button-flyin","selectorGuids":["4bca6185-ae91-dc6a-d039-21690e253ab3"]},"xValue":-100,"xUnit":"%","yUnit":"PX","zUnit":"PX"}},{"id":"a-12-n-3","actionTypeId":"GENERAL_DISPLAY","config":{"delay":0,"easing":"","duration":0,"target":{"useEventTarget":"CHILDREN","selector":".button-flyin","selectorGuids":["4bca6185-ae91-dc6a-d039-21690e253ab3"]},"value":"block"}}]},{"actionItems":[{"id":"a-12-n-2","actionTypeId":"TRANSFORM_MOVE","config":{"delay":0,"easing":"outQuint","duration":500,"target":{"useEventTarget":"CHILDREN","selector":".button-flyin","selectorGuids":["4bca6185-ae91-dc6a-d039-21690e253ab3"]},"xValue":0,"xUnit":"px","yUnit":"PX","zUnit":"PX"}},{"id":"a-12-n-4","actionTypeId":"TRANSFORM_MOVE","config":{"delay":0,"easing":"","duration":300,"target":{"useEventTarget":"CHILDREN","selector":".button-right-arrow","selectorGuids":["8c44f078-dd95-45cb-cf6f-094dba1c1bdf"]},"xValue":63,"xUnit":"px","yUnit":"PX","zUnit":"PX"}}]}],"useFirstGroupAsInitialState":true,"createdOn":1627028210124},"a-13":{"id":"a-13","title":"button-anime 2","actionItemGroups":[{"actionItems":[{"id":"a-13-n-2","actionTypeId":"TRANSFORM_MOVE","config":{"delay":0,"easing":"outQuint","duration":500,"target":{"useEventTarget":"CHILDREN","selector":".button-flyin","selectorGuids":["4bca6185-ae91-dc6a-d039-21690e253ab3"]},"xValue":-100,"xUnit":"%","yUnit":"PX","zUnit":"PX"}},{"id":"a-13-n-3","actionTypeId":"TRANSFORM_MOVE","config":{"delay":0,"easing":"outQuint","duration":500,"target":{"useEventTarget":"CHILDREN","selector":".button-right-arrow","selectorGuids":["8c44f078-dd95-45cb-cf6f-094dba1c1bdf"]},"xValue":0,"xUnit":"px","yUnit":"PX","zUnit":"PX"}}]}],"useFirstGroupAsInitialState":false,"createdOn":1627028210124},"a-14":{"id":"a-14","title":"nav2","actionItemGroups":[{"actionItems":[{"id":"a-14-n","actionTypeId":"STYLE_SIZE","config":{"delay":0,"easing":"","duration":500,"target":{"useEventTarget":"CHILDREN","selector":".nav-ul-2","selectorGuids":["c7cfbdea-767b-aaa1-5dae-936876dd3387"]},"heightValue":0,"widthUnit":"PX","heightUnit":"px","locked":false}},{"id":"a-14-n-3","actionTypeId":"GENERAL_DISPLAY","config":{"delay":0,"easing":"","duration":0,"target":{"useEventTarget":"CHILDREN","selector":".nav-ul-2","selectorGuids":["c7cfbdea-767b-aaa1-5dae-936876dd3387"]},"value":"flex"}}]},{"actionItems":[{"id":"a-14-n-2","actionTypeId":"STYLE_SIZE","config":{"delay":0,"easing":"outQuint","duration":500,"target":{"useEventTarget":"CHILDREN","selector":".nav-ul-2","selectorGuids":["c7cfbdea-767b-aaa1-5dae-936876dd3387"]},"widthUnit":"PX","heightUnit":"AUTO","locked":false}}]}],"useFirstGroupAsInitialState":true,"createdOn":1628154815729},"a-15":{"id":"a-15","title":"nav2 2","actionItemGroups":[{"actionItems":[{"id":"a-15-n-2","actionTypeId":"STYLE_SIZE","config":{"delay":0,"easing":"outQuint","duration":500,"target":{"useEventTarget":"CHILDREN","selector":".nav-ul-2","selectorGuids":["c7cfbdea-767b-aaa1-5dae-936876dd3387"]},"heightValue":0,"widthUnit":"PX","heightUnit":"px","locked":false}}]}],"useFirstGroupAsInitialState":false,"createdOn":1628154815729},"a-16":{"id":"a-16","title":"pagescroll nav","actionItemGroups":[{"actionItems":[{"id":"a-16-n","actionTypeId":"TRANSFORM_MOVE","config":{"delay":0,"easing":"outQuint","duration":500,"target":{"selector":".navmenu","selectorGuids":["e3c30e2a-7400-b54b-8bda-ce72f11c36cf"]},"yValue":0,"xUnit":"PX","yUnit":"px","zUnit":"PX"}}]}],"useFirstGroupAsInitialState":false,"createdOn":1628155773632},"a-17":{"id":"a-17","title":"pagescroll nav 2","actionItemGroups":[{"actionItems":[{"id":"a-17-n","actionTypeId":"TRANSFORM_MOVE","config":{"delay":0,"easing":"outQuint","duration":500,"target":{"selector":".navmenu","selectorGuids":["e3c30e2a-7400-b54b-8bda-ce72f11c36cf"]},"yValue":-100,"xUnit":"PX","yUnit":"%","zUnit":"PX"}}]}],"useFirstGroupAsInitialState":false,"createdOn":1628155773632},"a-18":{"id":"a-18","title":"manual","actionItemGroups":[{"actionItems":[{"id":"a-18-n-2","actionTypeId":"GENERAL_DISPLAY","config":{"delay":0,"easing":"","duration":0,"target":{"selector":".sidenav","selectorGuids":["a44a47a5-720d-2dfe-d966-2f8e0988228c"]},"value":"block"}},{"id":"a-18-n","actionTypeId":"TRANSFORM_MOVE","config":{"delay":0,"easing":"","duration":500,"target":{"selector":".sidenav","selectorGuids":["a44a47a5-720d-2dfe-d966-2f8e0988228c"]},"xValue":100,"xUnit":"%","yUnit":"PX","zUnit":"PX"}}]},{"actionItems":[{"id":"a-18-n-3","actionTypeId":"TRANSFORM_MOVE","config":{"delay":0,"easing":"outQuint","duration":500,"target":{"selector":".sidenav","selectorGuids":["a44a47a5-720d-2dfe-d966-2f8e0988228c"]},"xValue":0,"xUnit":"%","yUnit":"PX","zUnit":"PX"}}]}],"useFirstGroupAsInitialState":true,"createdOn":1628171359911},"a-19":{"id":"a-19","title":"manual 2","actionItemGroups":[{"actionItems":[{"id":"a-19-n-3","actionTypeId":"TRANSFORM_MOVE","config":{"delay":0,"easing":"outQuint","duration":500,"target":{"selector":".sidenav","selectorGuids":["a44a47a5-720d-2dfe-d966-2f8e0988228c"]},"xValue":100,"xUnit":"%","yUnit":"PX","zUnit":"PX"}}]}],"useFirstGroupAsInitialState":false,"createdOn":1628171359911},"a-20":{"id":"a-20","title":"razpri vse","actionItemGroups":[{"actionItems":[{"id":"a-20-n","actionTypeId":"STYLE_SIZE","config":{"delay":0,"easing":"","duration":500,"target":{"selector":".accordion-toggle","selectorGuids":["27fecf28-b00c-055c-4075-62fcf84220a3"]},"widthUnit":"PX","heightUnit":"AUTO","locked":false}},{"id":"a-20-n-2","actionTypeId":"STYLE_SIZE","config":{"delay":0,"easing":"inOutQuint","duration":500,"target":{"selector":".accordion-toggle-2","selectorGuids":["27fecf28-b00c-055c-4075-62fcf8422099"]},"widthUnit":"PX","heightUnit":"AUTO","locked":false}},{"id":"a-20-n-3","actionTypeId":"TRANSFORM_ROTATE","config":{"delay":0,"easing":"","duration":200,"target":{},"zValue":180,"xUnit":"DEG","yUnit":"DEG","zUnit":"DEG"}},{"id":"a-20-n-4","actionTypeId":"GENERAL_DISPLAY","config":{"delay":0,"easing":"","duration":0,"target":{},"value":"inline-block"}},{"id":"a-20-n-5","actionTypeId":"GENERAL_DISPLAY","config":{"delay":0,"easing":"","duration":0,"target":{},"value":"none"}}]}],"useFirstGroupAsInitialState":false,"createdOn":1583164305473},"a-21":{"id":"a-21","title":"razpri vse 2","actionItemGroups":[{"actionItems":[{"id":"a-21-n","actionTypeId":"STYLE_SIZE","config":{"delay":0,"easing":"inOutQuint","duration":500,"target":{"selector":".accordion-toggle","selectorGuids":["27fecf28-b00c-055c-4075-62fcf84220a3"]},"heightValue":0,"widthUnit":"PX","heightUnit":"PX","locked":false}},{"id":"a-21-n-2","actionTypeId":"STYLE_SIZE","config":{"delay":0,"easing":"inOutQuint","duration":500,"target":{"selector":".accordion-toggle-2","selectorGuids":["27fecf28-b00c-055c-4075-62fcf8422099"]},"heightValue":0,"widthUnit":"PX","heightUnit":"PX","locked":false}},{"id":"a-21-n-3","actionTypeId":"TRANSFORM_ROTATE","config":{"delay":0,"easing":"","duration":200,"target":{},"zValue":0,"xUnit":"DEG","yUnit":"DEG","zUnit":"DEG"}},{"id":"a-21-n-4","actionTypeId":"GENERAL_DISPLAY","config":{"delay":0,"easing":"","duration":0,"target":{},"value":"none"}},{"id":"a-21-n-5","actionTypeId":"GENERAL_DISPLAY","config":{"delay":0,"easing":"","duration":0,"target":{},"value":"inline-block"}}]}],"useFirstGroupAsInitialState":false,"createdOn":1583164305473},"a-22":{"id":"a-22","title":"accordion-FIRST","actionItemGroups":[{"actionItems":[{"id":"a-22-n","actionTypeId":"STYLE_SIZE","config":{"delay":0,"easing":"inOutQuint","duration":500,"target":{"useEventTarget":"SIBLINGS","selector":".accordion-toggle-2","selectorGuids":["27fecf28-b00c-055c-4075-62fcf8422099"]},"heightValue":0,"widthUnit":"PX","heightUnit":"PX","locked":false}},{"id":"a-22-n-2","actionTypeId":"TRANSFORM_ROTATE","config":{"delay":0,"easing":"","duration":200,"target":{"useEventTarget":"CHILDREN","selector":".accordion-arrow","selectorGuids":["27fecf28-b00c-055c-4075-62fcf8422098"]},"zValue":180,"xUnit":"DEG","yUnit":"DEG","zUnit":"DEG"}}]}],"useFirstGroupAsInitialState":false,"createdOn":1582028217351},"a-23":{"id":"a-23","title":"accordion-FIRTST-2","actionItemGroups":[{"actionItems":[{"id":"a-23-n","actionTypeId":"TRANSFORM_ROTATE","config":{"delay":0,"easing":"","duration":200,"target":{"useEventTarget":"CHILDREN","selector":".accordion-arrow","selectorGuids":["27fecf28-b00c-055c-4075-62fcf8422098"]},"zValue":0,"xUnit":"DEG","yUnit":"DEG","zUnit":"DEG"}},{"id":"a-23-n-2","actionTypeId":"STYLE_SIZE","config":{"delay":0,"easing":"inOutQuint","duration":500,"target":{"useEventTarget":"SIBLINGS","selector":".accordion-toggle-2","selectorGuids":["27fecf28-b00c-055c-4075-62fcf8422099"]},"widthUnit":"PX","heightUnit":"AUTO","locked":false}}]}],"useFirstGroupAsInitialState":false,"createdOn":1582028217351},"a-24":{"id":"a-24","title":"accordion-toggle","actionItemGroups":[{"actionItems":[{"id":"a-24-n","actionTypeId":"STYLE_SIZE","config":{"delay":0,"easing":"","duration":500,"target":{"useEventTarget":"SIBLINGS","selector":".accordion-toggle","selectorGuids":["27fecf28-b00c-055c-4075-62fcf84220a3"]},"heightValue":0,"widthUnit":"PX","heightUnit":"PX","locked":false}}]},{"actionItems":[{"id":"a-24-n-2","actionTypeId":"STYLE_SIZE","config":{"delay":0,"easing":"inOutQuint","duration":500,"target":{"useEventTarget":"SIBLINGS","selector":".accordion-toggle","selectorGuids":["27fecf28-b00c-055c-4075-62fcf84220a3"]},"widthUnit":"PX","heightUnit":"AUTO","locked":false}},{"id":"a-24-n-3","actionTypeId":"TRANSFORM_ROTATE","config":{"delay":0,"easing":"","duration":200,"target":{"useEventTarget":"CHILDREN","selector":".accordion-arrow","selectorGuids":["27fecf28-b00c-055c-4075-62fcf8422098"]},"zValue":180,"xUnit":"DEG","yUnit":"DEG","zUnit":"DEG"}}]}],"useFirstGroupAsInitialState":true,"createdOn":1582028217351},"a-25":{"id":"a-25","title":"accordion-toggle 2","actionItemGroups":[{"actionItems":[{"id":"a-25-n","actionTypeId":"STYLE_SIZE","config":{"delay":0,"easing":"inOutQuint","duration":500,"target":{"useEventTarget":"SIBLINGS","selector":".accordion-toggle","selectorGuids":["27fecf28-b00c-055c-4075-62fcf84220a3"]},"heightValue":0,"widthUnit":"PX","heightUnit":"PX","locked":false}},{"id":"a-25-n-2","actionTypeId":"TRANSFORM_ROTATE","config":{"delay":0,"easing":"","duration":200,"target":{"useEventTarget":"CHILDREN","selector":".accordion-arrow","selectorGuids":["27fecf28-b00c-055c-4075-62fcf8422098"]},"zValue":0,"xUnit":"DEG","yUnit":"DEG","zUnit":"DEG"}}]}],"useFirstGroupAsInitialState":false,"createdOn":1582028217351},"a-26":{"id":"a-26","title":"search","actionItemGroups":[{"actionItems":[{"id":"a-26-n","actionTypeId":"GENERAL_DISPLAY","config":{"delay":0,"easing":"","duration":0,"target":{"selector":".searchform","selectorGuids":["94c6bb59-c95b-460b-fc47-f2bd6ac7116a"]},"value":"block"}},{"id":"a-26-n-2","actionTypeId":"TRANSFORM_MOVE","config":{"delay":0,"easing":"","duration":500,"target":{"selector":".searchform","selectorGuids":["94c6bb59-c95b-460b-fc47-f2bd6ac7116a"]},"yValue":-100,"xUnit":"PX","yUnit":"%","zUnit":"PX"}}]},{"actionItems":[{"id":"a-26-n-3","actionTypeId":"TRANSFORM_MOVE","config":{"delay":0,"easing":"outQuint","duration":500,"target":{"selector":".searchform","selectorGuids":["94c6bb59-c95b-460b-fc47-f2bd6ac7116a"]},"yValue":0,"xUnit":"PX","yUnit":"%","zUnit":"PX"}}]}],"useFirstGroupAsInitialState":true,"createdOn":1629279054583},"a-27":{"id":"a-27","title":"search 2","actionItemGroups":[{"actionItems":[{"id":"a-27-n","actionTypeId":"TRANSFORM_MOVE","config":{"delay":0,"easing":"outQuint","duration":500,"target":{"useEventTarget":"PARENT","selector":".searchform","selectorGuids":["94c6bb59-c95b-460b-fc47-f2bd6ac7116a"]},"yValue":-100,"xUnit":"PX","yUnit":"%","zUnit":"PX"}}]}],"useFirstGroupAsInitialState":false,"createdOn":1629279054583}},"site":{"mediaQueries":[{"key":"main","min":992,"max":10000},{"key":"medium","min":768,"max":991},{"key":"small","min":480,"max":767},{"key":"tiny","min":0,"max":479}]}} - ); */ diff --git a/frontend/drupal9/web/themes/custom/pro1ka/sass/bolaric/1ka.scss b/frontend/drupal9/web/themes/custom/pro1ka/sass/bolaric/1ka.scss index d24ae14b6..164488ba3 100644 --- a/frontend/drupal9/web/themes/custom/pro1ka/sass/bolaric/1ka.scss +++ b/frontend/drupal9/web/themes/custom/pro1ka/sass/bolaric/1ka.scss @@ -1321,15 +1321,34 @@ p { margin-top: 20px; background-color: #1e88e5; color: #fff; + + -webkit-transition: background-color 200ms linear; + -moz-transition: background-color 200ms linear; + -o-transition: background-color 200ms linear; + -ms-transition: background-color 200ms linear; + transition: background-color 200ms linear; + + &:hover{ + background-color: #0040A9; + } } .button-pricechart.pcb-2 { background-color: #ffc700; color: #333; + + &:hover{ + background-color: #1e88e5; + color: #fff; + } } .button-pricechart.pcb-3 { background-color: #0040A9; + + &:hover{ + background-color: #1e88e5; + } } .pricing-icon-outer { diff --git a/frontend/drupal9/web/themes/custom/pro1ka/sass/components/_menu.scss b/frontend/drupal9/web/themes/custom/pro1ka/sass/components/_menu.scss index f97549a1e..69f8676e5 100755 --- a/frontend/drupal9/web/themes/custom/pro1ka/sass/components/_menu.scss +++ b/frontend/drupal9/web/themes/custom/pro1ka/sass/components/_menu.scss @@ -8,6 +8,17 @@ //height: 70px; background-color: #fff; +/* .container { + -webkit-transition: all 1200ms linear; + -moz-transition: all 1200ms linear; + -o-transition: all 1200ms linear; + -ms-transition: all 1200ms linear; + transition: all 1200ms linear; + + &.hide{ + height: 0; + } + } */ .logo{ display: block; @@ -60,6 +71,7 @@ -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; + list-style: none; a { display: block; @@ -78,7 +90,6 @@ } } - &.menue-2-drop{ display: block; @@ -166,11 +177,11 @@ li { padding: 0px; margin: 0px; + list-style: none; &:hover { color: #0082ff; - } - + } a{ -webkit-flex-wrap: wrap; @@ -189,6 +200,10 @@ text-decoration: none; text-transform: none; + &.is-active{ + color: #0082ff; + } + &:hover { color: #0082ff; } @@ -196,4 +211,25 @@ } } + ul.menu-1ka{ + li{ + a{ + margin-top: 10px; + text-transform: uppercase; + font-weight: 600; + } + } + + ul.menu{ + li{ + a{ + margin-top: 0px; + text-transform: none; + font-weight: 400; + } + } + } + } + + } diff --git a/frontend/drupal9/web/themes/custom/pro1ka/sass/style.css b/frontend/drupal9/web/themes/custom/pro1ka/sass/style.css new file mode 100644 index 000000000..8256cc70e --- /dev/null +++ b/frontend/drupal9/web/themes/custom/pro1ka/sass/style.css @@ -0,0 +1,5566 @@ +@charset "UTF-8"; +/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ +/** + * 1. Set default font family to sans-serif. + * 2. Prevent iOS and IE text size adjust after device orientation change, + * without disabling user zoom. + */ +@import url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap"); +@import url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap"); +html { + font-family: sans-serif; + /* 1 */ + -ms-text-size-adjust: 100%; + /* 2 */ + -webkit-text-size-adjust: 100%; + /* 2 */ } + +/** + * Remove default margin. + */ +body { + margin: 0; } + +/* HTML5 display definitions + ========================================================================== */ +/** + * Correct `block` display not defined for any HTML5 element in IE 8/9. + * Correct `block` display not defined for `details` or `summary` in IE 10/11 + * and Firefox. + * Correct `block` display not defined for `main` in IE 11. + */ +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +menu, +nav, +section, +summary { + display: block; } + +/** + * 1. Correct `inline-block` display not defined in IE 8/9. + * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. + */ +audio, +canvas, +progress, +video { + display: inline-block; + /* 1 */ + vertical-align: baseline; + /* 2 */ } + +/** + * Prevent modern browsers from displaying `audio` without controls. + * Remove excess height in iOS 5 devices. + */ +audio:not([controls]) { + display: none; + height: 0; } + +/** + * Address `[hidden]` styling not present in IE 8/9/10. + * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. + */ +[hidden], +template { + display: none; } + +/* Links + ========================================================================== */ +/** + * Remove the gray background color from active links in IE 10. + */ +a { + background-color: transparent; } + +/** + * Improve readability of focused elements when they are also in an + * active/hover state. + */ +a:active, +a:hover { + outline: 0; } + +/* Text-level semantics + ========================================================================== */ +/** + * Address styling not present in IE 8/9/10/11, Safari, and Chrome. + */ +abbr[title] { + border-bottom: 1px dotted; } + +/** + * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. + */ +b, +strong { + font-weight: bold; } + +/** + * Address styling not present in Safari and Chrome. + */ +dfn { + font-style: italic; } + +/** + * Address variable `h1` font-size and margin within `section` and `article` + * contexts in Firefox 4+, Safari, and Chrome. + */ +h1 { + font-size: 2em; + margin: 0.67em 0; } + +/** + * Address styling not present in IE 8/9. + */ +mark { + background: #ff0; + color: #000; } + +/** + * Address inconsistent and variable font size in all browsers. + */ +small { + font-size: 80%; } + +/** + * Prevent `sub` and `sup` affecting `line-height` in all browsers. + */ +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; } + +sup { + top: -0.5em; } + +sub { + bottom: -0.25em; } + +/* Embedded content + ========================================================================== */ +/** + * Remove border when inside `a` element in IE 8/9/10. + */ +img { + border: 0; } + +/** + * Correct overflow not hidden in IE 9/10/11. + */ +svg:not(:root) { + overflow: hidden; } + +/* Grouping content + ========================================================================== */ +/** + * Address margin not present in IE 8/9 and Safari. + */ +figure { + margin: 1em 40px; } + +/** + * Address differences between Firefox and other browsers. + */ +hr { + box-sizing: content-box; + height: 0; } + +/** + * Contain overflow in all browsers. + */ +pre { + overflow: auto; } + +/** + * Address odd `em`-unit font size rendering in all browsers. + */ +code, +kbd, +pre, +samp { + font-family: monospace, monospace; + font-size: 1em; } + +/* Forms + ========================================================================== */ +/** + * Known limitation: by default, Chrome and Safari on OS X allow very limited + * styling of `select`, unless a `border` property is set. + */ +/** + * 1. Correct color not being inherited. + * Known issue: affects color of disabled elements. + * 2. Correct font properties not being inherited. + * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. + */ +button, +input, +optgroup, +select, +textarea { + color: inherit; + /* 1 */ + font: inherit; + /* 2 */ + margin: 0; + /* 3 */ } + +/** + * Address `overflow` set to `hidden` in IE 8/9/10/11. + */ +button { + overflow: visible; } + +/** + * Address inconsistent `text-transform` inheritance for `button` and `select`. + * All other form control elements do not inherit `text-transform` values. + * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. + * Correct `select` style inheritance in Firefox. + */ +button, +select { + text-transform: none; } + +/** + * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` + * and `video` controls. + * 2. Correct inability to style clickable `input` types in iOS. + * 3. Improve usability and consistency of cursor style between image-type + * `input` and others. + * 4. CUSTOM FOR WEBFLOW: Removed the input[type="submit"] selector to reduce + * specificity and defer to the .w-button selector + */ +button, +html input[type="button"], +input[type="reset"] { + -webkit-appearance: button; + /* 2 */ + cursor: pointer; + /* 3 */ } + +/** + * Re-set default cursor for disabled elements. + */ +button[disabled], +html input[disabled] { + cursor: default; } + +/** + * Remove inner padding and border in Firefox 4+. + */ +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; } + +/** + * Address Firefox 4+ setting `line-height` on `input` using `!important` in + * the UA stylesheet. + */ +input { + line-height: normal; } + +/** + * It's recommended that you don't attempt to style these elements. + * Firefox's implementation doesn't respect box-sizing, padding, or width. + * + * 1. Address box sizing set to `content-box` in IE 8/9/10. + * 2. Remove excess padding in IE 8/9/10. + */ +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; + /* 1 */ + padding: 0; + /* 2 */ } + +/** + * Fix the cursor style for Chrome's increment/decrement buttons. For certain + * `font-size` values of the `input`, it causes the cursor style of the + * decrement button to change from `default` to `text`. + */ +input[type="number"]::-webkit-inner-spin-button, +input[type="number"]::-webkit-outer-spin-button { + height: auto; } + +/** + * 1. CUSTOM FOR WEBFLOW: changed from `textfield` to `none` to normalize iOS rounded input + * 2. CUSTOM FOR WEBFLOW: box-sizing: content-box rule removed + * (similar to normalize.css >=4.0.0) + */ +input[type="search"] { + -webkit-appearance: none; + /* 1 */ } + +/** + * Remove inner padding and search cancel button in Safari and Chrome on OS X. + * Safari (but not Chrome) clips the cancel button when the search input has + * padding (and `textfield` appearance). + */ +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; } + +/** + * Define consistent border, margin, and padding. + */ +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; } + +/** + * 1. Correct `color` not being inherited in IE 8/9/10/11. + * 2. Remove padding so people aren't caught out if they zero out fieldsets. + */ +legend { + border: 0; + /* 1 */ + padding: 0; + /* 2 */ } + +/** + * Remove default vertical scrollbar in IE 8/9/10/11. + */ +textarea { + overflow: auto; } + +/** + * Don't inherit the `font-weight` (applied by a rule above). + * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. + */ +optgroup { + font-weight: bold; } + +/* Tables + ========================================================================== */ +/** + * Remove most spacing between table cells. + */ +table { + border-collapse: collapse; + border-spacing: 0; } + +td, +th { + padding: 0; } + +@font-face { + font-family: 'webflow-icons'; + src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype"); + font-weight: normal; + font-style: normal; } +[class^="w-icon-"], +[class*=" w-icon-"] { + /* use !important to prevent issues with browser extensions that change fonts */ + font-family: 'webflow-icons' !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + /* Better Font Rendering =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } + +.w-icon-slider-right:before { + content: "\e600"; } + +.w-icon-slider-left:before { + content: "\e601"; } + +.w-icon-nav-menu:before { + content: "\e602"; } + +.w-icon-arrow-down:before, +.w-icon-dropdown-toggle:before { + content: "\e603"; } + +.w-icon-file-upload-remove:before { + content: "\e900"; } + +.w-icon-file-upload-icon:before { + content: "\e903"; } + +* { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } + +html { + height: 100%; } + +body { + margin: 0; + min-height: 100%; + background-color: #fff; + font-family: Arial, sans-serif; + font-size: 14px; + line-height: 20px; + color: #333; } + +img { + max-width: 100%; + vertical-align: middle; + display: inline-block; } + +html.w-mod-touch * { + background-attachment: scroll !important; } + +.w-block { + display: block; } + +.w-inline-block { + max-width: 100%; + display: inline-block; } + +.w-clearfix:before, +.w-clearfix:after { + content: " "; + display: table; + grid-column-start: 1; + grid-row-start: 1; + grid-column-end: 2; + grid-row-end: 2; } + +.w-clearfix:after { + clear: both; } + +.w-hidden { + display: none; } + +.w-button { + display: inline-block; + padding: 9px 15px; + background-color: #1970bb; + color: white; + border: 0; + line-height: inherit; + text-decoration: none; + cursor: pointer; + border-radius: 0; } + +input.w-button { + -webkit-appearance: button; } + +html[data-w-dynpage] [data-w-cloak] { + color: transparent !important; } + +.w-webflow-badge, +.w-webflow-badge * { + position: static; + left: auto; + top: auto; + right: auto; + bottom: auto; + z-index: auto; + display: block; + visibility: visible; + overflow: visible; + overflow-x: visible; + overflow-y: visible; + box-sizing: border-box; + width: auto; + height: auto; + max-height: none; + max-width: none; + min-height: 0; + min-width: 0; + margin: 0; + padding: 0; + float: none; + clear: none; + border: 0 none transparent; + border-radius: 0; + background: none; + background-image: none; + background-position: 0% 0%; + background-size: auto auto; + background-repeat: repeat; + background-origin: padding-box; + background-clip: border-box; + background-attachment: scroll; + background-color: transparent; + box-shadow: none; + opacity: 1.0; + transform: none; + transition: none; + direction: ltr; + font-family: inherit; + font-weight: inherit; + color: inherit; + font-size: inherit; + line-height: inherit; + font-style: inherit; + font-variant: inherit; + text-align: inherit; + letter-spacing: inherit; + text-decoration: inherit; + text-indent: 0; + text-transform: inherit; + list-style-type: disc; + text-shadow: none; + font-smoothing: auto; + vertical-align: baseline; + cursor: inherit; + white-space: inherit; + word-break: normal; + word-spacing: normal; + word-wrap: normal; } + +.w-webflow-badge { + position: fixed !important; + display: inline-block !important; + visibility: visible !important; + opacity: 1 !important; + z-index: 2147483647 !important; + top: auto !important; + right: 12px !important; + bottom: 12px !important; + left: auto !important; + color: #AAADB0 !important; + background-color: #fff !important; + border-radius: 3px !important; + padding: 6px 8px 6px 6px !important; + font-size: 12px !important; + opacity: 1.0 !important; + line-height: 14px !important; + text-decoration: none !important; + transform: none !important; + margin: 0 !important; + width: auto !important; + height: auto !important; + overflow: visible !important; + white-space: nowrap; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.1); + cursor: pointer; } + +.w-webflow-badge > img { + display: inline-block !important; + visibility: visible !important; + opacity: 1 !important; + vertical-align: middle !important; } + +h1, +h2, +h3, +h4, +h5, +h6 { + font-weight: bold; + margin-bottom: 10px; } + +h1 { + font-size: 38px; + line-height: 44px; + margin-top: 20px; } + +h2 { + font-size: 32px; + line-height: 36px; + margin-top: 20px; } + +h3 { + font-size: 24px; + line-height: 30px; + margin-top: 20px; } + +h4 { + font-size: 18px; + line-height: 24px; + margin-top: 10px; } + +h5 { + font-size: 14px; + line-height: 20px; + margin-top: 10px; } + +h6 { + font-size: 12px; + line-height: 18px; + margin-top: 10px; } + +p { + margin-top: 0; + margin-bottom: 10px; } + +blockquote { + margin: 0 0 10px 0; + padding: 10px 20px; + border-left: 5px solid #E2E2E2; + font-size: 18px; + line-height: 22px; } + +figure { + margin: 0; + margin-bottom: 10px; } + +figcaption { + margin-top: 5px; + text-align: center; } + +ul, +ol { + margin-top: 0px; + margin-bottom: 10px; + padding-left: 40px; } + +.w-list-unstyled { + padding-left: 0; + list-style: none; } + +.w-embed:before, +.w-embed:after { + content: " "; + display: table; + grid-column-start: 1; + grid-row-start: 1; + grid-column-end: 2; + grid-row-end: 2; } + +.w-embed:after { + clear: both; } + +.w-video { + width: 100%; + position: relative; + padding: 0; } + +.w-video iframe, +.w-video object, +.w-video embed { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; } + +fieldset { + padding: 0; + margin: 0; + border: 0; } + +button, +html input[type="button"], +input[type="reset"] { + border: 0; + cursor: pointer; + -webkit-appearance: button; } + +.w-form { + margin: 0 0 15px; } + +.w-form-done { + display: none; + padding: 20px; + text-align: center; + background-color: #dddddd; } + +.w-form-fail { + display: none; + margin-top: 10px; + padding: 10px; + background-color: #ffdede; } + +label { + display: block; + margin-bottom: 5px; + font-weight: bold; } + +.w-input, +.w-select { + display: block; + width: 100%; + height: 38px; + padding: 8px 12px; + margin-bottom: 10px; + font-size: 14px; + line-height: 1.428571429; + color: #333333; + vertical-align: middle; + background-color: #ffffff; + border: 1px solid #cccccc; } + +.w-input:-moz-placeholder, +.w-select:-moz-placeholder { + color: #999; } + +.w-input::-moz-placeholder, +.w-select::-moz-placeholder { + color: #999; + opacity: 1; } + +.w-input:-ms-input-placeholder, +.w-select:-ms-input-placeholder { + color: #999; } + +.w-input::-webkit-input-placeholder, +.w-select::-webkit-input-placeholder { + color: #999; } + +.w-input:focus, +.w-select:focus { + border-color: #3898EC; + outline: 0; } + +.w-input[disabled], +.w-select[disabled], +.w-input[readonly], +.w-select[readonly], +fieldset[disabled] .w-input, +fieldset[disabled] .w-select { + cursor: not-allowed; + background-color: #eeeeee; } + +textarea.w-input, +textarea.w-select { + height: auto; } + +.w-select { + background-color: #f3f3f3; } + +.w-select[multiple] { + height: auto; } + +.w-form-label { + display: inline-block; + cursor: pointer; + font-weight: normal; + margin-bottom: 0px; } + +.w-radio { + display: block; + margin-bottom: 5px; + padding-left: 20px; } + +.w-radio:before, +.w-radio:after { + content: " "; + display: table; + grid-column-start: 1; + grid-row-start: 1; + grid-column-end: 2; + grid-row-end: 2; } + +.w-radio:after { + clear: both; } + +.w-radio-input { + margin: 4px 0 0; + margin-top: 1px \9; + line-height: normal; + float: left; + margin-left: -20px; } + +.w-radio-input { + margin-top: 3px; } + +.w-file-upload { + display: block; + margin-bottom: 10px; } + +.w-file-upload-input { + width: 0.1px; + height: 0.1px; + opacity: 0; + overflow: hidden; + position: absolute; + z-index: -100; } + +.w-file-upload-default, +.w-file-upload-uploading, +.w-file-upload-success { + display: inline-block; + color: #333333; } + +.w-file-upload-error { + display: block; + margin-top: 10px; } + +.w-file-upload-default.w-hidden, +.w-file-upload-uploading.w-hidden, +.w-file-upload-error.w-hidden, +.w-file-upload-success.w-hidden { + display: none; } + +.w-file-upload-uploading-btn { + display: flex; + font-size: 14px; + font-weight: normal; + cursor: pointer; + margin: 0; + padding: 8px 12px; + border: 1px solid #cccccc; + background-color: #fafafa; } + +.w-file-upload-file { + display: flex; + flex-grow: 1; + justify-content: space-between; + margin: 0; + padding: 8px 9px 8px 11px; + border: 1px solid #cccccc; + background-color: #fafafa; } + +.w-file-upload-file-name { + font-size: 14px; + font-weight: normal; + display: block; } + +.w-file-remove-link { + margin-top: 3px; + margin-left: 10px; + width: auto; + height: auto; + padding: 3px; + display: block; + cursor: pointer; } + +.w-icon-file-upload-remove { + margin: auto; + font-size: 10px; } + +.w-file-upload-error-msg { + display: inline-block; + color: #ea384c; + padding: 2px 0; } + +.w-file-upload-info { + display: inline-block; + line-height: 38px; + padding: 0 12px; } + +.w-file-upload-label { + display: inline-block; + font-size: 14px; + font-weight: normal; + cursor: pointer; + margin: 0; + padding: 8px 12px; + border: 1px solid #cccccc; + background-color: #fafafa; } + +.w-icon-file-upload-icon, +.w-icon-file-upload-uploading { + display: inline-block; + margin-right: 8px; + width: 20px; } + +.w-icon-file-upload-uploading { + height: 20px; } + +.w-container { + margin-left: auto; + margin-right: auto; + max-width: 940px; } + +.w-container:before, +.w-container:after { + content: " "; + display: table; + grid-column-start: 1; + grid-row-start: 1; + grid-column-end: 2; + grid-row-end: 2; } + +.w-container:after { + clear: both; } + +.w-container .w-row { + margin-left: -10px; + margin-right: -10px; } + +.w-row:before, +.w-row:after { + content: " "; + display: table; + grid-column-start: 1; + grid-row-start: 1; + grid-column-end: 2; + grid-row-end: 2; } + +.w-row:after { + clear: both; } + +.w-row .w-row { + margin-left: 0; + margin-right: 0; } + +.w-col { + position: relative; + float: left; + width: 100%; + min-height: 1px; + padding-left: 10px; + padding-right: 10px; } + +.w-col .w-col { + padding-left: 0; + padding-right: 0; } + +.w-col-1 { + width: 8.33333333%; } + +.w-col-2 { + width: 16.66666667%; } + +.w-col-3 { + width: 25%; } + +.w-col-4 { + width: 33.33333333%; } + +.w-col-5 { + width: 41.66666667%; } + +.w-col-6 { + width: 50%; } + +.w-col-7 { + width: 58.33333333%; } + +.w-col-8 { + width: 66.66666667%; } + +.w-col-9 { + width: 75%; } + +.w-col-10 { + width: 83.33333333%; } + +.w-col-11 { + width: 91.66666667%; } + +.w-col-12 { + width: 100%; } + +.w-hidden-main { + display: none !important; } + +@media screen and (max-width: 991px) { + .w-container { + max-width: 728px; } + + .w-hidden-main { + display: inherit !important; } + + .w-hidden-medium { + display: none !important; } + + .w-col-medium-1 { + width: 8.33333333%; } + + .w-col-medium-2 { + width: 16.66666667%; } + + .w-col-medium-3 { + width: 25%; } + + .w-col-medium-4 { + width: 33.33333333%; } + + .w-col-medium-5 { + width: 41.66666667%; } + + .w-col-medium-6 { + width: 50%; } + + .w-col-medium-7 { + width: 58.33333333%; } + + .w-col-medium-8 { + width: 66.66666667%; } + + .w-col-medium-9 { + width: 75%; } + + .w-col-medium-10 { + width: 83.33333333%; } + + .w-col-medium-11 { + width: 91.66666667%; } + + .w-col-medium-12 { + width: 100%; } + + .w-col-stack { + width: 100%; + left: auto; + right: auto; } } +@media screen and (max-width: 767px) { + .w-hidden-main { + display: inherit !important; } + + .w-hidden-medium { + display: inherit !important; } + + .w-hidden-small { + display: none !important; } + + .w-row, + .w-container .w-row { + margin-left: 0; + margin-right: 0; } + + .w-col { + width: 100%; + left: auto; + right: auto; } + + .w-col-small-1 { + width: 8.33333333%; } + + .w-col-small-2 { + width: 16.66666667%; } + + .w-col-small-3 { + width: 25%; } + + .w-col-small-4 { + width: 33.33333333%; } + + .w-col-small-5 { + width: 41.66666667%; } + + .w-col-small-6 { + width: 50%; } + + .w-col-small-7 { + width: 58.33333333%; } + + .w-col-small-8 { + width: 66.66666667%; } + + .w-col-small-9 { + width: 75%; } + + .w-col-small-10 { + width: 83.33333333%; } + + .w-col-small-11 { + width: 91.66666667%; } + + .w-col-small-12 { + width: 100%; } } +@media screen and (max-width: 479px) { + .w-container { + max-width: none; } + + .w-hidden-main { + display: inherit !important; } + + .w-hidden-medium { + display: inherit !important; } + + .w-hidden-small { + display: inherit !important; } + + .w-hidden-tiny { + display: none !important; } + + .w-col { + width: 100%; } + + .w-col-tiny-1 { + width: 8.33333333%; } + + .w-col-tiny-2 { + width: 16.66666667%; } + + .w-col-tiny-3 { + width: 25%; } + + .w-col-tiny-4 { + width: 33.33333333%; } + + .w-col-tiny-5 { + width: 41.66666667%; } + + .w-col-tiny-6 { + width: 50%; } + + .w-col-tiny-7 { + width: 58.33333333%; } + + .w-col-tiny-8 { + width: 66.66666667%; } + + .w-col-tiny-9 { + width: 75%; } + + .w-col-tiny-10 { + width: 83.33333333%; } + + .w-col-tiny-11 { + width: 91.66666667%; } + + .w-col-tiny-12 { + width: 100%; } } +.w-widget { + position: relative; } + +.w-widget-map { + width: 100%; + height: 400px; } + +.w-widget-map label { + width: auto; + display: inline; } + +.w-widget-map img { + max-width: inherit; } + +.w-widget-map .gm-style-iw { + text-align: center; } + +.w-widget-map .gm-style-iw > button { + display: none !important; } + +.w-widget-twitter { + overflow: hidden; } + +.w-widget-twitter-count-shim { + display: inline-block; + vertical-align: top; + position: relative; + width: 28px; + height: 20px; + text-align: center; + background: white; + border: #758696 solid 1px; + border-radius: 3px; } + +.w-widget-twitter-count-shim * { + pointer-events: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } + +.w-widget-twitter-count-shim .w-widget-twitter-count-inner { + position: relative; + font-size: 15px; + line-height: 12px; + text-align: center; + color: #999; + font-family: serif; } + +.w-widget-twitter-count-shim .w-widget-twitter-count-clear { + position: relative; + display: block; } + +.w-widget-twitter-count-shim.w--large { + width: 36px; + height: 28px; } + +.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner { + font-size: 18px; + line-height: 18px; } + +.w-widget-twitter-count-shim:not(.w--vertical) { + margin-left: 5px; + margin-right: 8px; } + +.w-widget-twitter-count-shim:not(.w--vertical).w--large { + margin-left: 6px; } + +.w-widget-twitter-count-shim:not(.w--vertical):before, +.w-widget-twitter-count-shim:not(.w--vertical):after { + top: 50%; + left: 0; + border: solid transparent; + content: " "; + height: 0; + width: 0; + position: absolute; + pointer-events: none; } + +.w-widget-twitter-count-shim:not(.w--vertical):before { + border-color: rgba(117, 134, 150, 0); + border-right-color: #5d6c7b; + border-width: 4px; + margin-left: -9px; + margin-top: -4px; } + +.w-widget-twitter-count-shim:not(.w--vertical).w--large:before { + border-width: 5px; + margin-left: -10px; + margin-top: -5px; } + +.w-widget-twitter-count-shim:not(.w--vertical):after { + border-color: rgba(255, 255, 255, 0); + border-right-color: white; + border-width: 4px; + margin-left: -8px; + margin-top: -4px; } + +.w-widget-twitter-count-shim:not(.w--vertical).w--large:after { + border-width: 5px; + margin-left: -9px; + margin-top: -5px; } + +.w-widget-twitter-count-shim.w--vertical { + width: 61px; + height: 33px; + margin-bottom: 8px; } + +.w-widget-twitter-count-shim.w--vertical:before, +.w-widget-twitter-count-shim.w--vertical:after { + top: 100%; + left: 50%; + border: solid transparent; + content: " "; + height: 0; + width: 0; + position: absolute; + pointer-events: none; } + +.w-widget-twitter-count-shim.w--vertical:before { + border-color: rgba(117, 134, 150, 0); + border-top-color: #5d6c7b; + border-width: 5px; + margin-left: -5px; } + +.w-widget-twitter-count-shim.w--vertical:after { + border-color: rgba(255, 255, 255, 0); + border-top-color: white; + border-width: 4px; + margin-left: -4px; } + +.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner { + font-size: 18px; + line-height: 22px; } + +.w-widget-twitter-count-shim.w--vertical.w--large { + width: 76px; } + +.w-widget-gplus { + overflow: hidden; } + +.w-background-video { + position: relative; + overflow: hidden; + height: 500px; + color: white; } + +.w-background-video > video { + background-size: cover; + background-position: 50% 50%; + position: absolute; + margin: auto; + width: 100%; + height: 100%; + right: -100%; + bottom: -100%; + top: -100%; + left: -100%; + object-fit: cover; + z-index: -100; } + +.w-background-video > video::-webkit-media-controls-start-playback-button { + display: none !important; + -webkit-appearance: none; } + +.w-slider { + position: relative; + height: 300px; + text-align: center; + background: #dddddd; + clear: both; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + tap-highlight-color: rgba(0, 0, 0, 0); } + +.w-slider-mask { + position: relative; + display: block; + overflow: hidden; + z-index: 1; + left: 0; + right: 0; + height: 100%; + white-space: nowrap; } + +.w-slide { + position: relative; + display: inline-block; + vertical-align: top; + width: 100%; + height: 100%; + white-space: normal; + text-align: left; } + +.w-slider-nav { + position: absolute; + z-index: 2; + top: auto; + right: 0; + bottom: 0; + left: 0; + margin: auto; + padding-top: 10px; + height: 40px; + text-align: center; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + tap-highlight-color: rgba(0, 0, 0, 0); } + +.w-slider-nav.w-round > div { + border-radius: 100%; } + +.w-slider-nav.w-num > div { + width: auto; + height: auto; + padding: 0.2em 0.5em; + font-size: inherit; + line-height: inherit; } + +.w-slider-nav.w-shadow > div { + box-shadow: 0 0 3px rgba(51, 51, 51, 0.4); } + +.w-slider-nav-invert { + color: #fff; } + +.w-slider-nav-invert > div { + background-color: rgba(34, 34, 34, 0.4); } + +.w-slider-nav-invert > div.w-active { + background-color: #222; } + +.w-slider-dot { + position: relative; + display: inline-block; + width: 1em; + height: 1em; + background-color: rgba(255, 255, 255, 0.4); + cursor: pointer; + margin: 0 3px 0.5em; + transition: background-color 100ms, color 100ms; } + +.w-slider-dot.w-active { + background-color: #fff; } + +.w-slider-dot:focus { + outline: none; + box-shadow: 0px 0px 0px 2px #fff; } + +.w-slider-dot:focus.w-active { + box-shadow: none; } + +.w-slider-arrow-left, +.w-slider-arrow-right { + position: absolute; + width: 80px; + top: 0; + right: 0; + bottom: 0; + left: 0; + margin: auto; + cursor: pointer; + overflow: hidden; + color: white; + font-size: 40px; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + tap-highlight-color: rgba(0, 0, 0, 0); + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } + +.w-slider-arrow-left [class^='w-icon-'], +.w-slider-arrow-right [class^='w-icon-'], +.w-slider-arrow-left [class*=' w-icon-'], +.w-slider-arrow-right [class*=' w-icon-'] { + position: absolute; } + +.w-slider-arrow-left:focus, +.w-slider-arrow-right:focus { + outline: 0; } + +.w-slider-arrow-left { + z-index: 3; + right: auto; } + +.w-slider-arrow-right { + z-index: 4; + left: auto; } + +.w-icon-slider-left, +.w-icon-slider-right { + top: 0; + right: 0; + bottom: 0; + left: 0; + margin: auto; + width: 1em; + height: 1em; } + +.w-slider-aria-label { + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; } + +.w-slider-force-show { + display: block !important; } + +.w-dropdown { + display: inline-block; + position: relative; + text-align: left; + margin-left: auto; + margin-right: auto; + z-index: 900; } + +.w-dropdown-btn, +.w-dropdown-toggle, +.w-dropdown-link { + position: relative; + vertical-align: top; + text-decoration: none; + color: #222222; + padding: 20px; + text-align: left; + margin-left: auto; + margin-right: auto; + white-space: nowrap; } + +.w-dropdown-toggle { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + display: inline-block; + cursor: pointer; + padding-right: 40px; } + +.w-dropdown-toggle:focus { + outline: 0; } + +.w-icon-dropdown-toggle { + position: absolute; + top: 0; + right: 0; + bottom: 0; + margin: auto; + margin-right: 20px; + width: 1em; + height: 1em; } + +.w-dropdown-list { + position: absolute; + background: #dddddd; + display: none; + min-width: 100%; } + +.w-dropdown-list.w--open { + display: block; } + +.w-dropdown-link { + padding: 10px 20px; + display: block; + color: #222222; } + +.w-dropdown-link.w--current { + color: #0082f3; } + +.w-dropdown-link:focus { + outline: 0; } + +@media screen and (max-width: 767px) { + .w-nav-brand { + padding-left: 10px; } } +/** + * ## Note + * Safari (on both iOS and OS X) does not handle viewport units (vh, vw) well. + * For example percentage units do not work on descendants of elements that + * have any dimensions expressed in viewport units. It also doesn’t handle them at + * all in `calc()`. + */ +/** + * Wrapper around all lightbox elements + * + * 1. Since the lightbox can receive focus, IE also gives it an outline. + * 2. Fixes flickering on Chrome when a transition is in progress + * underneath the lightbox. + */ +.w-lightbox-backdrop { + color: #000; + cursor: auto; + font-family: serif; + font-size: medium; + font-style: normal; + font-variant: normal; + font-weight: normal; + letter-spacing: normal; + line-height: normal; + list-style: disc; + text-align: start; + text-indent: 0; + text-shadow: none; + text-transform: none; + visibility: visible; + white-space: normal; + word-break: normal; + word-spacing: normal; + word-wrap: normal; + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + color: #fff; + font-family: "Helvetica Neue", Helvetica, Ubuntu, "Segoe UI", Verdana, sans-serif; + font-size: 17px; + line-height: 1.2; + font-weight: 300; + text-align: center; + background: rgba(0, 0, 0, 0.9); + z-index: 2000; + outline: 0; + /* 1 */ + opacity: 0; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + -webkit-tap-highlight-color: transparent; + -webkit-transform: translate(0, 0); + /* 2 */ } + +/** + * Neat trick to bind the rubberband effect to our canvas instead of the whole + * document on iOS. It also prevents a bug that causes the document underneath to scroll. + */ +.w-lightbox-backdrop, +.w-lightbox-container { + height: 100%; + overflow: auto; + -webkit-overflow-scrolling: touch; } + +.w-lightbox-content { + position: relative; + height: 100vh; + overflow: hidden; } + +.w-lightbox-view { + position: absolute; + width: 100vw; + height: 100vh; + opacity: 0; } + +.w-lightbox-view:before { + content: ""; + height: 100vh; } + +/* .w-lightbox-content */ +.w-lightbox-group, +.w-lightbox-group .w-lightbox-view, +.w-lightbox-group .w-lightbox-view:before { + height: 86vh; } + +.w-lightbox-frame, +.w-lightbox-view:before { + display: inline-block; + vertical-align: middle; } + +/* + * 1. Remove default margin set by user-agent on the
element. + */ +.w-lightbox-figure { + position: relative; + margin: 0; + /* 1 */ } + +.w-lightbox-group .w-lightbox-figure { + cursor: pointer; } + +/** + * IE adds image dimensions as width and height attributes on the IMG tag, + * but we need both width and height to be set to auto to enable scaling. + */ +.w-lightbox-img { + width: auto; + height: auto; + max-width: none; } + +/** + * 1. Reset if style is set by user on "All Images" + */ +.w-lightbox-image { + display: block; + float: none; + /* 1 */ + max-width: 100vw; + max-height: 100vh; } + +.w-lightbox-group .w-lightbox-image { + max-height: 86vh; } + +.w-lightbox-caption { + position: absolute; + right: 0; + bottom: 0; + left: 0; + padding: .5em 1em; + background: rgba(0, 0, 0, 0.4); + text-align: left; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; } + +.w-lightbox-embed { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; } + +.w-lightbox-control { + position: absolute; + top: 0; + width: 4em; + background-size: 24px; + background-repeat: no-repeat; + background-position: center; + cursor: pointer; + -webkit-transition: all .3s; + transition: all .3s; } + +.w-lightbox-left { + display: none; + bottom: 0; + left: 0; + /* */ + background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg=="); } + +.w-lightbox-right { + display: none; + right: 0; + bottom: 0; + /* */ + background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+"); } + +/* + * Without specifying the with and height inside the SVG, all versions of IE render the icon too small. + * The bug does not seem to manifest itself if the elements are tall enough such as the above arrows. + * (http://stackoverflow.com/questions/16092114/background-size-differs-in-internet-explorer) + */ +.w-lightbox-close { + right: 0; + height: 2.6em; + /* */ + background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4="); + background-size: 18px; } + +/** + * 1. All IE versions add extra space at the bottom without this. + */ +.w-lightbox-strip { + position: absolute; + bottom: 0; + left: 0; + right: 0; + padding: 0 1vh; + line-height: 0; + /* 1 */ + white-space: nowrap; + overflow-x: auto; + overflow-y: hidden; } + +/* + * 1. We use content-box to avoid having to do `width: calc(10vh + 2vw)` + * which doesn’t work in Safari anyway. + * 2. Chrome renders images pixelated when switching to GPU. Making sure + * the parent is also rendered on the GPU (by setting translate3d for + * example) fixes this behavior. + */ +.w-lightbox-item { + display: inline-block; + width: 10vh; + padding: 2vh 1vh; + box-sizing: content-box; + /* 1 */ + cursor: pointer; + -webkit-transform: translate3d(0, 0, 0); + /* 2 */ } + +.w-lightbox-active { + opacity: .3; } + +.w-lightbox-thumbnail { + position: relative; + height: 10vh; + background: #222; + overflow: hidden; } + +.w-lightbox-thumbnail-image { + position: absolute; + top: 0; + left: 0; } + +.w-lightbox-thumbnail .w-lightbox-tall { + top: 50%; + width: 100%; + -webkit-transform: translate(0, -50%); + -ms-transform: translate(0, -50%); + transform: translate(0, -50%); } + +.w-lightbox-thumbnail .w-lightbox-wide { + left: 50%; + height: 100%; + -webkit-transform: translate(-50%, 0); + -ms-transform: translate(-50%, 0); + transform: translate(-50%, 0); } + +/* + * Spinner + * + * Absolute pixel values are used to avoid rounding errors that would cause + * the white spinning element to be misaligned with the track. + */ +.w-lightbox-spinner { + position: absolute; + top: 50%; + left: 50%; + box-sizing: border-box; + width: 40px; + height: 40px; + margin-top: -20px; + margin-left: -20px; + border: 5px solid rgba(0, 0, 0, 0.4); + border-radius: 50%; + -webkit-animation: spin .8s infinite linear; + animation: spin .8s infinite linear; } + +.w-lightbox-spinner:after { + content: ""; + position: absolute; + top: -4px; + right: -4px; + bottom: -4px; + left: -4px; + border: 3px solid transparent; + border-bottom-color: #fff; + border-radius: 50%; } + +/* + * Utility classes + */ +.w-lightbox-hide { + display: none; } + +.w-lightbox-noscroll { + overflow: hidden; } + +@media (min-width: 768px) { + .w-lightbox-content { + height: 96vh; + margin-top: 2vh; } + + .w-lightbox-view, + .w-lightbox-view:before { + height: 96vh; } + + /* .w-lightbox-content */ + .w-lightbox-group, + .w-lightbox-group .w-lightbox-view, + .w-lightbox-group .w-lightbox-view:before { + height: 84vh; } + + .w-lightbox-image { + max-width: 96vw; + max-height: 96vh; } + + .w-lightbox-group .w-lightbox-image { + max-width: 82.3vw; + max-height: 84vh; } + + .w-lightbox-left, + .w-lightbox-right { + display: block; + opacity: .5; } + + .w-lightbox-close { + opacity: .8; } + + .w-lightbox-control:hover { + opacity: 1; } } +.w-lightbox-inactive, +.w-lightbox-inactive:hover { + opacity: 0; } + +.w-richtext:before, +.w-richtext:after { + content: " "; + display: table; + grid-column-start: 1; + grid-row-start: 1; + grid-column-end: 2; + grid-row-end: 2; } + +.w-richtext:after { + clear: both; } + +.w-richtext[contenteditable="true"]:before, +.w-richtext[contenteditable="true"]:after { + white-space: initial; } + +.w-richtext ol, +.w-richtext ul { + overflow: hidden; } + +.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, +.w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after { + outline: 2px solid #2895f7; } + +.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, +.w-richtext .w-richtext-figure-selected[data-rt-type="image"] div { + outline: 2px solid #2895f7; } + +.w-richtext figure.w-richtext-figure-type-video > div:after, +.w-richtext figure[data-rt-type="video"] > div:after { + content: ''; + position: absolute; + display: none; + left: 0; + top: 0; + right: 0; + bottom: 0; } + +.w-richtext figure { + position: relative; + max-width: 60%; } + +.w-richtext figure > div:before { + cursor: default !important; } + +.w-richtext figure img { + width: 100%; } + +.w-richtext figure figcaption.w-richtext-figcaption-placeholder { + opacity: 0.6; } + +.w-richtext figure div { + /* fix incorrectly sized selection border in the data manager */ + font-size: 0px; + color: transparent; } + +.w-richtext figure.w-richtext-figure-type-image, +.w-richtext figure[data-rt-type="image"] { + display: table; } + +.w-richtext figure.w-richtext-figure-type-image > div, +.w-richtext figure[data-rt-type="image"] > div { + display: inline-block; } + +.w-richtext figure.w-richtext-figure-type-image > figcaption, +.w-richtext figure[data-rt-type="image"] > figcaption { + display: table-caption; + caption-side: bottom; } + +.w-richtext figure.w-richtext-figure-type-video, +.w-richtext figure[data-rt-type="video"] { + width: 60%; + height: 0; } + +.w-richtext figure.w-richtext-figure-type-video iframe, +.w-richtext figure[data-rt-type="video"] iframe { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; } + +.w-richtext figure.w-richtext-figure-type-video > div, +.w-richtext figure[data-rt-type="video"] > div { + width: 100%; } + +.w-richtext figure.w-richtext-align-center { + margin-right: auto; + margin-left: auto; + clear: both; } + +.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, +.w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div { + max-width: 100%; } + +.w-richtext figure.w-richtext-align-normal { + clear: both; } + +.w-richtext figure.w-richtext-align-fullwidth { + width: 100%; + max-width: 100%; + text-align: center; + clear: both; + display: block; + margin-right: auto; + margin-left: auto; } + +.w-richtext figure.w-richtext-align-fullwidth > div { + display: inline-block; + /* padding-bottom is used for aspect ratios in video figures + we want the div to inherit that so hover/selection borders in the designer-canvas + fit right*/ + padding-bottom: inherit; } + +.w-richtext figure.w-richtext-align-fullwidth > figcaption { + display: block; } + +.w-richtext figure.w-richtext-align-floatleft { + float: left; + margin-right: 15px; + clear: none; } + +.w-richtext figure.w-richtext-align-floatright { + float: right; + margin-left: 15px; + clear: none; } + +.w-nav { + position: relative; + background: #dddddd; + z-index: 1000; } + +.w-nav:before, +.w-nav:after { + content: " "; + display: table; + grid-column-start: 1; + grid-row-start: 1; + grid-column-end: 2; + grid-row-end: 2; } + +.w-nav:after { + clear: both; } + +.w-nav-brand { + position: relative; + float: left; + text-decoration: none; + color: #333333; } + +.w-nav-link { + position: relative; + display: inline-block; + vertical-align: top; + text-decoration: none; + color: #222222; + padding: 20px; + text-align: left; + margin-left: auto; + margin-right: auto; } + +.w-nav-link.w--current { + color: #0082f3; } + +.w-nav-menu { + position: relative; + float: right; } + +[data-nav-menu-open] { + display: block !important; + position: absolute; + top: 100%; + left: 0; + right: 0; + background: #C8C8C8; + text-align: center; + overflow: visible; + min-width: 200px; } + +.w--nav-link-open { + display: block; + position: relative; } + +.w-nav-overlay { + position: absolute; + overflow: hidden; + display: none; + top: 100%; + left: 0; + right: 0; + width: 100%; } + +.w-nav-overlay [data-nav-menu-open] { + top: 0; } + +.w-nav[data-animation="over-left"] .w-nav-overlay { + width: auto; } + +.w-nav[data-animation="over-left"] .w-nav-overlay, +.w-nav[data-animation="over-left"] [data-nav-menu-open] { + right: auto; + z-index: 1; + top: 0; } + +.w-nav[data-animation="over-right"] .w-nav-overlay { + width: auto; } + +.w-nav[data-animation="over-right"] .w-nav-overlay, +.w-nav[data-animation="over-right"] [data-nav-menu-open] { + left: auto; + z-index: 1; + top: 0; } + +.w-nav-button { + position: relative; + float: right; + padding: 18px; + font-size: 24px; + display: none; + cursor: pointer; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + tap-highlight-color: rgba(0, 0, 0, 0); + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } + +.w-nav-button:focus { + outline: 0; } + +.w-nav-button.w--open { + background-color: #C8C8C8; + color: white; } + +.w-nav[data-collapse="all"] .w-nav-menu { + display: none; } + +.w-nav[data-collapse="all"] .w-nav-button { + display: block; } + +.w--nav-dropdown-open { + display: block; } + +.w--nav-dropdown-toggle-open { + display: block; } + +.w--nav-dropdown-list-open { + position: static; } + +@media screen and (max-width: 991px) { + .w-nav[data-collapse="medium"] .w-nav-menu { + display: none; } + + .w-nav[data-collapse="medium"] .w-nav-button { + display: block; } } +@media screen and (max-width: 767px) { + .w-nav[data-collapse="small"] .w-nav-menu { + display: none; } + + .w-nav[data-collapse="small"] .w-nav-button { + display: block; } + + .w-nav-brand { + padding-left: 10px; } } +@media screen and (max-width: 479px) { + .w-nav[data-collapse="tiny"] .w-nav-menu { + display: none; } + + .w-nav[data-collapse="tiny"] .w-nav-button { + display: block; } } +.w-tabs { + position: relative; } + +.w-tabs:before, +.w-tabs:after { + content: " "; + display: table; + grid-column-start: 1; + grid-row-start: 1; + grid-column-end: 2; + grid-row-end: 2; } + +.w-tabs:after { + clear: both; } + +.w-tab-menu { + position: relative; } + +.w-tab-link { + position: relative; + display: inline-block; + vertical-align: top; + text-decoration: none; + padding: 9px 30px; + text-align: left; + cursor: pointer; + color: #222222; + background-color: #dddddd; } + +.w-tab-link.w--current { + background-color: #C8C8C8; } + +.w-tab-link:focus { + outline: 0; } + +.w-tab-content { + position: relative; + display: block; + overflow: hidden; } + +.w-tab-pane { + position: relative; + display: none; } + +.w--tab-active { + display: block; } + +@media screen and (max-width: 479px) { + .w-tab-link { + display: block; } } +.w-ix-emptyfix:after { + content: ""; } + +@keyframes spin { + 0% { + transform: rotate(0deg); } + 100% { + transform: rotate(360deg); } } +.w-dyn-empty { + padding: 10px; + background-color: #dddddd; } + +.w-dyn-hide { + display: none !important; } + +.w-dyn-bind-empty { + display: none !important; } + +.w-condition-invisible { + display: none !important; } + +.w-form-formradioinput--inputType-custom { + border-top-width: 1px; + border-bottom-width: 1px; + border-left-width: 1px; + border-right-width: 1px; + border-top-color: #ccc; + border-bottom-color: #ccc; + border-left-color: #ccc; + border-right-color: #ccc; + border-top-style: solid; + border-bottom-style: solid; + border-left-style: solid; + border-right-style: solid; + width: 12px; + height: 12px; + border-bottom-left-radius: 50%; + border-bottom-right-radius: 50%; + border-top-left-radius: 50%; + border-top-right-radius: 50%; } + +.w-form-formradioinput--inputType-custom.w--redirected-focus { + box-shadow: 0px 0px 3px 1px #3898ec; } + +.w-form-formradioinput--inputType-custom.w--redirected-checked { + border-top-width: 4px; + border-bottom-width: 4px; + border-left-width: 4px; + border-right-width: 4px; + border-top-color: #3898ec; + border-bottom-color: #3898ec; + border-left-color: #3898ec; + border-right-color: #3898ec; } + +.w-checkbox { + display: block; + margin-bottom: 5px; + padding-left: 20px; } + +.w-checkbox::before { + content: ' '; + display: table; + -ms-grid-column-span: 1; + grid-column-end: 2; + -ms-grid-column: 1; + grid-column-start: 1; + -ms-grid-row-span: 1; + grid-row-end: 2; + -ms-grid-row: 1; + grid-row-start: 1; } + +.w-checkbox::after { + content: ' '; + display: table; + -ms-grid-column-span: 1; + grid-column-end: 2; + -ms-grid-column: 1; + grid-column-start: 1; + -ms-grid-row-span: 1; + grid-row-end: 2; + -ms-grid-row: 1; + grid-row-start: 1; + clear: both; } + +.w-checkbox-input { + float: left; + margin-bottom: 0px; + margin-left: -20px; + margin-right: 0px; + margin-top: 4px; + line-height: normal; } + +.w-checkbox-input--inputType-custom { + border-top-width: 1px; + border-bottom-width: 1px; + border-left-width: 1px; + border-right-width: 1px; + border-top-color: #ccc; + border-bottom-color: #ccc; + border-left-color: #ccc; + border-right-color: #ccc; + border-top-style: solid; + border-bottom-style: solid; + border-left-style: solid; + border-right-style: solid; + width: 12px; + height: 12px; + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; + border-top-left-radius: 2px; + border-top-right-radius: 2px; } + +.w-checkbox-input--inputType-custom.w--redirected-checked { + background-color: #3898ec; + border-top-color: #3898ec; + border-bottom-color: #3898ec; + border-left-color: #3898ec; + border-right-color: #3898ec; + background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg"); + background-position: 50% 50%; + background-size: cover; + background-repeat: no-repeat; } + +.w-checkbox-input--inputType-custom.w--redirected-focus { + box-shadow: 0px 0px 3px 1px #3898ec; } + +body { + height: 100%; + font-family: 'Source Sans Pro', sans-serif; + color: #333; + font-size: 16px; + line-height: 26px; + font-weight: 400; } + +h1 { + margin-top: 20px; + margin-bottom: 42px; + font-size: 50px; + line-height: 62px; + font-weight: 300; } + +h2 { + margin-top: 20px; + margin-bottom: 10px; + font-size: 32px; + line-height: 36px; + font-weight: 600; } + +h3 { + margin-top: 20px; + margin-bottom: 10px; + font-size: 21px; + line-height: 26px; + font-weight: 600; } + +p { + margin-bottom: 10px; } + +.nav-ul1 { + position: relative; } + +.nav-li1 { + position: relative; + text-transform: uppercase; } + +.nav-li1:hover { + background-color: #f8f8f8; } + +.nav-ul2 { + position: absolute; + left: 280px; + top: 0px; + display: none; + overflow: hidden; + width: 280px; + background-color: #fff; + text-align: left; } + +.content { + padding-top: 70px; } + +.section { + position: relative; + padding-top: 70px; + padding-bottom: 70px; } + +.section.blue-section { + background-color: #1e88e5; + color: #fff; } + +.section.grey-section { + background-color: #F8F8F8; } + +.section.kvs { + z-index: 1; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + height: 70vh; + padding-top: 45px; + padding-bottom: 45px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } + +.container { + max-width: 1240px; + margin-right: auto; + margin-left: auto; + padding-right: 40px; + padding-left: 40px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } + +.container.narrow { + max-width: 900px; } + +.row { + margin-right: -25px; + margin-left: -25px; } + +.row.flex { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } + +.row.flex.flex-center { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; } + +.row.pcenter { + text-align: center; } + +.row.grid-list { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-top: 60px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } + +.row.pricing-row { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } + +.row.sideav-flex { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; } + +.col { + padding-right: 25px; + padding-left: 25px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } + +.col._4-12-12-12 { + width: 33.3333%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 33.3333%; + -ms-flex: 0 0 33.3333%; + flex: 0 0 33.3333%; } + +.col._6-12-12-12 { + -webkit-box-flex: 0; + -webkit-flex: 0 50%; + -ms-flex: 0 50%; + flex: 0 50%; } + +.col._6-12-12-12.vert-center { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } + +.col._6-12-12-12 { + -webkit-box-flex: 0; + -webkit-flex: 0 50%; + -ms-flex: 0 50%; + flex: 0 50%; } + +.col._4-4-12-12 { + -webkit-box-flex: 0; + -webkit-flex: 0 33.333%; + -ms-flex: 0 33.333%; + flex: 0 33.333%; } + +.col.kvleft { + max-width: 700px; + float: left; } + +.col._3-6-6-12 { + -webkit-box-flex: 0; + -webkit-flex: 0 25%; + -ms-flex: 0 25%; + flex: 0 25%; } + +.col._6-6-6-12 { + -webkit-box-flex: 0; + -webkit-flex: 0 50%; + -ms-flex: 0 50%; + flex: 0 50%; } + +.col.gridcol { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-bottom: 58px; + -webkit-box-flex: 0; + -webkit-flex: 0 50%; + -ms-flex: 0 50%; + flex: 0 50%; } + +.kv-heading { + margin-bottom: 40px; + color: #333; + font-size: 50px; + line-height: 60px; + font-weight: 300; } + +.section-title { + margin-top: 40px; + margin-bottom: 60px; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + font-family: 'Source Sans Pro', sans-serif; + font-size: 34px; + line-height: 40px; + font-weight: 400; } + +.topnav { + position: fixed; + left: 300px; + top: 0%; + right: 0%; + bottom: auto; + z-index: 4; } + +.burger { + display: none; + width: 50px; + height: 50px; + padding: 10px; + float: right; + background-color: #fff; } + +.button { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + overflow: hidden; + margin-right: 5px; + margin-bottom: 5px; + margin-left: 5px; + padding: 12px 7px 12px 17px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + color: #1e88e5; + font-size: 16px; + font-weight: 600; + text-decoration: none; + cursor: pointer; } + +.button:hover { + color: #f5f4f0; } + +.button:active { + box-shadow: none; } + +.button.shrink { + max-width: 200px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } + +.button.main-button { + background-color: #1e88e5; + color: #fff; } + +.button.main-button-white { + background-color: #fff; + color: #1e88e5; } + +.button.main-button:hover { + color: #fff; } + +.secondary-button { + border: 1px solid #1e88e5; + padding: 11px 7px 11px 17px; + color: #1e88e5; } + +.secondary-button-white { + border: 1px solid #fff; + width: 196px; + padding: 11px 7px 11px 17px; + color: #fff; } + +.buttons-row .secondary-button-white { + margin-left: 21px; } + +.button.submit { + padding-right: 10px; + padding-left: 10px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + background-color: #fff; + text-align: center; + text-transform: uppercase; } + +.button.submit:hover { + background-color: #0040A9; } + +.buttons-row { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin: 20px -5px 0px; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: center; } + +.buttons-row.buttons-center { + margin-top: 40px; + margin-bottom: 20px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; } + +.buttons-row.bottom-margin { + margin-bottom: 20px; + justify-content: flex-end; } + +.navmenu { + position: fixed; + left: 0%; + top: 0%; + right: 0%; + bottom: auto; + z-index: 140; + height: 70px; + background-color: #fff; } + +.list { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-bottom: 0px; + padding-left: 30px; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } + +.nav-li { + padding-right: 15px; + padding-left: 15px; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; } + +.nav-li.menue-2-drop { + display: block; } + +.navlink { + display: block; + padding-top: 20px; + padding-bottom: 3px; + border-bottom: 2px solid #fff; + color: #343434; + font-size: 16px; + line-height: 30px; + font-weight: 400; + text-decoration: none; } + +.navlink:hover { + border-bottom-color: #0082ff; + color: #0082ff; } + +.div-block-6 { + z-index: 200; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } + +.intro { + max-width: 800px; + margin-right: auto; + margin-bottom: 40px; + margin-left: auto; + font-size: 18px; + line-height: 27px; } + +.logo { + display: block; + height: 71px; + margin-top: 0px; + padding-top: 14px; + padding-bottom: 10px; + float: left; } + +.kvcol { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + max-width: 620px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex: 0; + -webkit-flex: 0 50%; + -ms-flex: 0 50%; + flex: 0 50%; } + +.kvcol.leftcol { + max-width: 400px; } + +.kv-right-col { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } + +.kv-image-3 { + position: absolute; + z-index: 3; + width: 100%; + height: 100%; + -o-object-fit: contain; + object-fit: contain; } + +.kv-image-3.l3 { + display: block; } + +.kv-image-3.l1 { + display: block; } + +.kv-image-3.i2 { + display: block; } + +.div-block-8 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } + +.kv-subtext { + margin-bottom: 40px; + color: #333; + font-size: 19px; + line-height: 28px; + font-weight: 900; + text-transform: uppercase; } + +.kvtext-max-w { + float: left; } + +.button-right-arrow { + width: 20px; + height: 20px; } + +.div-block-9 { + text-align: center; } + +.users-icon { + width: 150px; + height: 150px; + margin-bottom: 20px; } + +.heading-2 { + margin-bottom: 10px; + color: #0040A9; + font-size: 18px; + line-height: 21px; + font-weight: 900; + text-transform: uppercase; } + +.heading-2.bm0 { + margin-top: 0px; + margin-bottom: 0px; } + +.button-label { + position: relative; + z-index: 3; + padding-right: 20px; + font-size: 16px; + font-weight: 600; } + +.si { + width: 50%; + margin-top: 20px; + margin-bottom: 20px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } + +.minh { + min-height: 89px; } + +.button-flyin { + position: absolute; + left: -1%; + top: -1%; + right: 0%; + bottom: -5%; + display: none; + color: #fff; + height: 110%; + background-color: #004A90; } + +.button-flyin-secondary { + background-color: #1e88e5; } + +.secondary-button-white:hover { + color: #1e88e5; } + +.button-flyin-blue { + background-color: #fff; } + +.main-button-white:hover { + color: white; } + +.button-flyin.main { + background-color: #004A90; } + +.testimonial-tile { + position: relative; + height: 100%; + margin-bottom: 20px; } + +.test-padding { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + height: 100%; + padding: 50px 29px 60px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + background-color: #D4F0FC; + text-align: center; } + +.text-block-2 { + position: absolute; + left: 0%; + top: auto; + right: 0%; + bottom: 0%; + padding: 10px 15px; + border-top: 1px solid #1e88e5; + background-color: #1e88e5; + color: #fff; + font-weight: 600; + text-align: center; } + +.testimonial-quotes { + position: absolute; + left: 0%; + top: 0%; + right: 0%; + bottom: auto; + z-index: 2; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 56px; + height: 56px; + margin-top: -28px; + margin-right: auto; + margin-left: auto; + padding: 6px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border-radius: 50%; + background-color: #1e88e5; } + +.login { + padding-top: 9px; + padding-bottom: 9px; + background-color: #fff; + color: #1e88e5; + line-height: 15px; + font-weight: 600; + text-decoration: none; } + +.login:hover { + color: #004A90; } + +.register { + margin-left: 30px; + padding-top: 11px; + padding-bottom: 11px; + background-color: #1e88e5; + -webkit-transition: all 200ms ease; + transition: all 200ms ease; + color: #fff; + font-size: 16px; + line-height: 15px; + font-weight: 600; } + +.register:hover { + border-color: #004A90; + background-color: #004A90; + color: #fff; } + +.div-block-10 { + z-index: 121; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + height: 100%; + max-width: 1240px; + margin-right: auto; + margin-left: auto; + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + background-color: #fff; + text-align: left; } + +.center { + text-align: center; } + +.mh2 { + min-height: 131px; } + +.div-block-11 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } + +.image { + width: 47px; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; } + +.isc { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 20%; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; } + +.nimber-row { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-top: 13px; + margin-bottom: 13px; + padding-top: 0px; + padding-bottom: 0px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + text-align: center; } + +.nimber-row.largenr { + padding-top: 2px; + padding-bottom: 2px; } + +.number-background-circle { + position: absolute; + width: 70px; + height: 70px; + border-radius: 50%; + background-color: #D4F0FC; } + +.number-background-circle.lbc { + width: 120px; + height: 120px; + background-color: #D4F0FC; } + +.text-block-3 { + position: relative; + z-index: 2; + padding-top: 22px; + padding-bottom: 22px; + color: #0040A9; + font-size: 62px; + line-height: 70px; + font-weight: 300; } + +.div-block-14 { + text-align: center; } + +.n { + font-size: 18px; + font-weight: 600; } + +.div-block-16 { + height: 1px; + max-width: 400px; + margin-right: auto; + margin-left: auto; + border-bottom: 2px dashed #0040A9; } + +.div-block-16.bdash { + margin-bottom: 18px; } + +.col-copy { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding-right: 25px; + padding-left: 25px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } + +.side-title { + margin-bottom: 50px; + font-size: 32px; + line-height: 42px; + font-weight: 400; + max-width: 800px; + text-align: center; } + +.grid-icon { + width: 40px; + height: 40px; } + +.grid-icon.large-gi { + width: 40px; + height: 40px; } + +.icon-wrapp { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 60px; + height: 60px; + padding: 11px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + border-radius: 50%; + background-color: #D4F0FC; + opacity: 1; } + +.div-block-19 { + padding-top: 5px; + padding-left: 20px; } + +.footer-link { + display: block; + margin-bottom: 15px; + color: #58595b; + text-decoration: none; } + +.footer-link:hover { + color: #1e88e5; } + +.link-block-2 { + padding-right: 20px; + float: left; } + +.cocico { + width: 40px; + height: 40px; } + +.nav-ul-2 { + position: fixed; + left: 0px; + top: 70px; + right: 0px; + z-index: 153; + display: none; + overflow: hidden; + width: 100%; + max-width: 1160px; + margin-right: auto; + margin-left: auto; + border-style: none; + border-width: 1px; + border-color: #b3d8eb; + background-color: #fff; + box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.22); } + +.nav2-li { + padding: 20px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } + +.navlink-2 { + display: block; + margin-bottom: 10px; + padding-right: 20px; + color: #333; + font-size: 14px; + text-decoration: none; } + +.navlink-2:hover { + color: #0082ff; } + +.navlink-2.strong { + font-weight: 600; } + +.nav-sub-row { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-right: -10px; + margin-left: -10px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } + +.nav-sub-row.toppadding { + padding-top: 34px; } + +.nav-col-3 { + padding-right: 10px; + padding-left: 10px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } + +.tabs-pricing { + height: auto; } + +.tabs-menu-pricing { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-top: 40px; + margin-bottom: 40px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-bottom: 1px none #b3d8eb; } + +.tab { + margin-right: 20px; + margin-left: 20px; + padding-right: 0px; + padding-left: 0px; + border-bottom: 2px solid #d3d3d3; + background-color: #fff; + color: #8c8c8c; + font-size: 20px; + text-align: center; } + +.tab:hover { + border-bottom-color: #1e88e5; + color: #1e88e5; } + +.tab.w--current { + border-bottom-color: #1e88e5; + background-color: #fff; + color: #1e88e5; } + +.paket { + font-size: 23px; + font-weight: 500; } + +.price { + margin-top: 10px; + margin-bottom: 10px; + font-size: 19px; + font-weight: 700; } + +.compare-icon { + width: 26px; + height: 26px; } + +.compare-col-frame { + position: relative; + height: 100%; + margin-top: 0px; + margin-bottom: 0px; + padding: 30px 30px 70px; + background-color: #abe7ff; + text-align: center; } + +.compare-col-frame.paket-b { + background-color: #99f2e1; } + +.compare-col-frame.paket-c { + background-color: #c1c8e9; } + +.compare-col-frame.w { + background-color: #fff; + box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); } + +.pi { + min-height: 80px; + margin-bottom: 20px; + padding-bottom: 20px; + border-bottom: 1px solid #e5e5e5; + font-size: 16px; + line-height: 26px; } + +.pricetable-feature { + padding-top: 4px; + padding-bottom: 4px; + font-size: 16px; + line-height: 20px; } + +.pricetable-ul { + overflow: hidden; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } + +.ptf-li { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + text-align: left; } + +.button-pricechart { + position: absolute; + left: 30px; + top: auto; + right: 30px; + bottom: 30px; + margin-top: 20px; + background-color: #1e88e5; + color: #fff; } + +.button-pricechart.pcb-2 { + background-color: #ffc700; + color: #333; } + +.button-pricechart.pcb-3 { + background-color: #0040A9; } + +.pricing-icon-outer { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 140px; + height: 140px; + margin-top: -100px; + margin-right: auto; + margin-left: auto; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border-style: dashed; + border-width: 3px; + border-color: #1e88e5; + border-radius: 50%; } + +.pricing-icon-outer.green { + border-color: #ffc700; } + +.pricing-icon-outer.grey { + border-color: #0040A9; } + +.pricing-inner-circle { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 120px; + height: 120px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border-radius: 50%; + background-color: #1e88e5; } + +.pricing-inner-circle.pic-green { + background-color: #ffc700; } + +.pricing-inner-circle.pic-grey { + background-color: #0040A9; } + +.price-icon { + width: 60px; + height: 60px; } + +.textlink { + color: #0082ff; } + +.intri-inner { + margin-top: 20px; + margin-bottom: 20px; + font-size: 21px; + line-height: 32px; } + +.image-3--2 { + padding-top: 0px; } + +.sidelink { + display: block; + margin-top: 0px; + margin-bottom: 0px; + padding-top: 4px; + padding-right: 20px; + padding-bottom: 4px; + color: #333; + font-size: 15px; + font-weight: 400; + text-decoration: none; } + +.sidelink:hover { + color: #0082ff; } + +.sidelink:focus { + color: #0082ff; } + +.sidelink.l1 { + margin-top: 10px; + color: #333; + font-weight: 600; + text-transform: uppercase; } + +.sidelink.l1:hover { + color: #1e88e5; } + +.sidelist { + padding-left: 0px; } + +.breadcrumbs-ul { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; } + +.breadcrumb-li { + padding-right: 10px; } + +.breadcrumb { + display: block; + padding-right: 10px; + border-right: 1px solid #e5e5e5; + color: #8c8c8c; + text-decoration: none; } + +.breadcrumb:hover { + color: #0082ff; } + +.sidenav { + width: 300px; + margin-right: 25px; + margin-left: 25px; + padding: 25px; + border-style: solid; + border-width: 1px; + border-color: #e5e5e5; + background-color: #fff; + box-shadow: -10px -10px 0 0 #f8f8f8; } + +.sidelink-dd { + display: block; + width: 100%; + padding: 4px 0px; } + +.dropdown { + z-index: 1; + display: block; } + +.text-block-4 { + position: relative; + color: #333; + font-size: 15px; } + +.text-block-4:focus { + color: #0082ff; } + +.icon-2 { + margin-right: 0px; } + +.dropdown-list { + position: relative; } + +.dropdown-list.w--open { + position: relative; + background-color: rgba(255, 255, 255, 0); } + +.sidelink-l3 { + padding-top: 4px; + padding-bottom: 4px; + background-color: transparent; + font-size: 15px; } + +.sidelink-l3:hover { + color: #0082ff; } + +.sidelink-l3:focus { + color: #0082ff; } + +.manual-toggle { + display: none; } + +.dashcol { + max-width: 600px; + margin-right: auto; + margin-left: auto; + padding-top: 169px; + padding-right: 74px; + padding-left: 74px; } + +.dashtitle { + margin-top: 40px; + margin-bottom: 10px; } + +.dashlink { + display: block; + padding-top: 7px; + padding-bottom: 7px; + color: #333; } + +.ic { + width: 100%; + height: 200px; + margin-top: 40px; } + +.medium-icon-wrapper { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 100px; + height: 100px; + margin-right: auto; + margin-left: auto; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border-style: dashed; + border-width: 2px; + border-color: #1e88e5; + border-radius: 50%; } + +.inner-icon-circle { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 80px; + height: 80px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border-radius: 50%; + background-color: #D4F0FC; } + +.cloud-icon2 { + width: 200px; + -o-object-fit: contain; + object-fit: contain; + -o-object-position: 50% 17px; + object-position: 50% 17px; } + +.icon-image { + width: 40px; + height: 40px; } + +.logos-row { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } + +.trust-logo { + max-height: 60px; + margin-right: 10px; + margin-bottom: 0px; + margin-left: 10px; + padding: 16px; + background-color: #fff; } + +.text-field { + height: 38px; + border-style: solid; + border-width: 1px; + border-color: #ccc; + border-top-left-radius: 18px; + border-bottom-left-radius: 18px; } + +.tab-pane-tab-1 { + padding-top: 30px; } + +.div-block-21 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } + +.compare-col { + padding: 5px 20px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + font-weight: 600; + text-align: center; } + +.compare-col.leftcol { + padding-left: 0px; + font-weight: 400; + text-align: left; } + +.accordion-icon { + width: 35px; + height: 35px; + margin-right: 15px; + padding: 6px; + float: left; + border-radius: 5px; + background-color: #D4F0FC; } + +.compare-row { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + border-bottom: 1px solid #e5e5e5; } + +.accordion-title { + line-height: 53px; } + +.compare-wrap { + font-size: 14px; + line-height: 24px; } + +.accordion-arrow { + width: 20px; + height: 20px; } + +.accordion-toggle-2 { + overflow: hidden; } + +.accordion { + margin-bottom: 0px; } + +.accordion-head { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding-top: 5px; + padding-bottom: 5px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border-bottom: 1px solid #e5e5e5; + font-weight: 700; + cursor: pointer; } + +.accordion-head:hover { + color: #1e88e5; } + +.collapse-row { + position: absolute; + left: 0%; + top: auto; + right: 0%; + bottom: 0%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-bottom: 10px; + padding-bottom: 0px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + cursor: pointer; } + +.cd { + font-size: 16px; + font-weight: 500; } + +.accordion-toggle { + overflow: hidden; } + +.tab-pane-tab-1-2 { + height: auto; + margin-bottom: 46px; + padding-top: 105px; } + +.tabs-content { + height: auto; } + +.h2-compare { + margin-top: 60px; + margin-bottom: 40px; + font-size: 28px; + line-height: 32px; } + +.form { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } + +.submit-button { + width: 38px; + height: 38px; + padding-top: 0px; + padding-bottom: 0px; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + border-radius: 0px 50% 50% 0%; + background-color: #D4F0FC; + background-image: url("/tema1ka/svg/icons-search-modra.svg"); + background-position: 50% 50%; + background-size: 20px 20px; + background-repeat: no-repeat; } + +.searchbutton { + margin-right: 30px; + width: 24px; + height: 24px; + cursor: pointer; } + +.div-block-22 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; } + +.list-inner { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; } + +.slide-partners { + width: 20%; + padding-top: 9px; + padding-bottom: 9px; + border-right: 1px solid #e0f6ff; + background-color: #fff; + text-align: center; } + +.sarr { + width: 50px; + height: 60px; + margin-top: 0px; + margin-bottom: 0px; + color: #0040A9; + font-size: 23px; } + +.mask-2 { + margin-right: 50px; + margin-left: 50px; } + +.slider { + height: auto; + margin-bottom: 40px; + background-color: rgba(221, 221, 221, 0); } + +.slide-nav-2 { + display: none; } + +.form-2 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } + +.submit-button-2 { + width: 48px; + height: 48px; + border-radius: 0px 37px 37px 0px; + background-color: #1e88e5; + border-left: 0px; + background-image: url("../svg/icons-search-bela.svg"); + background-position: 50% 50%; + background-size: 26px 26px; + background-repeat: no-repeat; + letter-spacing: 3px; } + +.text-field-2 { + height: 48px; + padding-left: 29px; + border-radius: 37px 0px 0px 37px; + border: 1px solid #cccccc; + border-right: 0px; + font-size: 20px; + line-height: 20px; } + +.hide-search { + width: 48px; + height: 48px; + padding: 12px; + border-radius: 43px; + background-color: #fff; + cursor: pointer; } + +.searchform { + position: fixed; + left: 0%; + top: 0%; + right: 0%; + bottom: auto; + z-index: 140; + display: none; + min-height: 100px; + padding-top: 76px; + background-color: #fff; + box-shadow: 0 0 11px 0 rgba(0, 0, 0, 0.33); } + +.button-small { + margin-right: 5px; + margin-bottom: 5px; + margin-left: 5px; + padding: 2px 15px; + border-style: solid; + border-width: 1px; + border-color: #ececec; + border-radius: 6px; + background-color: #fff; + color: #8b8b8b; } + +.badge { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 100px; + height: 100px; + margin-left: 20px; + padding: 14px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex: 0; + -webkit-flex: 0 0 100px; + -ms-flex: 0 0 100px; + flex: 0 0 100px; + border-radius: 50% 50% 50% 0px; + background-color: #D4F0FC; + color: #0040A9; + font-size: 11px; + line-height: 17px; + font-weight: 700; + text-align: center; + text-transform: uppercase; } + +.div-block-23 { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } + +.list-thumb { + width: 100px; + margin-top: 15px; + padding-right: 18px; } + +.list-2 { + padding-left: 0px; } + +.recommended-item { + padding: 13px 0px; + border-bottom: 1px solid #e5e5e5; } + +.recommended-item:first-child { + border-top: 1px solid #e5e5e5; } + +.recommended-item-title { + font-size: 18px; + font-weight: 400; } + +.recommended-item-arrow { + float: right; + margin-top: 3px; } + +.modal { + position: fixed; + left: 0%; + top: 0%; + right: 0%; + bottom: 0%; + z-index: 10000; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + background-color: rgba(0, 0, 0, 0.39); } + +.modal-inner { + position: relative; + overflow: auto; + max-height: 90vh; + max-width: 600px; + padding: 53px 50px 30px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + background-color: #fff; } + +.modal-h1 { + margin-top: 0px; + margin-bottom: 20px; + font-size: 30px; + line-height: 48px; + font-weight: 400; } + +.label { + margin-bottom: 0px; } + +.text-fiels-form { + border-style: solid; + border-width: 1px; + border-color: #b3d8eb; } + +.text-fiels-form:focus { + border-color: #0040A9; } + +.form-row { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-right: -5px; + margin-left: -5px; } + +.gorm-col { + padding-right: 5px; + padding-left: 5px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } + +.radio-button { + width: 20px; + height: 20px; + margin-left: -34px; + border-style: solid; + border-width: 1px; + border-color: #b3d8eb; } + +.radio-button.w--redirected-checked { + border-color: #0040A9; + background-color: #fff; } + +.radio-button.w--redirected-focus { + box-shadow: none; } + +.radio-button-field { + padding-left: 34px; } + +.checkbox { + width: 20px; + height: 20px; + margin-left: -30px; + border-color: #b3d8eb; } + +.checkbox.w--redirected-checked { + border-color: #0040A9; + background-color: #0040A9; + background-size: 13px; } + +.checkbox.w--redirected-focus { + box-shadow: none; } + +.checkbox-field { + padding-left: 30px; } + +.close-modal { + position: absolute; + left: auto; + top: 20px; + right: 20px; + bottom: auto; + width: 30px; + height: 30px; } + +.tabs-content-copy { + height: auto; + padding-right: 20px; + padding-left: 20px; } + +.sideicon-col { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-bottom: 40px; } + +.side-text-padding { + padding-left: 30px; } + +.icon-wrapp-copy { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 120px; + height: 120px; + padding: 11px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + border-radius: 50%; + background-color: #e0f6ff; + opacity: 1; } + +@media screen and (max-width: 991px) { + .nav-li1 { + position: static; } + + .nav-ul2 { + position: absolute; + left: 0px; + display: block; + width: 100%; + height: auto; + margin-left: 100%; + padding-top: 40px; + background-image: url("../images/icons8-left-arrow-3.svg"); + background-position: 50% 10px; + background-size: 30px 30px; + background-repeat: no-repeat; + text-align: center; + cursor: pointer; } + + .content { + padding-top: 0px; + padding-left: 0px; } + + .section { + padding-top: 40px; + padding-bottom: 40px; } + + .section.kvs { + z-index: 0; + height: auto; + padding-top: 0px; } + + .row.grid-list { + padding-left: 0px; } + + .row.pricing-row { + display: block; } + + .row.sideav-flex { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding-right: 0px; } + + .col._4-12-12-12 { + width: 100%; + -webkit-box-flex: 0; + -webkit-flex: 0 100%; + -ms-flex: 0 100%; + flex: 0 100%; } + + .col._6-12-12-12 { + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; } + + .col.kvleft { + max-width: none; + float: none; } + + .col._3-6-6-12 { + -webkit-flex-basis: 50%; + -ms-flex-preferred-size: 50%; + flex-basis: 50%; } + + .topnav { + left: 0px; + z-index: 42; } + + .burger { + position: relative; + z-index: 100; + display: block; + padding: 7px; + opacity: 1; } + + .navmenu { + position: relative; + z-index: 15; } + + .list { + display: block; + padding-top: 30px; + padding-left: 0px; + background-color: #fff; } + + .navlink { + padding-top: 0px; + padding-bottom: 0px; + border-bottom-style: none; + font-size: 19px; + line-height: 33px; } + + .div-block-6 { + position: fixed; + left: 0%; + top: 0%; + bottom: 0%; + z-index: 50; + display: none; + padding-right: 10px; + padding-left: 16px; + -webkit-box-align: stretch; + -webkit-align-items: stretch; + -ms-flex-align: stretch; + align-items: stretch; + -webkit-box-flex: 0; + -webkit-flex: 0 100%; + -ms-flex: 0 100%; + flex: 0 100%; + background-color: #fff; + box-shadow: 4px 4px 11px 0 rgba(0, 0, 0, 0.09); } + + .logo { + position: fixed; + top: 0px; + z-index: 43; } + + .kvcol { + max-width: none; } + + .kvcol.leftcol { + max-width: none; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + text-align: center; } + + .kv-right-col { + height: 403px; + max-width: none; + margin-top: 52px; + margin-bottom: 52px; } + + .div-block-8 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: auto; + margin-top: 17px; + padding-top: 0px; + padding-right: 15px; + padding-left: 15px; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; } + + .minh { + min-height: auto; } + + .testimonial-tile { + height: auto; + margin-bottom: 57px; } + + .login { + border-color: #99f2e1; + background-color: #99f2e1; } + + .div-block-10 { + display: block; } + + .mh2 { + min-height: 108px; } + + .image { + display: none; } + + .isc { + display: none; + width: 0%; } + + .text-block-3 { + font-size: 48px; } + + .col-copy { + padding-left: 15px; } + + .image-2 { + max-width: 300px; + margin-top: 40px; + float: none; } + + .nav-ul-2 { + position: relative; + top: 0px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: auto; + max-width: none; + margin-bottom: 0px; + border-style: none; + background-color: #fff; + box-shadow: none; } + + .nav2-li { + padding: 2px 0px; } + + .navlink-2 { + padding-left: 16px; + font-size: 14px; + line-height: 22px; } + + .nav-sub-row { + display: block; } + + .nav-sub-row.toppadding { + padding-top: 0px; } + + .compare-col-frame { + margin-top: 106px; } + + .sidelink { + padding-right: 19px; } + + .sidelist { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } + + .sl { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; } + + .sidenav { + position: fixed; + left: auto; + top: 0%; + right: 0%; + bottom: 0%; + z-index: 100; + display: none; + overflow: auto; + margin-right: 0px; + margin-left: 0px; + border: 1px solid #e5e5e5; + border-radius: 0px; + background-color: #fff; + box-shadow: none; } + + .manual-toggle { + position: fixed; + left: auto; + top: auto; + right: 20px; + bottom: 20px; + z-index: 2000; + display: block; + width: 50px; + height: 50px; + padding: 9px; + border-radius: 39px; + background-color: #1e88e5; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.37); } + + .image-3 { + width: 100%; } + + .medium-icon-wrapper { + margin-top: 20px; } + + .cloud-icon2 { + max-width: 300px; + margin-top: 40px; + float: none; } + + .compare-col { + padding-right: 5px; + padding-left: 5px; + font-size: 14px; } + + .compare-col.leftcol { + -webkit-box-flex: 100%; + -webkit-flex: 100%; + -ms-flex: 100%; + flex: 100%; } + + .compare-row { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } + + .cd { + font-size: 16px; } + + .tab-pane-tab-1-2 { + padding-top: 0px; } + + .searchbutton { + margin-right: 20px; } + + .slide-partners { + width: 33.3333%; } + + .searchform { + padding-top: 25px; } } +@media screen and (max-width: 767px) { + h1 { + font-size: 34px; + line-height: 40px; } + + h2 { + font-size: 28px; + line-height: 34px; } + + .section { + padding-top: 20px; + padding-bottom: 20px; } + + .section.topmargin { + padding-top: 20px; } + + .row.grid-list { + display: block; + padding-left: 0px; } + + .col._6-12-12-12 { + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; } + + .col._4-4-12-12 { + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; } + + .kv-heading { + font-size: 30px; + line-height: 40px; + font-weight: 400; } + + .section-title { + font-size: 24px; + line-height: 31px; } + + .navlink { + padding-top: 2px; + padding-bottom: 2px; } + + .div-block-6 { + overflow: auto; } + + .kv-right-col { + height: 300px; } + + .si { + max-width: 150px; + margin-right: auto; + margin-left: auto; } + + .mh2 { + min-height: 128px; } + + .text-block-3 { + font-size: 44px; + line-height: 64px; } + + .compare-col { + padding-right: 10px; + padding-left: 0px; + font-size: 13px; + line-height: 23px; } + + .compare-col.leftcol { + margin-top: 0px; + padding-top: 0px; + padding-bottom: 0px; + border-bottom: 1px solid #d1d1d1; } + + .compare-row { + border-bottom-style: none; } + + .cd { + padding-top: 10px; + padding-bottom: 10px; + font-size: 15px; + text-align: center; } + + .slide-partners { + width: 50%; } + + .modal-inner { + position: fixed; + left: 0%; + top: 0%; + right: 0%; + bottom: 0%; + height: 100vh; + max-height: 100vh; + padding-top: 62px; + padding-right: 55px; + padding-left: 55px; } } +@media screen and (max-width: 479px) { + .section.kvs { + padding-top: 17px; } + + .container { + padding-right: 20px; + padding-left: 20px; } + + .row { + margin-right: -10px; + margin-left: -10px; } + + .row.flex { + margin-right: -10px; + margin-left: -10px; } + + .row.pricing-row { + margin-right: 0px; } + + .col { + padding-right: 10px; + padding-left: 10px; } + + .col._6-12-12-12 { + -webkit-box-flex: 0; + -webkit-flex: 0 100%; + -ms-flex: 0 100%; + flex: 0 100%; } + + .col._3-6-6-12 { + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; } + + .kv-heading { + margin-bottom: 20px; } + + .section-title { + font-size: 23px; + line-height: 29px; } + + .topnav { + left: 0px; + z-index: 100; } + + .buttons-row.buttons-center { + margin-top: 20px; } + + .w-tab-content.buttons-row { + justify-content: flex-end; } + + .nav-li { + padding-left: 12px; } + + .navlink { + line-height: 28px; } + + .div-block-6 { + padding-left: 0px; } + + .intro { + margin-bottom: 20px; } + + .kv-right-col { + width: 90%; + height: 239px; + margin: 14px auto 0px; } + + .kv-subtext { + margin-bottom: 20px; } + + .users-icon { + margin-top: 20px; } + + .heading-2 { + margin-bottom: 10px; } + + .si { + max-width: 180px; } + + .login { + margin-left: 13px; } + + .mh2 { + min-height: auto; } + + .text-block-3 { + font-size: 40px; + line-height: 40px; } + + .grid-icon.large-gi { + width: 40px; + height: 40px; } + + .nav-ul-2 { + display: block; } + + .navlink-2 { + font-size: 12px; + line-height: 16px; } + + .tabs-menu-pricing { + margin-top: 10px; + margin-bottom: 10px; } + + .tab { + margin-right: 0px; + margin-left: 0px; + padding-right: 18px; + padding-left: 18px; + font-size: 15px; + line-height: 19px; } + + .compare-col-frame.w { + padding-right: 0px; + padding-left: 0px; + box-shadow: none; } + + .breadcrumb { + font-size: 13px; } + + .compare-col { + padding-right: 2px; + padding-left: 2px; + -webkit-box-flex: 0; + -webkit-flex: 0 0 33.3333%; + -ms-flex: 0 0 33.3333%; + flex: 0 0 33.3333%; } + + .compare-col.leftcol { + margin-top: 0px; + padding-top: 0px; + padding-bottom: 0px; } + + .accordion-icon { + width: 30px; + height: 30px; + margin-right: 10px; } + + .compare-row { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } + + .accordion-arrow { + width: 20px; + height: 20px; } + + .accordion-head { + font-size: 14px; } + + .cd { + padding-top: 10px; + padding-bottom: 10px; + font-size: 14px; } + + .div-block-22 { + display: block; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; } + + .list-inner { + display: block; } + + .slide-partners { + width: 100%; } + + .slider { + width: 280px; } + + .badge { + margin-left: 0px; } + + .modal-inner { + padding-right: 20px; + padding-left: 20px; } + + .form-row { + display: block; } + + .tabs-content-copy { + padding-right: 0px; + padding-left: 0px; } + + .sideicon-col { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; } + + .side-text-padding { + padding-left: 10px; } + + .icon-wrapp-copy { + width: 80px; + height: 80px; + margin-right: auto; + margin-left: auto; } } +.button { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + overflow: hidden; + margin-right: 5px; + margin-bottom: 5px; + margin-left: 5px; + padding: 12px 7px 12px 17px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + color: #1e88e5; + font-size: 16px; + font-weight: 600; + text-decoration: none; + cursor: pointer; + border: 1px solid #1e88e5; + padding: 11px 7px 11px 17px; + color: #1e88e5; } + +img { + max-width: 100%; + vertical-align: middle; + display: inline-block; } + +.center { + text-align: center; } + +.flex { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } + +* { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } + +body { + height: 100%; + font-family: 'Source Sans Pro', sans-serif; + color: #333; + font-size: 16px; + line-height: 26px; + font-weight: 400; + margin: 0; + min-height: 100%; + background-color: #fff; } + +.content { + padding-top: 70px; } + +.section { + position: relative; + padding-top: 70px; + padding-bottom: 70px; } + +.container { + max-width: 1240px; + margin-right: auto; + margin-left: auto; + padding-right: 40px; + padding-left: 40px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } + +.row { + margin-right: -25px; + margin-left: -25px; } + .row.flex { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } + .row .col { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding-right: 25px; + padding-left: 25px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } + .row .col.c-50 { + -webkit-box-flex: 0; + -webkit-flex: 0 50%; + -ms-flex: 0 50%; + flex: 0 50%; } + .row .col.c-33 { + width: 33.3333%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 33.3333%; + -ms-flex: 0 0 33.3333%; + flex: 0 0 33.3333%; } + .row .vrsta { + padding-right: 25px; + padding-left: 25px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } + +.inline-block { + max-width: 100%; + display: inline-block; } + +.clearfix:before, .clearfix:after { + content: " "; + display: table; + grid-column-start: 1; + grid-row-start: 1; + grid-column-end: 2; + grid-row-end: 2; } +.clearfix:after { + clear: both; } + +.grey-section { + background-color: #F8F8F8; } + +.accordion-title-block { + display: flex; } + .accordion-title-block .accordion-icon { + margin-top: 9px; } + +.section.uvodni-slider { + z-index: 121; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + height: 100%; + max-width: 1240px; + margin-right: auto; + margin-left: auto; + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + background-color: #fff; + text-align: left; } + .section.uvodni-slider .slider-right { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } + .section.uvodni-slider .slider-right .slider-slika { + position: absolute; + z-index: 3; + width: 100%; + height: 100%; + -o-object-fit: contain; + object-fit: contain; } + .section.uvodni-slider .slider-left { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + max-width: 400px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex: 0; + -webkit-flex: 0 50%; + -ms-flex: 0 50%; + flex: 0 50%; } + .section.uvodni-slider .slider-left .slider-title { + margin-bottom: 40px; + color: #f34; + font-size: 150px; + line-height: 60px; + font-weight: 300; } + .section.uvodni-slider .slider-left .slider-subtitle { + margin-bottom: 40px; + color: #f34; + font-size: 19px; + line-height: 28px; + font-weight: 900; + text-transform: uppercase; } + +.section .section-title { + padding-right: 50px; + padding-left: 50px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } + .section .section-title .title { + margin-top: 40px; + margin-bottom: 60px; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + font-family: 'Source Sans Pro', sans-serif; + font-size: 34px; + line-height: 40px; + font-weight: 400; + text-align: center; } + +.izbira-paketa .section-main { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } + .izbira-paketa .section-main .col { + padding-right: 25px; + padding-left: 25px; + width: 33.3333%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 33.3333%; + -ms-flex: 0 0 33.3333%; + flex: 0 0 33.3333%; + text-align: center; } + .izbira-paketa .section-main .col .icon { + width: 150px; + height: 150px; + margin-bottom: 20px; } + .izbira-paketa .section-main .col .title { + margin-bottom: 10px; + color: #0040A9; + font-size: 18px; + line-height: 21px; + font-weight: 900; + text-transform: uppercase; } + +.funkcionalnost .section-main { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-top: 60px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } + .funkcionalnost .section-main .flexcol { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-bottom: 58px; + -webkit-box-flex: 0; + -webkit-flex: 0 50%; + -ms-flex: 0 50%; + flex: 0 50%; } + .funkcionalnost .section-main .flexcol .content { + padding-top: 0; + padding-right: 25px; + padding-left: 25px; + display: flex; } + .funkcionalnost .section-main .flexcol .content .icon { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 60px; + height: 60px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + border-radius: 50%; + background-color: #D4F0FC; + opacity: 1; } + .funkcionalnost .section-main .flexcol .content .icon img { + width: 40px; + height: 40px; } + .funkcionalnost .section-main .flexcol .content .text { + padding-top: 5px; + padding-left: 20px; } + .funkcionalnost .section-main .flexcol .content .text .title { + margin-bottom: 0px; + margin-top: 0px; + color: #0040A9; + font-size: 18px; + line-height: 21px; + font-weight: 900; + text-transform: uppercase; } + .funkcionalnost .section-main .flexcol .content .text p { + margin-top: 0; + margin-bottom: 10px; } + +.koraki-spletnega-anketiranja .section-title { + padding-right: 25px; + padding-left: 25px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } +.koraki-spletnega-anketiranja .row { + display: flex; } + .koraki-spletnega-anketiranja .row .stolpec { + -webkit-box-flex: 0 !important; + -webkit-flex: 0 33.333% !important; + -ms-flex: 0 33.333% !important; + flex: 0 33.333% !important; + text-align: center; + padding: 0 25px; } + .koraki-spletnega-anketiranja .row .stolpec .slika { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } + .koraki-spletnega-anketiranja .row .stolpec .slika .postavitev { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 20%; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; } + .koraki-spletnega-anketiranja .row .stolpec .slika img { + width: 50%; + margin-top: 20px; + margin-bottom: 20px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + max-width: 100%; + vertical-align: middle; } + .koraki-spletnega-anketiranja .row .stolpec .gumb { + width: 33.3333%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 33.3333%; + -ms-flex: 0 0 33.3333%; + flex: 0 0 33.3333%; + padding: 0 25px; } + .koraki-spletnega-anketiranja .row .stolpec .gumb .button { + max-width: 200px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } + .koraki-spletnega-anketiranja .row.flex-desna { + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: right; } + .koraki-spletnega-anketiranja .row.flex-desna .gumb { + width: 33.3333%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 33.3333%; + -ms-flex: 0 0 33.3333%; + flex: 0 0 33.3333%; + padding: 0 25px; } + +.pridruzi-se-nam .row { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } + .pridruzi-se-nam .row .stolpec { + padding-right: 25px; + padding-left: 25px; + padding-left: 25px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + text-align: center; } + .pridruzi-se-nam .row .stolpec .crte { + height: 1px; + max-width: 400px; + margin-right: auto; + margin-left: auto; + border-bottom: 2px dashed #0040A9; } + .pridruzi-se-nam .row .stolpec .blok { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-top: 13px; + margin-bottom: 13px; + padding-top: 0px; + padding-bottom: 0px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + text-align: center; } + .pridruzi-se-nam .row .stolpec .blok.velik { + padding-top: 2px; + padding-bottom: 2px; } + .pridruzi-se-nam .row .stolpec .blok .krog { + position: absolute; + width: 70px; + height: 70px; + border-radius: 50%; + background-color: #D4F0FC; } + .pridruzi-se-nam .row .stolpec .blok .krog.velik { + width: 120px; + height: 120px; } + .pridruzi-se-nam .row .stolpec .blok .text { + position: relative; + z-index: 2; + padding-top: 22px; + padding-bottom: 22px; + color: #0040A9; + font-size: 62px; + line-height: 70px; + font-weight: 300; } + .pridruzi-se-nam .row .stolpec .text { + font-size: 18px; + font-weight: 600; } + .pridruzi-se-nam .row .stolpec.pol { + padding: 0; + -webkit-box-flex: 0; + -webkit-flex: 0 50%; + -ms-flex: 0 50%; + flex: 0 50%; } + .pridruzi-se-nam .row .stolpec.tretina { + width: 33.3333%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 33.3333%; + -ms-flex: 0 0 33.3333%; + flex: 0 0 33.3333%; } + +.zaupajo-nam .row-logotipi { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } + .zaupajo-nam .row-logotipi img { + max-width: 100%; + vertical-align: middle; + display: inline-block; + max-height: 60px; + margin-right: 10px; + margin-bottom: 0px; + margin-left: 10px; + padding: 16px; + background-color: #fff; } + +.col-6-blue { + -webkit-box-flex: 0; + -webkit-flex: 0 50%; + -ms-flex: 0 50%; + flex: 0 50%; + padding-right: 25px; + padding-left: 25px; } + .col-6-blue.vert-center { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } + +.stolpec-4 { + padding-right: 25px; + padding-left: 25px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; } + .stolpec-4.logotipi img { + height: 60px; + margin: 0.75rem 0; } + .stolpec-4 .fotter-ico { + width: 40px; + height: 40px; } + +.breadcrumbs { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + padding-left: 0; + list-style: none; } + .breadcrumbs li { + padding-right: 10px; } + .breadcrumbs li a.povezava { + display: block; + padding-right: 10px; + border-right: 1px solid #e5e5e5; + color: #8c8c8c; + text-decoration: none; } + +#breadcrumb .breadcrumbs-ul { + list-style: none; + padding-left: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; } +#breadcrumb .breadcrumb-li { + padding-right: 10px; } +#breadcrumb .breadcrumb { + display: block; + padding-right: 10px; + border-right: 1px solid #e5e5e5; + color: #8c8c8c; + text-decoration: none; } +#breadcrumb .breadcrumb:hover { + color: #0082ff; } + +.modal, .rexister-modal { + position: fixed; + left: 0%; + top: 0%; + right: 0%; + bottom: 0%; + z-index: 10000; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + background-color: rgba(0, 0, 0, 0.39); + display: none; } + .modal .modal-box, .rexister-modal .modal-box { + position: relative; + overflow: auto; + max-height: 90vh; + max-width: 750px; + padding: 53px 50px 30px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + background-color: #fff; } + .modal .modal-box .closemodal, .rexister-modal .modal-box .closemodal { + position: absolute; + left: auto; + top: 20px; + right: 20px; + bottom: auto; + width: 30px; + height: 30px; + cursor: pointer; } + .modal .modal-box h3, .rexister-modal .modal-box h3 { + margin-top: 0px; + margin-bottom: 20px; + font-size: 30px; + line-height: 48px; + font-weight: 400; } + .modal .modal-box .w-input, .rexister-modal .modal-box .w-input { + border-style: solid; + border-width: 1px; + border-color: #b3d8eb; } + .modal .modal-box .submit, .rexister-modal .modal-box .submit { + width: 100%; + border: 0; } + +.dva-stolpca { + display: flex; } + .dva-stolpca .preko-racunov { + padding-left: 1rem; + border-left: 1px solid #333333; } + .dva-stolpca .preko-racunov .ostale-prijave { + display: flex; + flex-direction: column; + width: 300px; } + .dva-stolpca .preko-racunov .ostale-prijave .aai-prijava-small { + font-size: 0.8rem; + line-height: 1.2; + color: #666; + padding-top: 1rem; + border-top: 1px solid #333333; + margin: 1rem 1rem 0; } + .dva-stolpca .preko-racunov .ostale-prijave .ikona { + margin: 1rem; } + .dva-stolpca .preko-racunov .ostale-prijave .ikona .gumb { + padding-right: 1rem; + background: #333333; + color: #ffffff; + padding: 0.5rem 1rem; + max-width: 250px; + font-weight: 600; + letter-spacing: 1px; + cursor: pointer; + transition: 0.2s; } + .dva-stolpca .preko-racunov .ostale-prijave .ikona .gumb:hover { + background: #1e88e5; } + .dva-stolpca .preko-racunov .ostale-prijave .ikona .gumb.gumb-aai { + background: #e35205; + letter-spacing: 0.5px; } + .dva-stolpca .preko-racunov .ostale-prijave .ikona .gumb.gumb-aai:hover { + background: #fa6c21; } + .dva-stolpca .preko-racunov .ostale-prijave .ikona .gumb img { + height: 1.6rem; + width: 52px; + padding-right: 1rem; + float: left; } + .dva-stolpca .registracija { + padding-right: 1rem; } + .dva-stolpca .prijava.forma { + padding-right: 1rem; + width: 100%; } + .dva-stolpca .intro-modal { + display: flex; + flex-direction: column; } + .dva-stolpca .intro-modal .naslov-url { + text-align: center; + text-transform: uppercase; + font-weight: bold; + color: #1e88e5; } + .dva-stolpca .intro-modal .siv-url { + text-transform: uppercase; + color: #d1d1d1; } + .dva-stolpca .intro-modal .besedilo { + min-height: 100px; } + .dva-stolpca .intro-modal .w-button { + width: 100%; + text-align: center; } + .dva-stolpca .intro-modal.intro-1ka { + width: 100%; + padding-left: 1rem; } + .dva-stolpca .intro-modal.intro-1ka h4 { + color: #1e88e5; + margin-bottom: 0; } + .dva-stolpca .intro-modal.intro-aai { + padding-right: 1rem; + border-right: 1px solid #333333; + width: 100%; } + .dva-stolpca .intro-modal.intro-aai h4 { + color: #e35205; + margin-bottom: 0; } + .dva-stolpca .intro-modal.intro-aai .pojasnilo .ikona { + float: left; } + .dva-stolpca .intro-modal.intro-aai .pojasnilo .tekst { + float: left; + padding-left: 1rem; + color: #e35205 !important; + font-weight: bold; } + +input.error-field { + border-color: red !important; } + +.nav-menu { + position: fixed; + left: 0%; + top: 0%; + right: 0%; + bottom: auto; + z-index: 140; + height: 70px; + background-color: #fff; } + .nav-menu .logo { + display: block; + height: 71px; + margin-top: 0px; + padding-top: 14px; + padding-bottom: 10px; + float: left; } + .nav-menu .block-menu { + z-index: 200; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } + .nav-menu .block-menu .list-elementi { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-bottom: 0px; + padding-left: 30px; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + list-style: none; } + .nav-menu .block-menu .list-elementi .nav-li { + padding-right: 15px; + padding-left: 15px; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; } + .nav-menu .block-menu .list-elementi .nav-li a { + display: block; + padding-top: 20px; + padding-bottom: 3px; + border-bottom: 2px solid #fff; + color: #343434; + font-size: 16px; + line-height: 30px; + font-weight: 400; + text-decoration: none; } + .nav-menu .block-menu .list-elementi .nav-li a:hover { + border-bottom-color: #0082ff; + color: #0082ff; } + .nav-menu .block-menu .list-elementi .nav-li.menue-2-drop { + display: block; } + .nav-menu .block-menu .list-elementi .nav-li.menue-2-drop .nav-ul-2 { + position: fixed; + left: 0px; + top: 70px; + right: 0px; + z-index: 153; + display: none; + overflow: hidden; + width: 100%; + max-width: 1160px; + margin-right: auto; + margin-left: auto; + border-style: none; + border-width: 1px; + border-color: #b3d8eb; + background-color: #fff; + box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.22); } + .nav-menu .block-menu .desni-elementi { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } + +.sidebar_menu { + display: block; } + .sidebar_menu h4 a { + color: #333; + text-decoration: none; + text-transform: uppercase; + font-weight: 600; + font-size: 15px; } + .sidebar_menu h4 a:hover { + color: #0082ff; } + .sidebar_menu ul { + display: block; + margin: 0px; + padding: 0px; + color: #333; + font-size: 15px; + font-weight: 600; + text-decoration: none; + text-transform: uppercase; } + .sidebar_menu ul:hover { + color: #0082ff; } + .sidebar_menu ul:focus { + color: #0082ff; } + .sidebar_menu ul li { + padding: 0px; + margin: 0px; } + .sidebar_menu ul li:hover { + color: #0082ff; } + .sidebar_menu ul li a { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding-left: 0px; + display: block; + margin-top: 0px; + margin-bottom: 0px; + padding-top: 4px; + padding-right: 20px; + padding-bottom: 4px; + color: #333; + font-size: 15px; + font-weight: 400; + text-decoration: none; + text-transform: none; } + .sidebar_menu ul li a:hover { + color: #0082ff; } + +a { + color: #1e88e5; + text-decoration: none; } + +.side-nav-second { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; } + .side-nav-second .side-nav { + width: 300px; + margin-right: 25px; + margin-left: 25px; + padding: 25px; + border-style: solid; + border-width: 1px; + border-color: #e5e5e5; + background-color: #fff; + box-shadow: -10px -10px 0 0 #f8f8f8; } + +.glavna-vsebina .col { + display: unset; + padding-right: 25px; + padding-left: 25px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } + +.blue-section .secondary-button-white { + color: white; } + +/*# sourceMappingURL=style.css.map */ diff --git a/frontend/drupal9/web/themes/custom/pro1ka/sass/style.scss b/frontend/drupal9/web/themes/custom/pro1ka/sass/style.scss index 8c482e777..75d060fa7 100755 --- a/frontend/drupal9/web/themes/custom/pro1ka/sass/style.scss +++ b/frontend/drupal9/web/themes/custom/pro1ka/sass/style.scss @@ -1,9 +1,11 @@ @import "normalize"; -@import "bolaric/components"; -@import "bolaric/1ka"; - // SCSS glavna struktura @import "bacis/basic"; @import "components/components"; +@import "bolaric/components"; +@import "bolaric/1ka"; + + + diff --git a/frontend/drupal9/web/themes/custom/pro1ka/templates/navigation/menu--second.html.twig b/frontend/drupal9/web/themes/custom/pro1ka/templates/navigation/menu--second.html.twig new file mode 100644 index 000000000..0854dd3f5 --- /dev/null +++ b/frontend/drupal9/web/themes/custom/pro1ka/templates/navigation/menu--second.html.twig @@ -0,0 +1,132 @@ +{# +/** + * @file + * Theme override to display a menu. + * + * Available variables: + * - menu_name: The machine name of the menu. + * - items: A nested list of menu items. Each menu item contains: + * - attributes: HTML attributes for the menu item. + * - below: The menu item child items. + * - title: The menu link title. + * - url: The menu link url, instance of \Drupal\Core\Url + * - localized_options: Menu link localized options. + * - is_expanded: TRUE if the link has visible children within the current + * menu tree. + * - is_collapsed: TRUE if the link has children within the current menu tree + * that are not currently visible. + * - in_active_trail: TRUE if the link is in the active trail. + */ +#} +{% import _self as menus %} + +{# + We call a macro which calls itself to render the full tree. + @see https://twig.symfony.com/doc/1.x/tags/macro.html +#} +{{ menus.menu_links(items, attributes, 0) }} + +{# DECODE VARIABLES #} +{#{{ menus | json_encode(constant('JSON_PRETTY_PRINT')) }}#} + +{% macro menu_links(items, attributes, menu_level) %} + {% import _self as menus %} + {% if items %} + {% if menu_level == 0 %} + + + {% else %} + + {% endif %} +{% endmacro %} + +{# #} diff --git a/frontend/drupal9/web/themes/custom/pro1ka/templates/navigation/menu.html.twig b/frontend/drupal9/web/themes/custom/pro1ka/templates/navigation/menu.html.twig index ae3dd3861..b74b6a0e7 100644 --- a/frontend/drupal9/web/themes/custom/pro1ka/templates/navigation/menu.html.twig +++ b/frontend/drupal9/web/themes/custom/pro1ka/templates/navigation/menu.html.twig @@ -28,7 +28,6 @@ {# DECODE VARIABLES #} {#{{ menus | json_encode(constant('JSON_PRETTY_PRINT')) }}#} - {% macro menu_links(items, attributes, menu_level) %} {% import _self as menus %} {% if items %} diff --git a/frontend/drupal9/web/themes/custom/pro1ka/templates/page--paketi-poslovni-uporabniki.html.twig b/frontend/drupal9/web/themes/custom/pro1ka/templates/page--paketi-poslovni-uporabniki.html.twig index 9a53d2e33..28a3927b9 100755 --- a/frontend/drupal9/web/themes/custom/pro1ka/templates/page--paketi-poslovni-uporabniki.html.twig +++ b/frontend/drupal9/web/themes/custom/pro1ka/templates/page--paketi-poslovni-uporabniki.html.twig @@ -8,16 +8,16 @@ */ #} -{# HEADER #} +{# HEADER {% include '@pro1ka/parts/header.html.twig' %} -{# END HEADER #} + END HEADER #}
-
+
@@ -29,7 +29,7 @@
- +
Posamezniki
 @@ -1438,9 +1438,9 @@
- {# NOGA #} + {# NOGA {% include '@pro1ka/parts/footer.html.twig' %} - {# END NOGA #} + END NOGA #}
diff --git a/frontend/drupal9/web/themes/custom/pro1ka/templates/page--paketi-zasebnihtml.twig b/frontend/drupal9/web/themes/custom/pro1ka/templates/page--paketi-zasebni.html.twig old mode 100755 new mode 100644 similarity index 99% rename from frontend/drupal9/web/themes/custom/pro1ka/templates/page--paketi-zasebnihtml.twig rename to frontend/drupal9/web/themes/custom/pro1ka/templates/page--paketi-zasebni.html.twig index f00040a40..6ef00d191 --- a/frontend/drupal9/web/themes/custom/pro1ka/templates/page--paketi-zasebnihtml.twig +++ b/frontend/drupal9/web/themes/custom/pro1ka/templates/page--paketi-zasebni.html.twig @@ -8,16 +8,16 @@ */ #} -{# HEADER #} +{# HEADER {% include '@pro1ka/parts/header.html.twig' %} -{# END HEADER #} +END HEADER #}
-
+