.autogrid_grid{display:grid;margin-left:-15px;margin-right:-15px}.autogrid_grid .column{padding-left:15px;padding-right:15px}.autogrid_grid.gutter_none{margin-left:0;margin-right:0}.autogrid_grid.gutter_none>.column{padding-left:0;padding-right:0}.autogrid_grid.gutter_s{margin-left:-15px;margin-right:-15px}.autogrid_grid.gutter_s>.column{padding-left:15px;padding-right:15px}.autogrid_grid.gutter_m{margin-left:-30px;margin-right:-30px}.autogrid_grid.gutter_m>.column{padding-left:30px;padding-right:30px}.autogrid_grid.gutter_l{margin-left:-40px;margin-right:-40px}.autogrid_grid.gutter_l>.column{padding-left:40px;padding-right:40px}.autogrid_grid.same_height>.column>.attributes{height:100%}.autogrid_grid .column .attributes{background-size:cover;position:relative}.autogrid_grid .column .attributes.p-xl{padding:200px 40px 200px 40px}.autogrid_grid .column .attributes.p-l{padding:160px 40px 160px 40px}.autogrid_grid .column .attributes.p-m{padding:115px 40px 115px 40px}.autogrid_grid .column .attributes.p-s{padding:80px 40px 80px 40px}.autogrid_grid .column .attributes.p-xs{padding:40px 40px 40px 40px}.autogrid_grid .column.align_left_top{text-align:left}.autogrid_grid .column.align_left_center{text-align:left;align-self:center}.autogrid_grid .column.align_left_bottom{text-align:left;align-self:flex-end}.autogrid_grid .column.align_center_top{text-align:center}.autogrid_grid .column.align_center_center{text-align:center;align-self:center}.autogrid_grid .column.align_center_bottom{text-align:center;align-self:flex-end}.autogrid_grid .column.align_right_top{text-align:right}.autogrid_grid .column.align_right_center{text-align:right;align-self:center}.autogrid_grid .column.align_right_bottom{text-align:right;align-self:flex-end}.autogrid_grid.same_height>.column{align-self:unset}.autogrid_grid.same_height>.column>.attributes{display:flex;flex-wrap:wrap;height:100%}.autogrid_grid.same_height>.column>.attributes>.same-height-wrap{width:100%;flex:0 0 100%}.autogrid_grid.same_height>.column.align_left_center>.attributes{align-items:center}.autogrid_grid.same_height>.column.align_left_bottom>.attributes{align-items:flex-end}.autogrid_grid.same_height>.column.align_center_center>.attributes{align-items:center}.autogrid_grid.same_height>.column.align_center_bottom>.attributes{align-items:flex-end}.autogrid_grid.same_height>.column.align_right_center>.attributes{align-items:center}.autogrid_grid.same_height>.column.align_right_bottom>.attributes{align-items:flex-end}.autogrid_grid .column>.attributes .image_mob{display:none}.autogrid_wrapper,.autogrid_row{margin-left:-15px;margin-right:-15px;display:flex;flex-wrap:wrap;box-sizing:border-box}.autogrid,.autogrid_row>.column{padding-left:15px;padding-right:15px;flex-basis:1;flex-grow:1;width:100%;position:relative;box-sizing:border-box}.autogrid_clear{flex:0 0 100%;height:0}.col_1{flex:0 0 calc((100% / 12) * 1);max-width:calc((100% / 12) * 1)}.col_2{flex:0 0 calc((100% / 12) * 2);max-width:calc((100% / 12) * 2)}.col_3{flex:0 0 calc((100% / 12) * 3);max-width:calc((100% / 12) * 3)}.col_4{flex:0 0 calc((100% / 12) * 4);max-width:calc((100% / 12) * 4)}.col_5{flex:0 0 calc((100% / 12) * 5);max-width:calc((100% / 12) * 5)}.col_6{flex:0 0 calc((100% / 12) * 6);max-width:calc((100% / 12) * 6)}.col_7{flex:0 0 calc((100% / 12) * 7);max-width:calc((100% / 12) * 7)}.col_8{flex:0 0 calc((100% / 12) * 8);max-width:calc((100% / 12) * 8)}.col_9{flex:0 0 calc((100% / 12) * 9);max-width:calc((100% / 12) * 9)}.col_10{flex:0 0 calc((100% / 12) * 10);max-width:calc((100% / 12) * 10)}.col_11{flex:0 0 calc((100% / 12) * 11);max-width:calc((100% / 12) * 11)}.col_12{flex:0 0 calc((100% / 12) * 12);max-width:calc((100% / 12) * 12)}.autogrid_row>.column>.attributes{background-size:cover}.autogrid_row>.column>.attributes.p-xl{padding:200px 40px 200px 40px}.autogrid_row>.column>.attributes.p-l{padding:160px 40px 160px 40px}.autogrid_row>.column>.attributes.p-m{padding:115px 40px 115px 40px}.autogrid_row>.column>.attributes.p-s{padding:80px 40px 80px 40px}.autogrid_row>.column>.attributes.p-xs{padding:40px 40px 40px 40px}.autogrid_wrapper.gutter_none,.autogrid_row.gutter_none{margin-left:0;margin-right:0}.autogrid_wrapper.gutter_none>div,.autogrid_row.gutter_none>div{padding-left:0;padding-right:0}.autogrid_wrapper.gutter_s,.autogrid_row.gutter_s{margin-left:-15px;margin-right:-15px}.autogrid_wrapper.gutter_s>div,.autogrid_row.gutter_s>div{padding-left:15px;padding-right:15px}.autogrid_wrapper.gutter_m,.autogrid_row.gutter_m{margin-left:-30px;margin-right:-30px}.autogrid_wrapper.gutter_m>div,.autogrid_row.gutter_m>div{padding-left:30px;padding-right:30px}.autogrid_wrapper.gutter_l,.autogrid_row.gutter_l{margin-left:-40px;margin-right:-40px}.autogrid_wrapper.gutter_l>div,.autogrid_row.gutter_l>div{padding-left:40px;padding-right:40px}.autogrid_row>.column>.attributes{position:relative}.autogrid_row>.column.align_left_top{text-align:left}.autogrid_row>.column.align_left_center{text-align:left;align-self:center}.autogrid_row>.column.align_left_bottom{text-align:left;align-self:flex-end}.autogrid_row>.column.align_center_top{text-align:center}.autogrid_row>.column.align_center_center{text-align:center;align-self:center}.autogrid_row>.column.align_center_bottom{text-align:center;align-self:flex-end}.autogrid_row>.column.align_right_top{text-align:right}.autogrid_row>.column.align_right_center{text-align:right;align-self:center}.autogrid_row>.column.align_right_bottom{text-align:right;align-self:flex-end}.autogrid_row.same_height>.column{align-self:unset}.autogrid_row.same_height>.column>.attributes{display:flex;flex-wrap:wrap;height:100%}.autogrid_row.same_height>.column>.attributes>.same-height-wrap{width:100%;flex:0 0 100%}.autogrid_row.same_height>.column.align_left_center>.attributes{align-items:center}.autogrid_row.same_height>.column.align_left_bottom>.attributes{align-items:flex-end}.autogrid_row.same_height>.column.align_center_center>.attributes{align-items:center}.autogrid_row.same_height>.column.align_center_bottom>.attributes{align-items:flex-end}.autogrid_row.same_height>.column.align_right_center>.attributes{align-items:center}.autogrid_row.same_height>.column.align_right_bottom>.attributes{align-items:flex-end}.autogrid_row .column>.attributes .image_mob{display:none}.autogrid_row>.column.sticky .attributes{position:sticky;top:0}.order_1{order:1}.order_2{order:2}.order_3{order:3}.order_4{order:4}.order_5{order:5}.order_6{order:6}.full{flex:0 0 100%}.one_half{flex:0 0 calc(100% / 2)}.one_third{flex:0 0 calc(100% / 3)}.one_fourth{flex:0 0 calc(100% / 4)}.one_fifth{flex:0 0 calc(100% / 5)}.one_sixth{flex:0 0 calc(100% / 6)}.two_third{flex:0 0 calc((100% / 3) * 2)}.two_fourth{flex:0 0 calc((100% / 4) * 2)}.three_fourth{flex:0 0 calc((100% / 4) * 3)}.two_fifth{flex:0 0 calc((100% / 5) * 2)}.three_fifth{flex:0 0 calc((100% / 5) * 3)}.four_fifth{flex:0 0 calc((100% / 5) * 4)}.two_sixth{flex:0 0 calc((100% / 6) * 2)}.three_sixth{flex:0 0 calc((100% / 6) * 3)}.four_sixth{flex:0 0 calc((100% / 6) * 4)}.five_sixth{flex:0 0 calc((100% / 6) * 5)}.offset_col_1{margin-left:calc((100% / 12) * 1)}.offset_col_2{margin-left:calc((100% / 12) * 2)}.offset_col_3{margin-left:calc((100% / 12) * 3)}.offset_col_4{margin-left:calc((100% / 12) * 4)}.offset_col_5{margin-left:calc((100% / 12) * 5)}.offset_col_6{margin-left:calc((100% / 12) * 6)}.offset_col_7{margin-left:calc((100% / 12) * 7)}.offset_col_8{margin-left:calc((100% / 12) * 8)}.offset_col_9{margin-left:calc((100% / 12) * 9)}.offset_col_10{margin-left:calc((100% / 12) * 10)}.offset_col_11{margin-left:calc((100% / 12) * 11)}.autogrid.no_gutter{padding-left:0;padding-right:0}@media only screen and (min-width :768px) and (max-width :1024px){.col_1_t{flex:0 0 calc((100% / 12) * 1);max-width:calc((100% / 12) * 1)}.col_2_t{flex:0 0 calc((100% / 12) * 2);max-width:calc((100% / 12) * 2)}.col_3_t{flex:0 0 calc((100% / 12) * 3);max-width:calc((100% / 12) * 3)}.col_4_t{flex:0 0 calc((100% / 12) * 4);max-width:calc((100% / 12) * 4)}.col_5_t{flex:0 0 calc((100% / 12) * 5);max-width:calc((100% / 12) * 5)}.col_6_t{flex:0 0 calc((100% / 12) * 6);max-width:calc((100% / 12) * 6)}.col_7_t{flex:0 0 calc((100% / 12) * 7);max-width:calc((100% / 12) * 7)}.col_8_t{flex:0 0 calc((100% / 12) * 8);max-width:calc((100% / 12) * 8)}.col_9_t{flex:0 0 calc((100% / 12) * 9);max-width:calc((100% / 12) * 9)}.col_10_t{flex:0 0 calc((100% / 12) * 10);max-width:calc((100% / 12) * 10)}.col_11_t{flex:0 0 calc((100% / 12) * 11);max-width:calc((100% / 12) * 11)}.col_12_t{flex:0 0 calc((100% / 12) * 12);max-width:calc((100% / 12) * 12)}.order_1_t{order:1}.order_2_t{order:2}.order_3_t{order:3}.order_4_t{order:4}.order_5_t{order:5}.order_6_t{order:6}}.autogrid_row>.column.sticky_column>.attributes{position:sticky;top:0;z-index:10;height:auto !important}@media only screen and (max-width:767px){[class*="col_"],.one_half,.one_third,.one_fourth,.one_fifth,.one_sixth,.two_third,.two_fourth,.three_fourth,.two_fifth,.three_fifth,.four_fifth,.two_sixth,.three_sixth .four_sixth,.five_sixth{flex:0 0 100%;max-width:none}.column[class*="col_"]:not([class*="_m"]),.autogrid_grid .column:not([class*="_m"]){padding-left:0 !important;padding-right:0 !important;margin-bottom:25px}.column[class*="offset_"],.autogrid[class*="offset_"],.autogrid_grid[class*="offset_"]{margin-left:0}.autogrid_wrapper,.autogrid_row,.autogrid_grid{margin-left:0 !important;margin-right:0 !important}.column:empty,.column .attributes:empty,.column:has(>.attributes:empty){display:none}.autogrid_grid>.column>.attributes.has-image.empty>.image_mob,.autogrid_grid>.column>.attributes.has-image.empty>.same-height-wrap>.image_mob,.autogrid_row>.column>.attributes.has-image.empty>.image_mob,.autogrid_row>.column>.attributes.has-image.empty>.same-height-wrap>.image_mob{display:block}.autogrid_grid>.column>.attributes.has-image.empty,.autogrid_row>.column>.attributes.has-image.empty{background:none !important}.col_1_m{flex:0 0 calc((100% / 12) * 1);max-width:calc((100% / 12) * 1)}.col_2_m{flex:0 0 calc((100% / 12) * 2);max-width:calc((100% / 12) * 2)}.col_3_m{flex:0 0 calc((100% / 12) * 3);max-width:calc((100% / 12) * 3)}.col_4_m{flex:0 0 calc((100% / 12) * 4);max-width:calc((100% / 12) * 4)}.col_5_m{flex:0 0 calc((100% / 12) * 5);max-width:calc((100% / 12) * 5)}.col_6_m{flex:0 0 calc((100% / 12) * 6);max-width:calc((100% / 12) * 6)}.col_7_m{flex:0 0 calc((100% / 12) * 7);max-width:calc((100% / 12) * 7)}.col_8_m{flex:0 0 calc((100% / 12) * 8);max-width:calc((100% / 12) * 8)}.col_9_m{flex:0 0 calc((100% / 12) * 9);max-width:calc((100% / 12) * 9)}.col_10_m{flex:0 0 calc((100% / 12) * 10);max-width:calc((100% / 12) * 10)}.col_11_m{flex:0 0 calc((100% / 12) * 11);max-width:calc((100% / 12) * 11)}.col_12_m{flex:0 0 calc((100% / 12) * 12);max-width:calc((100% / 12) * 12)}.order_1_m{order:1}.order_2_m{order:2}.order_3_m{order:3}.order_4_m{order:4}.order_5_m{order:5}.order_6_m{order:6}.autogrid_grid>.column>.attributes.p-xl,.autogrid_grid>.column>.attributes.p-l,.autogrid_grid>.column>.attributes.p-m,.autogrid_grid>.column>.attributes.p-s,.autogrid_grid>.column>.attributes.p-xs,.autogrid_row>.column .attributes.p-xl,.autogrid_row>.column .attributes.p-l,.autogrid_row>.column .attributes.p-m,.autogrid_row>.column .attributes.p-s,.autogrid_row>.column .attributes.p-xs{padding:20px}.autogrid_grid .column.m_align_left_top{text-align:left}.autogrid_grid .column.m_align_left_center{text-align:left;align-self:center}.autogrid_grid .column.m_align_left_bottom{text-align:left;align-self:flex-end}.autogrid_grid .column.m_align_center_top{text-align:center}.autogrid_grid .column.m_align_center_center{text-align:center;align-self:center}.autogrid_grid .column.m_align_center_bottom{text-align:center;align-self:flex-end}.autogrid_grid .column.m_align_right_top{text-align:right}.autogrid_grid .column.m_align_right_center{text-align:right;align-self:center}.autogrid_grid .column.m_align_right_bottom{text-align:right;align-self:flex-end}.autogrid_row>.column.m_align_left_top{text-align:left}.autogrid_row>.column.m_align_left_center{text-align:left;align-self:center}.autogrid_row>.column.m_align_left_bottom{text-align:left;align-self:flex-end}.autogrid_row>.column.m_align_center_top{text-align:center}.autogrid_row>.column.m_align_center_center{text-align:center;align-self:center}.autogrid_row>.column.m_align_center_bottom{text-align:center;align-self:flex-end}.autogrid_row>.column.m_align_right_top{text-align:right}.autogrid_row>.column.m_align_right_center{text-align:right;align-self:center}.autogrid_row>.column.m_align_right_bottom{text-align:right;align-self:flex-end}}body.edge column[class*="col_"]{flex-basis:1}@media only screen and (max-width:767px){body.edge column[class*="col_"]{flex-basis:100%}} /* ============================================================================= * mod_breadcrumb.html5 * ========================================================================== */ .mod_breadcrumb { border-top: 1px solid rgba(0,0,0,0.1); border-bottom: 1px solid rgba(0,0,0,0.1); } .mod_breadcrumb .mod_breadcrumb_inside { position: relative; } .mod_breadcrumb .mod_breadcrumb_inside:before { content: ''; border-top: 1px solid rgba(0,0,0,0.1); position: absolute; top: 0; left: 40px; right: 40px; height: 1px; } .mod_breadcrumb .mod_breadcrumb_inside:after { content: ''; border-top: 1px solid rgba(0,0,0,0.1); position: absolute; bottom: 0; left: 40px; right: 40px; height: 1px; } .mod_breadcrumb .mod_breadcrumb_inside:before, .mod_breadcrumb .mod_breadcrumb_inside:after { display: none; } .mod_breadcrumb ul { font-size: 0.9rem; line-height: 0.9rem; text-align: center; display: inline-block; float: none; padding: 11px 0; } .mod_breadcrumb li { display: inline-block; margin-right: 5px; } .mod_breadcrumb li:before { font-family: "FontAwesome"; content: "\f101"; margin-right: 5px; } .mod_breadcrumb li.first:before { display: none; } .mod_breadcrumb .pagetitle { display: none; } /* ============================================================================= * smart phones (s / small screens) * ========================================================================== */ @media only screen and (max-width: 767px) { .mod_breadcrumb { display: none; } } /* ============================================================================= * ce_bgimage * ========================================================================== */ .ce_bgimage { position: relative; overflow: visible; } .ce_bgimage { overflow: visible; } .ce_bgimage:before, .ce_bgimage:after { content:'\0020'; display:block; overflow:hidden; visibility:hidden; width:0; height:0; } .ce_bgimage:after { clear:both; } .ce_bgimage .ce_bgimage-inside { position: relative; z-index: 10; } .ce_bgimage.offset:before { position: absolute; top: 75%; background: #fff; content: ''; right: 0; bottom: 0; left:0; z-index: 10; } .ce_bgimage.offset.offset-bg-accent:before { background-color: rgb(152,152,152); } .ce_bgimage.offset.offset-bg-lightgray:before { background-color: rgb(247,247,247); } .ce_bgimage.offset.offset-bg-darkgray:before { background-color: rgb(69,69,69); } .ce_bgimage.offset.offset-bg-black:before { background-color: rgb(0,0,0); } .ce_bgimage.offset.offset-top:before, .ce_bgimage.offset-top:before { position: absolute; top: 0; background: #fff; content: ''; right: 0; top: 0; left:0; height: 25%; z-index: 10; } .ce_bgimage .ce_bgimage-image { position: absolute; top: 0; left:0; right: 0; bottom: 0; background-size: cover; background-position: center center; background-repeat: no-repeat; } .ce_bgimage.bg_contain .ce_bgimage-image { background-size: contain; } .ce_bgimage.fullscreen-image { height: 100vh; } .ce_bgimage.fullscreen-image .ce_bgimage-outer { height: 100vh; } .ce_bgimage.oversize .ce_bgimage-outer .ce_bgimage-inside { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } .ce_bgimage.oversize, .ce_bgimage.ce_bgimage-outer { height: auto!important; } .ce_bgimage.max_width_m .contentwrap { max-width: 800px; } .ce_bgimage.max_width_s .contentwrap { max-width: 650px; } /* ============================================================================= * ce_bgimage: parallax offset option * ========================================================================== */ .ce_bgimage div.offset_layer { position: absolute; top: 0; background: #fff; content: ''; right: 0; left:0; height: 25%; z-index: 10; } .ce_bgimage div.offset_layer.offset-bottom { top: auto; bottom: 0; } /* ============================================================================= * ce_bgimage: background-position * ========================================================================== */ .ce_bgimage.bg_left_top .ce_bgimage-image { background-position: left top; } .ce_bgimage.bg_left_center .ce_bgimage-image { background-position: left center; } .ce_bgimage.bg_left_bottom .ce_bgimage-image { background-position: left bottom; } .ce_bgimage.bg_center_top .ce_bgimage-image { background-position: center top; } .ce_bgimage.bg_center_center .ce_bgimage-image { background-position: center center; } .ce_bgimage.bg_center_bottom .ce_bgimage-image { background-position: center bottom; } .ce_bgimage.bg_right_top .ce_bgimage-image { background-position: right top; } .ce_bgimage.bg_right_cemte .ce_bgimage-image { background-position: right center; } .ce_bgimage.bg_right_bottom .ce_bgimage-image { background-position: right bottom; } /* ============================================================================= * ce_bgimage: parallax option * ========================================================================== */ .ce_bgimage.parallax .ce_bgimage-image { background-attachment: fixed; background-position-x: 50%!important; background-position-y: top; } .ce_bgimage.parallax { position: relative; } body.ios .ce_bgimage.parallax .ce_bgimage-image, body.android .ce_bgimage.parallax .ce_bgimage-image { background-attachment: scroll; background-position: center center!important; } /* ============================================================================= * ce_bgimage: img-leftside * ========================================================================== */ .ce_bgimage.img-leftside-33, .ce_bgimage.img-leftside-50 { position: relative; width: 100%; padding-top: 0; padding-bottom: 0; } .ce_bgimage.bg-nocolor { background: rgb(248,248,248); } .ce_bgimage.img-leftside-33 .ce_bgimage-image, .ce_bgimage.img-leftside-50 .ce_bgimage-image { width: 33.33%; display: table-cell; vertical-align: middle; padding: 0; } .ce_bgimage.img-leftside-33 .ce_bgimage-outer { margin-left: 33%; } .ce_bgimage.img-leftside-50 .ce_bgimage-outer { margin-left: 50%; } .ce_bgimage.img-leftside-33 .ce_bgimage-inside, .ce_bgimage.img-leftside-50 .ce_bgimage-inside { width: 67%; padding: 60px; vertical-align: middle; } .ce_bgimage.img-leftside-50 .ce_bgimage-image, .ce_bgimage.img-leftside-50 .ce_bgimage-inside { width: 50%; } .ce_bgimage.img-rightside-50 .ce_bgimage-image { margin-left: 50%; } .ce_bgimage.img-rightside-50 .ce_bgimage-outer { margin-right: 50%; } .ce_bgimage.img-rightside-33 .ce_bgimage-image { margin-left: 33.33%; } .ce_bgimage.img-rightside-33 .ce_bgimage-outer { margin-right: 66.66%; } .ce_bgimage.img-leftside-50 .ce_bgimage-inside, .ce_bgimage.img-leftside-33 .ce_bgimage-inside { width: 100%; } .ce_bgimage.bg-accent a:not(.hyperlink_txt) { color: inherit } .ce_bgimage.vertical_centered .ce_bgimage-inside { transform: translateY(-50%); -webkit-transform: translateY(-50%); position: relative; top: 50%; } .ce_bgimage.vertical_centered .ce_bgimage-outer { height: 100%; } /* ============================================================================= * smart phones (s / small screens) * ========================================================================== */ @media only screen and (max-width: 767px) { .ce_bgimage.hide-image-phone .ce_bgimage-image { display: none; } .ce_bgimage.img-leftside-33, .ce_bgimage.img-leftside-50, .ce_bgimage.img-leftside-33 .ce_bgimage-inside, .ce_bgimage.img-leftside-50 .ce_bgimage-inside { display: block; width: 100%; } .ce_bgimage.img-rightside-33 .ce_bgimage-outer, .ce_bgimage.img-rightside-33 .ce_bgimage-image, .ce_bgimage.img-rightside-50 .ce_bgimage-outer, .ce_bgimage.img-rightside-50 .ce_bgimage-image { display: block; width: 100%; margin: 0; } .ce_bgimage.img-rightside-33 .ce_bgimage-image, .ce_bgimage.img-rightside-50 .ce_bgimage-image { background-image: none!important; } .ce_bgimage.img-leftside-33 .ce_bgimage-image, .ce_bgimage.img-leftside-50 .ce_bgimage-image { display: none; } .ce_bgimage.img-leftside-33 .ce_bgimage-outer, .ce_bgimage.img-leftside-50 .ce_bgimage-outer { margin-left: 0; } .ce_bgimage.img-leftside-33:not(.bg-hide-mobile) .mobile_image, .ce_bgimage.img-leftside-50:not(.bg-hide-mobile) .mobile_image, .ce_bgimage.img-rightside-33:not(.bg-hide-mobile) .mobile_image, .ce_bgimage.img-rightside-50:not(.bg-hide-mobile) .mobile_image { display: block!important; margin-bottom: 30px; } .ce_bgimage.parallax .ce_bgimage-image { background-attachment: scroll; background-position: center center!important; } .ce_bgimage div.offset_layer { display: none; } .ce_bgimage.bg-hide-mobile .ce_bgimage-image { background-image: none!important; } .ce_bgimage.fullscreen-image:not(.vertical_centered) .ce_bgimage-outer { height: auto; } } /* ============================================================================= * ce_headline_extended * ========================================================================== */ .ce_headline_extended.align-right { margin-left: auto; margin-right: 0; } .ce_headline_extended[class*="font-size"] h1, .ce_headline_extended[class*="font-size"] h2, .ce_headline_extended[class*="font-size"] h3, .ce_headline_extended[class*="font-size"] h4, .ce_headline_extended[class*="font-size"] h5, .ce_headline_extended[class*="font-size"] h6 { font-size: inherit; } .ce_headline_extended[class*="mb-"] h1, .ce_headline_extended[class*="mb-"] h2, .ce_headline_extended[class*="mb-"] h3, .ce_headline_extended[class*="mb-"] h4, .ce_headline_extended[class*="mb-"] h5, .ce_headline_extended[class*="mb-"] h6 { margin-bottom: 0; } /* ============================================================================= * ce_headline_extended version 0 * ========================================================================== */ .ce_headline_extended.version0 { margin-bottom: 60px; max-width: 600px; } .ce_headline_extended.version0 .headline { margin-bottom: 0; } .ce_headline_extended.version0 .divider { display: none; } .ce_headline_extended.version0 .subheadline { font-size: 1.333rem; } .ce_headline_extended.version0.align-center { text-align: center; margin-left: auto; margin-right: auto; } .ce_headline_extended.version0.align-center .divider { margin-left: auto; margin-right: auto; } /* ============================================================================= * ce_headline_extended version 1 * ========================================================================== */ .ce_headline_extended.version1 { max-width: 600px; } .ce_headline_extended.version1 .headline { margin-bottom: 0; } .ce_headline_extended.version1 .divider { background: rgb(51,51,51); content: ''; display: block; height: 2px; margin: 20px 0 20px 0; position: relative; width: 22px; } .ce_headline_extended.version1 .subheadline { font-size: 1.333rem; } .ce_headline_extended.version1.align-center { text-align: center; margin-left: auto; margin-right: auto; } .ce_headline_extended.version1.align-center .divider { margin-left: auto; margin-right: auto; } .ce_headline_extended.version1.color-white h1:after, .ce_headline_extended.version1.color-white h2:after, .ce_headline_extended.version1.color-white h3:after, .ce_headline_extended.version1.color-white h4:after, .ce_headline_extended.version1.color-white h5:after, .ce_headline_extended.version1.color-white h6:after, .color-white .ce_headline_extended.version1 h1:after, .color-white .ce_headline_extended.version1 h2:after, .color-white .ce_headline_extended.version1 h3:after, .color-white .ce_headline_extended.version1 h4:after, .color-white .ce_headline_extended.version1 h5:after, .color-white .ce_headline_extended.version1 h6:after { background: rgb(255,255,255); } .color-white .ce_headline_extended.version1 .divider { background: rgb(255,255,255); } /* ============================================================================= * ce_headline_extended version 2 * ========================================================================== */ .ce_headline_extended.version2 { max-width: 600px; } .ce_headline_extended.version2 .headline { margin-bottom: 0; } .ce_headline_extended.version2 .subheadline { font-size: 1.2rem; } .ce_headline_extended.version2.align-center { text-align: center; margin-left: auto; margin-right: auto; } .ce_headline_extended.version2 .divider { margin-bottom: 25px; margin-top: 15px; text-align: left; display: block; } .ce_headline_extended.version2.align-center .divider { text-align: center; } .ce_headline_extended.version2 .divider-first { display: inline-block; width: 14px; height: 14px; margin: 0 3px; border: 3px solid var(--accentColor); border-radius: 7px; } .ce_headline_extended.version2 .divider-second { background-color: rgb(152,152,152); width: 4px; height: 4px; margin-top: 2px; margin-left: 2px; border-radius: 4px; } .ce_headline_extended.version2 .divider:after, .ce_headline_extended.version2 .divider:before { background-color: rgb(152,152,152); display: inline-block !important; vertical-align: middle; content: ""; width: 70px; height: 1px; margin-top: -6px; } .color-white .ce_headline_extended.version2 .divider:after, .color-white .ce_headline_extended.version2 .divider:before, .color-white .ce_headline_extended.version2 .divider-second { background: var(--accentColor); } .color-white .ce_headline_extended.version2 .divider-first { border-color: rgb(255,255,255); } .ce_headline_extended.align-center { margin-left: auto; margin-right: auto; } .ce_headline_extended.max_width_90 { max-width: 90%; } .ce_headline_extended.max_width_80 { max-width: 80%; } .ce_headline_extended.max_width_70 { max-width: 70%; } .ce_headline_extended.max_width_60 { max-width: 60%; } .ce_headline_extended.max_width_50 { max-width: 50%; } .ce_headline_extended.max_width_40 { max-width: 40%; } .ce_headline_extended.max_width_30 { max-width: 30%; } .ce_headline_extended.max_width_20 { max-width: 20%; } .ce_headline_extended.max_width_10 { max-width: 10%; } .ce_headline_extended.version1 .subheadline, .ce_headline_extended.version2 .subheadline { font-size: 1.467rem; } /* ============================================================================= * ce_headline_extended | background-text * ========================================================================== */ .ce_headline_extended { position: relative; overflow: visible; } .ce_headline_extended .h3.background-text { position: absolute; top: 27px; left: 0; right: 0; z-index: 10; opacity: 0.03; font-size: 8rem; line-height: 0; } /* ============================================================================= * ce_headline_extended | in revolution slider * ========================================================================== */ .ce_revolutionslider .ce_headline_extended h1 { font-size: 80px; white-space: normal; word-wrap: normal; } .ce_revolutionslider .ce_headline_extended h2 { font-size: 70px; white-space: normal; word-wrap: normal; } .ce_revolutionslider .ce_headline_extended h3 { font-size: 65px; white-space: normal; word-wrap: normal; } .ce_revolutionslider .ce_headline_extended h4 { font-size: 55px; white-space: normal; word-wrap: normal; } .ce_revolutionslider .ce_headline_extended h5 { font-size: 45px; white-space: normal; word-wrap: normal; } .ce_revolutionslider .ce_headline_extended h6 { font-size: 35px; white-space: normal; word-wrap: normal; } /* ============================================================================= * smart phones (s / small screens) * ========================================================================== */ @media only screen and (max-width: 767px) { .ce_headline_extended.version0, .ce_headline_extended.version1 { margin-bottom: 30px; } .ce_headline_extended .background-text { display: none!important; } } /* comfortaa-300 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Comfortaa'; font-style: normal; font-weight: 300; src: url('../../files/cto_layout/fonts/comfortaa-v47-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* comfortaa-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Comfortaa'; font-style: normal; font-weight: 400; src: url('../../files/cto_layout/fonts/comfortaa-v47-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* comfortaa-600 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Comfortaa'; font-style: normal; font-weight: 600; src: url('../../files/cto_layout/fonts/comfortaa-v47-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* comfortaa-700 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Comfortaa'; font-style: normal; font-weight: 700; src: url('../../files/cto_layout/fonts/comfortaa-v47-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } html, body { font-family: Comfortaa; font-weight: 400; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .ce_revolutionslider_text.bold, .font_headline { font-family: Comfortaa; font-weight: 400; } .customFont1 { font-family: Comfortaa; } p { line-height: 1.5rem; } body { background-color: #11486f; } .bg-second { background-color: var(--accentColor); } .ce_badge[data-style="style2"] .ce_badge_inside { border: 2px solid transparent; background: var(--secondColor); } .mod_pct_megamenu { background: none; max-width: 1000px; } .mod_pct_megamenu h5 { line-height: 1.5rem; } .mod_pct_megamenu img { margin: 8px 0; } .mod_pct_megamenu .ce_text a, .mod_pct_megamenu .ce_text p a { color: #FFFFFF!important; text-decoration: none; } .ce_bgimage { border-radius: 60px; } .ce_text a, .ce_text p a { color: var(--secondColor)!important; } .main .ce_image .image_container img { width: 100%; } /* --ce_video ------------------------------------------------- */ .responsive-video iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .responsive-video {position: relative;padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/padding-top: 0px;height: 0;overflow: hidden; } .responsive-video .jwplayer {position: absolute;top: 0;left: 0;width: 100%!important;height: 100%!important;} .jwlogo {display: none;} .ce_iconbox.default .image_container, .ce_iconbox.default i { color: #FFFFFF; } .mod_quickmenu.style2 a { border-radius: 20px 0 0 20px; } /* --swiper ------------------------------------------------- */ /* .swiper-container { mask-image: linear-gradient(to left, transparent 0%, black 6%, black 94%, transparent 100%) } @media only screen and (max-width: 767px) { .swiper-container { padding-right: 100px; mask-image: linear-gradient(to left, transparent 0%, black 10%); } } */ .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,20px)); height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,20px)); display: inline-block; border-radius: var(--swiper-pagination-bullet-border-radius,50%); background: var(--swiper-pagination-bullet-inactive-color,#FFFFFF); opacity: var(--swiper-pagination-bullet-inactive-opacity, .6); } .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #FFFFFF; } .swiper-slide .ce_wrap { min-height: auto; } .mmenu_trigger { color: #FFFFFF; } .mmenu_trigger .burger .burger_lines, .mmenu_trigger .burger .burger_lines:after, .mmenu_trigger .burger .burger_lines:before { background: var(--secondColor); } h3 .color-accent { font-size: 1rem; color: #FFFFFF; } .ce_accordion .toggler { color: #FFFFFF } .mod_eventlist { color: #FFFFFF } #privacy_optout_link, #top_link { display: none; } .header.original .mainmenu, .header.cloned { background-color: #151515; } .bg-second { background-color: var(--accentColor); } .ce_wrap.border-radius-40 { border: 0px solid var(--secondColor); } @media only screen and (max-width: 767px) { .header { background: #0f3855; }} @media only screen and (min-width: 767px) { .header.original .mainmenu, .header.cloned { background-color: #0f3855; } } .bg-second { background-color: var(--accentColor); } .customFont1 { font-family: Comfortaa; } .mod_eventlist .event h2, .mod_eventlist .event .h2 { font-size: 2; } .mod_eventlist .event h2, .mod_eventlist .event .h2 { font-size: 2rem; margin-bottom: 8px; } .mod_eventlist .event .datum, .mod_eventlist .event .location, .mod_eventlist .event .title { font-size: 1.6rem; } .mod_eventlist .event p { padding-top:5px; } @media only screen and (min-width: 767px) { .header.original .mainmenu, .header.cloned { background-color: #0f3855; } } .colordark .ce_iconbox_vertical .headline, .colordark .ce_iconbox_vertical p, .colordark p { color: #000000!important; } .colordark { h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .ce_revolutionslider_text.bold, .font_headline, ul li { color: #000000!important; } } ce_swiper-slider-start.style3 .swiper-buttons { margin-top: 0px; } .ce_accordion .toggler { color: #FFFFFF } #privacy_optout_link, #top_link { display: none; } .ce_swiper-slider-start.style3_dark .swiper-buttons { margin-top: 0; } .ce_tabs .tabs span { font-size:0.875rem; } .ce_tabs .tabs .active span { color:#FFFFFF; } .ce_tabs .tabs.classic ul li { display: inline-block; padding: 10px 15px; border: 2px solid rgba(0,0,0,0.1); background: #FEECD7; } .ce_tabs .panes.classic { background: #FEECD7; } .ce_tabs .panes.classic p, .ce_tabs .panes.classic ul li { font-size: 0.875rem; }