.fl-node-60a66dcaea5a8 { color: #ffffff; } .fl-builder-content .fl-node-60a66dcaea5a8 *:not(input):not(textarea):not(select):not(a):not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.fl-menu-mobile-toggle) { color: inherit; } .fl-builder-content .fl-node-60a66dcaea5a8 a { color: #ffffff; } .fl-builder-content .fl-node-60a66dcaea5a8 a:hover { color: #f37021; } .fl-builder-content .fl-node-60a66dcaea5a8 h1, .fl-builder-content .fl-node-60a66dcaea5a8 h2, .fl-builder-content .fl-node-60a66dcaea5a8 h3, .fl-builder-content .fl-node-60a66dcaea5a8 h4, .fl-builder-content .fl-node-60a66dcaea5a8 h5, .fl-builder-content .fl-node-60a66dcaea5a8 h6, .fl-builder-content .fl-node-60a66dcaea5a8 h1 a, .fl-builder-content .fl-node-60a66dcaea5a8 h2 a, .fl-builder-content .fl-node-60a66dcaea5a8 h3 a, .fl-builder-content .fl-node-60a66dcaea5a8 h4 a, .fl-builder-content .fl-node-60a66dcaea5a8 h5 a, .fl-builder-content .fl-node-60a66dcaea5a8 h6 a { color: #ffffff; } .fl-node-60a66dcaea5a8 > .fl-row-content-wrap { background-color: #464646; } .fl-node-60a66dcaea5a8 .fl-row-content { max-width: 1100px; } .fl-node-60a66dcaea5a8 > .fl-row-content-wrap { padding-top:60px; padding-bottom:60px; } @media ( max-width: 992px ) { .fl-node-60a66dcaea5a8.fl-row > .fl-row-content-wrap { padding-top:60px; padding-bottom:60px; } } @media ( max-width: 768px ) { .fl-node-60a66dcaea5a8.fl-row > .fl-row-content-wrap { padding-top:60px; padding-bottom:60px; } } .fl-node-60a66efdb0887 { color: #ffffff; } .fl-builder-content .fl-node-60a66efdb0887 *:not(input):not(textarea):not(select):not(a):not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.fl-menu-mobile-toggle) { color: inherit; } .fl-builder-content .fl-node-60a66efdb0887 a { color: #ffffff; } .fl-builder-content .fl-node-60a66efdb0887 a:hover { color: #f37021; } .fl-builder-content .fl-node-60a66efdb0887 h1, .fl-builder-content .fl-node-60a66efdb0887 h2, .fl-builder-content .fl-node-60a66efdb0887 h3, .fl-builder-content .fl-node-60a66efdb0887 h4, .fl-builder-content .fl-node-60a66efdb0887 h5, .fl-builder-content .fl-node-60a66efdb0887 h6, .fl-builder-content .fl-node-60a66efdb0887 h1 a, .fl-builder-content .fl-node-60a66efdb0887 h2 a, .fl-builder-content .fl-node-60a66efdb0887 h3 a, .fl-builder-content .fl-node-60a66efdb0887 h4 a, .fl-builder-content .fl-node-60a66efdb0887 h5 a, .fl-builder-content .fl-node-60a66efdb0887 h6 a { color: #ffffff; } .fl-node-60a66efdb0887 > .fl-row-content-wrap { background-color: #3f3f3f; } .fl-node-60a66efdb0887 .fl-row-content { max-width: 1100px; } .fl-node-60a66efdb0887 > .fl-row-content-wrap { margin-top:-20px; } @media ( max-width: 992px ) { .fl-node-60a66efdb0887.fl-row > .fl-row-content-wrap { margin-top:-20px; } } @media ( max-width: 768px ) { .fl-node-60a66efdb0887.fl-row > .fl-row-content-wrap { margin-top:-20px; } } .fl-node-60a66efdb0887 > .fl-row-content-wrap { padding-bottom:30px; } @media ( max-width: 992px ) { .fl-node-60a66efdb0887.fl-row > .fl-row-content-wrap { padding-bottom:30px; } } @media ( max-width: 768px ) { .fl-node-60a66efdb0887.fl-row > .fl-row-content-wrap { padding-bottom:30px; } } .fl-node-60a66bf294611 { color: #ffffff; } .fl-builder-content .fl-node-60a66bf294611 *:not(input):not(textarea):not(select):not(a):not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.fl-menu-mobile-toggle) { color: inherit; } .fl-builder-content .fl-node-60a66bf294611 a { color: #ffffff; } .fl-builder-content .fl-node-60a66bf294611 a:hover { color: #f37021; } .fl-builder-content .fl-node-60a66bf294611 h1, .fl-builder-content .fl-node-60a66bf294611 h2, .fl-builder-content .fl-node-60a66bf294611 h3, .fl-builder-content .fl-node-60a66bf294611 h4, .fl-builder-content .fl-node-60a66bf294611 h5, .fl-builder-content .fl-node-60a66bf294611 h6, .fl-builder-content .fl-node-60a66bf294611 h1 a, .fl-builder-content .fl-node-60a66bf294611 h2 a, .fl-builder-content .fl-node-60a66bf294611 h3 a, .fl-builder-content .fl-node-60a66bf294611 h4 a, .fl-builder-content .fl-node-60a66bf294611 h5 a, .fl-builder-content .fl-node-60a66bf294611 h6 a { color: #ffffff; } .fl-node-60a66bf294611 > .fl-row-content-wrap { background-color: #464646; border-style: solid; border-width: 0; background-clip: border-box; border-color: #ffffff; border-top-width: 1px; } .fl-node-60a66bf294611 .fl-row-content { max-width: 1100px; } .fl-node-60a66bf297486 { width: 50%; } .fl-node-60a66dcaedfbb { width: 100%; } @media(max-width: 992px) { .fl-builder-content .fl-node-60a66dcaedfbb { width: 50% !important; max-width: none; -webkit-box-flex: 0 1 auto; -moz-box-flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } } @media(max-width: 768px) { .fl-builder-content .fl-node-60a66dcaedfbb { width: 100% !important; max-width: none; clear: none; float: left; } } .fl-node-60a66efdb5844 { width: 25%; } @media(max-width: 992px) { .fl-builder-content .fl-node-60a66efdb5844 { width: 50% !important; max-width: none; -webkit-box-flex: 0 1 auto; -moz-box-flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } } @media(max-width: 768px) { .fl-builder-content .fl-node-60a66efdb5844 { width: 100% !important; max-width: none; clear: none; float: left; } } .fl-node-tplrbcjsh817 { width: 40%; } @media(max-width: 992px) { .fl-builder-content .fl-node-tplrbcjsh817 { width: 100% !important; max-width: none; -webkit-box-flex: 0 1 auto; -moz-box-flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } } .fl-node-kqcy3h5befpm { width: 50%; } .fl-node-60a66efdb5848 { width: 25%; } @media(max-width: 992px) { .fl-builder-content .fl-node-60a66efdb5848 { width: 50% !important; max-width: none; -webkit-box-flex: 0 1 auto; -moz-box-flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } } @media(max-width: 768px) { .fl-builder-content .fl-node-60a66efdb5848 { width: 100% !important; max-width: none; clear: none; float: left; } } .fl-node-6134c1cd1aae2 { width: 50%; } .fl-node-dlu267fap0j1 { width: 60%; } @media(max-width: 992px) { .fl-builder-content .fl-node-dlu267fap0j1 { width: 100% !important; max-width: none; -webkit-box-flex: 0 1 auto; -moz-box-flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } } .fl-node-nljdg0f3o16p { width: 50%; } .fl-node-60a66efdb584a { width: 25%; } @media(max-width: 992px) { .fl-builder-content .fl-node-60a66efdb584a { width: 50% !important; max-width: none; -webkit-box-flex: 0 1 auto; -moz-box-flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } } @media(max-width: 768px) { .fl-builder-content .fl-node-60a66efdb584a { width: 100% !important; max-width: none; clear: none; float: left; } } .fl-node-60a66efdb584b { width: 25%; } @media(max-width: 992px) { .fl-builder-content .fl-node-60a66efdb584b { width: 50% !important; max-width: none; -webkit-box-flex: 0 1 auto; -moz-box-flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } } @media(max-width: 768px) { .fl-builder-content .fl-node-60a66efdb584b { width: 100% !important; max-width: none; clear: none; float: left; } } @media (max-width: 768px) { .fl-module-icon { text-align: center; } }.fl-node-5b3edf2e4e913 .fl-icon i, .fl-node-5b3edf2e4e913 .fl-icon i:before { color: #9b9b9b; } .fl-node-5b3edf2e4e913 .fl-icon i:hover, .fl-node-5b3edf2e4e913 .fl-icon i:hover:before, .fl-node-5b3edf2e4e913 .fl-icon a:hover i, .fl-node-5b3edf2e4e913 .fl-icon a:hover i:before { color: #7f7f7f; } .fl-node-5b3edf2e4e913 .fl-icon i, .fl-node-5b3edf2e4e913 .fl-icon i:before { font-size: 16px; } .fl-node-5b3edf2e4e913 .fl-icon-wrap .fl-icon-text { height: 28px; } .fl-node-5b3edf2e4e913.fl-module-icon { text-align: left; } @media(max-width: 1200px) { .fl-node-5b3edf2e4e913 .fl-icon-wrap .fl-icon-text { height: 28px; } } @media(max-width: 992px) { .fl-node-5b3edf2e4e913 .fl-icon-wrap .fl-icon-text { height: 28px; } } @media(max-width: 768px) { .fl-node-5b3edf2e4e913 .fl-icon-wrap .fl-icon-text { height: 28px; } } .fl-node-5b3edf2e4e913 > .fl-module-content { margin-top:0px; margin-bottom:0px; margin-left:5px; } .fl-node-5b3edf2e4e955 .fl-icon i, .fl-node-5b3edf2e4e955 .fl-icon i:before { color: #9b9b9b; } .fl-node-5b3edf2e4e955 .fl-icon i, .fl-node-5b3edf2e4e955 .fl-icon i:before { font-size: 16px; } .fl-node-5b3edf2e4e955 .fl-icon-wrap .fl-icon-text { height: 28px; } .fl-node-5b3edf2e4e955.fl-module-icon { text-align: left; } @media(max-width: 1200px) { .fl-node-5b3edf2e4e955 .fl-icon-wrap .fl-icon-text { height: 28px; } } @media(max-width: 992px) { .fl-node-5b3edf2e4e955 .fl-icon-wrap .fl-icon-text { height: 28px; } } @media(max-width: 768px) { .fl-node-5b3edf2e4e955 .fl-icon-wrap .fl-icon-text { height: 28px; } } .fl-node-5b3edf2e4e955 > .fl-module-content { margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:3px; } .fl-node-5b3edf2e4ead9 .fl-icon i, .fl-node-5b3edf2e4ead9 .fl-icon i:before { color: #9b9b9b; } .fl-node-5b3edf2e4ead9 .fl-icon i:hover, .fl-node-5b3edf2e4ead9 .fl-icon i:hover:before, .fl-node-5b3edf2e4ead9 .fl-icon a:hover i, .fl-node-5b3edf2e4ead9 .fl-icon a:hover i:before { color: #7f7f7f; } .fl-node-5b3edf2e4ead9 .fl-icon i, .fl-node-5b3edf2e4ead9 .fl-icon i:before { font-size: 16px; } .fl-node-5b3edf2e4ead9 .fl-icon-wrap .fl-icon-text { height: 28px; } .fl-node-5b3edf2e4ead9.fl-module-icon { text-align: left; } @media(max-width: 1200px) { .fl-node-5b3edf2e4ead9 .fl-icon-wrap .fl-icon-text { height: 28px; } } @media(max-width: 992px) { .fl-node-5b3edf2e4ead9 .fl-icon-wrap .fl-icon-text { height: 28px; } } @media(max-width: 768px) { .fl-node-5b3edf2e4ead9 .fl-icon-wrap .fl-icon-text { height: 28px; } } .fl-node-5b3edf2e4ead9 > .fl-module-content { margin-top:0px; margin-bottom:0px; margin-left:5px; } .fl-node-5b3edf2e4eb19 .fl-icon i, .fl-node-5b3edf2e4eb19 .fl-icon i:before { color: #9b9b9b; } .fl-node-5b3edf2e4eb19 .fl-icon i, .fl-node-5b3edf2e4eb19 .fl-icon i:before { font-size: 16px; } .fl-node-5b3edf2e4eb19 .fl-icon-wrap .fl-icon-text { height: 28px; } .fl-node-5b3edf2e4eb19.fl-module-icon { text-align: left; } @media(max-width: 1200px) { .fl-node-5b3edf2e4eb19 .fl-icon-wrap .fl-icon-text { height: 28px; } } @media(max-width: 992px) { .fl-node-5b3edf2e4eb19 .fl-icon-wrap .fl-icon-text { height: 28px; } } @media(max-width: 768px) { .fl-node-5b3edf2e4eb19 .fl-icon-wrap .fl-icon-text { height: 28px; } } .fl-node-5b3edf2e4eb19 > .fl-module-content { margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:3px; } .fl-menu ul, .fl-menu li{ list-style: none; margin: 0; padding: 0; } .fl-menu .menu:before, .fl-menu .menu:after{ content: ''; display: table; clear: both; } /* Horizontal menus */ .fl-menu-horizontal { display: inline-flex; flex-wrap: wrap; align-items: center; } .fl-menu li{ position: relative; } .fl-menu a{ display: block; padding: 10px; text-decoration: none; } .fl-menu a:hover{ text-decoration: none; } .fl-menu .sub-menu{ min-width: 220px; } /* Expanded menus */ .fl-module[data-node] .fl-menu .fl-menu-expanded .sub-menu { background-color: transparent; -webkit-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } /* Submenus */ .fl-menu .fl-has-submenu:focus, .fl-menu .fl-has-submenu .sub-menu:focus, .fl-menu .fl-has-submenu-container:focus { outline: 0; } .fl-menu .fl-has-submenu-container{ position: relative; } /* Submenu - accordion, expanded */ .fl-menu .fl-menu-accordion .fl-has-submenu > .sub-menu{ display: none; } .fl-menu .fl-menu-accordion .fl-has-submenu.fl-active .hide-heading > .sub-menu { box-shadow: none; display: block !important; } /* Toggle - General */ .fl-menu .fl-menu-toggle{ position: absolute; top: 0; right: 0; bottom: 0; height: 100%; cursor: pointer; } .fl-menu .fl-toggle-arrows .fl-menu-toggle:before, .fl-menu .fl-toggle-none .fl-menu-toggle:before{ border-color: #333; } .fl-menu .fl-menu-expanded .fl-menu-toggle{ display: none; } /* Mobile menu - hamburger icon */ .fl-menu .fl-menu-mobile-toggle { position: relative; padding: 8px; background-color: transparent; border: none; color: #333; border-radius: 0; } .fl-menu .fl-menu-mobile-toggle:focus-visible { outline: 2px auto Highlight; outline: 2px auto -webkit-focus-ring-color; } .fl-menu .fl-menu-mobile-toggle.text{ width: 100%; text-align: center; } .fl-menu .fl-menu-mobile-toggle.hamburger .fl-menu-mobile-toggle-label, .fl-menu .fl-menu-mobile-toggle.hamburger-label .fl-menu-mobile-toggle-label{ display: inline-block; margin-left: 10px; vertical-align: middle; } .fl-menu .fl-menu-mobile-toggle.hamburger .svg-container, .fl-menu .fl-menu-mobile-toggle.hamburger-label .svg-container{ display: inline-block; position: relative; width: 1.4em; height: 1.4em; vertical-align: middle; } .fl-menu .fl-menu-mobile-toggle.hamburger .hamburger-menu, .fl-menu .fl-menu-mobile-toggle.hamburger-label .hamburger-menu{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .fl-menu .fl-menu-mobile-toggle.hamburger .hamburger-menu rect, .fl-menu .fl-menu-mobile-toggle.hamburger-label .hamburger-menu rect{ fill: currentColor; } /* Mega menu general */ li.mega-menu .hide-heading > a, li.mega-menu .hide-heading > .fl-has-submenu-container, li.mega-menu-disabled .hide-heading > a, li.mega-menu-disabled .hide-heading > .fl-has-submenu-container { display: none; } /* Mega menu for horizontal menus */ ul.fl-menu-horizontal li.mega-menu { position: static; } ul.fl-menu-horizontal li.mega-menu > ul.sub-menu { top: inherit !important; left: 0 !important; right: 0 !important; width: 100%; } ul.fl-menu-horizontal li.mega-menu.fl-has-submenu:hover > ul.sub-menu, ul.fl-menu-horizontal li.mega-menu.fl-has-submenu.focus > ul.sub-menu { display: flex !important; } ul.fl-menu-horizontal li.mega-menu > ul.sub-menu li { border-color: transparent; } ul.fl-menu-horizontal li.mega-menu > ul.sub-menu > li { width: 100%; } ul.fl-menu-horizontal li.mega-menu > ul.sub-menu > li > .fl-has-submenu-container a { font-weight: bold; } ul.fl-menu-horizontal li.mega-menu > ul.sub-menu > li > .fl-has-submenu-container a:hover { background: transparent; } ul.fl-menu-horizontal li.mega-menu > ul.sub-menu .fl-menu-toggle { display: none; } ul.fl-menu-horizontal li.mega-menu > ul.sub-menu ul.sub-menu { background: transparent; -webkit-box-shadow: none; -ms-box-shadow: none; box-shadow: none; display: block; min-width: 0; opacity: 1; padding: 0; position: static; visibility: visible; } /* Mobile menu - below row clone */ :where(.fl-col-group-medium-reversed, .fl-col-group-responsive-reversed) > .fl-menu-mobile-clone { flex: 1 1 100%; } .fl-menu-mobile-clone { clear: both; } .fl-menu-mobile-clone .fl-menu .menu { float: none !important; } /* Mobile menu - Flyout */ .fl-menu-mobile-close { display: none; } .fl-menu-mobile-close, .fl-menu-mobile-close:hover, .fl-menu-mobile-close:focus { background: none; border: 0 none; color: inherit; font-size: 18px; padding: 10px 6px; } .fl-menu-mobile-close:focus-visible { outline: 2px auto Highlight; outline: 2px auto -webkit-focus-ring-color; }.fl-node-60a66bf294388 .fl-menu .menu { } .fl-node-60a66bf294388 .menu .fl-has-submenu .sub-menu{ display: none; } .fl-node-60a66bf294388 .fl-menu .sub-menu { background-color: #ffffff;-webkit-box-shadow: 0 1px 20px rgba(0,0,0,0.1);-ms-box-shadow: 0 1px 20px rgba(0,0,0,0.1);box-shadow: 0 1px 20px rgba(0,0,0,0.1);} .fl-node-60a66bf294388 .fl-menu-horizontal.fl-toggle-arrows .fl-has-submenu-container a{ padding-right: 24px; } .fl-node-60a66bf294388 .fl-menu-horizontal.fl-toggle-arrows .fl-menu-toggle, .fl-node-60a66bf294388 .fl-menu-horizontal.fl-toggle-none .fl-menu-toggle{ width: 23px; } .fl-node-60a66bf294388 .fl-menu-horizontal.fl-toggle-arrows .fl-menu-toggle, .fl-node-60a66bf294388 .fl-menu-horizontal.fl-toggle-none .fl-menu-toggle, .fl-node-60a66bf294388 .fl-menu-vertical.fl-toggle-arrows .fl-menu-toggle, .fl-node-60a66bf294388 .fl-menu-vertical.fl-toggle-none .fl-menu-toggle{ width: 24px; } .fl-node-60a66bf294388 .fl-menu li{ border-top: 1px solid transparent; } .fl-node-60a66bf294388 .fl-menu li:first-child{ border-top: none; } @media ( max-width: 768px ) { .fl-node-60a66bf294388 .fl-menu .sub-menu { -webkit-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .fl-node-60a66bf294388 .mega-menu.fl-active .hide-heading > .sub-menu, .fl-node-60a66bf294388 .mega-menu-disabled.fl-active .hide-heading > .sub-menu { display: block !important; } .fl-node-60a66bf294388 .fl-menu-logo, .fl-node-60a66bf294388 .fl-menu-search-item { display: none; } } @media ( min-width: 769px ) { .fl-node-60a66bf294388 .fl-menu .menu > li{ display: inline-block; } .fl-node-60a66bf294388 .menu li{ border-left: 1px solid transparent; border-top: none; } .fl-node-60a66bf294388 .menu li:first-child{ border: none; } .fl-node-60a66bf294388 .menu li li{ border-top: 1px solid transparent; border-left: none; } .fl-node-60a66bf294388 .menu .fl-has-submenu .sub-menu{ position: absolute; top: 100%; left: 0; z-index: 10; visibility: hidden; opacity: 0; text-align:left; } .fl-node-60a66bf294388 .fl-has-submenu .fl-has-submenu .sub-menu{ top: 0; left: 100%; } .fl-node-60a66bf294388 .fl-menu .fl-has-submenu:hover > .sub-menu, .fl-node-60a66bf294388 .fl-menu .fl-has-submenu.focus > .sub-menu{ display: block; visibility: visible; opacity: 1; } .fl-node-60a66bf294388 .menu .fl-has-submenu.fl-menu-submenu-right .sub-menu{ left: inherit; right: 0; } .fl-node-60a66bf294388 .menu .fl-has-submenu .fl-has-submenu.fl-menu-submenu-right .sub-menu{ top: 0; left: inherit; right: 100%; } .fl-node-60a66bf294388 .fl-menu .fl-has-submenu.fl-active > .fl-has-submenu-container .fl-menu-toggle{ -webkit-transform: none; -ms-transform: none; transform: none; } .fl-node-60a66bf294388 .fl-menu .fl-menu-toggle{ display: none; } .fl-node-60a66bf294388 ul.sub-menu { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .fl-node-60a66bf294388 ul.sub-menu a { } } .fl-node-60a66bf294388 ul.fl-menu-horizontal li.mega-menu > ul.sub-menu > li > .fl-has-submenu-container a:hover { color: ; } .fl-node-60a66bf294388 .fl-menu .menu, .fl-node-60a66bf294388 .fl-menu .menu > li { font-size: 16px; line-height: 1; } .fl-node-60a66bf294388 .menu a { padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } .fl-node-60a66bf294388 .fl-menu .menu .sub-menu > li { font-size: 16px; line-height: 1; } @media(max-width: 768px) { .fl-node-60a66bf294388 .menu li.fl-has-submenu ul.sub-menu { padding-left: 15px; } .fl-node-60a66bf294388 .fl-menu .sub-menu { background-color: transparent; } } img.mfp-img { padding-bottom: 40px !important; } /* Support for object-fit */ .fl-builder-edit .fl-fill-container img { transition: object-position .5s; } .fl-fill-container :is(.fl-module-content, .fl-photo, .fl-photo-content, img) { height: 100% !important; width: 100% !important; } @media (max-width: 768px) { /* Mobile Photo */ .fl-photo-content, .fl-photo-img { max-width: 100%; } }.fl-node-60a66e481fc0a, .fl-node-60a66e481fc0a .fl-photo { text-align: left; } @media(max-width: 992px) { .fl-node-60a66e481fc0a, .fl-node-60a66e481fc0a .fl-photo { text-align: left; } } @media(max-width: 768px) { .fl-node-60a66e481fc0a, .fl-node-60a66e481fc0a .fl-photo { text-align: center; } } .fl-icon-group .fl-icon { display: inline-block; margin-bottom: 10px; margin-top: 10px; } .fl-node-60a66eaeebb04 .fl-icon i, .fl-node-60a66eaeebb04 .fl-icon i:before { font-size: 50px; } .fl-node-60a66eaeebb04 .fl-icon-wrap .fl-icon-text { height: 87.5px; } @media(max-width: 1200px) { .fl-node-60a66eaeebb04 .fl-icon-wrap .fl-icon-text { height: 87.5px; } } @media(max-width: 992px) { .fl-node-60a66eaeebb04 .fl-icon-wrap .fl-icon-text { height: 87.5px; } } @media(max-width: 768px) { .fl-node-60a66eaeebb04 .fl-icon-wrap .fl-icon-text { height: 87.5px; } } .fl-node-60a66eaeebb04 .fl-icon-group { text-align: left; } .fl-node-60a66eaeebb04 .fl-icon + .fl-icon { margin-left: 20px; } .fl-node-60a6708e903d3 > .fl-module-content { margin-bottom:0px; } @media ( max-width: 992px ) { .fl-node-60a6708e903d3.fl-module > .fl-module-content { margin-bottom:0px; } } @media ( max-width: 768px ) { .fl-node-60a6708e903d3.fl-module > .fl-module-content { margin-bottom:0px; } } .fl-node-60a670ab9489b > .fl-module-content { margin-bottom:0px; } @media ( max-width: 992px ) { .fl-node-60a670ab9489b.fl-module > .fl-module-content { margin-bottom:0px; } } @media ( max-width: 768px ) { .fl-node-60a670ab9489b.fl-module > .fl-module-content { margin-bottom:0px; } } .fl-node-60a670ad618f5 > .fl-module-content { margin-bottom:0px; } @media ( max-width: 992px ) { .fl-node-60a670ad618f5.fl-module > .fl-module-content { margin-bottom:0px; } } @media ( max-width: 768px ) { .fl-node-60a670ad618f5.fl-module > .fl-module-content { margin-bottom:0px; } } .fl-node-60a670af28775 > .fl-module-content { margin-bottom:0px; } @media ( max-width: 992px ) { .fl-node-60a670af28775.fl-module > .fl-module-content { margin-bottom:0px; } } @media ( max-width: 768px ) { .fl-node-60a670af28775.fl-module > .fl-module-content { margin-bottom:0px; } } .fl-node-gqrfwptxybz2 > .fl-module-content { margin-bottom:0px; } @media ( max-width: 992px ) { .fl-node-gqrfwptxybz2.fl-module > .fl-module-content { margin-bottom:0px; } } @media ( max-width: 768px ) { .fl-node-gqrfwptxybz2.fl-module > .fl-module-content { margin-bottom:0px; } } .fl-node-7troa382egcl > .fl-module-content { margin-bottom:0px; } @media ( max-width: 992px ) { .fl-node-7troa382egcl.fl-module > .fl-module-content { margin-bottom:0px; } } @media ( max-width: 768px ) { .fl-node-7troa382egcl.fl-module > .fl-module-content { margin-bottom:0px; } } .fl-node-pmub73es8fot .fl-icon i, .fl-node-pmub73es8fot .fl-icon i:before { font-size: 30px; } .fl-node-pmub73es8fot .fl-icon-wrap .fl-icon-text { height: 52.5px; } .fl-node-pmub73es8fot.fl-module-icon { text-align: left; } @media(max-width: 1200px) { .fl-node-pmub73es8fot .fl-icon-wrap .fl-icon-text { height: 52.5px; } } @media(max-width: 992px) { .fl-node-pmub73es8fot .fl-icon-wrap .fl-icon-text { height: 52.5px; } } @media(max-width: 768px) { .fl-node-pmub73es8fot .fl-icon-wrap .fl-icon-text { height: 52.5px; } } .fl-node-pmub73es8fot > .fl-module-content { margin-top:16px; margin-bottom:0px; } @media ( max-width: 992px ) { .fl-node-pmub73es8fot.fl-module > .fl-module-content { margin-top:16px; margin-bottom:0px; } } @media ( max-width: 768px ) { .fl-node-pmub73es8fot.fl-module > .fl-module-content { margin-top:16px; margin-bottom:0px; } } .fl-node-60a670e2ed661 .fl-menu .menu { } .fl-node-60a670e2ed661 .menu .fl-has-submenu .sub-menu{ display: none; } .fl-node-60a670e2ed661 .fl-menu .sub-menu { background-color: #ffffff;-webkit-box-shadow: 0 1px 20px rgba(0,0,0,0.1);-ms-box-shadow: 0 1px 20px rgba(0,0,0,0.1);box-shadow: 0 1px 20px rgba(0,0,0,0.1);} .fl-node-60a670e2ed661 .fl-menu-vertical.fl-toggle-arrows .fl-has-submenu-container a{ padding-right: 14px; } .fl-node-60a670e2ed661 .fl-menu-vertical.fl-toggle-arrows .fl-menu-toggle, .fl-node-60a670e2ed661 .fl-menu-vertical.fl-toggle-none .fl-menu-toggle{ width: 10px; } .fl-node-60a670e2ed661 .fl-menu-horizontal.fl-toggle-arrows .fl-menu-toggle, .fl-node-60a670e2ed661 .fl-menu-horizontal.fl-toggle-none .fl-menu-toggle, .fl-node-60a670e2ed661 .fl-menu-vertical.fl-toggle-arrows .fl-menu-toggle, .fl-node-60a670e2ed661 .fl-menu-vertical.fl-toggle-none .fl-menu-toggle{ width: 14px; } .fl-node-60a670e2ed661 .fl-menu li{ border-top: 1px solid transparent; } .fl-node-60a670e2ed661 .fl-menu li:first-child{ border-top: none; } @media ( max-width: 768px ) { .fl-node-60a670e2ed661 .fl-menu .sub-menu { -webkit-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .fl-node-60a670e2ed661 .mega-menu.fl-active .hide-heading > .sub-menu, .fl-node-60a670e2ed661 .mega-menu-disabled.fl-active .hide-heading > .sub-menu { display: block !important; } .fl-node-60a670e2ed661 .fl-menu-logo, .fl-node-60a670e2ed661 .fl-menu-search-item { display: none; } } @media ( min-width: 769px ) { .fl-node-60a670e2ed661 .menu .fl-has-submenu .sub-menu{ position: absolute; top: 0; left: 100%; z-index: 10; visibility: hidden; opacity: 0; } .fl-node-60a670e2ed661 .fl-menu .fl-has-submenu:hover > .sub-menu, .fl-node-60a670e2ed661 .fl-menu .fl-has-submenu.focus > .sub-menu{ display: block; visibility: visible; opacity: 1; } .fl-node-60a670e2ed661 .menu .fl-has-submenu.fl-menu-submenu-right .sub-menu{ left: inherit; right: 0; } .fl-node-60a670e2ed661 .menu .fl-has-submenu .fl-has-submenu.fl-menu-submenu-right .sub-menu{ top: 0; left: inherit; right: 100%; } .fl-node-60a670e2ed661 .fl-menu .fl-has-submenu.fl-active > .fl-has-submenu-container .fl-menu-toggle{ -webkit-transform: none; -ms-transform: none; transform: none; } .fl-node-60a670e2ed661 .fl-menu .fl-menu-toggle{ display: none; } .fl-node-60a670e2ed661 ul.sub-menu { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .fl-node-60a670e2ed661 ul.sub-menu a { } } .fl-node-60a670e2ed661 ul.fl-menu-horizontal li.mega-menu > ul.sub-menu > li > .fl-has-submenu-container a:hover { color: ; } .fl-node-60a670e2ed661 .fl-menu .menu, .fl-node-60a670e2ed661 .fl-menu .menu > li { font-size: 16px; line-height: 1; } .fl-node-60a670e2ed661 .menu a { padding-top: 0; padding-right: 0; padding-bottom: 10px; padding-left: 0; } .fl-node-60a670e2ed661 .fl-menu .menu .sub-menu > li { font-size: 16px; line-height: 1; } @media(max-width: 768px) { .fl-node-60a670e2ed661 .menu li.fl-has-submenu ul.sub-menu { padding-left: 15px; } .fl-node-60a670e2ed661 .fl-menu .sub-menu { background-color: transparent; } } .fl-node-60a6710b8300c .fl-menu .menu { } .fl-node-60a6710b8300c .menu .fl-has-submenu .sub-menu{ display: none; } .fl-node-60a6710b8300c .fl-menu .sub-menu { background-color: #ffffff;-webkit-box-shadow: 0 1px 20px rgba(0,0,0,0.1);-ms-box-shadow: 0 1px 20px rgba(0,0,0,0.1);box-shadow: 0 1px 20px rgba(0,0,0,0.1);} .fl-node-60a6710b8300c .fl-menu-vertical.fl-toggle-arrows .fl-has-submenu-container a{ padding-right: 14px; } .fl-node-60a6710b8300c .fl-menu-vertical.fl-toggle-arrows .fl-menu-toggle, .fl-node-60a6710b8300c .fl-menu-vertical.fl-toggle-none .fl-menu-toggle{ width: 10px; } .fl-node-60a6710b8300c .fl-menu-horizontal.fl-toggle-arrows .fl-menu-toggle, .fl-node-60a6710b8300c .fl-menu-horizontal.fl-toggle-none .fl-menu-toggle, .fl-node-60a6710b8300c .fl-menu-vertical.fl-toggle-arrows .fl-menu-toggle, .fl-node-60a6710b8300c .fl-menu-vertical.fl-toggle-none .fl-menu-toggle{ width: 14px; } .fl-node-60a6710b8300c .fl-menu li{ border-top: 1px solid transparent; } .fl-node-60a6710b8300c .fl-menu li:first-child{ border-top: none; } @media ( max-width: 768px ) { .fl-node-60a6710b8300c .fl-menu .sub-menu { -webkit-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .fl-node-60a6710b8300c .mega-menu.fl-active .hide-heading > .sub-menu, .fl-node-60a6710b8300c .mega-menu-disabled.fl-active .hide-heading > .sub-menu { display: block !important; } .fl-node-60a6710b8300c .fl-menu-logo, .fl-node-60a6710b8300c .fl-menu-search-item { display: none; } } @media ( min-width: 769px ) { .fl-node-60a6710b8300c .menu .fl-has-submenu .sub-menu{ position: absolute; top: 0; left: 100%; z-index: 10; visibility: hidden; opacity: 0; } .fl-node-60a6710b8300c .fl-menu .fl-has-submenu:hover > .sub-menu, .fl-node-60a6710b8300c .fl-menu .fl-has-submenu.focus > .sub-menu{ display: block; visibility: visible; opacity: 1; } .fl-node-60a6710b8300c .menu .fl-has-submenu.fl-menu-submenu-right .sub-menu{ left: inherit; right: 0; } .fl-node-60a6710b8300c .menu .fl-has-submenu .fl-has-submenu.fl-menu-submenu-right .sub-menu{ top: 0; left: inherit; right: 100%; } .fl-node-60a6710b8300c .fl-menu .fl-has-submenu.fl-active > .fl-has-submenu-container .fl-menu-toggle{ -webkit-transform: none; -ms-transform: none; transform: none; } .fl-node-60a6710b8300c .fl-menu .fl-menu-toggle{ display: none; } .fl-node-60a6710b8300c ul.sub-menu { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .fl-node-60a6710b8300c ul.sub-menu a { } } .fl-node-60a6710b8300c ul.fl-menu-horizontal li.mega-menu > ul.sub-menu > li > .fl-has-submenu-container a:hover { color: ; } .fl-node-60a6710b8300c .fl-menu .menu, .fl-node-60a6710b8300c .fl-menu .menu > li { font-size: 16px; line-height: 1; } .fl-node-60a6710b8300c .menu a { padding-top: 0; padding-right: 0; padding-bottom: 10px; padding-left: 0; } .fl-node-60a6710b8300c .fl-menu .menu .sub-menu > li { font-size: 16px; line-height: 1; } @media(max-width: 768px) { .fl-node-60a6710b8300c .menu li.fl-has-submenu ul.sub-menu { padding-left: 15px; } .fl-node-60a6710b8300c .fl-menu .sub-menu { background-color: transparent; } } .fl-node-60a6710d6f45f .fl-menu .menu { } .fl-node-60a6710d6f45f .menu .fl-has-submenu .sub-menu{ display: none; } .fl-node-60a6710d6f45f .fl-menu .sub-menu { background-color: #ffffff;-webkit-box-shadow: 0 1px 20px rgba(0,0,0,0.1);-ms-box-shadow: 0 1px 20px rgba(0,0,0,0.1);box-shadow: 0 1px 20px rgba(0,0,0,0.1);} .fl-node-60a6710d6f45f .fl-menu-vertical.fl-toggle-arrows .fl-has-submenu-container a{ padding-right: 14px; } .fl-node-60a6710d6f45f .fl-menu-vertical.fl-toggle-arrows .fl-menu-toggle, .fl-node-60a6710d6f45f .fl-menu-vertical.fl-toggle-none .fl-menu-toggle{ width: 10px; } .fl-node-60a6710d6f45f .fl-menu-horizontal.fl-toggle-arrows .fl-menu-toggle, .fl-node-60a6710d6f45f .fl-menu-horizontal.fl-toggle-none .fl-menu-toggle, .fl-node-60a6710d6f45f .fl-menu-vertical.fl-toggle-arrows .fl-menu-toggle, .fl-node-60a6710d6f45f .fl-menu-vertical.fl-toggle-none .fl-menu-toggle{ width: 14px; } .fl-node-60a6710d6f45f .fl-menu li{ border-top: 1px solid transparent; } .fl-node-60a6710d6f45f .fl-menu li:first-child{ border-top: none; } @media ( max-width: 768px ) { .fl-node-60a6710d6f45f .fl-menu .sub-menu { -webkit-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .fl-node-60a6710d6f45f .mega-menu.fl-active .hide-heading > .sub-menu, .fl-node-60a6710d6f45f .mega-menu-disabled.fl-active .hide-heading > .sub-menu { display: block !important; } .fl-node-60a6710d6f45f .fl-menu-logo, .fl-node-60a6710d6f45f .fl-menu-search-item { display: none; } } @media ( min-width: 769px ) { .fl-node-60a6710d6f45f .menu .fl-has-submenu .sub-menu{ position: absolute; top: 0; left: 100%; z-index: 10; visibility: hidden; opacity: 0; } .fl-node-60a6710d6f45f .fl-menu .fl-has-submenu:hover > .sub-menu, .fl-node-60a6710d6f45f .fl-menu .fl-has-submenu.focus > .sub-menu{ display: block; visibility: visible; opacity: 1; } .fl-node-60a6710d6f45f .menu .fl-has-submenu.fl-menu-submenu-right .sub-menu{ left: inherit; right: 0; } .fl-node-60a6710d6f45f .menu .fl-has-submenu .fl-has-submenu.fl-menu-submenu-right .sub-menu{ top: 0; left: inherit; right: 100%; } .fl-node-60a6710d6f45f .fl-menu .fl-has-submenu.fl-active > .fl-has-submenu-container .fl-menu-toggle{ -webkit-transform: none; -ms-transform: none; transform: none; } .fl-node-60a6710d6f45f .fl-menu .fl-menu-toggle{ display: none; } .fl-node-60a6710d6f45f ul.sub-menu { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .fl-node-60a6710d6f45f ul.sub-menu a { } } .fl-node-60a6710d6f45f ul.fl-menu-horizontal li.mega-menu > ul.sub-menu > li > .fl-has-submenu-container a:hover { color: ; } .fl-node-60a6710d6f45f .fl-menu .menu, .fl-node-60a6710d6f45f .fl-menu .menu > li { font-size: 16px; line-height: 1; } .fl-node-60a6710d6f45f .menu a { padding-top: 0; padding-right: 0; padding-bottom: 10px; padding-left: 0; } .fl-node-60a6710d6f45f .fl-menu .menu .sub-menu > li { font-size: 16px; line-height: 1; } @media(max-width: 768px) { .fl-node-60a6710d6f45f .menu li.fl-has-submenu ul.sub-menu { padding-left: 15px; } .fl-node-60a6710d6f45f .fl-menu .sub-menu { background-color: transparent; } } .fl-node-60a6710e33551 .fl-menu .menu { } .fl-node-60a6710e33551 .menu .fl-has-submenu .sub-menu{ display: none; } .fl-node-60a6710e33551 .fl-menu .sub-menu { background-color: #ffffff;-webkit-box-shadow: 0 1px 20px rgba(0,0,0,0.1);-ms-box-shadow: 0 1px 20px rgba(0,0,0,0.1);box-shadow: 0 1px 20px rgba(0,0,0,0.1);} .fl-node-60a6710e33551 .fl-menu-vertical.fl-toggle-arrows .fl-has-submenu-container a{ padding-right: 14px; } .fl-node-60a6710e33551 .fl-menu-vertical.fl-toggle-arrows .fl-menu-toggle, .fl-node-60a6710e33551 .fl-menu-vertical.fl-toggle-none .fl-menu-toggle{ width: 10px; } .fl-node-60a6710e33551 .fl-menu-horizontal.fl-toggle-arrows .fl-menu-toggle, .fl-node-60a6710e33551 .fl-menu-horizontal.fl-toggle-none .fl-menu-toggle, .fl-node-60a6710e33551 .fl-menu-vertical.fl-toggle-arrows .fl-menu-toggle, .fl-node-60a6710e33551 .fl-menu-vertical.fl-toggle-none .fl-menu-toggle{ width: 14px; } .fl-node-60a6710e33551 .fl-menu li{ border-top: 1px solid transparent; } .fl-node-60a6710e33551 .fl-menu li:first-child{ border-top: none; } @media ( max-width: 768px ) { .fl-node-60a6710e33551 .fl-menu .sub-menu { -webkit-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .fl-node-60a6710e33551 .mega-menu.fl-active .hide-heading > .sub-menu, .fl-node-60a6710e33551 .mega-menu-disabled.fl-active .hide-heading > .sub-menu { display: block !important; } .fl-node-60a6710e33551 .fl-menu-logo, .fl-node-60a6710e33551 .fl-menu-search-item { display: none; } } @media ( min-width: 769px ) { .fl-node-60a6710e33551 .menu .fl-has-submenu .sub-menu{ position: absolute; top: 0; left: 100%; z-index: 10; visibility: hidden; opacity: 0; } .fl-node-60a6710e33551 .fl-menu .fl-has-submenu:hover > .sub-menu, .fl-node-60a6710e33551 .fl-menu .fl-has-submenu.focus > .sub-menu{ display: block; visibility: visible; opacity: 1; } .fl-node-60a6710e33551 .menu .fl-has-submenu.fl-menu-submenu-right .sub-menu{ left: inherit; right: 0; } .fl-node-60a6710e33551 .menu .fl-has-submenu .fl-has-submenu.fl-menu-submenu-right .sub-menu{ top: 0; left: inherit; right: 100%; } .fl-node-60a6710e33551 .fl-menu .fl-has-submenu.fl-active > .fl-has-submenu-container .fl-menu-toggle{ -webkit-transform: none; -ms-transform: none; transform: none; } .fl-node-60a6710e33551 .fl-menu .fl-menu-toggle{ display: none; } .fl-node-60a6710e33551 ul.sub-menu { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .fl-node-60a6710e33551 ul.sub-menu a { } } .fl-node-60a6710e33551 ul.fl-menu-horizontal li.mega-menu > ul.sub-menu > li > .fl-has-submenu-container a:hover { color: ; } .fl-node-60a6710e33551 .fl-menu .menu, .fl-node-60a6710e33551 .fl-menu .menu > li { font-size: 16px; line-height: 1; } .fl-node-60a6710e33551 .menu a { padding-top: 0; padding-right: 0; padding-bottom: 10px; padding-left: 0; } .fl-node-60a6710e33551 .fl-menu .menu .sub-menu > li { font-size: 16px; line-height: 1; } @media(max-width: 768px) { .fl-node-60a6710e33551 .menu li.fl-has-submenu ul.sub-menu { padding-left: 15px; } .fl-node-60a6710e33551 .fl-menu .sub-menu { background-color: transparent; } } .fl-node-ha91fbocinsk .fl-menu .menu { } .fl-node-ha91fbocinsk .menu .fl-has-submenu .sub-menu{ display: none; } .fl-node-ha91fbocinsk .fl-menu .sub-menu { background-color: #ffffff;-webkit-box-shadow: 0 1px 20px rgba(0,0,0,0.1);-ms-box-shadow: 0 1px 20px rgba(0,0,0,0.1);box-shadow: 0 1px 20px rgba(0,0,0,0.1);} .fl-node-ha91fbocinsk .fl-menu-vertical.fl-toggle-arrows .fl-has-submenu-container a{ padding-right: 14px; } .fl-node-ha91fbocinsk .fl-menu-vertical.fl-toggle-arrows .fl-menu-toggle, .fl-node-ha91fbocinsk .fl-menu-vertical.fl-toggle-none .fl-menu-toggle{ width: 10px; } .fl-node-ha91fbocinsk .fl-menu-horizontal.fl-toggle-arrows .fl-menu-toggle, .fl-node-ha91fbocinsk .fl-menu-horizontal.fl-toggle-none .fl-menu-toggle, .fl-node-ha91fbocinsk .fl-menu-vertical.fl-toggle-arrows .fl-menu-toggle, .fl-node-ha91fbocinsk .fl-menu-vertical.fl-toggle-none .fl-menu-toggle{ width: 14px; } .fl-node-ha91fbocinsk .fl-menu li{ border-top: 1px solid transparent; } .fl-node-ha91fbocinsk .fl-menu li:first-child{ border-top: none; } @media ( max-width: 768px ) { .fl-node-ha91fbocinsk .fl-menu .sub-menu { -webkit-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .fl-node-ha91fbocinsk .mega-menu.fl-active .hide-heading > .sub-menu, .fl-node-ha91fbocinsk .mega-menu-disabled.fl-active .hide-heading > .sub-menu { display: block !important; } .fl-node-ha91fbocinsk .fl-menu-logo, .fl-node-ha91fbocinsk .fl-menu-search-item { display: none; } } @media ( min-width: 769px ) { .fl-node-ha91fbocinsk .menu .fl-has-submenu .sub-menu{ position: absolute; top: 0; left: 100%; z-index: 10; visibility: hidden; opacity: 0; } .fl-node-ha91fbocinsk .fl-menu .fl-has-submenu:hover > .sub-menu, .fl-node-ha91fbocinsk .fl-menu .fl-has-submenu.focus > .sub-menu{ display: block; visibility: visible; opacity: 1; } .fl-node-ha91fbocinsk .menu .fl-has-submenu.fl-menu-submenu-right .sub-menu{ left: inherit; right: 0; } .fl-node-ha91fbocinsk .menu .fl-has-submenu .fl-has-submenu.fl-menu-submenu-right .sub-menu{ top: 0; left: inherit; right: 100%; } .fl-node-ha91fbocinsk .fl-menu .fl-has-submenu.fl-active > .fl-has-submenu-container .fl-menu-toggle{ -webkit-transform: none; -ms-transform: none; transform: none; } .fl-node-ha91fbocinsk .fl-menu .fl-menu-toggle{ display: none; } .fl-node-ha91fbocinsk ul.sub-menu { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .fl-node-ha91fbocinsk ul.sub-menu a { } } .fl-node-ha91fbocinsk ul.fl-menu-horizontal li.mega-menu > ul.sub-menu > li > .fl-has-submenu-container a:hover { color: ; } .fl-node-ha91fbocinsk .fl-menu .menu, .fl-node-ha91fbocinsk .fl-menu .menu > li { font-size: 16px; line-height: 1; } .fl-node-ha91fbocinsk .menu a { padding-top: 0; padding-right: 0; padding-bottom: 22px; padding-left: 0; } .fl-node-ha91fbocinsk .fl-menu .menu .sub-menu > li { font-size: 16px; line-height: 1; } @media(max-width: 768px) { .fl-node-ha91fbocinsk .menu li.fl-has-submenu ul.sub-menu { padding-left: 15px; } .fl-node-ha91fbocinsk .fl-menu .sub-menu { background-color: transparent; } } .fl-node-yhzu1mprowvj .fl-icon i, .fl-node-yhzu1mprowvj .fl-icon i:before { font-size: 30px; } .fl-node-yhzu1mprowvj .fl-icon-wrap .fl-icon-text { height: 52.5px; } .fl-node-yhzu1mprowvj.fl-module-icon { text-align: left; } @media(max-width: 1200px) { .fl-node-yhzu1mprowvj .fl-icon-wrap .fl-icon-text { height: 52.5px; } } @media(max-width: 992px) { .fl-node-yhzu1mprowvj .fl-icon-wrap .fl-icon-text { height: 52.5px; } } @media(max-width: 768px) { .fl-node-yhzu1mprowvj .fl-icon-wrap .fl-icon-text { height: 52.5px; } } .fl-node-yhzu1mprowvj > .fl-module-content { margin-top:5px; } @media ( max-width: 992px ) { .fl-node-yhzu1mprowvj.fl-module > .fl-module-content { margin-top:5px; } } @media ( max-width: 768px ) { .fl-node-yhzu1mprowvj.fl-module > .fl-module-content { margin-top:5px; } } /* Start Global Nodes CSS */ /* End Global Nodes CSS */ /* Start Layout CSS */ footer li a, footer a, footer a:active, footer a:focus, footer .fl-icon a, footer .fl-icon a:hover, footer .fl-icon a:focus, footer .fl-icon-text a, footer .fl-icon-text a:hover { text-decoration: none!important; /*font-weight: 700;*/ } /*** Footer Logo ***/ #footer-logo .fl-photo-content img { width: 100%; max-width: 350px; } #footer-logo .fl-photo-content { text-align: left; } footer #footer-logo { padding-bottom: 30px; } /*** Footer Menus ***/ /*** Footer Socials ***/ footer #social-media-icons .fl-icon-group { text-align: right; } footer #social-media-icons .fl-icon { margin: 10px; } /*** Explorer ***/ #footer-explorer .pp-er-wrap .pp-er-inner { max-width: 1100px; margin: 0 auto; } @media only screen and (max-width: 1140px) { #footer-explorer .pp-er-wrap .pp-er-inner { padding: 0 20px; } } #footer-explorer .pp-er .pp-er-title-wrap { margin: 0 18px; font-weight: 600; } #footer-explorer .pp-er.pp-er-open .pp-er-wrap .pp-er-title, #footer-explorer .pp-er.pp-er-open .pp-er-wrap .pp-er-title-wrap .pp-er-arrow::before { color: #F9A61A; } /*#footer-explorer .pp-er .pp-er-inner:hover .pp-er-title, #footer-explorer .pp-er .pp-er-inner:hover .pp-er-arrow::before{ color: #F9A61A; }*/ #footer-explorer .pp-er-arrow, #footer-explorer .pp-er-arrow::before { font-size: 16px; font-weight: 300; padding-top: 2px; } #footer-explorer .menu a { line-height: 1.4; } /*** Credits Menu ***/ #footer-credits-nav li { padding-right: 5px; } #footer-credits-nav li a { font-weight: 400; } #footer-credits-nav li:not(:last-child):after { content: "\007C"; position: absolute; top: 8px; right: 0; } @media only screen and (min-width: 768px) { #footer-credits-nav ul li:first-child a { padding-left: 0px; } } #wm-website-by { text-align: right; } #wm-website-by p { margin: 0 !important; padding: 10px 0; line-height: 1; } #wm-website-by { width: 25% !important; } #wm-website-credits { width: 75% !important; } @media only screen and (max-width: 992px) { #wm-website-by, #wm-website-credits { width: 100% !important; } #wm-website-by .fl-module-content { margin-top: 0; } #wm-website-by { text-align: left; } #wm-website-credits .fl-module-content { margin-bottom: 5px; } } @media only screen and (max-width: 768px) { #wm-website-by { text-align: center; } } /*** Responsive ***/ @media only screen and (max-width: 768px) { footer #footer-logo .fl-photo-content, footer #footer-logo .fl-photo, footer #social-media-icons .fl-icon-group { text-align: center; } footer #footer-explorer .pp-er .pp-er-title-wrap{ margin: 0 auto; } footer .fl-heading, footer .fl-menu .menu > li, footer .fl-post-feed, footer .fl-html, footer .fl-module-icon .fl-module-content { text-align: center; } #site-credits .fl-menu .menu > li { display: block; padding: 0; text-align: center; } #site-credits ul{ width: 100%; } #site-credits #footer-credits-nav li a { padding-left: 10px 0; } #footer-credits-nav li::after { display:none; } } /* End Layout CSS */ .fl-builder-row-settings #fl-field-separator_position { display: none !important; } .fl-builder-row-settings #fl-field-separator_position { display: none !important; } .fl-builder-row-settings #fl-field-separator_position { display: none !important; } .fl-node-60a66efdb0887 .fl-row-content-wrap { display: none; } .fl-node-60a66efdb0887 .pp-er { width: 100%; } .fl-node-60a66efdb0887 .pp-er .pp-er-wrap { width: 100%; background-color: rgba(63, 63, 63, 1); padding-top: 50px; padding-bottom: 50px; cursor: pointer; -webkit-user-select: none; } .fl-node-60a66efdb0887 .pp-er .pp-er-title-wrap { text-align: center; display: table; width: auto; margin: 0 auto; } .fl-node-60a66efdb0887 .pp-er .pp-er-title-wrap:before { content: ""; display: inline-block; vertical-align: middle; height: 100%; } .fl-node-60a66efdb0887 .pp-er .pp-er-title { display: inline-block; color: inherit; color: #ffffff; font-size: 16px; margin-bottom: 0px; margin-right: 12px; text-transform: none; vertical-align: middle; } .fl-node-60a66efdb0887 .pp-er .pp-er-arrow { display: table-cell; color: inherit; color: #ffffff; font-size: 12px; vertical-align: middle; } .fl-node-60a66efdb0887 .pp-er .pp-er-arrow:before { display: inline-block; } .fl-node-60a66efdb0887 .pp-er-open .pp-er-arrow:before { content: "\f077"; } .fl-node-60a66efdb0887 .pp-er .pp-er-wrap:hover .pp-er-title { color: #f9a61a; } .fl-node-60a66efdb0887 .pp-er .pp-er-wrap:hover .pp-er-arrow { color: #f9a61a; } .fl-node-60a66efdb0887 .pp-er .pp-er-wrap:hover .pp-er-arrow:before { border-color: ; } .fl-node-60a66dcaea5a8 .fl-row-content { min-width: 0px; } .fl-node-60a66efdb0887 .fl-row-content { min-width: 0px; } .fl-node-60a66bf294611 .fl-row-content { min-width: 0px; } .fl-node-60a66efdb0887 .pp-er .pp-er-arrow:before { border-style: solid; border-width: 0; background-clip: border-box; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .fl-node-61444913d84e0 > .fl-row-content-wrap { border-top-width: 1px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; } .fl-node-5d005ed1d07cd > .fl-row-content-wrap { background-color: #f2f2f2; } .fl-node-5d005ed1d07cd .fl-row-content { max-width: 1100px; } .fl-node-5d0061708a3a9 > .fl-row-content-wrap { margin-top:20px; } @media ( max-width: 992px ) { .fl-node-5d0061708a3a9.fl-row > .fl-row-content-wrap { margin-top:20px; } } .fl-node-5d005ed1d07ce > .fl-row-content-wrap { background-color: #f2f2f2; border-style: solid; border-width: 0; background-clip: border-box; border-color: #ffffff; border-top-width: 2px; } .fl-node-5d005ed1d07ce .fl-row-content { max-width: 1100px; } .fl-node-5d005ed7ac259 { width: 100%; } .fl-node-614442dd8af8d { width: 100%; } .fl-node-614442dd8af8d > .fl-col-content { background-image: url(https://yourvisitorguide.com.au/wp-content/uploads/2024/10/2025-Port-Lincoln-Visitor-Guide-Banner-32.jpg); background-repeat: no-repeat; background-position: center center; background-attachment: scroll; background-size: cover; } .fl-node-614442dd8af8f { width: 100%; } .fl-node-614442dd8af8f > .fl-col-content { border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.5); } .fl-node-5ba1e89babb16 { width: 100%; } .fl-node-5d0060d1313ff { width: 100%; } .fl-node-5d005e877f8c6 { width: 100%; } .fl-node-5ba1e8b6509c6 { width: 100%; } .fl-node-5ba1e8b6509c6 > .fl-col-content { border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.5); } .fl-node-5ba1e89babb5c > .fl-module-content { margin-top:10px; margin-bottom:10px; } @media ( max-width: 992px ) { .fl-node-5ba1e89babb5c.fl-module > .fl-module-content { margin-top:10px; margin-bottom:10px; } } @media ( max-width: 768px ) { .fl-node-5ba1e89babb5c.fl-module > .fl-module-content { margin-top:10px; margin-bottom:10px; } } .fl-node-5d0060d131400 > .fl-module-content { margin-bottom:0px; } @media ( max-width: 992px ) { .fl-node-5d0060d131400.fl-module > .fl-module-content { margin-bottom:0px; } } @media ( max-width: 768px ) { .fl-node-5d0060d131400.fl-module > .fl-module-content { margin-bottom:0px; } } /** * This file should contain frontend styles that * will be applied to all module instances. */@media (max-width: 768px) { /** * This file should contain frontend styles that * will be applied to all module instances once * the responsive breakpoint has been reached. The * responsive breakpoint can be set in the global * settings or individual page settings. */ } .fl-node-5d005e877f8c7 .pp-spacer-module { height: 15px; width: 100%; } @media only screen and (max-width: 992px) { .fl-node-5d005e877f8c7 .pp-spacer-module { height: 15px; } } @media only screen and (max-width: 768px) { .fl-node-5d005e877f8c7 .pp-spacer-module { height: 15px; } } .fl-node-5ba1e8b650a1b > .fl-module-content { margin-top:10px; margin-bottom:10px; } @media ( max-width: 992px ) { .fl-node-5ba1e8b650a1b.fl-module > .fl-module-content { margin-top:10px; margin-bottom:10px; } } @media ( max-width: 768px ) { .fl-node-5ba1e8b650a1b.fl-module > .fl-module-content { margin-top:10px; margin-bottom:10px; } } /* Start Global Nodes CSS */ /* End Global Nodes CSS */ /* Start Layout CSS */ /* End Layout CSS */ .fl-builder-row-settings #fl-field-separator_position { display: none !important; } .fl-builder-row-settings #fl-field-separator_position { display: none !important; } .fl-builder-row-settings #fl-field-separator_position { display: none !important; } .fl-builder-row-settings #fl-field-separator_position { display: none !important; } .fl-builder-row-settings #fl-field-separator_position { display: none !important; } .fl-builder-row-settings #fl-field-separator_position { display: none !important; } .fl-node-5d005ed1d07cd .fl-row-content { min-width: 0px; } .fl-node-5d0061708a3a9 .fl-row-content { min-width: 0px; } .fl-node-5d005ed7937b0 .fl-row-content { min-width: 0px; } .fl-node-5d005ed1d07da .fl-row-content { min-width: 0px; } .fl-node-5d005ed1d07ce .fl-row-content { min-width: 0px; } .fl-node-8y2x4gnbio9v { color: #ffffff; } .fl-builder-content .fl-node-8y2x4gnbio9v *:not(input):not(textarea):not(select):not(a):not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.fl-menu-mobile-toggle) { color: inherit; } .fl-builder-content .fl-node-8y2x4gnbio9v a { color: #ffffff; } .fl-builder-content .fl-node-8y2x4gnbio9v a:hover { color: #464646; } .fl-builder-content .fl-node-8y2x4gnbio9v h1, .fl-builder-content .fl-node-8y2x4gnbio9v h2, .fl-builder-content .fl-node-8y2x4gnbio9v h3, .fl-builder-content .fl-node-8y2x4gnbio9v h4, .fl-builder-content .fl-node-8y2x4gnbio9v h5, .fl-builder-content .fl-node-8y2x4gnbio9v h6, .fl-builder-content .fl-node-8y2x4gnbio9v h1 a, .fl-builder-content .fl-node-8y2x4gnbio9v h2 a, .fl-builder-content .fl-node-8y2x4gnbio9v h3 a, .fl-builder-content .fl-node-8y2x4gnbio9v h4 a, .fl-builder-content .fl-node-8y2x4gnbio9v h5 a, .fl-builder-content .fl-node-8y2x4gnbio9v h6 a { color: #ffffff; } .fl-node-8y2x4gnbio9v > .fl-row-content-wrap { background-color: #f37021; } .fl-node-8y2x4gnbio9v .fl-row-content { max-width: 1100px; } .fl-node-7tp5er3b6g2k { color: #ffffff; } .fl-builder-content .fl-node-7tp5er3b6g2k *:not(input):not(textarea):not(select):not(a):not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.fl-menu-mobile-toggle) { color: inherit; } .fl-builder-content .fl-node-7tp5er3b6g2k a { color: #ffffff; } .fl-builder-content .fl-node-7tp5er3b6g2k a:hover { color: #f37021; } .fl-builder-content .fl-node-7tp5er3b6g2k h1, .fl-builder-content .fl-node-7tp5er3b6g2k h2, .fl-builder-content .fl-node-7tp5er3b6g2k h3, .fl-builder-content .fl-node-7tp5er3b6g2k h4, .fl-builder-content .fl-node-7tp5er3b6g2k h5, .fl-builder-content .fl-node-7tp5er3b6g2k h6, .fl-builder-content .fl-node-7tp5er3b6g2k h1 a, .fl-builder-content .fl-node-7tp5er3b6g2k h2 a, .fl-builder-content .fl-node-7tp5er3b6g2k h3 a, .fl-builder-content .fl-node-7tp5er3b6g2k h4 a, .fl-builder-content .fl-node-7tp5er3b6g2k h5 a, .fl-builder-content .fl-node-7tp5er3b6g2k h6 a { color: #ffffff; } .fl-node-7tp5er3b6g2k > .fl-row-content-wrap { background-color: #464646; } .fl-node-7tp5er3b6g2k .fl-row-content { max-width: 1100px; } /* Full Height Rows */ .fl-node-15bvk2u64qyh.fl-row-full-height > .fl-row-content-wrap, .fl-node-15bvk2u64qyh.fl-row-custom-height > .fl-row-content-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .fl-node-15bvk2u64qyh.fl-row-full-height > .fl-row-content-wrap { min-height: 100vh; } .fl-node-15bvk2u64qyh.fl-row-custom-height > .fl-row-content-wrap { min-height: 0; } .fl-builder-edit .fl-node-15bvk2u64qyh.fl-row-full-height > .fl-row-content-wrap { min-height: calc( 100vh - 48px ); } /* Full height iPad with portrait orientation. */ @media all and (width: 768px) and (height: 1024px) and (orientation:portrait){ .fl-node-15bvk2u64qyh.fl-row-full-height > .fl-row-content-wrap { min-height: 1024px; } } /* Full height iPad with landscape orientation. */ @media all and (width: 1024px) and (height: 768px) and (orientation:landscape){ .fl-node-15bvk2u64qyh.fl-row-full-height > .fl-row-content-wrap { min-height: 768px; } } /* Full height iPhone 5. You can also target devices with aspect ratio. */ @media screen and (aspect-ratio: 40/71) { .fl-node-15bvk2u64qyh.fl-row-full-height > .fl-row-content-wrap { min-height: 500px; } } .fl-node-15bvk2u64qyh > .fl-row-content-wrap { background-color: rgba(63,63,63,0.79); } .fl-node-15bvk2u64qyh .fl-row-content { max-width: 728px; } .fl-node-t1z4svpce5lq { width: 50%; } @media(max-width: 992px) { .fl-builder-content .fl-node-t1z4svpce5lq { width: 50% !important; max-width: none; -webkit-box-flex: 0 1 auto; -moz-box-flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } } @media(max-width: 768px) { .fl-builder-content .fl-node-t1z4svpce5lq { width: 50% !important; max-width: none; clear: none; float: left; } } .fl-node-ijvxsecwy59d { width: 25%; } .fl-node-kfn97rxmad5i { width: 100%; } @media(max-width: 992px) { .fl-builder-content .fl-node-kfn97rxmad5i > .fl-col-content { min-height: 75px; } } .fl-node-v8yzu9x7qcbt { width: 50%; } @media(max-width: 992px) { .fl-builder-content .fl-node-v8yzu9x7qcbt { width: 50% !important; max-width: none; -webkit-box-flex: 0 1 auto; -moz-box-flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } } @media(max-width: 768px) { .fl-builder-content .fl-node-v8yzu9x7qcbt { width: 50% !important; max-width: none; clear: none; float: left; } } .fl-node-1cy3j7htbspn { width: 75%; } .fl-node-5b611a48bf369 { width: 100%; } .fl-node-5d00645b19894 { width: 100%; } .fl-node-ivbelcsywmox, .fl-node-ivbelcsywmox .fl-photo { text-align: left; } @media(max-width: 992px) { .fl-node-ivbelcsywmox, .fl-node-ivbelcsywmox .fl-photo { text-align: left; } } @media(max-width: 768px) { .fl-node-ivbelcsywmox, .fl-node-ivbelcsywmox .fl-photo { text-align: left; } } .fl-node-2b8uljt75vyr, .fl-node-2b8uljt75vyr .fl-photo { text-align: left; } @media(max-width: 992px) { .fl-node-2b8uljt75vyr, .fl-node-2b8uljt75vyr .fl-photo { text-align: left; } } @media(max-width: 768px) { .fl-node-2b8uljt75vyr, .fl-node-2b8uljt75vyr .fl-photo { text-align: left; } } /* advanced menu overlap fix */ .pp-off-canvas-menu-open .pp-offcanvas-content-wrap { position: relative; z-index: 999; } /* .pp-offcanvas-content-open .pp-advanced-menu .pp-off-canvas-menu { position: absolute; } */ .pp-offcanvas-content-open.pp-offcanvas-content-top.pp-offcanvas-content-reset, .pp-offcanvas-content-open.pp-offcanvas-content-bottom.pp-offcanvas-content-reset { margin-top: 0 !important; } .pp-offcanvas-toggle { cursor: pointer; text-decoration: none !important; } .pp-offcanvas-container { position: relative; left: 0; z-index: 99; -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; } .pp-offcanvas-content-slide .pp-offcanvas-container { overflow: hidden; } .pp-offcanvas-container:after { content: ''; position: absolute; top: 0; right: 0; width: 0; height: 0; background: rgba(240, 196, 196, 0.2); opacity: 0; -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; } .pp-offcanvas-content-open .pp-offcanvas-container:after { width: 100%; height: 100%; opacity: 1; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; z-index: 100001; } .pp-offcanvas-content { position: fixed; top: 0; left: 0; visibility: hidden; width: 300px; height: 100%; overflow-y: auto; background: #fff; -webkit-transition: all 0.5s; transition: all 0.5s; outline: 0; z-index: 100002; } .pp-offcanvas-content.pp-offcanvas-content-right { left: auto; right: 0; } .pp-offcanvas-content.pp-offcanvas-content-top, .pp-offcanvas-content.pp-offcanvas-content-bottom { width: 100%; height: 300px; } .pp-offcanvas-content.pp-offcanvas-content-bottom { top: auto; bottom: 0; } .pp-offcanvas-content .pp-offcanvas-body { position: absolute; width: 100%; top: 0; left: 0; } .pp-offcanvas-content .pp-offcanvas-close { position: relative; cursor: pointer; display: inline-block; line-height: 1; z-index: 1; font-style: normal; font-family: Helvetica, Arial, sans-serif; font-weight: 100; font-size: 24px; margin: 0; } .pp-offcanvas-content .pp-offcanvas-close-icon { display: flex; height: 25px; width: 25px; position: relative; justify-content: center; } .pp-offcanvas-content .pp-offcanvas-close-icon:before, .pp-offcanvas-content .pp-offcanvas-close-icon:after { content: " "; position: absolute; content: ' '; height: inherit; width: 2px; background-color: #fff; } .pp-offcanvas-content .pp-offcanvas-close-icon:before { transform: rotate(45deg); } .pp-offcanvas-content .pp-offcanvas-close-icon:after { transform: rotate(-45deg); } .pp-offcanvas-content .pp-offcanvas-body { padding-left: 20px; padding-right: 20px; } .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle { display: inline-flex; align-items: center; } .pp-offcanvas-icon-before .pp-offcanvas-toggle-icon { margin-right: 5px; } .pp-offcanvas-icon-after .pp-offcanvas-toggle-icon { order: 2; margin-left: 5px; } .pp-offcanvas-content.pp-offcanvas-slide { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .pp-offcanvas-content.pp-offcanvas-slide.pp-offcanvas-content-right { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .pp-offcanvas-content.pp-offcanvas-slide.pp-offcanvas-content-top { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } .pp-offcanvas-content.pp-offcanvas-slide.pp-offcanvas-content-bottom { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } .pp-offcanvas-content.pp-offcanvas-reveal { z-index: 1; } .pp-offcanvas-content-slide.pp-offcanvas-content-open .pp-offcanvas-content.pp-offcanvas-content-visible { visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .pp-offcanvas-content-left.pp-offcanvas-push { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .pp-offcanvas-content-right.pp-offcanvas-push { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .pp-offcanvas-content-top.pp-offcanvas-push { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } .pp-offcanvas-content-bottom.pp-offcanvas-push { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } .pp-offcanvas-content-push.pp-offcanvas-content-open .pp-offcanvas-content.pp-offcanvas-content-visible { visibility: visible; -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; } .pp-offcanvas-content-push.pp-offcanvas-content-open.pp-offcanvas-content-left .pp-offcanvas-container { -webkit-transform: translate3d(300px, 0, 0); transform: translate3d(300px, 0, 0); } .pp-offcanvas-content-push.pp-offcanvas-content-open.pp-offcanvas-content-right .pp-offcanvas-container { -webkit-transform: translateX(-300px); transform: translateX(-300px); } .pp-offcanvas-content-push.pp-offcanvas-content-open.pp-offcanvas-content-top .pp-offcanvas-container { -webkit-transform: translate3d(0, 300px, 0); transform: translate3d(0, 300px, 0); } .pp-offcanvas-content-push.pp-offcanvas-content-open.pp-offcanvas-content-bottom .pp-offcanvas-container { -webkit-transform: translate3d(0, -300px, 0); transform: translate3d(0, -300px, 0); } .pp-offcanvas-content-push.pp-offcanvas-content-open.pp-offcanvas-content-left .pp-offcanvas-content, .pp-offcanvas-content-push.pp-offcanvas-content-open.pp-offcanvas-content-right .pp-offcanvas-content, .pp-offcanvas-content-push.pp-offcanvas-content-open.pp-offcanvas-content-top .pp-offcanvas-content, .pp-offcanvas-content-push.pp-offcanvas-content-open.pp-offcanvas-content-bottom .pp-offcanvas-content { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .pp-offcanvas-content-reveal .pp-offcanvas-container { background: #fff; overflow: hidden; } .pp-offcanvas-content-reveal.pp-offcanvas-content-open { position: relative; } .pp-offcanvas-content-reveal.pp-offcanvas-content-open .pp-offcanvas-content.pp-offcanvas-content-visible { visibility: visible; -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; } .pp-offcanvas-content-reveal.pp-offcanvas-content-open.pp-offcanvas-content-left .pp-offcanvas-container { -webkit-transform: translate3d(300px, 0, 0); transform: translate3d(300px, 0, 0); } .pp-offcanvas-content-reveal.pp-offcanvas-content-open.pp-offcanvas-content-right .pp-offcanvas-container { -webkit-transform: translate3d(-300px, 0, 0); transform: translate3d(-300px, 0, 0); } .pp-offcanvas-content-reveal.pp-offcanvas-content-open.pp-offcanvas-content-top .pp-offcanvas-container { -webkit-transform: translate3d(0, 300px, 0); transform: translate3d(0, 300px, 0); } .pp-offcanvas-content-reveal.pp-offcanvas-content-open.pp-offcanvas-content-bottom .pp-offcanvas-container { -webkit-transform: translate3d(0, -300px, 0); transform: translate3d(0, -300px, 0); } .pp-offcanvas-content-reveal.pp-offcanvas-content-bottom .pp-offcanvas-container { height: 100%; } .pp-offcanvas-content-left.pp-offcanvas-slide-along { z-index: 1; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } .pp-offcanvas-content-right.pp-offcanvas-slide-along { z-index: 1; -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0); } .pp-offcanvas-content-top.pp-offcanvas-slide-along { z-index: 1; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .pp-offcanvas-content-bottom.pp-offcanvas-slide-along { z-index: 1; -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); } .pp-offcanvas-content-slide-along .pp-offcanvas-container { background: #fff; overflow: hidden; } .pp-offcanvas-content-slide-along.pp-offcanvas-content-open .pp-offcanvas-content.pp-offcanvas-content-visible { visibility: visible; -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .pp-offcanvas-content-slide-along.pp-offcanvas-content-open.pp-offcanvas-content-left .pp-offcanvas-container { -webkit-transform: translate3d(300px, 0, 0); transform: translate3d(300px, 0, 0); } .pp-offcanvas-content-slide-along.pp-offcanvas-content-open.pp-offcanvas-content-right .pp-offcanvas-container { -webkit-transform: translate3d(-300px, 0, 0); transform: translate3d(-300px, 0, 0); } .pp-offcanvas-content-slide-along.pp-offcanvas-content-open.pp-offcanvas-content-top .pp-offcanvas-container { -webkit-transform: translate3d(0, 300px, 0); transform: translate3d(0, 300px, 0); } .pp-offcanvas-content-slide-along.pp-offcanvas-content-open.pp-offcanvas-content-bottom .pp-offcanvas-container { -webkit-transform: translate3d(0, -300px, 0); transform: translate3d(0, -300px, 0); } .pp-offcanvas-content-slide-along.pp-offcanvas-content-bottom .pp-offcanvas-container { height: 100%; } .pp-hamburger-label { display: inline-block; margin-left: 10px; } .admin-bar .pp-offcanvas-content-left, .admin-bar .pp-offcanvas-content-right { /*top: 32px;*/ } /*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */ .pp-hamburger-box { width: 2.9em; height: 1.8em; display: inline-block; position: relative; } .pp-hamburger-inner { display: block; top: 50%; margin-top: -.15em; transition-duration: 75ms; transition-timing-function: cubic-bezier(.55, .055, .675, .19); } .pp-hamburger-label { display: inline-block; margin-left: 10px; } .pp-hamburger { display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; } .pp-hamburger:hover { opacity: 0.7; } .pp-hamburger.pp-is-active:hover { opacity: 0.7; } .pp-hamburger.pp-is-active .pp-hamburger-inner, .pp-hamburger.pp-is-active .pp-hamburger-inner::before, .pp-hamburger.pp-is-active .pp-hamburger-inner::after { background-color: #000; } .pp-hamburger-inner, .pp-hamburger-inner::before, .pp-hamburger-inner::after { width: 2.9em; height: 0.3em; background-color: #000; border-radius: 4px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; } .pp-hamburger-inner::before, .pp-hamburger-inner::after { content: ""; display: block; } .pp-hamburger-inner::before { top: -0.75em; } .pp-hamburger-inner::after { bottom: -0.75em; } /* * 3DX */ .pp-hamburger--3dx .pp-hamburger-box { perspective: 80px; } .pp-hamburger--3dx .pp-hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .pp-hamburger--3dx .pp-hamburger-inner::before, .pp-hamburger--3dx .pp-hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .pp-hamburger--3dx.pp-is-active .pp-hamburger-inner { background-color: transparent !important; transform: rotateY(180deg); } .pp-hamburger--3dx.pp-is-active .pp-hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg); } .pp-hamburger--3dx.pp-is-active .pp-hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg); } /* * 3DX Reverse */ .pp-hamburger--3dx-r .pp-hamburger-box { perspective: 80px; } .pp-hamburger--3dx-r .pp-hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .pp-hamburger--3dx-r .pp-hamburger-inner::before, .pp-hamburger--3dx-r .pp-hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .pp-hamburger--3dx-r.pp-is-active .pp-hamburger-inner { background-color: transparent !important; transform: rotateY(-180deg); } .pp-hamburger--3dx-r.pp-is-active .pp-hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg); } .pp-hamburger--3dx-r.pp-is-active .pp-hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg); } /* * 3DY */ .pp-hamburger--3dy .pp-hamburger-box { perspective: 80px; } .pp-hamburger--3dy .pp-hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .pp-hamburger--3dy .pp-hamburger-inner::before, .pp-hamburger--3dy .pp-hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .pp-hamburger--3dy.pp-is-active .pp-hamburger-inner { background-color: transparent !important; transform: rotateX(-180deg); } .pp-hamburger--3dy.pp-is-active .pp-hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg); } .pp-hamburger--3dy.pp-is-active .pp-hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg); } /* * 3DY Reverse */ .pp-hamburger--3dy-r .pp-hamburger-box { perspective: 80px; } .pp-hamburger--3dy-r .pp-hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .pp-hamburger--3dy-r .pp-hamburger-inner::before, .pp-hamburger--3dy-r .pp-hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .pp-hamburger--3dy-r.pp-is-active .pp-hamburger-inner { background-color: transparent !important; transform: rotateX(180deg); } .pp-hamburger--3dy-r.pp-is-active .pp-hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg); } .pp-hamburger--3dy-r.pp-is-active .pp-hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg); } /* * 3DXY */ .pp-hamburger--3dxy .pp-hamburger-box { perspective: 80px; } .pp-hamburger--3dxy .pp-hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .pp-hamburger--3dxy .pp-hamburger-inner::before, .pp-hamburger--3dxy .pp-hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .pp-hamburger--3dxy.pp-is-active .pp-hamburger-inner { background-color: transparent !important; transform: rotateX(180deg) rotateY(180deg); } .pp-hamburger--3dxy.pp-is-active .pp-hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg); } .pp-hamburger--3dxy.pp-is-active .pp-hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg); } /* * 3DXY Reverse */ .pp-hamburger--3dxy-r .pp-hamburger-box { perspective: 80px; } .pp-hamburger--3dxy-r .pp-hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .pp-hamburger--3dxy-r .pp-hamburger-inner::before, .pp-hamburger--3dxy-r .pp-hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .pp-hamburger--3dxy-r.pp-is-active .pp-hamburger-inner { background-color: transparent !important; transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg); } .pp-hamburger--3dxy-r.pp-is-active .pp-hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg); } .pp-hamburger--3dxy-r.pp-is-active .pp-hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg); } /* * Arrow */ .pp-hamburger--arrow.pp-is-active .pp-hamburger-inner::before { transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); } .pp-hamburger--arrow.pp-is-active .pp-hamburger-inner::after { transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); } /* * Arrow Right */ .pp-hamburger--arrow-r.pp-is-active .pp-hamburger-inner::before { transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); } .pp-hamburger--arrow-r.pp-is-active .pp-hamburger-inner::after { transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); } /* * Arrow Alt */ .pp-hamburger--arrowalt .pp-hamburger-inner::before { transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .pp-hamburger--arrowalt .pp-hamburger-inner::after { transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .pp-hamburger--arrowalt.pp-is-active .pp-hamburger-inner::before { top: 0; transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1); transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } .pp-hamburger--arrowalt.pp-is-active .pp-hamburger-inner::after { bottom: 0; transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1); transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } /* * Arrow Alt Right */ .pp-hamburger--arrowalt-r .pp-hamburger-inner::before { transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .pp-hamburger--arrowalt-r .pp-hamburger-inner::after { transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .pp-hamburger--arrowalt-r.pp-is-active .pp-hamburger-inner::before { top: 0; transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1); transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } .pp-hamburger--arrowalt-r.pp-is-active .pp-hamburger-inner::after { bottom: 0; transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1); transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } /* * Arrow Turn */ .pp-hamburger--arrowturn.pp-is-active .pp-hamburger-inner { transform: rotate(-180deg); } .pp-hamburger--arrowturn.pp-is-active .pp-hamburger-inner::before { transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); } .pp-hamburger--arrowturn.pp-is-active .pp-hamburger-inner::after { transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); } /* * Arrow Turn Right */ .pp-hamburger--arrowturn-r.pp-is-active .pp-hamburger-inner { transform: rotate(-180deg); } .pp-hamburger--arrowturn-r.pp-is-active .pp-hamburger-inner::before { transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); } .pp-hamburger--arrowturn-r.pp-is-active .pp-hamburger-inner::after { transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); } /* * Boring */ .pp-hamburger--boring .pp-hamburger-inner, .pp-hamburger--boring .pp-hamburger-inner::before, .pp-hamburger--boring .pp-hamburger-inner::after { transition-property: none; } .pp-hamburger--boring.pp-is-active .pp-hamburger-inner { transform: rotate(45deg); } .pp-hamburger--boring.pp-is-active .pp-hamburger-inner::before { top: 0; opacity: 0; } .pp-hamburger--boring.pp-is-active .pp-hamburger-inner::after { bottom: 0; transform: rotate(-90deg); } /* * Collapse */ .pp-hamburger--collapse .pp-hamburger-inner { top: auto; bottom: 0; transition-duration: 0.13s; transition-delay: 0.13s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .pp-hamburger--collapse .pp-hamburger-inner::after { top: -20px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; } .pp-hamburger--collapse .pp-hamburger-inner::before { transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .pp-hamburger--collapse.pp-is-active .pp-hamburger-inner { transform: translate3d(0, -10px, 0) rotate(-45deg); transition-delay: 0.22s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .pp-hamburger--collapse.pp-is-active .pp-hamburger-inner::after { top: 0; opacity: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; } .pp-hamburger--collapse.pp-is-active .pp-hamburger-inner::before { top: 0; transform: rotate(-90deg); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Collapse Reverse */ .pp-hamburger--collapse-r .pp-hamburger-inner { top: auto; bottom: 0; transition-duration: 0.13s; transition-delay: 0.13s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .pp-hamburger--collapse-r .pp-hamburger-inner::after { top: -20px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; } .pp-hamburger--collapse-r .pp-hamburger-inner::before { transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .pp-hamburger--collapse-r.pp-is-active .pp-hamburger-inner { transform: translate3d(0, -10px, 0) rotate(45deg); transition-delay: 0.22s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .pp-hamburger--collapse-r.pp-is-active .pp-hamburger-inner::after { top: 0; opacity: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; } .pp-hamburger--collapse-r.pp-is-active .pp-hamburger-inner::before { top: 0; transform: rotate(90deg); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Elastic */ .pp-hamburger--elastic .pp-hamburger-inner { top: 2px; transition-duration: 0.275s; transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } .pp-hamburger--elastic .pp-hamburger-inner::before { top: 10px; transition: opacity 0.125s 0.275s ease; } .pp-hamburger--elastic .pp-hamburger-inner::after { top: 20px; transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .pp-hamburger--elastic.pp-is-active .pp-hamburger-inner { transform: translate3d(0, 10px, 0) rotate(135deg); transition-delay: 0.075s; } .pp-hamburger--elastic.pp-is-active .pp-hamburger-inner::before { transition-delay: 0s; opacity: 0; } .pp-hamburger--elastic.pp-is-active .pp-hamburger-inner::after { transform: translate3d(0, -20px, 0) rotate(-270deg); transition-delay: 0.075s; } /* * Elastic Reverse */ .pp-hamburger--elastic-r .pp-hamburger-inner { top: 2px; transition-duration: 0.275s; transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } .pp-hamburger--elastic-r .pp-hamburger-inner::before { top: 10px; transition: opacity 0.125s 0.275s ease; } .pp-hamburger--elastic-r .pp-hamburger-inner::after { top: 20px; transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .pp-hamburger--elastic-r.pp-is-active .pp-hamburger-inner { transform: translate3d(0, 10px, 0) rotate(-135deg); transition-delay: 0.075s; } .pp-hamburger--elastic-r.pp-is-active .pp-hamburger-inner::before { transition-delay: 0s; opacity: 0; } .pp-hamburger--elastic-r.pp-is-active .pp-hamburger-inner::after { transform: translate3d(0, -20px, 0) rotate(270deg); transition-delay: 0.075s; } /* * Emphatic */ .pp-hamburger--emphatic { overflow: hidden; } .pp-hamburger--emphatic .pp-hamburger-inner { transition: background-color 0.125s 0.175s ease-in; } .pp-hamburger--emphatic .pp-hamburger-inner::before { left: 0; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; } .pp-hamburger--emphatic .pp-hamburger-inner::after { top: 10px; right: 0; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; } .pp-hamburger--emphatic.pp-is-active .pp-hamburger-inner { transition-delay: 0s; transition-timing-function: ease-out; background-color: transparent !important; } .pp-hamburger--emphatic.pp-is-active .pp-hamburger-inner::before { left: -80px; top: -80px; transform: translate3d(80px, 80px, 0) rotate(45deg); transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } .pp-hamburger--emphatic.pp-is-active .pp-hamburger-inner::after { right: -80px; top: -80px; transform: translate3d(-80px, 80px, 0) rotate(-45deg); transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } /* * Emphatic Reverse */ .pp-hamburger--emphatic-r { overflow: hidden; } .pp-hamburger--emphatic-r .pp-hamburger-inner { transition: background-color 0.125s 0.175s ease-in; } .pp-hamburger--emphatic-r .pp-hamburger-inner::before { left: 0; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; } .pp-hamburger--emphatic-r .pp-hamburger-inner::after { top: 10px; right: 0; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; } .pp-hamburger--emphatic-r.pp-is-active .pp-hamburger-inner { transition-delay: 0s; transition-timing-function: ease-out; background-color: transparent !important; } .pp-hamburger--emphatic-r.pp-is-active .pp-hamburger-inner::before { left: -80px; top: 80px; transform: translate3d(80px, -80px, 0) rotate(-45deg); transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } .pp-hamburger--emphatic-r.pp-is-active .pp-hamburger-inner::after { right: -80px; top: 80px; transform: translate3d(-80px, -80px, 0) rotate(45deg); transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } /* * Minus */ .pp-hamburger--minus .pp-hamburger-inner::before, .pp-hamburger--minus .pp-hamburger-inner::after { transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear; } .pp-hamburger--minus.pp-is-active .pp-hamburger-inner::before, .pp-hamburger--minus.pp-is-active .pp-hamburger-inner::after { opacity: 0; transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear; } .pp-hamburger--minus.pp-is-active .pp-hamburger-inner::before { top: 0; } .pp-hamburger--minus.pp-is-active .pp-hamburger-inner::after { bottom: 0; } /* * Slider */ .pp-hamburger--slider .pp-hamburger-inner { top: 2px; } .pp-hamburger--slider .pp-hamburger-inner::before { top: 10px; transition-property: transform, opacity; transition-timing-function: ease; transition-duration: 0.15s; } .pp-hamburger--slider .pp-hamburger-inner::after { top: 20px; } .pp-hamburger--slider.pp-is-active .pp-hamburger-inner { transform: translate3d(0, 10px, 0) rotate(45deg); } .pp-hamburger--slider.pp-is-active .pp-hamburger-inner::before { transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0); opacity: 0; } .pp-hamburger--slider.pp-is-active .pp-hamburger-inner::after { transform: translate3d(0, -20px, 0) rotate(-90deg); } /* * Slider Reverse */ .pp-hamburger--slider-r .pp-hamburger-inner { top: 2px; } .pp-hamburger--slider-r .pp-hamburger-inner::before { top: 10px; transition-property: transform, opacity; transition-timing-function: ease; transition-duration: 0.15s; } .pp-hamburger--slider-r .pp-hamburger-inner::after { top: 20px; } .pp-hamburger--slider-r.pp-is-active .pp-hamburger-inner { transform: translate3d(0, 10px, 0) rotate(-45deg); } .pp-hamburger--slider-r.pp-is-active .pp-hamburger-inner::before { transform: rotate(45deg) translate3d(5.71429px, -6px, 0); opacity: 0; } .pp-hamburger--slider-r.pp-is-active .pp-hamburger-inner::after { transform: translate3d(0, -20px, 0) rotate(90deg); } /* * Spin */ .pp-hamburger--spin .pp-hamburger-inner { transition-duration: 0.22s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .pp-hamburger--spin .pp-hamburger-inner::before { transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; } .pp-hamburger--spin .pp-hamburger-inner::after { transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .pp-hamburger--spin.pp-is-active .pp-hamburger-inner { transform: rotate(225deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .pp-hamburger--spin.pp-is-active .pp-hamburger-inner::before { top: 0; opacity: 0; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; } .pp-hamburger--spin.pp-is-active .pp-hamburger-inner::after { bottom: 0; transform: rotate(-90deg); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Spin Reverse */ .pp-hamburger--spin-r .pp-hamburger-inner { transition-duration: 0.22s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .pp-hamburger--spin-r .pp-hamburger-inner::before { transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; } .pp-hamburger--spin-r .pp-hamburger-inner::after { transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .pp-hamburger--spin-r.pp-is-active .pp-hamburger-inner { transform: rotate(-225deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .pp-hamburger--spin-r.pp-is-active .pp-hamburger-inner::before { top: 0; opacity: 0; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; } .pp-hamburger--spin-r.pp-is-active .pp-hamburger-inner::after { bottom: 0; transform: rotate(90deg); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Spring */ .pp-hamburger--spring .pp-hamburger-inner { top: 2px; transition: background-color 0s 0.13s linear; } .pp-hamburger--spring .pp-hamburger-inner::before { top: 10px; transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .pp-hamburger--spring .pp-hamburger-inner::after { top: 20px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .pp-hamburger--spring.pp-is-active .pp-hamburger-inner { transition-delay: 0.22s; background-color: transparent !important; } .pp-hamburger--spring.pp-is-active .pp-hamburger-inner::before { top: 0; transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 10px, 0) rotate(45deg); } .pp-hamburger--spring.pp-is-active .pp-hamburger-inner::after { top: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 10px, 0) rotate(-45deg); } /* * Spring Reverse */ .pp-hamburger--spring-r .pp-hamburger-inner { top: auto; bottom: 0; transition-duration: 0.13s; transition-delay: 0s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .pp-hamburger--spring-r .pp-hamburger-inner::after { top: -20px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear; } .pp-hamburger--spring-r .pp-hamburger-inner::before { transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .pp-hamburger--spring-r.pp-is-active .pp-hamburger-inner { transform: translate3d(0, -10px, 0) rotate(-45deg); transition-delay: 0.22s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .pp-hamburger--spring-r.pp-is-active .pp-hamburger-inner::after { top: 0; opacity: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear; } .pp-hamburger--spring-r.pp-is-active .pp-hamburger-inner::before { top: 0; transform: rotate(90deg); transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Stand */ .pp-hamburger--stand .pp-hamburger-inner { transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; } .pp-hamburger--stand .pp-hamburger-inner::before { transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .pp-hamburger--stand .pp-hamburger-inner::after { transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .pp-hamburger--stand.pp-is-active .pp-hamburger-inner { transform: rotate(90deg); background-color: transparent !important; transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; } .pp-hamburger--stand.pp-is-active .pp-hamburger-inner::before { top: 0; transform: rotate(-45deg); transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } .pp-hamburger--stand.pp-is-active .pp-hamburger-inner::after { bottom: 0; transform: rotate(45deg); transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Stand Reverse */ .pp-hamburger--stand-r .pp-hamburger-inner { transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; } .pp-hamburger--stand-r .pp-hamburger-inner::before { transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .pp-hamburger--stand-r .pp-hamburger-inner::after { transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .pp-hamburger--stand-r.pp-is-active .pp-hamburger-inner { transform: rotate(-90deg); background-color: transparent !important; transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; } .pp-hamburger--stand-r.pp-is-active .pp-hamburger-inner::before { top: 0; transform: rotate(-45deg); transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } .pp-hamburger--stand-r.pp-is-active .pp-hamburger-inner::after { bottom: 0; transform: rotate(45deg); transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Squeeze */ .pp-hamburger--squeeze .pp-hamburger-inner { transition-duration: 0.075s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .pp-hamburger--squeeze .pp-hamburger-inner::before { transition: top 0.075s 0.12s ease, opacity 0.075s ease; } .pp-hamburger--squeeze .pp-hamburger-inner::after { transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .pp-hamburger--squeeze.pp-is-active .pp-hamburger-inner { transform: rotate(45deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .pp-hamburger--squeeze.pp-is-active .pp-hamburger-inner::before { top: 0; opacity: 0; transition: top 0.075s ease, opacity 0.075s 0.12s ease; } .pp-hamburger--squeeze.pp-is-active .pp-hamburger-inner::after { bottom: 0; transform: rotate(-90deg); transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Vortex */ .pp-hamburger--vortex .pp-hamburger-inner { transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .pp-hamburger--vortex .pp-hamburger-inner::before, .pp-hamburger--vortex .pp-hamburger-inner::after { transition-duration: 0s; transition-delay: 0.1s; transition-timing-function: linear; } .pp-hamburger--vortex .pp-hamburger-inner::before { transition-property: top, opacity; } .pp-hamburger--vortex .pp-hamburger-inner::after { transition-property: bottom, transform; } .pp-hamburger--vortex.pp-is-active .pp-hamburger-inner { transform: rotate(765deg); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .pp-hamburger--vortex.pp-is-active .pp-hamburger-inner::before, .pp-hamburger--vortex.pp-is-active .pp-hamburger-inner::after { transition-delay: 0s; } .pp-hamburger--vortex.pp-is-active .pp-hamburger-inner::before { top: 0; opacity: 0; } .pp-hamburger--vortex.pp-is-active .pp-hamburger-inner::after { bottom: 0; transform: rotate(90deg); } /* * Vortex Reverse */ .pp-hamburger--vortex-r .pp-hamburger-inner { transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .pp-hamburger--vortex-r .pp-hamburger-inner::before, .pp-hamburger--vortex-r .pp-hamburger-inner::after { transition-duration: 0s; transition-delay: 0.1s; transition-timing-function: linear; } .pp-hamburger--vortex-r .pp-hamburger-inner::before { transition-property: top, opacity; } .pp-hamburger--vortex-r .pp-hamburger-inner::after { transition-property: bottom, transform; } .pp-hamburger--vortex-r.pp-is-active .pp-hamburger-inner { transform: rotate(-765deg); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .pp-hamburger--vortex-r.pp-is-active .pp-hamburger-inner::before, .pp-hamburger--vortex-r.pp-is-active .pp-hamburger-inner::after { transition-delay: 0s; } .pp-hamburger--vortex-r.pp-is-active .pp-hamburger-inner::before { top: 0; opacity: 0; } .pp-hamburger--vortex-r.pp-is-active .pp-hamburger-inner::after { bottom: 0; transform: rotate(-90deg); } .pp-offcanvas-body .pp-timeline .pp-is-hidden { opacity: 1 !important; margin: 0 !important; }.pp-offcanvas-content.pp-offcanvas-content-bx7itd5r9vp6 { background: #f2f2f2; } .pp-offcanvas-content.pp-offcanvas-content-bx7itd5r9vp6.pp-offcanvas-content-top, .pp-offcanvas-content.pp-offcanvas-content-bx7itd5r9vp6.pp-offcanvas-content-bottom { width: 100%; } .pp-offcanvas-content-bx7itd5r9vp6-open .pp-offcanvas-container:after { background: rgba(70,70,70,0.8); } .pp-offcanvas-content-reveal.pp-offcanvas-content-bx7itd5r9vp6-open.pp-offcanvas-content-left .pp-offcanvas-container, .pp-offcanvas-content-push.pp-offcanvas-content-bx7itd5r9vp6-open.pp-offcanvas-content-left .pp-offcanvas-container, .pp-offcanvas-content-slide-along.pp-offcanvas-content-bx7itd5r9vp6-open.pp-offcanvas-content-left .pp-offcanvas-container { transform: translate3d(px, 0, 0); } .pp-offcanvas-content-reveal.pp-offcanvas-content-bx7itd5r9vp6-open.pp-offcanvas-content-right .pp-offcanvas-container, .pp-offcanvas-content-push.pp-offcanvas-content-bx7itd5r9vp6-open.pp-offcanvas-content-right .pp-offcanvas-container, .pp-offcanvas-content-slide-along.pp-offcanvas-content-bx7itd5r9vp6-open.pp-offcanvas-content-right .pp-offcanvas-container { transform: translate3d(-px, 0, 0); } .pp-offcanvas-content-reveal.pp-offcanvas-content-bx7itd5r9vp6-open.pp-offcanvas-content-top .pp-offcanvas-container, .pp-offcanvas-content-push.pp-offcanvas-content-bx7itd5r9vp6-open.pp-offcanvas-content-top .pp-offcanvas-container, .pp-offcanvas-content-slide-along.pp-offcanvas-content-bx7itd5r9vp6-open.pp-offcanvas-content-top .pp-offcanvas-container { transform: translate3d(0, px, 0); } .pp-offcanvas-content-reveal.pp-offcanvas-content-bx7itd5r9vp6-open.pp-offcanvas-content-bottom .pp-offcanvas-container, .pp-offcanvas-content-push.pp-offcanvas-content-bx7itd5r9vp6-open.pp-offcanvas-content-bottom .pp-offcanvas-container, .pp-offcanvas-content-slide-along.pp-offcanvas-content-bx7itd5r9vp6-open.pp-offcanvas-content-bottom .pp-offcanvas-container { transform: translate3d(0, -px, 0); } .pp-offcanvas-content.pp-offcanvas-content-bx7itd5r9vp6 .pp-offcanvas-body { text-align: left; color: ; background: ; } .pp-offcanvas-content.pp-offcanvas-content-bx7itd5r9vp6 .pp-offcanvas-body a { color: ; } .pp-offcanvas-content-bx7itd5r9vp6.pp-offcanvas-content .pp-offcanvas-header { text-align: right; } .pp-offcanvas-content-bx7itd5r9vp6 .pp-offcanvas-header .pp-offcanvas-close span, .pp-offcanvas-content-bx7itd5r9vp6 .pp-offcanvas-header .pp-offcanvas-close span:before { color: #464646; } .pp-offcanvas-content-bx7itd5r9vp6 .pp-offcanvas-close .pp-offcanvas-close-icon { } .pp-offcanvas-content-bx7itd5r9vp6 .pp-offcanvas-close .pp-offcanvas-close-icon:before, .pp-offcanvas-content-bx7itd5r9vp6 .pp-offcanvas-close .pp-offcanvas-close-icon:after { background-color: #464646; } .fl-node-bx7itd5r9vp6 .pp-offcanvas-toggle-wrap { text-align: right; } .fl-node-bx7itd5r9vp6 .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle { color: ; background: ; transition: all 0.3s ease-in-out; } .fl-node-bx7itd5r9vp6 .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle .pp-hamburger-box, .fl-node-bx7itd5r9vp6 .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle .pp-hamburger-inner, .fl-node-bx7itd5r9vp6 .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle .pp-hamburger-inner::before, .fl-node-bx7itd5r9vp6 .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle .pp-hamburger-inner::after { width: 40px; } .fl-node-bx7itd5r9vp6 .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle .pp-hamburger-inner, .fl-node-bx7itd5r9vp6 .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle .pp-hamburger-inner::before, .fl-node-bx7itd5r9vp6 .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle .pp-hamburger-inner::after { background-color: #ffffff; transition: all 0.3s ease-in-out; height: 3px; } .fl-node-bx7itd5r9vp6 .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle:hover { color: ; background: ; border-color: ; } .fl-node-bx7itd5r9vp6 .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle:hover .pp-hamburger-inner, .fl-node-bx7itd5r9vp6 .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle:hover .pp-hamburger-inner::before, .fl-node-bx7itd5r9vp6 .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle:hover .pp-hamburger-inner::after { background-color: #464646; } .fl-node-bx7itd5r9vp6 .pp-offcanvas-icon-after .pp-offcanvas-toggle-icon { margin-left: 0px; } .fl-node-bx7itd5r9vp6 .pp-offcanvas-icon-before .pp-offcanvas-toggle-icon { margin-right: 0px; } .fl-node-bx7itd5r9vp6 .pp-hamburger-after .pp-hamburger-box { order: 2; margin-left: 0px; } .fl-node-bx7itd5r9vp6 .pp-hamburger-before .pp-hamburger-box { margin-right: 0px; } .fl-node-bx7itd5r9vp6 .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle-icon { color: #000; font-size: 15px; transition: all 0.3s ease-in-out; } .fl-node-bx7itd5r9vp6 .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle:hover .pp-offcanvas-toggle-icon { color: #000; } @media only screen and ( max-width: 992px ) { .pp-offcanvas-content-reveal.pp-offcanvas-content-bx7itd5r9vp6-open.pp-offcanvas-content-left .pp-offcanvas-container, .pp-offcanvas-content-push.pp-offcanvas-content-bx7itd5r9vp6-open.pp-offcanvas-content-left .pp-offcanvas-container, .pp-offcanvas-content-slide-along.pp-offcanvas-content-bx7itd5r9vp6-open.pp-offcanvas-content-left .pp-offcanvas-container { transform: translate3d(px, 0, 0); } .pp-offcanvas-content-reveal.pp-offcanvas-content-bx7itd5r9vp6-open.pp-offcanvas-content-right .pp-offcanvas-container, .pp-offcanvas-content-push.pp-offcanvas-content-bx7itd5r9vp6-open.pp-offcanvas-content-right .pp-offcanvas-container, .pp-offcanvas-content-slide-along.pp-offcanvas-content-bx7itd5r9vp6-open.pp-offcanvas-content-right .pp-offcanvas-container { transform: translate3d(-px, 0, 0); } .pp-offcanvas-content-reveal.pp-offcanvas-content-bx7itd5r9vp6-open.pp-offcanvas-content-top .pp-offcanvas-container, .pp-offcanvas-content-push.pp-offcanvas-content-bx7itd5r9vp6-open.pp-offcanvas-content-top .pp-offcanvas-container, .pp-offcanvas-content-slide-along.pp-offcanvas-content-bx7itd5r9vp6-open.pp-offcanvas-content-top .pp-offcanvas-container { transform: translate3d(0, px, 0); } .pp-offcanvas-content-reveal.pp-offcanvas-content-bx7itd5r9vp6-open.pp-offcanvas-content-bottom .pp-offcanvas-container, .pp-offcanvas-content-push.pp-offcanvas-content-bx7itd5r9vp6-open.pp-offcanvas-content-bottom .pp-offcanvas-container, .pp-offcanvas-content-slide-along.pp-offcanvas-content-bx7itd5r9vp6-open.pp-offcanvas-content-bottom .pp-offcanvas-container { transform: translate3d(0, -px, 0); } } @media only screen and ( max-width: 768px ) { .pp-offcanvas-content-reveal.pp-offcanvas-content-bx7itd5r9vp6-open.pp-offcanvas-content-left .pp-offcanvas-container, .pp-offcanvas-content-push.pp-offcanvas-content-bx7itd5r9vp6-open.pp-offcanvas-content-left .pp-offcanvas-container, .pp-offcanvas-content-slide-along.pp-offcanvas-content-bx7itd5r9vp6-open.pp-offcanvas-content-left .pp-offcanvas-container { transform: translate3d(px, 0, 0); } .pp-offcanvas-content-reveal.pp-offcanvas-content-bx7itd5r9vp6-open.pp-offcanvas-content-right .pp-offcanvas-container, .pp-offcanvas-content-push.pp-offcanvas-content-bx7itd5r9vp6-open.pp-offcanvas-content-right .pp-offcanvas-container, .pp-offcanvas-content-slide-along.pp-offcanvas-content-bx7itd5r9vp6-open.pp-offcanvas-content-right .pp-offcanvas-container { transform: translate3d(-px, 0, 0); } .pp-offcanvas-content-reveal.pp-offcanvas-content-bx7itd5r9vp6-open.pp-offcanvas-content-top .pp-offcanvas-container, .pp-offcanvas-content-push.pp-offcanvas-content-bx7itd5r9vp6-open.pp-offcanvas-content-top .pp-offcanvas-container, .pp-offcanvas-content-slide-along.pp-offcanvas-content-bx7itd5r9vp6-open.pp-offcanvas-content-top .pp-offcanvas-container { transform: translate3d(0, px, 0); } .pp-offcanvas-content-reveal.pp-offcanvas-content-bx7itd5r9vp6-open.pp-offcanvas-content-bottom .pp-offcanvas-container, .pp-offcanvas-content-push.pp-offcanvas-content-bx7itd5r9vp6-open.pp-offcanvas-content-bottom .pp-offcanvas-container, .pp-offcanvas-content-slide-along.pp-offcanvas-content-bx7itd5r9vp6-open.pp-offcanvas-content-bottom .pp-offcanvas-container { transform: translate3d(0, -px, 0); } /* Animated Headlines fix */ .pp-offcanvas-content-bx7itd5r9vp6-open .pp-offcanvas-container .pp-headline-dynamic-wrapper { display: none; } } .pp-offcanvas-content.pp-offcanvas-content-bx7itd5r9vp6 { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .pp-offcanvas-content.pp-offcanvas-content-bx7itd5r9vp6 .pp-offcanvas-body { padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } .pp-offcanvas-content-bx7itd5r9vp6.pp-offcanvas-content .pp-offcanvas-header { padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } .fl-node-bx7itd5r9vp6 .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .pp-offcanvas-content.pp-offcanvas-content-5inja9ye0oz3 { background: #f2f2f2; } .pp-offcanvas-content.pp-offcanvas-content-5inja9ye0oz3.pp-offcanvas-content-top, .pp-offcanvas-content.pp-offcanvas-content-5inja9ye0oz3.pp-offcanvas-content-bottom { width: 100%; } .pp-offcanvas-content-5inja9ye0oz3-open .pp-offcanvas-container:after { background: rgba(70,70,70,0.8); } .pp-offcanvas-content-reveal.pp-offcanvas-content-5inja9ye0oz3-open.pp-offcanvas-content-left .pp-offcanvas-container, .pp-offcanvas-content-push.pp-offcanvas-content-5inja9ye0oz3-open.pp-offcanvas-content-left .pp-offcanvas-container, .pp-offcanvas-content-slide-along.pp-offcanvas-content-5inja9ye0oz3-open.pp-offcanvas-content-left .pp-offcanvas-container { transform: translate3d(px, 0, 0); } .pp-offcanvas-content-reveal.pp-offcanvas-content-5inja9ye0oz3-open.pp-offcanvas-content-right .pp-offcanvas-container, .pp-offcanvas-content-push.pp-offcanvas-content-5inja9ye0oz3-open.pp-offcanvas-content-right .pp-offcanvas-container, .pp-offcanvas-content-slide-along.pp-offcanvas-content-5inja9ye0oz3-open.pp-offcanvas-content-right .pp-offcanvas-container { transform: translate3d(-px, 0, 0); } .pp-offcanvas-content-reveal.pp-offcanvas-content-5inja9ye0oz3-open.pp-offcanvas-content-top .pp-offcanvas-container, .pp-offcanvas-content-push.pp-offcanvas-content-5inja9ye0oz3-open.pp-offcanvas-content-top .pp-offcanvas-container, .pp-offcanvas-content-slide-along.pp-offcanvas-content-5inja9ye0oz3-open.pp-offcanvas-content-top .pp-offcanvas-container { transform: translate3d(0, px, 0); } .pp-offcanvas-content-reveal.pp-offcanvas-content-5inja9ye0oz3-open.pp-offcanvas-content-bottom .pp-offcanvas-container, .pp-offcanvas-content-push.pp-offcanvas-content-5inja9ye0oz3-open.pp-offcanvas-content-bottom .pp-offcanvas-container, .pp-offcanvas-content-slide-along.pp-offcanvas-content-5inja9ye0oz3-open.pp-offcanvas-content-bottom .pp-offcanvas-container { transform: translate3d(0, -px, 0); } .pp-offcanvas-content.pp-offcanvas-content-5inja9ye0oz3 .pp-offcanvas-body { text-align: left; color: ; background: ; } .pp-offcanvas-content.pp-offcanvas-content-5inja9ye0oz3 .pp-offcanvas-body a { color: ; } .pp-offcanvas-content-5inja9ye0oz3.pp-offcanvas-content .pp-offcanvas-header { text-align: right; } .pp-offcanvas-content-5inja9ye0oz3 .pp-offcanvas-header .pp-offcanvas-close span, .pp-offcanvas-content-5inja9ye0oz3 .pp-offcanvas-header .pp-offcanvas-close span:before { color: #464646; } .pp-offcanvas-content-5inja9ye0oz3 .pp-offcanvas-close .pp-offcanvas-close-icon { } .pp-offcanvas-content-5inja9ye0oz3 .pp-offcanvas-close .pp-offcanvas-close-icon:before, .pp-offcanvas-content-5inja9ye0oz3 .pp-offcanvas-close .pp-offcanvas-close-icon:after { background-color: #464646; } .fl-node-5inja9ye0oz3 .pp-offcanvas-toggle-wrap { text-align: right; } .fl-node-5inja9ye0oz3 .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle { color: ; background: ; transition: all 0.3s ease-in-out; } .fl-node-5inja9ye0oz3 .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle .pp-hamburger-box, .fl-node-5inja9ye0oz3 .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle .pp-hamburger-inner, .fl-node-5inja9ye0oz3 .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle .pp-hamburger-inner::before, .fl-node-5inja9ye0oz3 .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle .pp-hamburger-inner::after { width: 40px; } .fl-node-5inja9ye0oz3 .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle .pp-hamburger-inner, .fl-node-5inja9ye0oz3 .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle .pp-hamburger-inner::before, .fl-node-5inja9ye0oz3 .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle .pp-hamburger-inner::after { background-color: #ffffff; transition: all 0.3s ease-in-out; height: 3px; } .fl-node-5inja9ye0oz3 .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle:hover { color: ; background: ; border-color: ; } .fl-node-5inja9ye0oz3 .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle:hover .pp-hamburger-inner, .fl-node-5inja9ye0oz3 .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle:hover .pp-hamburger-inner::before, .fl-node-5inja9ye0oz3 .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle:hover .pp-hamburger-inner::after { background-color: #f37021; } .fl-node-5inja9ye0oz3 .pp-offcanvas-icon-after .pp-offcanvas-toggle-icon { margin-left: 0px; } .fl-node-5inja9ye0oz3 .pp-offcanvas-icon-before .pp-offcanvas-toggle-icon { margin-right: 0px; } .fl-node-5inja9ye0oz3 .pp-hamburger-after .pp-hamburger-box { order: 2; margin-left: 0px; } .fl-node-5inja9ye0oz3 .pp-hamburger-before .pp-hamburger-box { margin-right: 0px; } .fl-node-5inja9ye0oz3 .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle-icon { color: #000; font-size: 15px; transition: all 0.3s ease-in-out; } .fl-node-5inja9ye0oz3 .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle:hover .pp-offcanvas-toggle-icon { color: #000; } @media only screen and ( max-width: 992px ) { .pp-offcanvas-content-reveal.pp-offcanvas-content-5inja9ye0oz3-open.pp-offcanvas-content-left .pp-offcanvas-container, .pp-offcanvas-content-push.pp-offcanvas-content-5inja9ye0oz3-open.pp-offcanvas-content-left .pp-offcanvas-container, .pp-offcanvas-content-slide-along.pp-offcanvas-content-5inja9ye0oz3-open.pp-offcanvas-content-left .pp-offcanvas-container { transform: translate3d(px, 0, 0); } .pp-offcanvas-content-reveal.pp-offcanvas-content-5inja9ye0oz3-open.pp-offcanvas-content-right .pp-offcanvas-container, .pp-offcanvas-content-push.pp-offcanvas-content-5inja9ye0oz3-open.pp-offcanvas-content-right .pp-offcanvas-container, .pp-offcanvas-content-slide-along.pp-offcanvas-content-5inja9ye0oz3-open.pp-offcanvas-content-right .pp-offcanvas-container { transform: translate3d(-px, 0, 0); } .pp-offcanvas-content-reveal.pp-offcanvas-content-5inja9ye0oz3-open.pp-offcanvas-content-top .pp-offcanvas-container, .pp-offcanvas-content-push.pp-offcanvas-content-5inja9ye0oz3-open.pp-offcanvas-content-top .pp-offcanvas-container, .pp-offcanvas-content-slide-along.pp-offcanvas-content-5inja9ye0oz3-open.pp-offcanvas-content-top .pp-offcanvas-container { transform: translate3d(0, px, 0); } .pp-offcanvas-content-reveal.pp-offcanvas-content-5inja9ye0oz3-open.pp-offcanvas-content-bottom .pp-offcanvas-container, .pp-offcanvas-content-push.pp-offcanvas-content-5inja9ye0oz3-open.pp-offcanvas-content-bottom .pp-offcanvas-container, .pp-offcanvas-content-slide-along.pp-offcanvas-content-5inja9ye0oz3-open.pp-offcanvas-content-bottom .pp-offcanvas-container { transform: translate3d(0, -px, 0); } } @media only screen and ( max-width: 768px ) { .pp-offcanvas-content-reveal.pp-offcanvas-content-5inja9ye0oz3-open.pp-offcanvas-content-left .pp-offcanvas-container, .pp-offcanvas-content-push.pp-offcanvas-content-5inja9ye0oz3-open.pp-offcanvas-content-left .pp-offcanvas-container, .pp-offcanvas-content-slide-along.pp-offcanvas-content-5inja9ye0oz3-open.pp-offcanvas-content-left .pp-offcanvas-container { transform: translate3d(px, 0, 0); } .pp-offcanvas-content-reveal.pp-offcanvas-content-5inja9ye0oz3-open.pp-offcanvas-content-right .pp-offcanvas-container, .pp-offcanvas-content-push.pp-offcanvas-content-5inja9ye0oz3-open.pp-offcanvas-content-right .pp-offcanvas-container, .pp-offcanvas-content-slide-along.pp-offcanvas-content-5inja9ye0oz3-open.pp-offcanvas-content-right .pp-offcanvas-container { transform: translate3d(-px, 0, 0); } .pp-offcanvas-content-reveal.pp-offcanvas-content-5inja9ye0oz3-open.pp-offcanvas-content-top .pp-offcanvas-container, .pp-offcanvas-content-push.pp-offcanvas-content-5inja9ye0oz3-open.pp-offcanvas-content-top .pp-offcanvas-container, .pp-offcanvas-content-slide-along.pp-offcanvas-content-5inja9ye0oz3-open.pp-offcanvas-content-top .pp-offcanvas-container { transform: translate3d(0, px, 0); } .pp-offcanvas-content-reveal.pp-offcanvas-content-5inja9ye0oz3-open.pp-offcanvas-content-bottom .pp-offcanvas-container, .pp-offcanvas-content-push.pp-offcanvas-content-5inja9ye0oz3-open.pp-offcanvas-content-bottom .pp-offcanvas-container, .pp-offcanvas-content-slide-along.pp-offcanvas-content-5inja9ye0oz3-open.pp-offcanvas-content-bottom .pp-offcanvas-container { transform: translate3d(0, -px, 0); } /* Animated Headlines fix */ .pp-offcanvas-content-5inja9ye0oz3-open .pp-offcanvas-container .pp-headline-dynamic-wrapper { display: none; } } .pp-offcanvas-content.pp-offcanvas-content-5inja9ye0oz3 { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .pp-offcanvas-content.pp-offcanvas-content-5inja9ye0oz3 .pp-offcanvas-body { padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } .pp-offcanvas-content-5inja9ye0oz3.pp-offcanvas-content .pp-offcanvas-header { padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } .fl-node-5inja9ye0oz3 .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle { padding-top: 10px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; } .fl-node-5b611a44f0793 .fl-icon i, .fl-node-5b611a44f0793 .fl-icon i:before { color: #f2f2f2; } .fl-node-5b611a44f0793 .fl-icon i:hover, .fl-node-5b611a44f0793 .fl-icon i:hover:before, .fl-node-5b611a44f0793 .fl-icon a:hover i, .fl-node-5b611a44f0793 .fl-icon a:hover i:before { color: #3f3f3f; } .fl-node-5b611a44f0793 .fl-icon i, .fl-node-5b611a44f0793 .fl-icon i:before { font-size: 30px; } .fl-node-5b611a44f0793 .fl-icon-wrap .fl-icon-text { height: 52.5px; } .fl-node-5b611a44f0793.fl-module-icon { text-align: right; } @media(max-width: 1200px) { .fl-node-5b611a44f0793 .fl-icon-wrap .fl-icon-text { height: 52.5px; } } @media(max-width: 992px) { .fl-node-5b611a44f0793 .fl-icon-wrap .fl-icon-text { height: 52.5px; } } @media(max-width: 768px) { .fl-node-5b611a44f0793 .fl-icon-wrap .fl-icon-text { height: 52.5px; } .fl-node-5b611a44f0793.fl-module-icon { text-align: right; } } .fl-node-5b611a44f0793 > .fl-module-content { margin-bottom:0px; } .pp-search-form { display: block; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .pp-screen-reader-text { position: absolute; top: -10000em; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } /*---- Reset ---- */ .pp-search-form input[type="search"], .pp-search-form button { margin: 0; border: 0; padding: 0; display: inline-block; vertical-align: middle; white-space: normal; background: none; line-height: 1; min-width: 0; font-size: 15px; -webkit-appearance: none; -moz-appearance: none; } .pp-search-form button:hover { border: 0; } .pp-search-form input[type="search"]:focus, .pp-search-form button:focus { outline: 0; color: inherit; } .pp-search-form input[type="search"]:focus { background: none; background-color: transparent; border: 0; } .pp-search-form input[type="search"] { padding: 10px; } .pp-search-form button { background-color: #aaa; font-size: 16px; color: #fff; border-radius: 0; } .pp-search-form button[type="submit"] { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .pp-search-form__input { flex-basis: 100%; color: #555; transition: color 0.2s; } .pp-search-form__input::-webkit-input-placeholder { color: inherit; font-family: inherit; opacity: 0.6; } .pp-search-form__input:-ms-input-placeholder { color: inherit; font-family: inherit; opacity: 0.6; } .pp-search-form__input::-moz-placeholder { color: inherit; font-family: inherit; opacity: 0.6; } .pp-search-form__input:-moz-placeholder { color: inherit; font-family: inherit; opacity: 0.6; } .pp-search-form__input::placeholder { color: inherit; font-family: inherit; opacity: 0.6; } .pp-search-form__container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; overflow: hidden; border: 0 solid transparent; min-height: 50px; } .pp-search-form--style-minimal .pp-search-form__icon { opacity: 0.6; display: flex; align-items: center; justify-content: flex-end; color: #555; } .pp-search-form-wrap:not(.pp-search-form--style-full_screen) .pp-search-form__container:not(.pp-search-form--lightbox) { background: #eee; } .pp-search-form-wrap.pp-search-form--style-full_screen .pp-search-form__container:not(.pp-search-form--lightbox) { overflow: hidden; opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .pp-search-form-wrap.pp-search-form--style-full_screen .pp-search-form__container { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: fixed; z-index: 9998; top: 0; left: 0; right: 0; bottom: 0; height: 100vh; padding: 0 15%; background-color: rgba(0, 0, 0, 0.8); } .pp-search-form-wrap.pp-search-form--style-full_screen .pp-search-form input[type="search"].pp-search-form__input { font-size: 30px; text-align: center; border-style: solid; border-width: 0 0 1px 0; border-color: #fff; line-height: 1.5; color: #fff; border-radius: 0; } .pp-search-form--style-full_screen .pp-search-form__toggle { display: inline-block; cursor: pointer; vertical-align: middle; color: #333; } .pp-search-form--style-full_screen .pp-search-form__toggle i { position: relative; display: block; border: solid 0; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; width: 33px; height: 33px; background-color: rgba(0, 0, 0, 0.05); border-radius: 3px; } .pp-search-form--style-full_screen .pp-search-form__toggle i:before { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 0.55em; } .pp-search-form__submit { color: #fff; -webkit-transition: color 0.2s, background 0.2s; -o-transition: color 0.2s, background 0.2s; transition: color 0.2s, background 0.2s; } .pp-search-form--button-type-text .pp-search-form__submit { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .pp-search-form--lightbox-close { color: #eaeaea; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; opacity: 1; cursor: pointer; position: absolute; top: 30px; right: 30px; font-size: 25px; line-height: 1; padding: 5px; z-index: 2; } .pp-search-form--lightbox-close svg { stroke: #fff; stroke-width: 3px; width: 30px; height: 30px; }.fl-node-5d00645b19612 .pp-search-form-wrap:not(.pp-search-form--style-full_screen) .pp-search-form__container:not(.pp-search-form--lightbox) { } .fl-node-5d00645b19612 .pp-search-form-wrap:not(.pp-search-form--style-full_screen) .pp-search-form--focus .pp-search-form__container:not(.pp-search-form--lightbox) { } .fl-node-5d00645b19612 .pp-search-form-wrap.pp-search-form--style-full_screen .pp-search-form__container { } .fl-node-5d00645b19612 .pp-search-form-wrap.pp-search-form--style-full_screen .pp-search-form--focus input[type="search"].pp-search-form__input { } .fl-node-5d00645b19612 .pp-search-form__icon { padding-left: calc( 50px / 3 ); } .fl-node-5d00645b19612 .pp-search-form__input, .fl-node-5d00645b19612 .pp-search-form-wrap.pp-search-form--style-full_screen input[type="search"].pp-search-form__input { } .fl-node-5d00645b19612 .pp-search-form--focus input[type="search"].pp-search-form__input, .fl-node-5d00645b19612 .pp-search-form-wrap.pp-search-form--style-full_screen .pp-search-form--focus input[type="search"].pp-search-form__input { } .fl-node-5d00645b19612 .pp-search-form__submit { } .fl-node-5d00645b19612 .pp-search-form__submit:hover { } .fl-node-5d00645b19612 .pp-search-form--style-full_screen .pp-search-form { text-align: center; } .fl-node-5d00645b19612 .pp-search-form__toggle i { font-size: 50px; width: 50px; height: 50px; } .fl-node-5d00645b19612 .pp-search-form__toggle:hover i { } .fl-node-5d00645b19612 .pp-search-form__toggle i:before { }.fl-node-5d00645b19612 .pp-search-form__container { min-height: 50px; } .fl-node-5d00645b19612 .pp-search-form--button-type-icon .pp-search-form__submit { font-size: 16px; } .fl-node-5d00645b19612 input[type='search'].pp-search-form__input, .fl-node-5d00645b19612 .pp-search-form--button-type-text .pp-search-form__submit { padding-left: calc( 50px / 3 ); padding-right: calc( 50px / 3 ); } .fl-node-5d00645b19612 input[type='search'].pp-search-form__input { min-height: 50px; } .fl-node-5d00645b19612 .pp-search-form-wrap:not(.pp-search-form--style-full_screen) .pp-search-form__input { min-height: 50px; max-height: 50px; } .fl-node-5d00645b19612 .pp-search-form__submit { min-width: calc( 1 * 50px ); } /* Start Global Nodes CSS */ header #search-modal{ display: none; opacity: 0; transition: opacity .15s linear; } header #search-modal.show-modal{ display: block; opacity: 1; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999999999999; } header #search-modal .fl-row-content-wrap{ opacity: 0; transition: opacity .15s linear; } header #search-modal.show-modal .fl-row-content-wrap{ opacity: 1; } /* End Global Nodes CSS */ /* Start Layout CSS */ /*** General ***/ html.pp-offcanvas-content-widget { margin-top: 0; } header, header ul li { font-weight: 600; font-size: 15px; } header #scroll-header #utility-nav-scroll ul li { font-size: 14px; } /*@media only screen and (max-width: 1100px) { #site-header #header-logo-col { width: 23%; } #site-header #navigation-items { width: 77%; } }*/ /*** Mega Menu ***/ .mega-menu > .sub-menu { max-width: 1060px; padding: 20px !important; } .mega-menu .menu-heading { padding-left: 20px !important; } .mega-menu .menu-heading.extra-padding div, .mega-menu .menu-heading.extra-padding ul { padding-left: 20px !important; } header .menu-heading .pp-has-submenu-container > a > span { font-size: 1.2em; border-bottom: 2px solid #464646 !important; padding: 0 2px !important; margin-right: 10px !important; display: inline-block; text-transform: uppercase; } header li.no-link > .pp-has-submenu-container > a:hover { color: #464646 !important; } /*****************************************************/ /*** Logo ***/ header #header-logo-scroll img { height: 100%; max-height: 50px; } header #header-logo img { width: 100%; max-width: 350px; } /*****************************************************/ /*** Navigation Items ***/ /** Flex and Spacing **/ /********/#navigation-items #header-button-col .fl-col-content, #scroll-header #scroll-header-nav-col .fl-col-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #navigation-items #header-button-col .fl-col-content .fl-module, #scroll-header #scroll-header-nav-col .fl-col-content .fl-module { width: auto; } #navigation-items #header-button-col .search-open .fl-icon { padding-top: 4px; } #navigation-items #header-button-col .search-open .fl-icon a, #scroll-header #scroll-header-nav-col .search-open .fl-icon a { display: inline-block; width: 100%; height: 100%; } #navigation-items #header-button-col .search-open .fl-icon a:focus i { color: #464646; } #scroll-header #scroll-header-nav-col .search-open .fl-icon a:focus i { color: #f37021; } /*#navigation-items .fl-module-content, #top-header .fl-col-content { margin-left: 0; } #navigation-items #header-button-col .fl-module-pp-offcanvas-content, #scroll-header #scroll-header-nav-col .fl-module-pp-offcanvas-content { flex-shrink: 10; } #navigation-items #header-button-col #utility-nav, #scroll-header #scroll-header-nav-col #utility-nav-scroll { flex-grow: 2; }*/ /*****************************************************/ /*** Off Canvas ***/ .pp-offcanvas-content { width: 100% !important; max-width: 400px !important; } #off-canvas-menu { padding: 40px 0 0 0; /*text-transform: uppercase;*/ font-weight: 600; } #off-canvas-menu .pp-has-submenu ul.sub-menu { background-color: #f2f2f2; } #off-canvas-menu .pp-has-submenu.pp-active a { background: rgba(142, 142, 142, 0.3); border: 1px solid red; } #off-canvas-menu ul.menu, #off-canvas-menu ul.menu ul { width: 100%; } #off-canvas-menu ul.menu ul li a { text-transform: none; } #off-canvas-menu .mobile-home-link { padding-top: 30px; } #off-canvas-menu #prim-nav-off-canvas li a i { height: auto; margin-right: 10px; vertical-align: middle; width: 26px; text-align: center; color: #f37021; font-size: 1.2em; } .pp-offcanvas-content .pp-offcanvas-header .pp-offcanvas-close span:hover, .pp-offcanvas-content .pp-offcanvas-header .pp-offcanvas-close span:hover::before { color: #f37021 !important; } /*****************************************************/ /*** Main Header ***/ @media only screen and (min-width: 992px) { header #site-header #navigation-items #prim-nav .fl-module-content { margin-right: 5px; } } #site-header #navigation-items #prim-nav ul.sub-menu { box-shadow: 5px 5px 5px rgba(0,0,0,0.2); } #site-header #navigation-items #prim-nav ul.sub-menu ul.sub-menu { box-shadow: none; } /** Utility Icons **/ @media only screen and (min-width: 768px) { header #navigation-items li i { padding-right: 8px; } } /*****************************************************/ /*** Top Header ***/ #top-header .fl-module-content { margin: 5px 20px; } /** Utility Nav **/ header #top-header-nav li a { padding: 5px 10px; } header #top-header-nav .fl-module-content { margin-right: 6px; } header #top-header-nav li i, header #utility-nav-scroll li i { padding-right: 8px; } header #top-header-nav li.menu-search-btn i, header #navigation-items li.menu-search-btn i, header #utility-nav-scroll li.menu-search-btn i, header #top-header-nav li.menu-heart-btn i, header #navigation-items li.menu-heart-btn i, header #utility-nav-scroll li.menu-heart-btn i { padding-right: 0px; } /*****************************************************/ /*** Scroll Header ***/ #scroll-header { /********/display: none; position: fixed; top: 0; left: 0; right: 0; z-index: 100; box-shadow: 0px 5px 5px rgba(0,0,0,0.2); } #scroll-header .fl-module-content { margin: 10px 20px 10px 0; } #scroll-header #header-logo-scroll .fl-module-content { margin-left: 20px; } #site-header .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle:hover .pp-hamburger-inner, #site-header .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle:hover .pp-hamburger-inner::before, #site-header .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle:hover .pp-hamburger-inner::after, #site-header .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle:focus .pp-hamburger-inner, #site-header .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle:focus .pp-hamburger-inner::before, #site-header .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle:focus .pp-hamburger-inner::after { background-color: #464646 !important; } #scroll-header .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle:hover .pp-hamburger-inner, #scroll-header .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle:hover .pp-hamburger-inner::before, #scroll-header .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle:hover .pp-hamburger-inner::after, #scroll-header .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle:focus .pp-hamburger-inner, #scroll-header .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle:focus .pp-hamburger-inner::before, #scroll-header .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle:focus .pp-hamburger-inner::after{ background-color: #f37021 !important; } @media only screen and (max-width: 768px) { #scroll-header { display: none !important; } } #scroll-header .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle .pp-hamburger-box { width: 30px; } #scroll-header .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle .pp-hamburger-inner, #scroll-header .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle .pp-hamburger-inner::before, #scroll-header .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle .pp-hamburger-inner::after { width: 30px; height: 0.125em !important; } #scroll-header .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle .pp-hamburger-inner::before { top: -0.5em; } #scroll-header .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle .pp-hamburger-inner::after { bottom: -0.5em; } #scroll-header .search-open .fl-icon { padding-top: 10px; } .admin-bar #scroll-header {margin-top: 32px;} /*****************************************************************/ /*** Responsive ***/ @media only screen and (max-width:1100px) { #scroll-header #utility-nav-scroll { display: none; } } @media only screen and (max-width:992px) { #scroll-header #utility-nav-scroll { display:none; } #scroll-header #scroll-header-logo-col, #scroll-header #scroll-header-nav-col { width: 50% !important; } } @media only screen and (max-width: 768px) { #top-header { display: none; } #site-header #navigation-items #header-button-col #utility-nav ul { text-align: right; } #site-header #navigation-items #header-button-col #utility-nav li { display: inline-block; } #site-header #navigation-items #header-button-col #utility-nav li a { padding: 10px 14px; line-height: 1; } } @media only screen and (max-width: 550px) { #navigation-items #header-button-col .search-open .fl-icon i, #navigation-items #header-button-col .search-open .fl-icon i::before{ font-size: 22px; } #navigation-items #header-button-col .search-open .fl-module-content { margin-right: 10px; } #site-header .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle .pp-hamburger-box { width: 30px; } #site-header .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle .pp-hamburger-inner, #site-header .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle .pp-hamburger-inner::before, #site-header .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle .pp-hamburger-inner::after { width: 30px; height: 0.125em !important; } #site-header .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle .pp-hamburger-inner::before { top: -0.5em; } #site-header .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle .pp-hamburger-inner::after { bottom: -0.5em; } #site-header #header-logo-col { width: 65% !important; } #site-header #navigation-items { width: 35% !important; } #site-header #navigation-items .search-open.fl-icon-wrap, #site-header #navigation-items .pp-offcanvas-toggle-wrap { padding-top: 10px; } } @media only screen and (max-width: 380px) { #navigation-items #header-button-col .search-open { display: none; } #site-header #header-logo-col { width: 75% !important; } #site-header #navigation-items { width: 25% !important; } } /* End Layout CSS */ /* Sticky */ .fl-builder-content[data-type="header"].fl-theme-builder-header-sticky { position: fixed; width: 100%; z-index: 100; } /* Sticky - fix flyout menu */ .fl-theme-builder-flyout-menu-push-left .fl-builder-content[data-type="header"].fl-theme-builder-header-sticky { left: auto !important; transition: left 0.2s !important; } .fl-theme-builder-flyout-menu-push-right .fl-builder-content[data-type="header"].fl-theme-builder-header-sticky { right: auto !important; transition: right 0.2s !important; } .fl-builder-content[data-type="header"].fl-theme-builder-header-sticky .fl-menu .fl-menu-mobile-opacity { height: 100vh; width: 100vw; } .fl-builder-content[data-type="header"]:not([data-overlay="1"]).fl-theme-builder-header-sticky .fl-menu-mobile-flyout { top: 0px; } .fl-theme-builder-flyout-menu-active body { margin-left: 0px !important; margin-right: 0px !important; } .fl-theme-builder-has-flyout-menu, .fl-theme-builder-has-flyout-menu body { overflow-x: hidden; } .fl-theme-builder-flyout-menu-push-right { right: 0px; transition: right 0.2s ease-in-out; } .fl-theme-builder-flyout-menu-push-left { left: 0px; transition: left 0.2s ease-in-out; } .fl-theme-builder-flyout-menu-active .fl-theme-builder-flyout-menu-push-right { position: relative; right: 250px; } .fl-theme-builder-flyout-menu-active .fl-theme-builder-flyout-menu-push-left { position: relative; left: 250px; } .fl-theme-builder-flyout-menu-active .fl-builder-content[data-type="header"] .fl-menu-disable-transition { transition: none; } /* Shrink */ .fl-builder-content[data-shrink="1"] .fl-row-content-wrap, .fl-builder-content[data-shrink="1"] .fl-col-content, .fl-builder-content[data-shrink="1"] .fl-module-content, .fl-builder-content[data-shrink="1"] img { -webkit-transition: all 0.4s ease-in-out, background-position 1ms; -moz-transition: all 0.4s ease-in-out, background-position 1ms; transition: all 0.4s ease-in-out, background-position 1ms; } .fl-builder-content[data-shrink="1"] img { width: auto; } .fl-builder-content[data-shrink="1"] img.fl-photo-img { width: auto; height: auto; } .fl-builder-content[data-type="header"].fl-theme-builder-header-shrink .fl-row-content-wrap { margin-bottom: 0; margin-top: 0; } .fl-theme-builder-header-shrink-row-bottom.fl-row-content-wrap { padding-bottom: 5px; } .fl-theme-builder-header-shrink-row-top.fl-row-content-wrap { padding-top: 5px; } .fl-builder-content[data-type="header"].fl-theme-builder-header-shrink .fl-col-content { margin-bottom: 0; margin-top: 0; padding-bottom: 0; padding-top: 0; } .fl-theme-builder-header-shrink-module-bottom.fl-module-content { margin-bottom: 5px; } .fl-theme-builder-header-shrink-module-top.fl-module-content { margin-top: 5px; } .fl-builder-content[data-type="header"].fl-theme-builder-header-shrink img { -webkit-transition: all 0.4s ease-in-out, background-position 1ms; -moz-transition: all 0.4s ease-in-out, background-position 1ms; transition: all 0.4s ease-in-out, background-position 1ms; } /* Overlay */ .fl-builder-content[data-overlay="1"]:not(.fl-theme-builder-header-sticky):not(.fl-builder-content-editing) { position: absolute; width: 100%; z-index: 100; } .fl-builder-edit body:not(.single-fl-theme-layout) .fl-builder-content[data-overlay="1"] { display: none; } body:not(.single-fl-theme-layout) .fl-builder-content[data-overlay="1"]:not(.fl-theme-builder-header-scrolled):not([data-overlay-bg="default"]) .fl-row-content-wrap, body:not(.single-fl-theme-layout) .fl-builder-content[data-overlay="1"]:not(.fl-theme-builder-header-scrolled):not([data-overlay-bg="default"]) .fl-col-content { background: transparent; } .fl-builder-row-settings #fl-field-separator_position { display: none !important; } .fl-builder-row-settings #fl-field-separator_position { display: none !important; } .fl-builder-row-settings #fl-field-separator_position { display: none !important; } .fl-node-8y2x4gnbio9v .fl-row-content { min-width: 0px; } .fl-node-7tp5er3b6g2k .fl-row-content { min-width: 0px; } .fl-node-15bvk2u64qyh .fl-row-content { min-width: 0px; }