/* PROJECT :: 4SIGHT HOLDINGS 2021.07 CUSTOM.CSS */ /* DEFAULT HELIX CSS */ body,.sp-preloader{background-color:#ffffff;color:#252525}.sp-preloader>div{background:#0345bf}.sp-preloader>div:after{background:#ffffff}#sp-top-bar{background:#333333;color:#aaaaaa}#sp-top-bar a{color:#aaaaaa}#sp-header{background:#ffffff}a{color:#0345bf}a:hover,a:focus,a:active{color:#044cd0}.tags>li{display:inline-block}.tags>li a{background:rgba(3, 69, 191, 0.1);color:#0345bf}.tags>li a:hover{background:#044cd0}.article-social-share .social-share-icon ul li a{color:#252525}.article-social-share .social-share-icon ul li a:hover,.article-social-share .social-share-icon ul li a:focus{background:#0345bf}.pager>li a{border:1px solid #EDEDED;color:#252525}.sp-reading-progress-bar{background-color:#0345bf}.sp-megamenu-parent>li>a{color:#252525}.sp-megamenu-parent>li:hover>a{color:#0345bf}.sp-megamenu-parent>li.active>a,.sp-megamenu-parent>li.active:hover>a{color:#0345bf}.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner{background:#ffffff}.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a{color:#252525}.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover{color:#0345bf}.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a{color:#0345bf}.sp-megamenu-parent .sp-mega-group>li>a{color:#252525}#offcanvas-toggler>.fa{color:#252525}#offcanvas-toggler>.fa:hover,#offcanvas-toggler>.fa:focus,#offcanvas-toggler>.fa:active{color:#0345bf}.offcanvas-menu{background-color:#ffffff;color:#252525}.offcanvas-menu .offcanvas-inner .sp-module ul>li a,.offcanvas-menu .offcanvas-inner .sp-module ul>li span{color:#252525}.offcanvas-menu .offcanvas-inner .sp-module ul>li a:hover,.offcanvas-menu .offcanvas-inner .sp-module ul>li a:focus,.offcanvas-menu .offcanvas-inner .sp-module ul>li span:hover,.offcanvas-menu .offcanvas-inner .sp-module ul>li span:focus{color:#0345bf}.offcanvas-menu .offcanvas-inner .sp-module ul>li.menu-parent>a>.menu-toggler,.offcanvas-menu .offcanvas-inner .sp-module ul>li.menu-parent>.menu-separator>.menu-toggler{color:rgba(37, 37, 37, 0.5)}.offcanvas-menu .offcanvas-inner .sp-module ul>li ul li a{color:rgba(37, 37, 37, 0.8)}.btn-primary,.sppb-btn-primary{border-color:#0345bf;background-color:#0345bf}.btn-primary:hover,.sppb-btn-primary:hover{border-color:#044cd0;background-color:#044cd0}ul.social-icons>li a:hover{color:#0345bf}.sp-page-title{background:#0345bf}.layout-boxed .body-innerwrapper{background:#ffffff}.sp-module ul>li>a{color:#252525}.sp-module ul>li>a:hover{color:#0345bf}.sp-module .latestnews>div>a{color:#252525}.sp-module .latestnews>div>a:hover{color:#0345bf}.sp-module .tagscloud .tag-name:hover{background:#0345bf}.search .btn-toolbar button{background:#0345bf}#sp-footer,#sp-bottom{background:#171717;color:#ffffff}#sp-footer a,#sp-bottom a{color:#a2a2a2}#sp-footer a:hover,#sp-footer a:active,#sp-footer a:focus,#sp-bottom a:hover,#sp-bottom a:active,#sp-bottom a:focus{color:#ffffff}#sp-bottom .sp-module-content .latestnews>li>a>span{color:#ffffff}.sp-comingsoon body{background-color:#0345bf}.pagination>li>a,.pagination>li>span{color:#252525}.pagination>li>a:hover,.pagination>li>a:focus,.pagination>li>span:hover,.pagination>li>span:focus{color:#252525}.pagination>.active>a,.pagination>.active>span{border-color:#0345bf;background-color:#0345bf}.pagination>.active>a:hover,.pagination>.active>a:focus,.pagination>.active>span:hover,.pagination>.active>span:focus{border-color:#0345bf;background-color:#0345bf}.error-code,.coming-soon-number{color:#0345bf} .minilist_196 { margin: 35px 0; } /* HIDE */ .hide, .article-can-edit, .itemid-139 .fb_el_apps_contact___subject_cluster_cp, .itemid-139 .fb_el_apps_contact___subject_cluster_be, .itemid-139 .fb_el_apps_contact___subject_cluster_ot, .itemid-139 .fb_el_apps_contact___subject_cluster_it, .itemid-945 .fb_el_apps_contact___subject_4sight, .itemid-945 .fb_el_apps_contact___subject_cluster_cp, .itemid-945 .fb_el_apps_contact___subject_cluster_be, .itemid-945 .fb_el_apps_contact___subject_cluster_it, .itemid-943 .fb_el_apps_contact___subject_4sight, .itemid-943 .fb_el_apps_contact___subject_cluster_cp, .itemid-943 .fb_el_apps_contact___subject_cluster_be, .itemid-943 .fb_el_apps_contact___subject_cluster_ot, .itemid-944 .fb_el_apps_contact___subject_4sight, .itemid-944 .fb_el_apps_contact___subject_cluster_cp, .itemid-944 .fb_el_apps_contact___subject_cluster_ot, .itemid-944 .fb_el_apps_contact___subject_cluster_it, .itemid-946 .fb_el_apps_contact___subject_4sight, .itemid-946 .fb_el_apps_contact___subject_cluster_ot, .itemid-946 .fb_el_apps_contact___subject_cluster_it, .itemid-946 .fb_el_apps_contact___subject_cluster_be{ display:none!important; } img { display: inline-block!important; } /*=============================================================== >>> BODY & PAGEBUILDER <<< ===============================================================*/ #sp-main-body { padding: 0px !important; margin: 0px !important; } .com-sppagebuilder #sp-main-body { padding: 0 !important; } /*=============================================================== >>> TYPOGRAPHY <<< ===============================================================*/ body { font-family: 'Roboto', sans-serif; letter-spacing: 0.22px; font-size: 18px; color: #969696; } h1 { color: #143074; font-size: 42px; } h2 { color: #12699c; font-size: 32px; } h3 { color: #179ec7; font-size: 28px; } h4 { color: #2b5e79; font-size: 24px; } h5 { color: #0a7587; font-size: 20px; } h6 { color: #6abfeb; font-size: 18px; } h1, h2, h3, h4, h5, h6 { margin: 0 0 25px 0; font-weight:400; line-height: 1; } #cck_article h3, #cck_article h4, #cck_article h5, #cck_article h6{ margin:45px 0 25px; line-height: initial; } #cck_article h3:first-child, #cck_article h4:first-child, #cck_article h5:first-child, #cck_article h6:first-child{ margin-top:0; } a, a:focus, a:active { color: #071e55; } a:hover { color: #58c6f9 } b, strong { font-weight: 500; } p, ul, ol { margin: 0 0 25px 0; } /* extra styles */ .text_standout { /*color: #226898;*/ color: #6ac0ec; font-size: 28px; font-weight: 300; line-height: 38px; margin: 40px 0; text-align:center; } .text_standout a { font-weight: 400; } blockquote { position: relative !important; text-align: center; display: block; padding: 6px 48px; font-size: 18px !important; font-style: italic !important; line-height: 28px !important; margin: 40px 0px; } blockquote:before, blockquote:after { position: absolute !important; color: #58c6f9 !important; font-size: 6em !important; line-height: 0 !important; z-index: 1 !important; } blockquote:before { content: '\201C' !important; float: left; top: 28px !important; left: -14px !important; } blockquote:after { content: '\201D' !important; float: right; margin-right: 0 !important; right: 12px !important; bottom: -18px !important; } /*=============================================================== >>> HEADER | LOGO | MENU SECTION <<< ===============================================================*/ /* - HEADER ==================*/ #sp-header { background: #071e55; /*border-bottom: 3px solid #e9e9e9;*/ } #sp-header, #sp-header .logo { height: 100px; } #sp-header.header-sticky { z-index: 1000!important; /*changed to accommodate modal*/ } /* - LOGO ==================*/ #sp-header .logo-image, #sp-header .logo-image-phone { height: 75px!important; } /* - MENU ==================*/ #sp-menu .sp-megamenu-wrapper, #offcanvas-toggler { /*line-height: 100px;*/ } #sp-menu .sp-megamenu-parent > li { /* OPTION 01 - DEFAULT */ margin: 0px; } #sp-menu .sp-megamenu-parent > li:last-child { margin-right: 0; } #sp-menu .sp-megamenu-parent > li > a { color: #6ac0ec; font-weight: 400; line-height: 30px; padding: 0 12px; } #sp-menu .sp-megamenu-parent > li:hover > a, #sp-menu .sp-megamenu-parent > li.active > a, #sp-menu .sp-megamenu-parent > li.active:hover > a { color: #fff; } /* - single dropdown ======================*/ .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner { padding: 0px; } .sp-megamenu-parent .sp-dropdown li.sp-menu-item { display: grid !important; } .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, .sp-menu-left .sp-dropdown-inner li > a { color: #5a83ac; font-size: 12px; font-weight: 400; text-transform: inherit; padding: 8px; } .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover, .sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a:hover, .sp-menu-left .sp-dropdown-inner li > a:hover, .sp-menu-left .sp-dropdown-inner li.active > a, .sp-menu-left .sp-dropdown-inner li.active > a:hover { color: #fff !important; background: #6ac0ec; } .sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a:hover { /*font-weight: 500;*/ } /* - MEGA MENU ==================*/ .sp-dropdown.sp-dropdown-main.sp-dropdown-mega.sp-menu-left .sp-dropdown-inner, .sp-dropdown.sp-dropdown-main.sp-dropdown-mega.sp-menu-full .sp-dropdown-inner { padding: 0px 20px 20px; } .sp-megamenu-parent .sp-mega-group > li, .sp-megamenu-parent .sp-mega-group-child > li, .sp-menu-left .sp-dropdown-inner li { line-height: 1; } .sp-megamenu-parent .sp-mega-group > li > a.mega_heading_item, .sp-menu-left .sp-dropdown-inner li > a.mega_heading_item /* main heading */ { color: #071e55 !important; font-size: 16px !important; border-bottom: 1px solid #071e55; } .sp-menu-left .sp-dropdown-inner li > a.mega_heading_item { text-transform: uppercase; } .sp-menu-left .sp-dropdown-inner li > a.mega_heading_item:hover { background: transparent; } .sp-megamenu-parent .sp-mega-group-child > li > a.mega_heading_item /* sub heading */ { color: #5a83ac !important; font-size: 14px !important; border-bottom: 1px solid #5a83ac; } .sp-megamenu-parent .sp-mega-group > li > a.mega_heading_item, .sp-megamenu-parent .sp-mega-group-child > li > a.mega_heading_item, .sp-menu-left .sp-dropdown-inner li > a.mega_heading_item { font-weight: 500!important; margin: 20px 0!important; padding: 0 0 10px; } .sp-megamenu-parent .sp-mega-group > li > a, .sp-megamenu-parent .sp-mega-group-child > li > a, .sp-menu-left .sp-dropdown-inner li > a { display: block!important; margin: 10px 0 15px; padding: 6px !important; } .sp-megamenu-parent .sp-mega-group-child > li > a, .sp-menu-left .sp-dropdown-inner li > a { margin: 0; } .menu-child .menu-child a.mega_heading_item { border-bottom: 1px solid #FFF!important; width: 100%; display: block; } @media only screen and (min-device-width :992px) and (max-device-width :1199px) { div#sp-menu.col-lg-10 { padding-left: 0; } #sp-menu .sp-megamenu-parent > li:first-child > a { padding-left: 0; } #sp-menu .sp-megamenu-parent > li > a { padding: 0 0 0 10px; font-size: 12px; } } /* - 2/3 submenu ==================*/ .sp-dropdown.sp-dropdown-sub.sp-menu-right .sp-dropdown-inner { padding: 0 !important; } /* - OFFCANVAS ==================*/ #offcanvas-toggler .burger-icon > span, .offcanvas-active .burger-icon > span, #modal-menu-toggler.active .burger-icon > span { background-color: #58c6f9; } #offcanvas-toggler .burger-icon > span { height: 4px; } .offcanvas-menu .logo { display: none; } /* main menu */ body.ltr.offcanvas-active .offcanvas-menu { width: 85%; } body.ltr .offcanvas-menu .offcanvas-inner ul.menu > li u { margin: 0 10px; } .offcanvas-overlay { background: rgb(0 0 0 / 91%); } .offcanvas-menu { background-color: #071e55; padding: 0 0 30px; } .offcanvas-menu .offcanvas-inner { padding: 30px; } .offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler, .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .menu-separator > .menu-toggler { color: #58c6f9; } .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler, .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .menu-separator > .menu-toggler { font-size: 34px; padding: 0 0 0 20px; right: 0!important; } .offcanvas-menu .offcanvas-inner .sp-module ul > li a { font-size: 22px; font-weight: 500; padding: 6px 0px; letter-spacing: 0.01em; } .offcanvas-menu .offcanvas-inner .sp-module ul > li.active > a, .offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li a:focus, .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > a:hover > .menu-toggler:after, .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent.active > a > .menu-toggler:after, .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > .menu-separator > .menu-toggler:after, .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent.menu-parent-open > a > .menu-toggler:after, .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent.menu-parent-open > .menu-separator > .menu-toggler:after { color: #fff; } .offcanvas-menu .offcanvas-inner ul.menu > li { border: 0; padding: 5px 0; } .offcanvas-menu .offcanvas-inner ul.menu > li > ul li a.mega_heading_item { line-height: 26px; } .offcanvas-menu .offcanvas-inner .menu-child > li > a.mega_heading_item { border-bottom: 0px solid #fff; padding-left: 0; } /* sub-menu */ .offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li { padding: 5px; line-height: 20px; display: grid; } .offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li a { color: #c1c1c1; font-size: 18px; font-weight: 400; padding: 0; } .offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li ul li.menu-deeper.menu-parent.menu-parent-open ul > li.active { background-color: #58c6f9 !important; color: #fff !important; } .offcanvas-menu .offcanvas-inner .sp-module ul > li ul li.menu-deeper.menu-parent.menu-parent-open ul > li.active a { background: transparent; } .offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent li.menu-parent .menu-toggler { padding-right: 4px; } .offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li.active span.menu-toggler { color: #fff !important; } /* 2nd sub-menu */ .offcanvas-menu .offcanvas-inner .sp-module ul > li ul li.menu-deeper.menu-parent.menu-parent-open { background: #071e55 !important; } /* 3rd sub-menu */ .offcanvas-menu .offcanvas-inner .sp-module ul > li ul li.menu-deeper.menu-parent.menu-parent-open ul > li ul li a { font-size: 16px; line-height: 22px; } .offcanvas-menu .offcanvas-inner .sp-module ul > li ul li.menu-deeper.menu-parent.menu-parent-open ul > li.active ul li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li ul li.menu-deeper.menu-parent.menu-parent-open ul > li ul, .offcanvas-menu .offcanvas-inner .sp-module ul > li ul li.menu-deeper.menu-parent.menu-parent-open ul > li ul > li.active { background: #071e55 !important; } /* >>> MENU: White, with CSS dropdown <<< */ #sp-menutwo #sp-top-search { padding: 0; } ul#menu4SiteWhite { list-style: none; margin: 0 0 -3px; padding:5px 0; text-align: right; line-height: 1; text-transform: uppercase; font-size: 0.9rem; font-weight: bold; } ul#menu4SiteWhite li { display: inline-block; } ul#menu4SiteWhite li a { padding: 10px 15px; overflow: hidden; display: block; } ul#menu4SiteWhite li a:hover, ul#menu4SiteWhite li.active a:hover { background-color: #3e9fc8; color:#FFF; } ul#menu4SiteWhite li.active a { background-color: #226898; color: #FFF; } ul#menu4SiteWhite > li {display: inline-block; position: relative; border: 0px solid #fff;} ul#menu4SiteWhite > li ul { display: none; position: absolute; top: 30px; border: 0px solid #071e55; width: 170px; z-index: 199; text-align: left; background-color: #fff; padding: 0; margin: 0; } ul#menu4SiteWhite > li:hover ul {display: block;} ul#menu4SiteWhite > li ul li { display: block; font-size: 0.7rem; } /* >>> PAGE HEADER ALL PAGES <<< */ .pageheader .header_title { position: relative; background-color: #071e55; color: #fff; display: flex; align-items: center; text-align: center; height: 300px; padding: 0; margin-bottom: 40px; } .pageheader.half .header_title { height: 175px; } .pageheader .header_title.image { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; } .pageheader .overlay { position: absolute; height: 100%; width: 100%; background-color: rgb(50 63 79 / 60%); } .pageheader .header_title .block { z-index: 1; } .pageheader .header_title h1, .pageheader.half .header_title h2 { color:#fff; font-size: 42px; margin: 0px !important; margin-bottom: 10px !important; } .pageheader .header_title h4, .pageheader.fabrik h3 { color: #fff; font-size: 26px; font-weight: 400; letter-spacing: 0.03em; margin-top: 20px; margin-bottom: 0; } /* SHAPER_HELIXULTIMATE :: MOBILE ( 576 - 767 ) --------------------------------------------------------------------------------------*/ @media only screen and (min-device-width :576px) and (max-device-width :767px) { .pageheader .header_title h1, .pageheader.half .header_title h2 { font-size: 36px; } } /* SHAPER_HELIXULTIMATE :: MOBILE ( 320 - 575 ) --------------------------------------------------------------------------------------*/ @media only screen and (min-device-width :320px) and (max-device-width :575px) { .pageheader .header_title h1, .pageheader.half .header_title h2 { font-size: 32px; } } /*=============================================================== GLOBAL BOX FORMATTING ===============================================================*/ .boxstyle01 { padding: 30px; border:0px solid rgb(191 191 191 / 10%); margin: 0 0 15px; box-shadow: 0 2px 10px 0 rgb(0 0 0 / 10%); } /*=============================================================== >>> LIST SEARCH OUTPUT <<< form#seblod_form_m162 - Blog / Case Studies / Whitepapers form#seblod_form_m163 - OT / IT form#seblod_form_m168 - Solutions ===============================================================*/ form #cck2r, form #cck3r { text-align: center; margin-bottom: 25px; } form div#cck2r_mainbody, form div#cck3r_mainbody { display: inline-block; background-color: #f1f1f1; padding: 10px; } form#seblod_form_m168 div#cck2r_mainbody, form#seblod_form_m168 div#cck3r_mainbody { width: 60%; } form#seblod_form_m162 div#cck2r_mainbody, form#seblod_form_m163 div#cck2r_mainbody { width: 22%; } form#seblod_form_m162 .cck_label, form#seblod_form_m163 .cck_label, form#seblod_form_m168 .cck_label { display: none; } form#seblod_form_m162 div.vertical div.cck_forms, form#seblod_form_m163 div.vertical div.cck_forms, form#seblod_form_m168 div.vertical div.cck_forms { display: contents; padding-bottom: 0; } form#seblod_form_m162 .cck_forms.cck_search div.cck_form, form#seblod_form_m163 .cck_forms.cck_search div.cck_form { /* single */ width: 100% !important; } form#seblod_form_m168 .cck_forms.cck_search div.cck_form { /* double */ width: 49.6% !important; } form#seblod_form_m168 div.cck_forms.cck_search .cck_form_select_simple, form#seblod_form_m168 div.cck_forms.cck_search .cck_form_search_generic { width: 100%!important; } form#seblod_form_m168 div.cck_forms.cck_search .cck_form_select_simple { margin-bottom: 4px; } form#seblod_form_m168 div.cck_forms.cck_search input { height: 38px; padding: 4px 9px !important; } form#seblod_form_m168 #cck2r_form_type_productsolution, form#seblod_form_m168 div#cck3r_form_type_productsolution { margin-right: 4px; } /*form#seblod_form_m168 .cck_forms.cck_search div.cck_form { /* double with button * margin: 1px 0px; } form#seblod_form_m168 div#cck2r_form_solution_type_it, form#seblod_form_m168 div#cck2r_form_solution_type_be { margin: 4px 0; } form#seblod_form_m168 div#cck2r_form_button_cancel { width: fit-content !important; margin:0; margin-left:0; float: right; } form#seblod_form_m168 div#cck2r_form_button_cancel button#button_cancel { background: #bf0000; color: #fff; padding: 2px 10px; font-size:11px; }*/ /* >>> RESPONSIVE FILE - Non-Mobile First Method <<< ===============================================================*/ /* SHAPER_HELIXULTIMATE :: MOBILE ( 1200 - 1399 ) --------------------------------------------------------------------------------------*/ @media only screen and (min-device-width :1200px) and (max-device-width :1399px) { form#seblod_form_m162 div#cck2r_mainbody { width: 27% !important; } } /* SHAPER_HELIXULTIMATE :: MOBILE ( 992 - 1199 ) --------------------------------------------------------------------------------------*/ @media only screen and (min-device-width :992px) and (max-device-width :1199px) { form#seblod_form_m162 div#cck2r_mainbody { width: 32% !important; } } /* SHAPER_HELIXULTIMATE :: MOBILE ( 768 - 991 ) --------------------------------------------------------------------------------------*/ @media only screen and (min-device-width :768px) and (max-device-width :991px) { form#seblod_form_m162 div#cck2r_mainbody { width: 43% !important; } } /* SHAPER_HELIXULTIMATE :: MOBILE ( 576 - 767 ) --------------------------------------------------------------------------------------*/ @media only screen and (min-device-width :576px) and (max-device-width :768px) { form#seblod_form_m162 div#cck2r_mainbody { width: 58% !important; } form#seblod_form_m168 div#cck3r_form_type_productsolution { margin-right: 3px; } form#seblod_form_m168 div#cck2r_form_button_cancel { margin: 0px; width: 100% !important; display: grid; } form#seblod_form_m168 div#cck2r_mainbody, form#seblod_form_m168 div#cck3r_mainbody { width:100%; } } /* SHAPER_HELIXULTIMATE :: MOBILE ( 320 - 575 ) --------------------------------------------------------------------------------------*/ @media only screen and (min-device-width :320px) and (max-device-width :575px) { form#seblod_form_m162 div#cck2r_mainbody, form#seblod_form_m168 .cck_forms.cck_search div.cck_form { width: 100% !important; } form#seblod_form_m168 #cck2r_form_type_productsolution, form#seblod_form_m168 div#cck3r_form_type_productsolution { margin: 0 0 4px; } form#seblod_form_m168 div#cck2r_form_button_cancel { margin: 0px; width: 100% !important; display: grid; } form#seblod_form_m168 div#cck2r_mainbody, form#seblod_form_m168 div#cck3r_mainbody { width:100%; } } /*=============================================================== >>> PAGINATION <<< ===============================================================*/ div.pagination { text-align: center; display: inherit; margin-bottom: 60px; } div.pagination p.counter { display: none; } div.pagination ul.pagination { display: -webkit-inline-box; display: inline-flex; margin: 0px; } div.pagination .page-item a.page-link { background: transparent; text-decoration: none; color: #444; font-size: 12px; font-weight: 500; padding: 4px 8px; border-radius: 0; } div.pagination .page-item.active a.page-link, div.pagination .page-item.active a.page-link:hover { color: #fff; background-color: #071e55; border-color: #071e55; } div.pagination .page-item a.page-link:hover, div.pagination .page-item a.page-link:focus { color: #fff; background-color: rgb(7 30 85 / 38%); border-color: #071e55; } div.pagination .page-item a.page-link:focus { box-shadow: 0 0 0 0.1rem rgb(7 30 85 / 38%) !important; } /*=============================================================== >>> DOC - DOWNLOADS <<< ===============================================================*/ .doc_downloads { background: #f9f9f9; display: grid; padding: 20px; line-height: 24px; } .doc_downloads h5 { margin-bottom: 10px; } .doc_downloads ul { list-style: none; padding: 0; margin: 0; } /*=============================================================== >>> VIDEO - JOOMLAWORKS "ALLVIDEOS" <<< ===============================================================*/ .avPlayerWrapper.avVideo { margin: 30px 0; } /*=============================================================== >>> BACK TO OVERVIEW <<< ===============================================================*/ .back_overview { font-size: 16px; border-top: 1px solid #e8e8e8; padding-top: 20px; margin-top: 20px; margin-bottom: 15px; } .back_overview a { color: #000; } .back_overview a:hover { color: #246390; } .back_overview i { margin-right: 12px; } /*=============================================================== >>> BREADCRUMBS <<< ===============================================================*/ #sp-breadcrumbs { background-color: #e8e8e8; } #sp-breadcrumbs .breadcrumb { line-height: 24px; background-color: transparent; border-radius: 0; padding: 6px 0; margin: 0px; } #sp-breadcrumbs .breadcrumb, #sp-breadcrumbs .breadcrumb.active { font-size: 14px; } #sp-breadcrumbs .breadcrumb a { color: #226898; font-weight: 600; } #sp-breadcrumbs .breadcrumb a:hover { color: #58c6f9; } #sp-breadcrumbs .breadcrumb.active { color: #6c757d; font-weight: 400; } #sp-breadcrumbs .breadcrumb li.separator { padding: 0 .5rem; } /*=============================================================== >>> FABRIK FORMS <<< ===============================================================*/ /* - LAYOUT ==================*/ .form_intro, form { margin: 45px 0; } .form_intro h5 { margin-bottom: 6px; } .form_intro { padding: 0px 30px; } form.fabrikForm, .itemid-140 .article_fulltext /* thanks */ { box-shadow: 0 2px 30px 0 rgb(0 0 0 / 50%); padding: 50px; } .itemid-140 .article_fulltext /* thanks */ { margin-bottom: 50px; } /*=============================================================== >>> MAUTIC FORMS <<< ===============================================================*/ .embedm_wrapper{} .embedm_wrapper .mautic_line { border: 1px solid #f1f1f1; padding: 0; margin: 0 0 20px 0; } .embed_mform form, .embed_mform .mauticform_wrapper { margin: 0; width: 100%!important; max-width: 100%!important; } .embedm_wrapper .embed_mform { background-color: #f1f1f1; padding:25px; overflow: hidden; border-radius: 0; box-shadow: 3px 6px 10px #ccc; } .embedm_wrapper .embed_image { width: 100%; display: inline-block; } .embedm_wrapper .embed_image img { width: 100%; } .embedm_wrapper .embed_content{ margin:15px 0; } .embedm_wrapper .text { margin:0 0 30px; font-weight: 500; font-size: 16px; } .embedm_wrapper h3{ margin: 0 0 25px 0; } .embedm_wrapper .embed_mform h4 { margin: 10px 0 0; } .mauticform_wrapper .mauticform-row { display: inline-block; vertical-align:top; width: 48%; } .mauticform_wrapper .mauticform-row.mauticform-freetext { width: 100%!important; } .mauticform_wrapper div[id$="_submit"] { text-align: right; } /* SHAPER_HELIXULTIMATE :: MOBILE ( 320 - 991 ) --------------------------------------------------------------------------------------*/ @media only screen and (min-device-width :320px) and (max-device-width :991px) { form.fabrikForm { padding: 30px; } .mauticform-label { font-size: 16px !important; } } /* SHAPER_HELIXULTIMATE :: MOBILE ( 320 - 767 ) --------------------------------------------------------------------------------------*/ @media only screen and (min-device-width :320px) and (max-device-width :767px) { .form_intro { padding: 0px !important; } .mauticform_wrapper .mauticform-row { display: inline-block; width: 100%; } .embedm_wrapper .embed_image { text-align: center; } } /* SHAPER_HELIXULTIMATE :: MOBILE ( 320 - 424 ) --------------------------------------------------------------------------------------*/ @media only screen and (min-device-width :320px) and (max-device-width :424px) { .itemid-140 .article_fulltext /* thanks */ { padding: 30px; } } /* - FIELDS ==================*/ label.fabrikLabel { display: inline-block !important; } label.fabrikLabel.control-label.fabrikTip { font-weight: 600; letter-spacing: 0.04em; } .control-group.fabrikElementContainer { margin-bottom: 12px; } textarea.fabrikinput { width: 100%; /*margin-bottom: 24px;*/ margin-bottom: 0px; border-radius: .25rem; padding: .375rem .75rem; border: 1px solid #ced4da; } .form-control:focus, textarea.fabrikinput:focus, .fabrikgrid_checkbox input[type='checkbox']:checked:focus { color: #495057; background-color: #fff; border-color: #58c6f9; outline: 0; box-shadow: 0 0 0 0.2rem rgb(88 198 249 / 42%); } /* - 2 columns ==================*/ .control-group.fabrikElementContainer.span6 { width: 49.69%; display: inline-block; } /* >>> RESPONSIVE FILE - Non-Mobile First Method <<< ===============================================================*/ /* SHAPER_HELIXULTIMATE :: TABLET ( 768 - 991 ) --------------------------------------------------------------------------------------*/ @media only screen and (min-device-width :768px) and (max-device-width :991px) { .control-group.fabrikElementContainer.span6 { width: 49.6%; } } /* SHAPER_HELIXULTIMATE :: MOBILE ( 320 - 767 ) --------------------------------------------------------------------------------------*/ @media only screen and (min-device-width :320px) and (max-device-width :767px) { .control-group.fabrikElementContainer.span6 { width: 100%; } } /* - GDPR ==================*/ label.fabrikLabel.control-label.fabrikEmptyLabel { display: none !important; } label.fabrikgrid_gdpr_ok.checkbox span { position: relative; top: -4px; } .fabrikgrid_gdpr_ok.checkbox { padding: 0px; margin: 0px; } .fabrikgrid_checkbox input[type="checkbox"] { /*transform: scale(2, 2)!important; -webkit-transform: scale(2, 2)!important;*/ /*-ms-transform: scale(2); /* IE */ /*-moz-transform: scale(2); /* FF */ /*-webkit-transform: scale(2); /* Safari and Chrome */ /*-o-transform: scale(2); /* Opera */ width:30px; height:30px; background: white; border-radius: .25rem; border:1px solid #ccc; -webkit-appearance: none; margin: 0px; margin-right: 6px; float: left; } .fabrikgrid_checkbox input[type='checkbox']:checked { border: 1px solid #333; transition: all .2s; background-image: url(/images/assets/icon_checkbox_tick.png); background-size: 25px; background-repeat: no-repeat; background-position: 1px 2px; } .control-group.fabrikElementContainer.fb_el_apps_contact___GDPR_consent_given { margin-bottom: 20px; } /* - FORM-BUTTON ==================*/ .form-actions { background-color: transparent; border-top: 0px solid #e5e5e5; padding: 0px; margin: 0; } .form-actions button, .mauticform-button-wrapper .mauticform-button { padding: 10px 60px !important; } .fabrikCustomButtons { display: none; } /* - ALERTS ==================*/ .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } .alert-danger { background-color: #f2dede; border-color: #ebccd1; color: #a94442; } .alert-message { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; } .alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; } /*=============================================================== >>> ALL BUTTONS << .btn-primary.dropdown-toggle, .mauticform-button-wrapper .mauticform-button.btn-default:focus { box-shadow: 0 0 0 0.2rem rgb(88 198 249 / 42%) !important; } /* ghost */ .btn-primary-ghost { color: #6ac0ec; background-color: transparent; border-color: #6ac0ec; } .btn-primary-ghost:hover, .btn-primary-ghost:focus { background-color: #6ac0ec !important; border-color: #6ac0ec !important; color: #fff !important; } .btn-primary-ghost:focus, .show > .btn-primary-ghost.dropdown-toggle { box-shadow: 0 0 0 0.2rem rgb(106 192 236 / 47%) !important; } /* - secondary ==================*/ .btn-secondary { color: #fff; background-color: #071e55; border-color: #071e55; } .btn-secondary:hover, .btn-secondary:focus { background-color: transparent !important; border-color: #071e55 !important; color: #071e55 !important; } .btn-secondary:focus, .show > .btn-secondary.dropdown-toggle { box-shadow: 0 0 0 0.2rem rgb(50 63 79 / 53%) !important; } /* ghost */ .btn-secondary-ghost { color: #071e55; background-color: transparent; border-color: #071e55; } .btn-secondary-ghost:hover, .btn-secondary-ghost:focus { background-color: #071e55 !important; border-color: #071e55 !important; color: #fff !important; } .btn-secondary-ghost:focus, .show > .btn-secondary-ghost.dropdown-toggle { box-shadow: 0 0 0 0.2rem rgb(7 30 85 / 45%) !important; } /*=============================================================== >>> BOTTOM & FOOTER SECTION <<< ===============================================================*/ /* - BOTH ==================*/ #sp-bottom, #sp-footer { background: #071e55; color: #58c6f9; font-size: 12px; font-weight: 300; line-height: 20px; padding: 50px 0; } #sp-bottom { padding-bottom: 30px; } #sp-footer { padding-top: 50px; } #sp-bottom a, #sp-footer a { color: #6ac0ec; } /* - BOTTOM ==================*/ #sp-bottom h3 { color: #58c6f9; font-size: 14px !important; font-weight: 600 !important; text-transform: inherit !important; margin-bottom: 15px !important; } #sp-bottom .sp-module ul > li { margin-bottom: 2px; } #sp-bottom a:hover, #sp-bottom .sp-module ul > li.active a { color: #fff; } #sp-bottom .social_icons { margin-top: 24px; } #sp-bottom .social_icons a { font-size: 22px; line-height: 22px; height: 22px; width: 22px; margin-right: 10px; } #sp-bottom .sp-module, #sp-bottom .minilist_110 { margin-top: 0px; margin-bottom: 30px; } /* - FOOTER ==================*/ #sp-footer { color: #fff; text-align: center; } #sp-footer .container-inner { padding: 0px; border-top: 0px solid rgba(255, 255, 255, .1); } #sp-footer a, #sp-footer .sp-module ul > li a { color: #fff; } #sp-footer a:hover, #sp-footer .sp-module ul > li.active a { color: #58c6f9 !important; } #sp-footer span.footer_gap, #sp-footer ul.menu li { padding: 0 15px; margin: 0; } #sp-footer span.footer_gap:first-child { padding-left: 30px !important; } #sp-footer span.footer_gap strong { font-weight: 600; } /* >>> RESPONSIVE FILE - Non-Mobile First Method <<< ===============================================================*/ /* SHAPER_HELIXULTIMATE :: MOBILE ( 320 - 767 ) --------------------------------------------------------------------------------------*/ @media only screen and (min-device-width :320px) and (max-device-width :767px) { #sp-footer span.footer_gap { display: inline-block; } #sp-footer span.footer_gap, #sp-footer ul.menu li { margin-top: 6px; } #sp-footer ul.menu { margin-bottom: 10px; } } /*error*/ html.error-page body{background-color: #071e55;color: #fff;}.error-page h1{color: #58c6f9;font-size: 100px !important;font-weight: 700;line-height: 96px !important;margin-bottom: 0px !important;}.error-page h2{color: #fff;font-size: 24px !important;font-weight: 400;line-height: 1;margin-bottom: 20px !important;}.error-page .btn-secondary{color: #fff;border-color: #58c6f9;background-color: #58c6f9;font-weight: 500;}.error-page .btn-secondary:hover,.error-page .btn-secondary:hover:focus,.error-page .btn-secondary:focus{color: #fff;background-color: #226898 !important;border-color: #226898 !important;}.error-page .btn-secondary:focus{box-shadow: 0 0 0 0.2rem rgb(34 104 152 / 42%) !important;} /*social sharing*/ .sharethisnow{font-size: 22px;text-align: center;border-top: 0px solid #e8e8e8;padding-top: 20px;margin-top: 30px;}span.shares_txt{display: block;font-size: 16px;}[class^="share_"]{padding: 0 10px;}.sharethisnow a, .sharethisnow a i{color: #071e55;cursor: pointer;}.sharethisnow a:hover, .sharethisnow a i:hover{color: #6ac0ec;} /*search*/ form#mod_googleSearch_cse { margin: 7px 0 0; } .gcesearch { margin: 2px 0 0; } .com-googlesearch-cse .gcesearch input.inputbox, .gcesearch input.inputbox, .com-googlesearch-cse .gcesearch input.button, .gcesearch input.button { padding: 5px !important; display: inline-block !important; font-size: 12px; line-height: 1 !important; } .com-googlesearch-cse .gcesearch input.inputbox, .gcesearch input.inputbox { background-color: #fff !important; width: 78% !important; margin-right: 0px !important; background-image: none !important; } .gcesearch input.inputbox { border-color: #071e55 !important; border-radius: 15px; padding: 5px 10px!important; width: 62%!important; } .com-googlesearch-cse .gcesearch input.button,.gcesearch input.button{ width: 20%; background-color: #6ac0ec !important; border-color: #6ac0ec !important; color: #fff !important; border: 0 !important; border-radius: 3px; } .gcesearch input.button { width: 35%; background-color: #071e55 !important; border-color: #071e55 !important; color: #fff!important; border-radius: 15px; padding: 7px 5px!important; } .gcesearch br { display: none; } @media (max-width: 991.98px) { .gcesearch { margin: 2px 0 5px; } } /*>>> FONTS DO NOT ADD ANYTHING BELOW THIS LINE*/ /* roboto-100 - latin */@font-face{font-family: 'Roboto';font-style: normal;font-weight: 100;src: local(''),url('/templates/fonts/roboto-v27-latin-100.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */url('/templates/fonts/roboto-v27-latin-100.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */}/* roboto-100italic - latin */@font-face{font-family: 'Roboto';font-style: italic;font-weight: 100;src: local(''),url('/templates/fonts/roboto-v27-latin-100italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */url('/templates/fonts/roboto-v27-latin-100italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */}/* roboto-300 - latin */@font-face{font-family: 'Roboto';font-style: normal;font-weight: 300;src: local(''),url('/templates/fonts/roboto-v27-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */url('/templates/fonts/roboto-v27-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */}/* roboto-300italic - latin */@font-face{font-family: 'Roboto';font-style: italic;font-weight: 300;src: local(''),url('/templates/fonts/roboto-v27-latin-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */url('/templates/fonts/roboto-v27-latin-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */}/* roboto-regular - latin */@font-face{font-family: 'Roboto';font-style: normal;font-weight: 400;src: local(''),url('/templates/fonts/roboto-v27-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */url('/templates/fonts/roboto-v27-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */}/* roboto-italic - latin */@font-face{font-family: 'Roboto';font-style: italic;font-weight: 400;src: local(''),url('/templates/fonts/roboto-v27-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */url('/templates/fonts/roboto-v27-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */}/* roboto-500 - latin */@font-face{font-family: 'Roboto';font-style: normal;font-weight: 500;src: local(''),url('/templates/fonts/roboto-v27-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */url('/templates/fonts/roboto-v27-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */}/* roboto-500italic - latin */@font-face{font-family: 'Roboto';font-style: italic;font-weight: 500;src: local(''),url('/templates/fonts/roboto-v27-latin-500italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */url('/templates/fonts/roboto-v27-latin-500italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */}/* roboto-700 - latin */@font-face{font-family: 'Roboto';font-style: normal;font-weight: 700;src: local(''),url('/templates/fonts/roboto-v27-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */url('/templates/fonts/roboto-v27-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */}/* roboto-700italic - latin */@font-face{font-family: 'Roboto';font-style: italic;font-weight: 700;src: local(''),url('/templates/fonts/roboto-v27-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */url('/templates/fonts/roboto-v27-latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */}/* roboto-900 - latin */@font-face{font-family: 'Roboto';font-style: normal;font-weight: 900;src: local(''),url('/templates/fonts/roboto-v27-latin-900.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */url('/templates/fonts/roboto-v27-latin-900.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */}/* roboto-900italic - latin */@font-face{font-family: 'Roboto';font-style: italic;font-weight: 900;src: local(''),url('/templates/fonts/roboto-v27-latin-900italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */url('/templates/fonts/roboto-v27-latin-900italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */} /* >>> FONTS DO NOT ADD ANYTHING BELOW THIS LINE */