/*
 Theme Name:   mpy.fi child
 Theme URI:    https://jj-net.fi/
 Description:  mpy.fi sivuston child teema.
 Author:       JJ-Net Group Oy
 Author URI:   https://jj-net.fi/
 Template:     jj-net-theme
 Version:      1.0
 License:      All rights reserved.
 License URI:  https://jj-net.fi/
 Text Domain:  jjnet
*/

@import url("https://use.typekit.net/lst3brl.css");
html {scroll-behavior: smooth !important;}
body { font-family: "Proxima-Soft", sans-serif; color: #3c3c3c; font-size: 18px;}
h1,h2,h3,h4,h5,h6 { font-family: "Proxima-Soft", sans-serif; font-weight:700;color: #000; }
.lines h2,.lines h3,.lines h4,.lines h5,.lines h6,
.lightgrey h2,.lightgrey h3,.lightgrey h4,.lightgrey h5,.lightgrey h6,
.white h2,.white h3,.white h4,.white h5,.white h6 { font-weight:300; }

blockquote {display: block; margin: 15px 15px 15px 50px; padding-left: 15px; border-left: 3px solid #FA6C21; font-family: "Proxima-Soft", sans-serif; font-style: italic; }

a { color: #F37021; }
a:hover { color: #F37021; }

.wrapper { height: 100vh; display: flex; flex-direction: column; }

h1 { color: #707070; }
/*.single h1 { font-weight: 300; }*/
.single h1 { font-weight: 700; }
.single h2,.single h3,.single h4,.single h5,.single h6 { color: #F37021; font-weight: 700; }
.servicenote.single h1 { font-weight: 600; margin-top: 30px; }

.white .col-md-6 .col-text h2,
.shadows .col-text h2,.shadows .col-text h3, .shadows .col-text h4 { color: #FC6C00; font-weight: 700; }

body .content, body .banner-container, body .footer-container  { transition: filter 0.2s ease-in-out; filter: blur(0); }

.content .container-fluid {width: 1920px; margin: 0 auto; max-width: 100%;}

.login-content {margin-top: auto;}
.login-content form .frm_submit input.btn {font-size: 18px; background-color: #F37021; padding:7px 30px; font-weight: 600; color: #fff; border: 2px solid #F37021; transition: all 0.2s ease-in-out; display: inline-block; margin-top: 30px; cursor: pointer; border-radius: 30px;}
.login-content form .frm_submit input.btn:hover {background-color: #fff; border: 2px solid #F37021; color: #F37021;}

/* Buttons */
a { transition: all 0.2s ease-in-out; }
.btn-custom { transition: all 0.2s ease-in-out; display: inline-block; margin-top: 15px; cursor: pointer; border-radius: 30px; }
.btn-custom.btn-orange { background-color: #F37021; border: 2px solid #F37021;}
.btn-custom.btn-orange:hover { background-color: #fff; border: 2px solid #F37021;}
.btn-custom a { font-weight: 600; transition: color 0.2s ease-in-out; padding: 7px 30px; color: #fff; display: block; text-decoration: none; }
.btn-custom:hover a { color: #F37021; }
.btn-custom.btn-white-transparent { background-color: transparent; color: #fff; border: 1px solid #fff; }
.btn-custom.btn-white-transparent:hover { background-color: #fff; color: #53575F; border: 1px solid #53575F; }
.btn-custom.btn-white-transparent:hover a { color: #53575F;}

.grey .btn-custom.btn-orange:hover { background-color: transparent; border: 2px solid #F37021;}
.blue .btn-custom.btn-orange:hover { background-color: transparent; border: 2px solid #F37021;}

.references-highlight-archive-link, .news-highlight-archive-link, .comments-highlight-archive-link { text-align: center; }
.references-highlight-archive-link a, .news-highlight-archive-link a, .comments-highlight-archive-link a {font-weight: 600; background-color: #F37021; color: #fff; transition: all 0.2s ease-in-out; display: inline-block;padding: 7px 30px; margin-top: 30px; cursor: pointer; border-radius: 30px; border: 2px solid #F37021;}
.references-highlight-archive-link a:hover, .news-highlight-archive-link a:hover, .comments-highlight-archive-link a:hover { background-color: transparent; color: #F37021; text-decoration: none; border: 2px solid #F37021;}

.col-content_highlights.highlights-nomargin .content-highlight-link {font-weight: 600; background-color: #F37021; color: #fff; transition: all 0.2s ease-in-out; display: inline-block;padding: 7px 30px; margin-top: 30px; cursor: pointer; border-radius: 30px; border: 2px solid #F37021;}
.col-content_highlights.highlights-nomargin .content-highlight-link:hover { background-color: #fff; color: #F37021; border: 2px solid #F37021; }

.col-content_highlights.highlights-nomargin .content-highlight-orange .content-highlight-link {font-weight: 600; background-color: #fff; color: #52565F; transition: all 0.2s ease-in-out; display: inline-block;padding: 7px 30px; margin-top: 30px; cursor: pointer; border-radius: 30px; border: 2px solid #fff;}
.col-content_highlights.highlights-nomargin .content-highlight-orange .content-highlight-link:hover { background-color: #52565F; color: #fff; border: 2px solid #52565F; }
.col-content_highlights.highlights-nomargin .content-highlight-orange:hover .content-highlight-link { background-color: #52565F; color: #fff; border: 2px solid #52565F; }

.col-comments_highlights .comments-highlight-inner .comments-highlight-readmore a {font-weight: 600; transition: background-color 0.2s ease-in-out; display: inline-block; border-radius: 30px;padding: 5px 20px; color: #52565F; border: 1px solid #52565F; }

.infobar-container .btn-custom { margin: 0; transition: color 0.2s ease-in-out; padding: 7px 30px; color: #fff; display: inline-block; text-decoration: none; }

.crumbtrail-container a { color: #fff; }
.crumbtrail-container a:first-child { display: none; }
.crumbtrail-container a:first-child + .crumbtrail-separator,
.crumbtrail-container a:first-child + .crumbtrail-separator + .current-page { display: none; }
.crumbtrail-container .current-page { color: #fff;opacity: 1 !important; }
.crumbtrail-container .crumbtrail-separator::after { content: '>' !important; margin: 0 10px; font-weight: 900; color: #fff;}
body.thankspage .crumbtrail-container {display: none !important;}
.single .crumbtrail-container { margin-bottom: 30px; }
.single .crumbtrail-container a { color: #707070; }
.single .current-page { color: #707070; }
.single .crumbtrail-container .crumbtrail-separator::after {color: #707070; }
.banner-container { position: relative; }
body:not(.single) .banner-container .crumbtrail-container { position: absolute; top: 50px; z-index: 999;  width: 100%;}
body.archive-posts .crumbtrail-container {padding-top: 40px;}
body:not(.home) .banner-container .owl-carousel-item:after { content: ''; position: absolute; left: 0; right: 0; top: 0;  bottom: 0; background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 75%); z-index: 1; }
body:not(.home) .banner-container .owl-carousel-item .container { z-index: 2; }

.grey { background-color: #393939; }
.grey h2 { color: #F37021; }
.grey p { color: #fff; }

.orange { background-color: #FC6C00; color: #fff; }
.orange h2 { color: #fff; }
.orange p { color: #fff; }

.blue { background-color: #2960BF; }
.blue h2 { color: #F37021; }
.blue p { color: #fff; }

.lightgrey { background-color: #EFEDED; padding: 30px 0; }

.home .navbar-light .navbar-nav >.nav-link, 
.home .navbar-light .navbar-nav .nav-link,
.home .navbar-light .navbar-nav .nav-link,
.home .navbar-light .navbar-nav >.nav-link { color: #000; }
.navbar-light .navbar-nav >.nav-link, .navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav >.nav-link { color: #F37021; }
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link { color: #fff; background-color: #F37021; }
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { background-color: #F37021; color: #fff; }
.navbar-light .navbar-toggler { border: 0; }
.navbar-brand img { max-height: 50px; }
.current_page_parent > a,
.navbar-nav > li > a { padding: 5px 30px !important; }
.navbar-nav > li > a { color: #F37021; }
.navbar-nav > .current_page_parent { background-color: #F37021; }
.navbar-nav > .current-menu-item { color: #fff; }
.navbar-nav > .current-menu-ancestor { background-color: #F37021;}
.navbar-nav > .current-menu-ancestor > a { color: #fff !important; }
.current_page_parent .current-menu-item a { color: #F37021; }
.current-menu-ancestor .current-menu-ancestor a { color: #000 !important; }
.current-menu-ancestor a { color: #000 !important; }

.navbar-nav > .current-page-ancestor { background-color: #F37021;}
.navbar-nav > .current-page-ancestor > a { color: #fff !important; }

.navbar { padding: 0; }
.navigation-container { background-color: #fff !important; overflow-x: clip; }
.navbar-expand-lg .navbar-collapse { justify-content: flex-end; }
.current-page-ancestor,
.current-menu-ancestor,
.current_page_parent,
.current_page_item { position: static; }
.current-page-ancestor .dropdown-menu,
.current-menu-ancestor .dropdown-menu,
.current_page_parent .dropdown-menu,
.current_page_item .dropdown-menu { display: flex; border: 0; top: auto; right: 0; left: 0; justify-content: flex-end; border-radius: 0; margin: 0; padding: 0; }
.current-page-ancestor > .dropdown-menu:before,
.current-menu-ancestor > .dropdown-menu:before,
.current_page_parent > .dropdown-menu:before,
.current_page_item > .dropdown-menu:before { content: ''; height: 100%; position: absolute; left: -2000%; right: -2000%; background: #fff; z-index: -1; }
.current-page-ancestor .dropdown-menu li,
.current-menu-ancestor .dropdown-menu li,
.current_page_parent .dropdown-menu li,
.current_page_item .dropdown-menu li { display: inline-block; position: relative;}
.dropdown-toggle::after { display: none; }

.dropdown-menu .dropdown-menu { display: none; }
.dropdown-menu-show { display: flex !important; }
.dropdown-menu .menu-item-has-children > a:after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; }
.dropdown-menu > li a { color: #000; padding: 20px 20px 10px !important; font-size: 20px; }
.dropdown-item:focus, .dropdown-item:hover { color: #F37021 !important; background: #fff; }

.dropdown-menu .dropdown-menu:before { display: none; }
.dropdown-menu .dropdown-menu { flex-direction: column; right: auto; background-color: #000; padding: 0; }
.dropdown-menu .dropdown-menu li { position: relative; }
.dropdown-menu .dropdown-menu li a { padding: 10px 30px 10px 20px !important; background-color: #000; color: #fff !important;  font-size: 16px; border-top: 0.5px solid #DCDCDC;  border-bottom: 0.5px solid #DCDCDC; position: relative;}
.dropdown-menu .dropdown-menu li a:hover { color: #F37021 !important; }
/*.dropdown-menu > li:last-child > .dropdown-menu {right: 0; left: auto;}*/
.dropdown-menu > li > .dropdown-menu {right: 10px !important; left: auto !important;}
.dropdown-menu > li:last-child > .dropdown-menu {right: 0 !important; left: auto !important;}


.dropdown-menu .dropdown-menu .dropdown-menu { display: none; position: relative; list-style: disc; margin-left: 40px; padding: 10px 0;}
.dropdown-menu .dropdown-menu .dropdown-menu li { display: list-item; color: #fff;  }
.dropdown-menu .dropdown-menu .dropdown-menu li a { position: relative;border: 0; padding: 0 30px 0 0 !important; }

.dropdown-menu .menu-item-has-children > a:after {transition: all 0.2s ease-in-out; content: ""; transform: rotate(90deg); border: 0 !important; vertical-align: middle !important; display: inline-block; width:8px; height:10px; margin-left: 10px; background-size: cover; background-image: url("images/arrow-orange.png"); background-position: center; }
.dropdown-menu .menu-item-has-children .dropdown-menu a:after { background-image: url("images/arrow-white.png"); position: absolute; right: 10px; top: 18px;}

.dropdown-open:after { transform: rotate(270deg) !important; }

.navbar-nav > li > a[title~="Pienyritykset"] {visibility: hidden; padding-left: 0 !important; padding-right: 0 !important; border: 0 !important; width: 0 !important;}

.navigation-container .searchform-1 {z-index: 10000; margin-right: 40px; }
.navigation-container .searchform-1 > form {z-index: 10000; }
.navigation-container .searchform-1 > .search-toggle {color: #000; font-size: 18px; }
.navigation-container .searchform-1 > .search-toggle span {padding-left: 8px; }
.search-toggle {margin-left: 30px; cursor:pointer; font-size: 18px; font-weight: 500; width: 24px; height: 24px; }
.search-toggle:hover, .search-toggle:focus, .search-toggle:active {color: #B2192A;  }
.search-toggle > .fa {padding-right: 5px;  }
.navigation-container > .container {position:static; }
.navigation-container .searchform-1 form { width: 100%; transform:none; text-align:center;  }
.navigation-container .searchform-1.search-visible {height: 140px;}
.navigation-container .searchform-1 {position: absolute;top: 100%;width: 100%;left: 0; transition: height 0.2s linear;  height: 0; overflow:hidden; display:flex; align-items: center; background-color: #EFEDED; }
.navigation-container .searchform-1 form > input[type="text"] {width: 50%; height: 100%; text-align: left; max-width:100%; padding: 5px 10px; margin-right: 10px; border-width:0 0 1px 0; border-color:#000; background-color:transparent; outline: none; border-radius: 0;}
/*.navigation-container .searchform-1 form > input[type="text"]:focus {background-color:#fff; border-color: #F5AF0C; box-shadow: 0 1px 1px rgba(246,198,96, 0.075) inset, 0 0 8px rgba(246,198,96, 0.6); }*/
.navigation-container .searchform-1 form > input[type="text"]::placeholder {color: rgba(8,8,8,0.72);}
.navigation-container .searchform-1 form > button[type="submit"] {width: auto; background-color: #FC6C00; color:#fff; border: 1px solid #FC6C00; border-radius: 30px; padding: 6px 25px 6px 40px; transition: 0.2s; position:relative; font-weight: 700;}
.navigation-container .searchform-1 form > button[type="submit"]:hover, .navigation-container .searchform-1 form > button[type="submit"]:active, .navigation-container .searchform-1 form > button[type="submit"]:focus {outline:none; background: #EFEDED; color: #FC6C00;  }
.navigation-container .searchform-1 form > button[type="submit"] > .fa {padding-right: 8px; }
.navigation-container .searchform-1 form > input[type="button"] {width: auto; margin-left: 70px;border: none;background-color: transparent; font-weight: 700;}
.navigation-container .searchform-1 form > input[type="button"]:hover, .navigation-container .searchform-1 form > input[type="button"]:focus, .navigation-container .searchform-1 form > input[type="button"]:active {color: #FC6C00; }
.navigation-container .searchform-1 form > button[type="submit"]:hover, .navigation-container .searchform-1 form > button[type="submit"]:active, .navigation-container .searchform-1 form > button[type="submit"]:focus .fa-search::before {color: #FC6C00; }
.fa-search::before {content:"" !important; mask: url("images/search.svg");mask-size: cover;-webkit-mask: url("images/search.svg"); mask-size: auto;-webkit-mask-size: cover;-ms-mask: url("images/search.svg");-ms-mask-size: cover;width: 24px; height: 24px; background: #000; display: block;}
.search-toggle:hover .fa-search::before, .search-toggle:hover .fa-search::before, .search-toggle:hover .fa-search::before { opacity: 0.65; }
.navigation-container .searchform-1 form > button[type="submit"] .fa-search::before {content:"" !important; mask: url("images/search.svg");mask-size: cover;-webkit-mask: url("images/search.svg"); mask-size: auto;-webkit-mask-size: cover;-ms-mask: url("images/search.svg");-ms-mask-size: cover;width: 24px; height: 24px; background: #fff; display: block; position: absolute;left: 16px;top: 7px;}
.navigation-container .searchform-1 form > button[type="submit"]:hover .fa-search::before, .navigation-container .searchform-1 form > button[type="submit"]:focus .fa-search::before {background: #FC6C00;}

.crumbtrail-container + .post-title-container {margin-top: 40px;}

.banner-container .carousel-caption .description { font-size: 20px; }
.banner-container .carousel-caption .description p:last-of-type { margin-bottom: 0; }
.banner-container .carousel-caption h1 { color: #fff; font-weight: 800; }
.banner-container .carousel-caption h2 { color: #fff; font-weight: 700; }
.banner-container + .content { margin-top: 80px; }
.banner-container + .content.orange { margin-top: 0 !important; }
body .banner-container .owl-item .owl-carousel-item .container { z-index:5; }
.banner-container .owl-carousel-item > picture { position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; z-index:1; }
.banner-container .owl-carousel-item > #particles-js { position:absolute; top:0; right:0; transform-origin: top right; transform: rotate(-14deg); width: 120%; z-index:2; }
.banner-container .owl-carousel-item > picture.top-image { z-index:3; }
.banner-container .owl-carousel-item > .banner-embed-container { position:absolute; top:0; left:0; width:100%; height:100%; }
.banner-container .owl-carousel-item > .banner-embed-container > iframe { position:absolute; top:0; left:0; width:100%; height:100%; }

.infobar-container { position: relative; background-color: #930000; color: #fff; padding-top: 40px; padding-bottom: 30px; }
.infobar-container .title { font-size: 34px; line-height: 1; }
.infobar-container .infobar-close { position: absolute; top: 10px; right: 10px; background-color: transparent; border: 0; }
.infobar-container .infobar-close:before { content: "\2715"; color: #fff; font-size: 30px; }

.home .videobanner .owl-carousel {padding-bottom: 33% !important; overflow: hidden;}
.home .videobanner .owl-carousel .owl-stage-outer {height: 175% !important; top: -33%;}

.content { margin-top: 40px; margin-bottom: 40px;}
.content.orange {margin: 0; padding-top: 2.5rem;}

.content.lines { border-top: 1px solid #707070; border-bottom: 1px solid #707070; padding-top: 40px; padding-bottom: 40px; margin-top: 50px; margin-bottom: 50px; }
.ingress { font-size: 22px; line-height: 1;}

.content:not(.content-5_7) .col-image,
.content:not(.content-7_5) .col-image,
.content:not(.content-6_6-fluid) .col-image { margin-bottom: 20px; }
.single .col-image { margin-bottom: 20px !important; }

.content.orange-box { margin-bottom: 70px; }
/*.content.orange-box .col-md-5 .col-text { line-height: 1.2; margin-right: 40px; padding: 50px 30px; font-weight: 700; font-size: 23px; color: #fff; background-color: #FC6C00; border: 10px solid #fff; box-shadow: 35px 35px 40px rgba(0, 0, 0, 0.30); }*/
.content.orange-box .col-md-5 { position: relative; display: flex; padding-left: 60px;}
.content.orange-box .col-md-5::after {position: absolute; content: ""; height: 100%; width: 10px; height: 100%; left: 40px; top: 0; background: #FC6C00;}
.content.orange-box .col-md-5 .col-text {height: auto !important; line-height: 1.2; padding: 30px; font-weight: 700; font-size: 23px; color: #FC6C00; align-self: center;}

.content.shadows { margin: 40px 0; }
.content.shadows .row { box-shadow: 0 3px 20px rgba(0, 0, 0, 0.16); margin: 0;}
.content-7_5-box.shadows .col-image,
.content-5_7-box.shadows .col-image { margin: 0 -15px; }
.content-7_5-box.shadows .col-text,
.content-5_7-box.shadows .col-text { padding: 40px 20px; width: 95%;}
.content-12.shadows .col-text { padding: 40px 20px; width: 90%; }

.content-7_5-box.white h2 {color: #F37021; font-weight: 700;}
.content-5_7-box.white h2 {color: #F37021; font-weight: 700;}

.content .col-text ul { list-style: none; }
.content .col-text ul li { position: relative; line-height: 23px; margin-bottom: 10px; }
.content .col-text ul li::before { content: ""; z-index:0; display:block; position:absolute; left:-40px; top:13px; transform: translateY(-50%); width:18px; height:18px; background-size: cover; background-image: url("images/list.png"); background-position: center; opacity: .8}
.content.grey .col-text ul li {color: #fff;}
.content.blue .col-text ul li {color: #fff;}
.content .col-text ul li ul {margin-top: 15px;}

.content .col-text .simple-list ul { list-style: none; margin-top: 40px; }
.content .col-text .simple-list ul li {position: relative; font-size: 18px; line-height: 23px; margin-bottom: 10px; color: #000; font-weight: 400; left: auto; top: auto;}
.content .col-text .simple-list ul li::before { content: "\2022"; font-size: 25px; font-weight: bold; color: #FC6C00; z-index:0; display:inline-block; position:static; height: auto; width: 20px; margin-left: -20px; background: none !important;}
.content.grey .col-text .simple-list ul li {color: #fff;}
.content.blue .col-text .simple-list ul li {color: #fff;}

.content-6_6-fluid .col-md-6 { padding: 0; }
.content-6_6-fluid .col-md-6:first-child > div:not(.col-image):first-child { padding-top: 20px; }
.content-6_6-fluid .col-md-6:first-child > div:not(.col-image):last-child { padding-bottom: 20px; }
.content-6_6-fluid .col-md-6:last-child > div:not(.col-image):first-child { padding-top: 20px; }
.content-6_6-fluid .col-md-6:last-child > div:not(.col-image):last-child { padding-bottom: 20px; }

.carousel-caption { padding: 0 15px; height:100%; bottom: auto !important; left: auto !important; right: auto !important; width: 100%; text-align: left !important; }
.banner-container .owl-carousel-item .container { position: relative; height: 100%; }

.search-results-container .search-result {padding: 30px 0;}
.search-results-container .search-result .date {display: none;}
.search-results-container .search-results .btn-search {font-weight: 600; border-radius: 30px; padding: 7px 30px; line-height: 1.5; color: #fff; border: 1px solid #FC6C00; background: #FC6C00;}
.search-results-container .search-results .btn-search:focus, .search-results-container .search-results .btn-search:hover {background: #fff; color: #FC6C00;}
.search-results-container .search-button > button {appearance: none; background: #fff; color: #000; border: 1px solid #000; box-shadow: none;}
.search-results-container .search-button > button:hover, .search-results-container .search-button > button:focus {color: #fff !important; background: #FC6C00 !important; border: 1px solid #FC6C00 !important;}
.search-results-container .search-button > button:focus .fa-search:before, .search-results-container .search-button > button:hover .fa-search:before {background: #fff;}

.content-hl-maintitle h2 {margin-bottom: 40px;}
.col-content_highlights .col-flex .content-highlight-inner { text-align: left; padding: 30px; }
.col-content_highlights .content-highlight-container { color: #000; height: 100%; text-align: center; box-shadow: 0 0 0 0 !important; }
.col-content_highlights .content-highlight-inner { background-color: transparent !important; padding: 15px !important; }
.col-content_highlights .content-highlight { margin-bottom: 15px; }
.col-content_highlights .content-highlight-inner h3 { color: #000; font-weight: 700; }
.col-content_highlights .ingress { font-size: 20px; line-height: 1.5;}
.col-content_highlights .col-sm-12.content-highlight .content-highlight-inner {text-align: left; padding: 60px !important;}

.col-content_highlights.highlights-icon .content-highlight-container { padding: 20px; }
.col-content_highlights.highlights-icon .content-highlight-container img { max-width: 120px; }

.col-content_highlights.highlights-bg .content-highlight-inner h3 { color: #fff; }
.col-content_highlights.highlights-bg .content-highlight-container { position: relative; color: #fff; overflow: hidden;  }
.col-content_highlights.highlights-bg .content-highlight-container .content-highlight-inner { padding: 35px !important; position: absolute; top: 50%; left: 0; transform: translateY(-50%); z-index: 2; }
/*.col-content_highlights.highlights-bg .content-highlight-container .content-highlight-inner { padding: 35px !important; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; }*/
.col-content_highlights.highlights-bg .content-highlight-link { transition: all 0.2s ease-in-out;display: inline-block; background-color: #F37021; font-weight: 600; border-radius: 30px; padding: 7px 30px; margin-top: 15px; border: 1px solid transparent; }
.col-content_highlights.highlights-bg .content-highlight-container:hover .content-highlight-link { background-color: #fff; color: #F37021;border: 1px solid #F37021; }
.col-content_highlights.highlights-bg .content-highlight-inner:after { content: ''; background-color: rgba(0, 1, 0, 0.52); position: absolute; top: -100%; left: -100%; right: -100%;bottom: -100%; z-index: -1; }

.col-content_highlights .content-highlight-link { transition: all 0.2s ease-in-out;display: inline-block; background-color: #F37021; font-weight: 600; border-radius: 30px; padding: 7px 30px; margin-top: 15px; border: 1px solid transparent; color: #fff;}
.col-content_highlights .content-highlight-orange .content-highlight-link {color: #393939; transition: all 0.2s ease-in-out;display: inline-block; background-color: #fff; font-weight: 600; border-radius: 30px; padding: 7px 30px; margin-top: 15px; border: 1px solid #fff; }
.col-content_highlights .content-highlight-container:hover .content-highlight-link { background-color: #fff; color: #F37021;border: 1px solid #F37021; }
.col-content_highlights .content-highlight-orange .content-highlight-container:hover .content-highlight-link {background: #393939; color: #fff; border: 1px solid #393939;}

.col-content_highlights.highlights-bg-titles .content-highlight-container { position: relative; color: #fff;}
.col-content_highlights.highlights-bg-titles .content-highlight-container .content-highlight-inner { background-color: rgba(240, 125, 0, 0.80) !important; position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; }
.col-content_highlights.highlights-bg-titles .content-highlight-container .content-highlight-inner h3 { margin-bottom: 0; }
.col-content_highlights.highlights-bg-titles .content-highlight-link {transition: all 0.2s ease-in-out;font-weight: 600; display: inline-block; background-color: #fff; color: #F07D00; border-radius: 30px; padding: 7px 30px; margin-top: 15px; }
.col-content_highlights.highlights-bg-titles .content-highlight-container:hover .content-highlight-link { background-color: #F07D00; color: #fff; }
.col-content_highlights.highlights-bg-titles .content-highlight-inner h3 { color: #fff; font-weight: 800; }


.col-content_highlights.highlights-bg-titles .content-highlight-default .content-highlight-link { color: #52565F; border: 1px solid #52565F; }
.col-content_highlights.highlights-bg-titles .content-highlight-default:hover .content-highlight-link { background-color: #52565F; border: 1px solid #52565F; }
.col-content_highlights.highlights-bg-titles .content-highlight-default .content-highlight-link:after { transition: all 0.2s ease-in-out;content: '>'; color: #52565F; margin-left: 5px; vertical-align: middle;}
.col-content_highlights.highlights-bg-titles .content-highlight-default:hover .content-highlight-link:after {  color: #fff; }

.col-content_highlights.highlights-nomargin {margin: -40px 0;}
.col-content_highlights.highlights-nomargin .content-highlight { padding: 0; margin-bottom: 0; }
.col-content_highlights.highlights-nomargin .content-highlight-container { padding: 50px; }
.col-content_highlights.highlights-nomargin .content-highlight-container a { display: block; font-size: 30px; margin-bottom: 25px; }
.col-content_highlights.highlights-nomargin .content-highlight-orange a { color: #fff; }
.col-content_highlights.highlights-nomargin .content-highlight-darkgrey a { color: #FC6C00; }
.col-content_highlights.highlights-nomargin .row { position: relative; z-index: 1; box-shadow: 0 3px 20px rgba(0, 0, 0, 0.16); }

.content-highlight-blue .content-highlight-container { background-color: #2A60C0; color: #fff; }
.content-highlight-orange .content-highlight-container { background-color: #FC6C00; color: #fff; }
.content-highlight-black .content-highlight-container { background-color: #000; color: #fff; }
.content-highlight-darkblue .content-highlight-container { background-color: #002060; color: #fff; }
.content-highlight-grey .content-highlight-container { background-color: #E7E6E6; color: #000; }
.content-highlight-darkgrey .content-highlight-container { background-color: #3A3D43; color: #fff; }
.content-highlight-magenta .content-highlight-container { background-color: #971651; color: #fff; }

.content-highlight-blue .content-highlight-inner h3,
.content-highlight-orange .content-highlight-inner h3,
.content-highlight-black .content-highlight-inner h3,
.content-highlight-darkblue .content-highlight-inner h3,
.content-highlight-darkgrey .content-highlight-inner h3,
.content-highlight-magenta .content-highlight-inner h3 { color: #fff; }
.content-highlight-grey .content-highlight-inner h3 { color: #000; }

.col-content_carousel { padding: 0 !important; }
.col-content_carousel .owl-carousel {  padding: 20px; }
.col-content_carousel .content-carousel-contents {  position: relative; }
.col-content_carousel .owl-carousel .owl-stage { display: flex; flex-direction: column; width: 100% !important; }
.col-content_carousel .owl-carousel .owl-item  { width: 100% !important; margin-bottom: 10px; }
.col-content_carousel .content-carousel-contents > .content-carousel-content p:last-of-type { margin-bottom: 0; }
.col-content_carousel .carousel-item-title {transition: all 0.2s ease-in-out; display: inline-block; font-size: 20px; font-weight: 300; color: #000; line-height: 1; }
.col-content_carousel .activeslide .carousel-item-title { font-weight: 600; color: #FC6C00 !important; }
.col-content_carousel .owl-carousel-item { padding: 0 0 0 20px !important; }
.col-content_carousel .owl-carousel-item a:hover { text-decoration: none; color: #000; }
.col-content_carousel .content-carousel-contents > .content-carousel-content h3 { color: #707070; }
.col-content_carousel .content-carousel-contents > .content-carousel-content { color: #707070; }
.col-content_carousel .content-carousel-contents .content-carousel-text { font-size: 20px; position: relative; z-index: 3;line-height: 1.1; }
.col-content_carousel .content-carousel-image { background-position: 50%; background-size: cover; }

.col-table table {box-shadow: 0 3px 20px rgb(0 0 0 / 16%); background: #fff;}
.col-table table th {border: none; color: #fff; background: #F37021;}
.col-table table td {border-bottom: 1px solid #F37021; border-left: 1px solid #F37021;}
.col-table table td:first-child {border-left: 0;}
.col-table table tr:last-child td {border-bottom: none;}
.grey-table .col-table table th {background: #53575F;}
.content.grey .col-table table {background: #fff;}

.col-faq table {box-shadow: 0 3px 20px rgb(0 0 0 / 16%); background: #fff;}
.col-faq table th {border: none; color: #fff; background: #F37021; padding: 10px;}
.col-faq table td {border-bottom: 1px solid #F37021; border-left: 1px solid #F37021;padding: 10px;}
.col-faq table td:first-child {border-left: 0;}
.col-faq table tr:last-child td {border-bottom: none;}
.content.grey .col-faq table {background: #fff;}

.col-faq .panel-heading { padding-left: 20px; }
.col-faq .panel-heading a { font-size: 20px; color: #000; }
.col-faq .panel-heading a:hover { color: #FC6C00; text-decoration: none; }
.col-faq .panel-heading a:hover:before { background-image: url("images/arrow-orange.png"); }
.col-faq .panel-heading a:before {transition: all 0.2s ease-in-out; content: "";display: inline-block; width:10px; height:12px; margin-left: 10px; background-size: cover; background-image: url("images/arrow-black.png"); background-position: center; margin-left: -20px; margin-right: 5px; margin-bottom: 2px; font-weight: 600; }

.content.grey .col-faq .panel-heading a {color: #fff;}
.content.grey .col-faq .panel-heading a:hover {color: #FC6C00;}
.content.grey .col-faq .panel-heading a:before {background-image: url("images/arrow-white.png");}
.content.grey .col-faq .panel-heading a:hover:before { background-image: url("images/arrow-orange.png"); }

.content.blue .col-faq .panel-heading a {color: #fff;}
.content.blue .col-faq .panel-heading a:hover {color: #FC6C00;}
.content.blue .col-faq .panel-heading a:before {background-image: url("images/arrow-white.png");}
.content.blue .col-faq .panel-heading a:hover:before { background-image: url("images/arrow-orange.png"); }

.col-content_carousel .lightgrey {padding: 0;}

.col-content_carousel .blue-carousel h2 { font-weight: 700; }
.col-content_carousel .blue-carousel { background-color: #002060; }
.col-content_carousel .blue-carousel .carousel-item a {display: inline-block;}
.col-content_carousel .blue-carousel .carousel-item-title {  color: #fff; position: relative; }
.col-content_carousel .blue-carousel .carousel-item-title:before { transition: all 0.2s ease-in-out; content: "";display: inline-block; width:10px; height:12px; margin-left: 10px; background-size: cover; background-image: url("images/arrow-white.png"); background-position: center; margin-left: 0; margin-right: 5px; margin-bottom: 2px; font-weight: 600; }
.col-content_carousel .blue-carousel .activeslide .carousel-item-title:before { color: #FC6C00 !important; background-image: url("images/arrow-orange.png");}
.col-content_carousel .blue-carousel a .carousel-item-title:hover:before { background-image: url("images/arrow-orange.png"); }
.col-content_carousel .blue-carousel a .carousel-item-title:hover { color: #FC6C00; }
.col-content_carousel .blue-carousel .carousel-item-title:after { content: ''; position: absolute; right: -40px; }
.col-content_carousel .blue-carousel .content-carousel-contents > .content-carousel-content h3 { color: #fff; }
.col-content_carousel .blue-carousel .content-carousel-contents > .content-carousel-content { color: #fff; }
.col-content_carousel .blue-carousel .content-carousel-contents:after { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 55, 112, 0.55); z-index: 1; }
.col-content_carousel .blue-carousel .content-carousel-text { padding: 40px 30% 40px 40px; }

.col-content_carousel .white-carousel h2 { font-weight: 300; }
.col-content_carousel .white-carousel { box-shadow: 0 3px 20px rgba(0, 0, 0, 0.16); }
.col-content_carousel .white-carousel .content-carousel-text { padding: 20px; }
.col-content_carousel .white-carousel img { margin-top: 20px; }
.col-content_carousel .white-carousel .content-carousel-content:before { content: ''; height: 1px; background-color: #F37021; position: absolute; left: 20px; right: 20px; }
.col-content_carousel .white-carousel .carousel-item-title:before { content: "";display: inline-block; width:10px; height:12px; margin-left: 10px; background-size: cover; background-image: url("images/arrow-black.png"); background-position: center; margin-left: 0; margin-right: 5px; margin-bottom: 2px; font-weight: 600; }
.col-content_carousel .white-carousel .activeslide .carousel-item-title:before { color: #FC6C00 !important; background-image: url("images/arrow-orange.png");}
.col-content_carousel .white-carousel a .carousel-item-title:hover:before {transition: all 0.2s ease-in-out; color: #FC6C00 !important; background-image: url("images/arrow-orange.png");}
.col-content_carousel .white-carousel a .carousel-item-title:hover { color: #FC6C00; }

.col-content_carousel .grey-carousel h2 { font-weight: 300; }
.col-content_carousel .grey-carousel { box-shadow: 0 3px 20px rgba(0, 0, 0, 0.16); }
.col-content_carousel .grey-carousel .content-carousel-text { padding: 20px; }
.col-content_carousel .grey-carousel img { margin-top: 20px; }
.col-content_carousel .grey-carousel .content-carousel-content:before { content: ''; height: 1px; background-color: #F37021; position: absolute; left: 20px; right: 20px; }
.col-content_carousel .grey-carousel .carousel-item-title:before { content: "";display: inline-block; width:10px; height:12px; margin-left: 10px; background-size: cover; background-image: url("images/arrow-black.png"); background-position: center; margin-left: 0; margin-right: 5px; margin-bottom: 2px; font-weight: 600; }
.col-content_carousel .grey-carousel .activeslide .carousel-item-title:before { color: #FC6C00 !important; background-image: url("images/arrow-orange.png");}
.col-content_carousel .grey-carousel a .carousel-item-title:hover:before {transition: all 0.2s ease-in-out; color: #FC6C00 !important; background-image: url("images/arrow-orange.png");}
.col-content_carousel .grey-carousel a .carousel-item-title:hover { color: #FC6C00; }

.col-person_information { margin-bottom: 50px; }
.col-person_information .person-information { align-items: center; }
.col-person_information .person-title-desc {font-size: 15px;}
.col-person_information img { border-radius: 50%; }
.col-person_information ul { margin-bottom: 0;}
.col-person_information h3 { color: #F37021; font-size: 18px;}
.col-person_information a { color: #707070; }

.col-person_information .person-information ul { list-style: none; margin-top: 5px; }
.col-person_information .person-information ul li { position: relative; padding-left: 40px; }
.col-person_information .person-information .person-phones li::before { content: ""; z-index:0; display:block; position:absolute; left:0; top:50%; transform: translateY(-50%); width:20px; height:20px; background-size: cover; background-image: url("images/phone.png"); background-position: center; }
.col-person_information .person-information .person-emails li::before { content: ""; z-index:0; display:block; position:absolute; left:0; top:50%; transform: translateY(-50%);width:23px; height:16px; background-size: cover; background-image: url("images/mail.png"); background-position: center; }
.col-person_information .person-information .person-social-media li {padding-left: 0;}
.col-person_information .person-information .person-social-media li .fa {color: #2860be; font-size: 24px;}

.person-hl-title h2 {margin-bottom: 40px; text-align: center;}

.col-persons_highlights > .row {justify-content: center;}
.col-persons_highlights .person-wrapper { margin-bottom: 50px; }
.col-persons_highlights .person-title-desc {font-size: 15px;}
.col-persons_highlights img { border-radius: 50%; }
.col-persons_highlights ul { margin-bottom: 0;}
.col-persons_highlights h3 { color: #F37021; font-size: 18px;}
.col-persons_highlights a { color: #707070; }

.col-persons_highlights .person-highlight ul { list-style: none; margin-top: 5px; }
.col-persons_highlights .person-highlight ul li { position: relative; padding-left: 40px; }
.col-persons_highlights .person-highlight .person-phonenumbers li::before { content: ""; z-index:0; display:block; position:absolute; left:0; top:50%; transform: translateY(-50%); width:20px; height:20px; background-size: cover; background-image: url("images/phone.png"); background-position: center; }
.col-persons_highlights .person-highlight .person-emailaddresses li::before { content: ""; z-index:0; display:block; position:absolute; left:0; top:50%; transform: translateY(-50%);width:23px; height:16px; background-size: cover; background-image: url("images/mail.png"); background-position: center; }
.col-persons_highlights .person-highlight .person-social-media li {padding-left: 0;}
.col-persons_highlights .person-highlight .person-social-media li .fa {color: #F37021; font-size: 24px;}

.col-references_highlights,
.col-news_highlights { text-align: center; margin-top: 40px; margin-bottom: 30px; }
.col-references_highlights .reference-highlight,
.col-courses_highlights .cases-highlight-container,
.col-news_highlights .news-highlight-container {  text-align: left; margin-bottom: 30px;}
.col-references_highlights .reference-highlight a,
.col-courses_highlights .cases-highlight-container a,
.col-news_highlights .news-highlight-container a { color: #000; }

.col-news_highlights .news-highlight-container .news-highlight-inner h4 { font-weight: 700; }
.col-news_highlights .news-highlight-container .news-highlight-inner { padding: 15px 15px 30px; position: relative;}
.col-references_highlights .reference-highlight-ingress,
.col-courses_highlights .case-highlight-ingress,
.col-news_highlights .news-highlight-ingress { display:inline; }
/*.col-news_highlights .news-highlight-readmore {position: absolute; bottom: 0; left: 0; width: 100%; padding: 15px;}*/
.col-news_highlights .news-highlight-readmore { display: block; margin-top: 15px;}
.col-news_highlights .news-highlight-readmore span  { display: inline-block; font-weight: 600; color: #52565F; transition: all 0.2s ease-in-out; padding: 7px 25px; border: 1px solid #52565F; border-radius: 30px;align-self: flex-start; }
.col-news_highlights .news-highlight-readmore span:after { content: '>'; transition: all 0.2s ease-in-out;color: #52565F; margin-left: 5px; vertical-align: middle;}
.col-news_highlights a:hover .news-highlight-readmore span { background-color: #52565F; color: #fff; }
.col-news_highlights a:hover .news-highlight-readmore span::after {color: #fff;}
.col-news_highlights .no-image .news-highlight-readmore span  { display: inline-block; font-weight: 600; color: #fff; transition: all 0.2s ease-in-out; padding: 7px 25px; border: 1px solid #fff; border-radius: 30px;align-self: flex-start; }
.col-news_highlights .no-image .news-highlight-readmore span:after { content: '>'; transition: all 0.2s ease-in-out;color: #fff; margin-left: 5px; vertical-align: middle;}
.col-news_highlights .no-image a:hover .news-highlight-readmore span { background-color: #fff; color: #52565F; }
.col-news_highlights .no-image a:hover .news-highlight-readmore span::after {color: #52565F;}
.col-references_highlights .references-description,
.col-news_highlights .news-description { margin-bottom: 20px; }
.col-news_highlights .news-highlight-wrap { display: flex; flex-direction: column; height: 100%; box-shadow: 0 3px 20px rgb(0 0 0 / 16%); background: #fff;}
.col-news_highlights .news-highlight-wrap:hover { text-decoration: none;}
.col-news_highlights .news-highlight-category,
.col-courses_highlights .case-highlight-category {display: inline-block; color: #fff; text-transform: uppercase; font-weight: 700; padding: 10px; line-height: 1; background: #FC6C00; margin-bottom: 15px; font-size: 16px;}
.col-news_highlights .news-highlight-container.news-hl-wide .img-normal {display: none;}
.col-news_highlights .news-highlight-container.news-hl-narrow .img-wide {display: none;}
.col-news_highlights .posts-blog .news-highlight-category {background: #003770;}
.col-news_highlights .posts-events .news-highlight-category {background: #971651;}
.col-news_highlights .posts-cases .news-highlight-category {background: #2A60C0;}

.col-news_highlights .news-highlight-container.no-image .news-highlight-wrap {  background-color: #53575F; }
.col-news_highlights .news-highlight-container.no-image .news-highlight-wrap h4 { color: #fff; }
.col-news_highlights .news-highlight-container.no-image a { color: #fff; }
.col-news_highlights .news-highlight-container.no-image .news-highlight-readmore:after { color: #fff; }
.col-news_highlights .news-highlight-container.no-image .news-highlight-wrap { justify-content: center; }

.col-references_highlights .reference-highlight .reference-highlight-inner h4,
.col-courses_highlights .cases-highlight-inner h4,
.col-comments_highlights .comments-highlight-inner h4 { font-weight: 700; }
.col-comments_highlights { padding: 20px 0; }
.col-references_highlights .reference-highlight .reference-highlight-inner,
.col-comments_highlights .comments-highlight-inner { background-color: #fff; padding: 20px 20px 30px; flex-grow: 1; display: flex; flex-direction: column;  }
.col-courses_highlights .cases-highlight-inner { background-color: #fff; padding: 20px 20px 30px; flex-grow: 1;  }
.col-references_highlights .reference-highlight-readmore, 
.col-courses_highlights .case-highlight-readmore, 
.col-comments_highlights .comments-highlight-inner .comments-highlight-readmore { margin-top: auto;}
.col-references_highlights .reference-highlight-readmore span,
.col-courses_highlights .case-highlight-readmore span,
.col-comments_highlights .comments-highlight-inner .comments-highlight-readmore span { display: inline-block; font-weight: 600; color: #52565F; transition: all 0.2s ease-in-out; margin-top: 20px; padding: 7px 25px; border: 1px solid #52565F; border-radius: 30px;align-self: flex-start; }
.col-references_highlights .reference-highlight-wrap:hover .reference-highlight-readmore span,
.col-courses_highlights .cases-highlight-wrap:hover .case-highlight-readmore span,
.col-comments_highlights .comments-highlight-wrap:hover .comments-highlight-readmore span { background-color: #52565F; color: #fff; }
.col-references_highlights .reference-highlight-readmore span:after,
.col-courses_highlights .case-highlight-readmore span:after,
.col-comments_highlights .comments-highlight-inner .comments-highlight-readmore span:after { content: '>'; transition: all 0.2s ease-in-out;color: #52565F; margin-left: 5px; vertical-align: middle;}
.col-references_highlights .reference-highlight-wrap,
.col-courses_highlights .cases-highlight-wrap,
.col-comments_highlights .comments-highlight-wrap { color: #000; display: flex; flex-direction: column; height: 100%; box-shadow: 0 3px 20px rgb(0 0 0 / 16%); }
.col-references_highlights .reference-highlight-wrap:hover,
.col-courses_highlights .cases-highlight-wrap:hover,
.col-comments_highlights .comments-highlight-wrap:hover { text-decoration: none; }
.col-references_highlights .reference-highlight-wrap:hover span:after,
.col-courses_highlights .cases-highlight-wrap:hover span:after,
.col-comments_highlights .comments-highlight-wrap:hover span:after { color: #fff;}
.col-comments_highlights .comments-highlight-container { margin-bottom: 15px; }

.archive-comments .archive-wrap { display: flex; flex-direction: column; height: 100%; box-shadow: 0 3px 20px rgb(0 0 0 / 16%); }
.archive-comments .archive-inner { padding: 15px; }
.archive-comments .archive-read-more a { color: #000; font-weight: 600; }
.archive-comments .archive-read-more a:hover { color: #F37021; text-decoration: none; }
.archive-comments .archive-read-more a:after { content: '>'; margin-left: 5px; }
.archive-comments .archive-read-more a:hover:after { color: #F37021;}
.archive-comments .col-md-6 { margin-bottom: 15px; }

ul.comments-categories { margin: 30px 0 15px; }
ul.comments-categories a { font-weight: 600; background-color: #FA6C21; color: #fff; text-transform: uppercase; padding: 3px 10px;border: 1px solid #FA6C21; font-size: 18px;}
ul.comments-categories > li {display: inline-block; margin-right: 10px; margin-bottom: 10px; }
ul.comments-categories > li > a {display: block;}
ul.comments-categories a:hover { background-color: #fff; color: #FA6C21 !important; border: 1px solid #FA6C21; text-decoration: none;}
ul.comments-categories a.selected-category { background: #393939 !important; border: 1px solid #393939; }
.archive-container .archive-title > .category { margin-bottom:8px; }

.element-hidden { opacity:0; height:0; }

.archive-cases .archive-wrap { display: flex; flex-direction: column; height: 100%; box-shadow: 0 3px 20px rgb(0 0 0 / 16%); }
.archive-cases .archive-inner { padding: 15px; }
.archive-cases .archive-read-more a { color: #000; font-weight: 600; }
.archive-cases .archive-read-more a:hover { color: #F37021; text-decoration: none; }
.archive-cases .archive-read-more a:after { content: '>'; margin-left: 5px; }
.archive-cases .archive-read-more a:hover:after { color: #F37021;}
.archive-cases .col-md-6 { margin-bottom: 15px; }

ul.cases-categories { margin: 30px 0 15px; }
ul.cases-categories a { font-weight: 600; background-color: #FA6C21; color: #fff; text-transform: uppercase; padding: 3px 10px;border: 1px solid #FA6C21; font-size: 18px;}
ul.cases-categories > li {display: inline-block; margin-right: 10px; margin-bottom: 10px; }
ul.cases-categories > li > a {display: block;}
ul.cases-categories a:hover { background-color: #fff; color: #FA6C21 !important; border: 1px solid #FA6C21; text-decoration: none;}
ul.cases-categories a.selected-category { background: #393939 !important; border: 1px solid #393939; }

.content-12 .col-button_group > .button-group > a {text-decoration: none; color: #52565F; display: inline-block; margin: 0 5px 10px !important; font-size: 20px;  border: 1px solid #52565F; padding: 5px 10px; }
.content-12 .col-button_group > .button-group > span {text-decoration: none; color: #52565F; display: inline-block; margin: 0 5px 10px !important; font-size: 20px;  border: 1px solid #52565F; padding: 5px 10px; }
.content-12 .col-button_group > .button-group > a:hover {background: #52565F; color: #fff;}
.content-12 .col-button_group { text-align: center; }

.content.lightgrey .col-button_group > .button-group > a {font-weight: 600; text-decoration: none; color: #393939; display: inline-block; margin: 0 5px 10px !important; font-size: 20px;  border: 1px solid #393939; padding: 5px 10px; }
.content.lightgrey .col-button_group > .button-group > span {font-weight: 600; text-decoration: none; color: #393939; display: inline-block; margin: 0 5px 10px !important; font-size: 20px;  border: 1px solid #393939; padding: 5px 10px; }
.content.lightgrey .col-button_group > .button-group > a:hover {background: #393939; color: #fff;}
.content.lightgrey .col-button_group > .button-group > a:after { content: '>'; color: #393939; margin-left: 5px; }
.content.lightgrey .col-button_group > .button-group > a:hover:after {color: #fff;}

.content.orange .col-button_group { text-align: left; padding: 15px 0; }
.content.orange .col-button_group > .button-group {margin: 15px 0;}
.content.orange .col-button_group > .button-group > a { margin: 0 5px 10px !important; font-size: 20px; color: #fff; border: 1px solid #fff; padding: 5px 10px; }
.content.orange .col-button_group > .button-group > span { margin: 0 5px 10px !important; font-size: 20px; color: #fff; border: 1px solid #fff; padding: 5px 10px; }
.content.orange .col-button_group > .button-group > a:hover { text-decoration: none; box-shadow: 0 0 0 4px #fff;}
.content.orange .col-button_group > .button-group > a:after { content: '>'; color: #fff; margin-left: 5px; }

.content.grey .col-button_group { padding: 40px 0; }
.content.grey .col-button_group > .button-group > a { color: #52565F; }
.content.grey .col-button_group > .button-group > a:hover { text-decoration: none; }
.content.grey .col-button_group > .button-group > a:after { content: "";display: inline-block; width:10px; height:12px; margin-left: 10px; background-size: cover; background-image: url("images/arrow-orange.png"); background-position: center; }
.content.grey .col-button_group > .button-group > a,
.content.grey .col-button_group > .button-group > a {transition: all 0.2s ease-in-out; font-weight: 600; margin-left: 0 !important; margin-right: 20px; font-size: 20px; color: #fff; border: 1px solid #fff; padding: 5px 10px; display: inline-block; margin-bottom: 15px;}
.content.grey .col-button_group > .button-group > span {transition: all 0.2s ease-in-out; font-weight: 600; margin-left: 0 !important; margin-right: 20px; font-size: 20px; color: #fff; border: 1px solid #fff; padding: 5px 10px; display: inline-block; margin-bottom: 15px;}
.content.grey .col-button_group > .button-group > a:hover,
.content.grey .col-button_group > .button-group > a:hover { text-decoration: none; box-shadow: 0 0 0 4px #fff;}

.content.blue .col-button_group { padding: 40px 0; }
.content.blue .col-button_group > .button-group > a { color: #52565F; }
.content.blue .col-button_group > .button-group > a:hover { text-decoration: none; }
.content.blue .col-button_group > .button-group > a:after { content: "";display: inline-block; width:10px; height:12px; margin-left: 10px; background-size: cover; background-image: url("images/arrow-orange.png"); background-position: center; }
.content.blue .col-button_group > .button-group > a,
.content.blue .col-button_group > .button-group > a {transition: all 0.2s ease-in-out; font-weight: 600; margin-left: 0 !important; margin-right: 20px; font-size: 20px; color: #fff; border: 1px solid #fff; padding: 5px 10px; display: inline-block; margin-bottom: 15px;}
.content.blue .col-button_group > .button-group > span {transition: all 0.2s ease-in-out; font-weight: 600; margin-left: 0 !important; margin-right: 20px; font-size: 20px; color: #fff; border: 1px solid #fff; padding: 5px 10px; display: inline-block; margin-bottom: 15px;}
.content.blue .col-button_group > .button-group > a:hover,
.content.blue .col-button_group > .button-group > a:hover { text-decoration: none; box-shadow: 0 0 0 4px #fff;}

.white .col-button_group > .button-group > a,
.lines .col-button_group > .button-group > a {transition: all 0.2s ease-in-out;  color: #52565F; font-weight: 600; display: inline-block; text-decoration: none; color: #393939; display: inline-block; margin: 0 5px 10px !important; font-size: 20px;  border: 1px solid #393939; padding: 5px 10px;}
.white .col-button_group > .button-group > span,
.lines .col-button_group > .button-group > span {transition: all 0.2s ease-in-out;  color: #52565F; font-weight: 600; display: inline-block; text-decoration: none; color: #393939; display: inline-block; margin: 0 5px 10px !important; font-size: 20px;  border: 1px solid #393939; padding: 5px 10px;}
.white .col-button_group > .button-group > a:hover,
.lines .col-button_group > .button-group > a:hover { text-decoration: none; box-shadow: 0 0 0 4px #52565F; }
.white .col-button_group > .button-group > a:after, .lines .col-button_group > .button-group > a:after { content: "";display: inline-block; width:10px; height:12px; margin-left: 10px; background-size: cover; background-image: url("images/arrow-orange.png"); background-position: center;  }

.wpml-ls-statics-footer { display: none !important; }

.content.white + .footer-container { border-top: 30px solid #fff; }

.footer-container4 { background-color: #efeded !important; margin-top: auto; }
.footer-container4 a { color: #393939 !important; }
.footer-container4 .footer-left {border-right: 1px solid #FA6C21;}
.footer-container4 .footer-logo { text-align: center; }
.footer-container4 .footer-logo img { max-width: 115px; }
.footer-container4 .footer-content { color: #000; text-align: left; }
.footer-container4 .footer-someicons { text-align: center; margin-top: 20px; margin-bottom: 30px;}
.footer-container4 .footer-someicons a { background-color: #000; color: #fff !important; border-radius: 50%; width: 24px; height: 24px; display: flex; justify-content: center; }
.footer-container4 .footer-someicons a i { font-size: 16px !important; line-height: 24px; }
.footer-container4 .footer-someicons a:hover { background-color: #F37021; transform: scale(1.1); }
.footer-container4 .footer-columns {display: flex; flex-wrap: wrap;}
.footer-container4 .footer-columns p {display: inline-block; width: 50%; padding: 0 15px 15px;}
.footer-container4 .footer-columns a[href^="tel:"] {position: relative; padding-left: 25px;}
.footer-container4 .footer-columns a[href^="tel:"]::before {content: ""; width: 17px; height: 17px; background-image: url("images/phoneicon.png"); position: absolute; top: 5px; left: 0;}
.footer-container4 .footer-columns a[href^="mailto:"] {position: relative; padding-left: 25px;}
.footer-container4 .footer-columns a[href^="mailto:"]::before {content: ""; width: 17px; height: 17px; background-image: url("images/mailicon.png"); position: absolute; top: 5px; left: 0;}
.footer-container4 .footer-links-wrap {display: flex; flex-wrap: wrap; padding-bottom: 30px;}
.footer-container4 .footer-links-group {flex-basis: 100%;}
.footer-container4 .footer-links-group:last-child {align-self: flex-end;}
.footer-container4 .footer-links-group:last-child ul {margin: 0;}
.footer-container4 .footer-links-group h3 {font-size: 18px; margin: 0; line-height: 1.5; color: #000;}

.col-md-3 .col-comments_highlights .comments-highlight-container { flex: 0 0 100%; max-width: 100%; }
.col-md-3 .col-comments_highlights { padding-top: 0; }
.col-md-3 .col-comments_highlights h2 { font-size: 30px; color: #000; }
.col-md-3 .col-comments_highlights .comments-highlight-wrap { box-shadow: 0 0 0 0; margin-bottom: 20px; }
.col-md-3 .col-comments_highlights h4 { font-size: 20px; color: #000; }
.col-md-3 .col-comments_highlights .comments-highlight-readmore { display: none; }
.col-md-3 .col-comments_highlights .comments-highlight-ingress { display: none; }
.col-md-3 .col-comments_highlights .comments-highlight-inner { padding: 10px 0; }
.col-md-3 .col-comments_highlights .comments-highlight-archive-link { display: none; }

/*.single-news .col-md-3 .col-news_highlights {text-align: left;}

.single-news .col-md-3 .col-news_highlights { padding-top: 0; }
.single-news .col-md-3 .col-news_highlights h2 { font-size: 30px; color: #000; }
.single-news .col-md-3 .col-news_highlights .news-highlight-wrap { box-shadow: 0 0 0 0; margin-bottom: 20px; }
.single-news .col-md-3 .col-news_highlights h4 { font-size: 20px; color: #000; }
.single-news .col-md-3 .col-news_highlights .news-highlight-readmore { display: none; }
.single-news .col-md-3 .col-news_highlights .news-highlight-ingress { display: none; }
.single-news .col-md-3 .col-news_highlights .news-highlight-inner { padding: 10px 0; }
.single-news .col-md-3 .col-news_highlights .news-highlight-archive-link { display: none; }
.single-news .col-md-3 .col-news_highlights .news-highlight-container.no-image .news-highlight-wrap {background: none;}
.single-news .col-md-3 .col-news_highlights .news-highlight-container.no-image a {color: #000;}
.single-news .col-md-3 .col-news_highlights .news-highlight-container.no-image .news-highlight-wrap h4 {color: #000;}*/
.single-news .col-md-3 .col-news_highlights .news-highlight-container {flex: 0 0 100%; max-width: 100%;}

.single-news-date {display: none;}
body.single-news .single-news-date {margin-bottom: 15px; display: block;}

.col-comments_highlights .comments-highlight-ingress { color: #9C9C9C; }

.col-person_information { border-top: 1px solid #707070; padding-top: 30px; }
.col-person_information .person-information img { max-width: 200px; margin-bottom: 20px; }
.col-person_information .person-information { text-align: center; }
.col-person_information .person-information h3 { font-size: 26px; color: #000; font-weight: 700; }
.col-person_information .person-information h4 { font-size: 20px; margin-bottom: 0; font-weight: 700;}

.col-persons_highlights .person-wrapper { border-top: 1px solid #707070; padding-top: 30px; }
.col-persons_highlights .person-highlight img { margin-bottom: 20px; }
.col-persons_highlights .person-highlight h3 { font-size: 26px; color: #000; font-weight: 700; }
.col-persons_highlights .person-highlight h4 { font-size: 20px; margin-bottom: 0; font-weight: 700;}

.job-vacancies {display: flex; padding: 30px 0;}
.job-vacancies .jobs-header {width: 33.3%; padding: 30px; background: #EFEDED;}
.job-vacancies .jobs-header .job-tags button {appearance: none; box-shadow: none; font-weight: 600; text-transform: uppercase; border: none; background: #FC6C00; color: #fff; margin: 0 7px 7px 0; padding: 5px 10px; font-size: 0.8rem;}
.job-vacancies .jobs-header .job-tags button:hover, .job-vacancies .jobs-header .job-tags button:focus, .job-vacancies .jobs-header .job-tags button.jobs-selected {background: #000; color: #fff;}
.job-vacancies #job-listings {width: 66.6%; padding-left: 50px;}
.job-vacancies #job-listings:first-child { padding-left:0; margin:0 auto; width:740px; max-width: 100%; }
.job-vacancies #job-listings .job-listing {border-bottom: 1px solid #707070; padding: 10px 0;}
.job-vacancies #job-listings .job-listing a {color: #000;}
.job-vacancies #job-listings .job-listing a .job-title {font-weight: 600;}
.job-vacancies #job-listings .job-listing a .tags {color: #707070; font-weight: 0.9rem;}

#category-activities { margin-bottom: 30px; }
.archive-servicenote h2 { font-size: 20px; margin-top: 30px; margin-bottom: 0; line-height: 1; }
.archive-servicenote h2 span { margin-right: 5px; display: inline-block; background-color: #F37021; border-radius: 20px; color: #fff; font-size: 14px; padding: 5px 10px; vertical-align: middle; }
.archive-servicenote .archive-date { font-size: 13px; margin-bottom: 10px; }
.archive-servicenote .archive-read-more { display: block; }
.archive-servicenote .archive-read-more a { transition: all 0.2s ease-in-out; color: #000; font-weight: 600; }
.archive-servicenote .archive-read-more a:after {transition: all 0.2s ease-in-out; content: '>'; color: #000; margin-left: 5px; vertical-align: middle; }
.archive-servicenote .archive-read-more a:hover { color:#F37021; text-decoration: none; }
.archive-servicenote .archive-read-more a:hover:after { color: #F37021; }
.archive-servicenote .pagination { margin: 30px 0; }
.archive-servicenote .pagination .page-numbers.current {  display: inline-block; border: 2px solid #000; color: #000; border-radius: 50%; width: 35px; height: 35px; text-align: center; line-height: 31px; }
.archive-servicenote .pagination .page-numbers { font-weight: 600; margin-right: 10px; }

ul.activities-categories { margin: 30px 0 15px; }
ul.activities-categories a { font-weight: 600; background-color: #FA6C21; color: #fff; text-transform: uppercase; padding: 3px 10px;border: 1px solid #FA6C21; font-size: 18px;}
ul.activities-categories > li {display: inline-block; margin-right: 10px; margin-bottom: 10px; }
ul.activities-categories > li > a {display: block;}
ul.activities-categories a:hover { background-color: #fff; color: #FA6C21 !important; border: 1px solid #FA6C21; text-decoration: none;}
ul.activities-categories a.selected-category { background: #393939 !important; border: 1px solid #393939; }
.archive-container .archive-title > .category { margin-bottom:8px; }

.archive-categories > li {display: inline-block; margin-right: 10px; margin-bottom: 10px; }
.archive-categories > li > a {display: block;}
.posts-categories a { font-weight: 600; background-color: #FA6C21; color: #fff; text-transform: uppercase; padding: 3px 10px;border: 1px solid #FA6C21; display: inline-block; margin-right: 10px; margin-bottom: 10px;}
.posts-categories a:hover, .posts-categories a:focus {background-color: #fff; color: #FA6C21;}

.static-newsletter .col-md-12 { padding: 0; }
.static-newsletter { margin-top: 50px; }
.static-newsletter h3 { font-size: 24px !important; position: relative; padding-left: 60px; color: #000; margin-bottom: 30px; }
.static-newsletter h3::before { content: ""; z-index:0; display:block; position:absolute; left:0; top:50%; transform: translateY(-50%);width:50px; height:50px; background-size: cover; background-image: url("images/newsletter.png"); background-position: center; }
.frm_forms input { border: 1px solid #707070 !important; padding: 12px 15px !important; border-radius: 0 !important; height: auto !important; }
.frm_submit button { font-weight: 600 !important; padding: 7px 30px  !important; font-size: 20px !important; transition: all 0.2s ease-in-out; display: inline-block; margin-top: 15px !important; border-radius: 30px !important; background-color: #F37021 !important; border: 2px solid #F37021 !important;}
.frm_submit button:hover { background-color: #fff !important; border: 2px solid #F37021 !important; color: #F37021 !important;}

.archive-news { margin-bottom: 30px; }
.archive:not(.archive-servicenote) h1 { font-weight: 300; }
.archive:not(.archive-servicenote) .archive-container h2 { font-size: 26px; }
.archive:not(.archive-servicenote) .archive-categories { margin-top: 30px; }
.archive:not(.archive-servicenote) .archive-categories a { font-weight: 600; background-color: #FA6C21; color: #fff; text-transform: uppercase; padding: 3px 10px;border: 1px solid #FA6C21; font-size: 18px;}
.archive:not(.archive-servicenote) .archive-categories a:hover { background-color: #fff; color: #FA6C21 !important; border: 1px solid #FA6C21; }
.archive:not(.archive-servicenote) .archive-categories > li > .selected-category { background: #393939 !important; border: 1px solid #393939;}
.archive:not(.archive-servicenote) .archive-container { display: flex; flex-wrap: wrap; margin: 0 -7.5px; }
.archive:not(.archive-servicenote) .archive-container .archive-row { padding: 0 7.5px; margin-bottom: 15px; }
.archive:not(.archive-servicenote) .archive-container .archive-row a { color: #53575F; flex-basis: 100%; display: flex; flex-direction: column; height: 100%; box-shadow: 0 3px 20px rgb(0 0 0 / 16%); }
.archive:not(.archive-servicenote) .archive-container .archive-row a:hover { text-decoration: none;}
.archive:not(.archive-servicenote) .archive-container .archive-ingress { display:inline; }
.archive:not(.archive-servicenote) .archive-container .archive-readmore { color: #000; display: block; margin-top: 15px; font-weight: 600;}
.archive:not(.archive-servicenote) .archive-container .archive-readmore:after { content: '>'; color: #000; margin-left: 5px; vertical-align: middle;}
.archive:not(.archive-servicenote) .archive-container .archive-description { margin-bottom: 20px; }
.archive:not(.archive-servicenote) .archive-container .archive-row-inner { padding: 15px; }
.archive:not(.archive-servicenote) .archive-container .archive-row.no-image a { justify-content: center;background-color: #53575F; color: #fff; }
.archive:not(.archive-servicenote) .archive-container .archive-row.no-image a h2 { color: #fff; }
.archive:not(.archive-servicenote) .archive-container .archive-row.no-image .archive-readmore { color: #fff; }
.archive:not(.archive-servicenote) .archive-container .archive-row.no-image .archive-readmore:after { color: #fff; }
.archive .news-archive-category {font-size: 16px; display: inline-block; color: #fff; text-transform: uppercase; font-weight: 700; padding: 10px; line-height: 1; background: #FC6C00; margin-bottom: 15px;}
.archive:not(.archive-servicenote) .archive-container .archive-row.narrow-archive-post {flex-basis: 25% !important; width: 25%;}
.archive:not(.archive-servicenote) .archive-container .archive-row.narrow-archive-post h2 {word-break:break-word;}
.archive:not(.archive-servicenote) .archive-container .archive-row.wide-archive-post {flex-basis: 50% !important; width: 50%;}
.narrow-archive-post .img-wide {display: none;}
.wide-archive-post .img-normal {display: none;}

.posts-highlights-wrapper .posts-types { margin: 30px 0 15px; }
.posts-highlights-wrapper .posts-types a { font-weight: 600; background-color: #FA6C21; color: #fff; text-transform: uppercase; padding: 3px 10px;border: 1px solid #FA6C21; font-size: 18px;}
.posts-highlights-wrapper .posts-types a:hover { background-color: #fff; color: #FA6C21 !important; border: 1px solid #FA6C21; text-decoration: none;}
.posts-highlights-wrapper .posts-types > span > .selected-posts { background: #393939 !important; border: 1px solid #393939; }
.posts-highlights-wrapper .posts-types span {margin: 0 15px 15px 0; display: inline-block;}

.archive-show-more {margin: 20px 0 40px; text-align: center;}
.archive-show-more button {appearance: none; font-weight: 600; background-color: #FA6C21; color: #fff; border-radius: 30px; padding: 3px 20px;border: 1px solid #FA6C21; font-size: 18px;}
.archive-show-more button:hover { background-color: #fff; color: #FA6C21 !important; border: 1px solid #FA6C21; text-decoration: none;}

.posts-highlights .posts-highlight.narrow-archive-post {margin-bottom: 15px; flex-basis: 25%; width: 25%; padding: 0 7.5px;}
.posts-highlights .posts-highlight.wide-archive-post {margin-bottom: 15px; flex-basis: 50%; width: 50%; padding: 0 7.5px;}
.posts-highlights .posts-highlight h2 {font-size: 24px; font-weight: 700;}
.posts-highlights .posts-highlight a {color: #53575F; flex-basis: 100%; display: flex; flex-direction: column; height: 100%; box-shadow: 0 3px 20px rgb(0 0 0 / 16%);}
.posts-highlights .posts-highlight a:hover { text-decoration: none;}
.posts-highlights .posts-highlight .archive-image .img-wide {display: none;}
.posts-highlights .posts-highlight.wide-archive-post .archive-image .img-normal {display: none;}
.posts-highlights .posts-highlight.wide-archive-post .archive-image .img-wide {display: block;}
.posts-highlights .posts-highlight .archive-ingress { display:inline; }
.posts-highlights .posts-highlight .archive-readmore { color: #000; display: block; margin-top: 15px; font-weight: 600;}
.posts-highlights .posts-highlight .archive-readmore:after { content: '>'; color: #000; margin-left: 5px; vertical-align: middle;}
.posts-highlights .posts-highlight .archive-description { margin-bottom: 20px; }
.posts-highlights .posts-highlight .archive-row-inner { padding: 15px; }
.posts-highlights .posts-highlight.no-image a { justify-content: center;background-color: #53575F; color: #fff; }
.posts-highlights .posts-highlight.no-image a h2 { color: #fff; }
.posts-highlights .posts-highlight.no-image .archive-readmore { color: #fff; }
.posts-highlights .posts-highlight.no-image .archive-readmore:after { color: #fff; }
.posts-highlights .posts-highlight .archive-posttype {font-size: 16px; display: inline-block; color: #fff; text-transform: uppercase; font-weight: 700; padding: 10px; line-height: 1; background: #FC6C00; margin-bottom: 15px;}
.posts-highlights .posts-highlight.posts-blog .archive-posttype {background: #003770;}
.posts-highlights .posts-highlight.posts-events .archive-posttype {background: #971651;}
.posts-highlights .posts-highlight.posts-cases .archive-posttype {background: #2A60C0;}

.with_frm_style input[type="text"], .with_frm_style input[type="password"], .with_frm_style input[type="email"], .with_frm_style input[type="number"], .with_frm_style input[type="url"], .with_frm_style input[type="tel"], .with_frm_style input[type="file"], .with_frm_style input[type="search"] {padding: 4px 2px !important; height: auto !important; border-radius: 5px !important; margin: 8px 0 0 !important; border: 1px solid #fff !important; text-indent: 10px !important;}
.with_frm_style input[type="text"]:focus, .with_frm_style input[type="password"]:focus, .with_frm_style input[type="email"]:focus, .with_frm_style input[type="number"]:focus, .with_frm_style input[type="url"]:focus, .with_frm_style input[type="tel"]:focus, .with_frm_style input[type="file"]:focus, .with_frm_style input[type="search"]:focus {box-shadow:inset 0 0 0 2px #0000FF !important;}
.with_frm_style textarea {padding: 4px 2px !important; border-radius: 5px !important; margin: 8px 0 0 !important; border: 1px solid #fff !important; text-indent: 10px !important;}
.with_frm_style textarea:focus {box-shadow:inset 0 0 0 2px #0000FF !important;}
.frm_style_formidable-style.with_frm_style .form-field {margin-bottom: 10px !important;}
.frm_style_formidable-style.with_frm_style .frm_submit button {padding: 7px 40px !important; border-radius: 3px !important; font-weight: 400 !important; color: #fff !important; font-size: 18px !important; background-color: #4A4A49 !important; border: 1px solid #4A4A49 !important; box-shadow: none !important;}
.with_frm_style .frm_radio label, .with_frm_style .frm_checkbox label {color: #fff !important; font-size: 1rem !important;}
.with_frm_style .frm_radio input[type="radio"], .with_frm_style .frm_checkbox input[type="checkbox"] {padding: 2px !important; height: 20px !important; width: 20px !important; box-shadow: none !important;}
.with_frm_style .frm_radio input[type="radio"]::before, .with_frm_style .frm_checkbox input[type="checkbox"]::before {margin: 1px !important;}
.with_frm_style .frm_radio input[type="radio"]:checked, .with_frm_style .frm_checkbox input[type="checkbox"]:checked {background: #0060df !important; color: #fff;}
.with_frm_style .frm_radio input[type="radio"]:checked::before, .with_frm_style .frm_checkbox input[type="checkbox"]:checked::before {color: #fff !important;background: #fff !important; box-shadow: none !important;}

@media (min-width: 768px) {
    .navigation-container { padding: 20px; }

    .banner-container { margin-top: 25px; }
    .home .banner-container {margin-top: 0;}
    body:not(.home) .banner-container .owl-carousel-item:after { background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 50%); }
    .carousel-caption { display: flex; flex-direction: column; justify-content: center; width: calc(720px * 0.5); padding: 0 15px; text-align: left !important; }

    .content-6_6-fluid .col-md-6:first-child > div:not(.col-image) { width: calc( 720px * 0.5); padding: 0 15px; float: right; clear: both}
    .content-6_6-fluid .col-md-6:first-child > div:not(.col-image):first-child { padding-top: 70px; }
    .content-6_6-fluid .col-md-6:first-child > div:not(.col-image):last-child { padding-bottom: 70px; }
    .content-6_6-fluid .col-md-6:last-child > div:not(.col-image) { width: calc( 720px * 0.5); padding: 0 15px; float: left; clear: both}
    .content-6_6-fluid .col-md-6:last-child > div:not(.col-image):first-child { padding-top: 70px; }
    .content-6_6-fluid .col-md-6:last-child > div:not(.col-image):last-child { padding-bottom: 70px; }

    .content-7_5 .row { margin-left: calc( ((100% - 768px) / 2 ));}
    .content-7_5 .col-md-7 { padding: 70px 15px; display: flex; flex-direction: column;  width: calc( 768px * 0.58333333); flex: 0 0 calc( 768px * 0.58333333); max-width: calc( 768px * 0.58333333);}
    .content-7_5 .col-md-5 { padding: 0; max-width: 100%; flex-grow: 1; }

    .content-5_7 .row { margin-right: calc( ((100% - 768px) / 2 ));}
    .content-5_7 .col-md-7 { padding: 70px 15px; display: flex; flex-direction: column;  width: calc( 768px - 30px) * 0.58333333); flex: 0 0 calc( 768px * 0.58333333); max-width: calc( 768px * 0.58333333);}
    .content-5_7 .col-md-5 { padding: 0; max-width: 100%; flex-grow: 1;}

    .lightgrey { padding: 100px 0; }
    
    .col-content_highlights.highlights-icon .row { margin: 0 -5px; }
    .col-content_highlights.highlights-icon .content-highlight { padding: 0 5px; }
    .col-content_highlights.highlights-bg-titles .row { margin: 0 -5px; }
    .col-content_highlights.highlights-bg-titles .content-highlight { padding: 0 5px; }

    .archive-comments .row { margin: 0 -7.5px; }
    .archive-comments .col-md-6 { padding: 0 7.5px; }

    .col-content_highlights.highlights-icon .content-highlight,
    .col-content_highlights.highlights-bg-titles .content-highlight { margin-bottom: 10px; }

    .col-content_highlights.highlights-bg .row { margin: 0 -5px; }
    .col-content_highlights.highlights-bg .content-highlight { padding: 0 5px; }
    .col-content_highlights.highlights-nomargin .content-highlight-container { padding: 15px 0; }
    /*.col-news_highlights {  margin-top: 100px; margin-bottom: 80px; }*/
    .col-person_information .person-information { text-align: left; }
    .content-8_4 { padding-bottom: 70px; }
    .content-8_4 .col-md-9 { padding-right: 50px; border-right: 1px solid #707070; }
    .content.orange-box { margin-bottom: 100px; }
    .content.orange-box .col-md-5 .col-text { padding: 30px; }
    
    .col-content_carousel .white-carousel .content-carousel-text { padding: 40px; }
    .col-content_carousel .owl-carousel { padding: 40px; }
    .col-content_carousel .white-carousel .content-carousel-content:before { left: 40px; right: 40px; }

    .content:not(.content-5_7) .col-image,
    .content:not(.content-7_5) .col-image,
    .content:not(.content-6_6-fluid) .col-image { margin-bottom: 0; }

    .content-6_6 .col-md-6 .col-text  { padding: 30px 0; }
    .col-content_highlights.highlights-bg-titles .content-highlight-inner h3 { font-size: 30px; }
    /*.content-12 .col-button_group > .button-group > a { font-size: 26px;}*/

    .col-md-9 .col-person_information .person-information img { max-width: 145px;}

    .static-newsletter h3 { font-size: 20px !important; margin-bottom: 15px;}
    .archive:not(.archive-servicenote) .archive-container .archive-row { flex-basis: 50%; }
    .archive:not(.archive-servicenote) .archive-news { margin-bottom: 100px; }
    .footer-container4 > .container {max-width: 100%;}
}

@media (min-width: 992px) {
    body.blur .content, body.blur .banner-container, body.blur .footer-container { filter: blur(4px); }
    .carousel-caption { width: calc(960px * 0.7); }
    .content-6_6-fluid .col-md-6:first-child > div:not(.col-image) { width: calc( 960px * 0.5); }
    .content-6_6-fluid .col-md-6:last-child > div:not(.col-image) { width: calc( 960px * 0.5); }

    .content-7_5 .row { margin-left: calc( ((100% - 960px) / 2 ));}
    .content-7_5 .col-md-7 { padding: 70px 15px; width: calc( 960px * 0.58333333); flex: 0 0 calc( 960px * 0.58333333); max-width: calc( 960px * 0.58333333);}

    .content-5_7 .row { margin-right: calc( ((100% - 960px) / 2 ));}
    .content-5_7 .col-md-7 { padding: 70px 15px; width: calc( 960px * 0.58333333); flex: 0 0 calc( 960px * 0.58333333); max-width: calc( 960px * 0.58333333);}
    .col-content_highlights.highlights-nomargin .content-highlight-container { padding: 50px; }

    /*.footer-container4 .container > .row { align-items: center;  }*/
    .footer-container4 .footer-links-wrap .row { justify-content: center; }
    .content-8_4 .col-md-9 { padding-right: 70px; }
    .col-md-3 .col-comments_highlights { padding-left: 20px; }
    .col-md-3 .static-newsletter { padding-left: 20px; }
    .content.orange-box .col-md-5 .col-text { font-size: 26px; padding: 30px; }
    .col-content_carousel .carousel-item-title { font-size: 26px; }

    .col-person_information .person-information img,
    .col-md-9 .col-person_information .person-information img { max-width: 100%; }

    .col-content_carousel .content-carousel-container { display: flex; }
    .col-content_carousel .owl-carousel { flex-basis: 30%; padding: 40px 20px; }
    .col-content_carousel .content-carousel-contents { flex-basis: 70%; position: relative; }
    .col-content_carousel .owl-carousel .owl-item  {  margin-bottom: 20px; }
    .col-content_carousel .white-carousel .content-carousel-content:before { content: ''; width: 1px; background-color: #F37021; position: absolute; height: calc(100% - 80px ); top: 40px; bottom: 40px; left: auto; right: auto; }

    /*.navbar-nav > li > .dropdown-menu > li.menu-item-has-children:hover > .dropdown-menu {display: block;}*/
    .dropdown-menu > li > .dropdown-menu li {display: block;}
    .dropdown-menu > li a { padding: 20px 15px 10px !important; font-size: 18px; }
    .dropdown-menu > li:last-child a { padding-right: 0 !important; }
    .dropdown-menu .dropdown-menu > li:last-child a { padding-right: 20px !important; }
    .current_page_parent > a, .navbar-nav > li > a { padding: 5px 25px !important; }
    .navbar-nav > li > a { border-left: 1px solid #F37021;}
    .navbar-nav > li:last-child > a { border-right: 1px solid #F37021;}
    .col-content_highlights.highlights-bg-titles .content-highlight-inner h3 { font-size: 40px; }
    .col-content_highlights .content-highlight-inner { padding: 20px 25px !important; }
    #category-activities { margin-bottom: 50px; }
    .static-newsletter h3 { font-size: 24px !important;margin-bottom: 30px; }

    .archive:not(.archive-servicenote) .archive-container .archive-row { flex-basis: 50%; }
    .archive:not(.archive-servicenote) .archive-container .archive-row.no-image { flex-basis: 25%; }
    .archive:not(.archive-servicenote) .archive-container .archive-row.no-image + .archive-row { flex-basis: 25%; }
    .footer-container4 > .container {max-width: 100%;}
}

@media (min-width: 1200px) {
    .carousel-caption { width: calc(1140px * 0.6); }
    .home .carousel-caption { width: calc(1140px * 0.7); }
    .content-6_6-fluid .col-md-6:first-child > div:not(.col-image) { width: calc( 1140px * 0.5); }    
    .content-6_6-fluid .col-md-6:last-child > div:not(.col-image) { width: calc( 1140px * 0.5); }

    .content-7_5 .row { margin-left: calc( ((100% - 1140px) / 2 ));}
    .content-7_5 .col-md-7 { padding: 70px 15px; width: calc( 1140px * 0.58333333); flex: 0 0 calc( 1140px * 0.58333333); max-width: calc( 1140px * 0.58333333);}
    .content-5_7 .row { margin-right: calc( ((100% - 1140px) / 2 ));}
    .content-5_7 .col-md-7 { padding: 70px 15px; width: calc( 1140px * 0.58333333); flex: 0 0 calc( 1140px * 0.58333333); max-width: calc( 1140px * 0.58333333);}
    .col-content_highlights.highlights-nomargin .content-highlight-container { padding: 100px; }
    .col-content_highlights .col-flex .content-highlight-inner { padding: 80px 55% 80px 40px !important; }
    .col-content_highlights .col-flex .content-highlight-inner h3 { font-size: 50px; }
    .single h1 { font-size: 50px; }
    .single h2 { font-size: 30px; }
    .single h3 { font-size: 20px; }
    .archive h1 { font-size: 50px; }
    h1 { font-size: 65px; }
    h2 { font-size: 50px; }
    /* Etusivun karuselli h1 */
    .home h1 { font-size: 55px; }
    .footer-container4 .footer-content { padding: 0 15px; }
    .content-8_4 { padding-bottom: 100px; }
    .content-8_4 .col-md-9 { padding-right: 100px; }
    .col-content_carousel .owl-carousel { padding: 60px 20px; }
    .col-content_carousel .blue-carousel .content-carousel-text { padding: 60px 30% 40px 60px; min-height: 500px; }
    .col-content_carousel .white-carousel .content-carousel-text { padding: 60px; }
    .banner-container + .content { margin-top: 80px; }

    .dropdown-menu > li a { padding: 20px 20px 10px !important; font-size: 20px; }
    .current_page_parent > a, .navbar-nav > li > a { padding: 5px 30px !important; }
    .footer-container4 > .container {max-width: 1200px;}
}

@media (max-width: 767px) {
    .content-6_6-fluid .col-md-6 { padding: 0 15px; }
    .content-6_6-fluid .col-md-6 .col-image,
    .content-5_7 .col-md-5 .col-image,
    .content-7_5 .col-md-5 .col-image { min-height: 250px; margin: 0 -15px; }
    .content-5_7 .col-md-7,
    .content-7_5 .col-md-7 { padding-top: 15px; padding-bottom: 15px; }
	.content:not(.content-5_7) .col-image, .content:not(.content-7_5) .col-image, .content:not(.content-6_6-fluid) .col-image {min-height: 250px; }

    .banner-container .owl-carousel { padding-bottom: 110% !important; }
	.banner-container2 .owl-item > .owl-carousel-item { background-color:#000; }
	.banner-container .carousel-caption { color:#fff; padding:0 40px; }
	.banner-container .carousel-caption h1, .banner-container .carousel-caption h2 { color: #fff; margin-top:3rem; }
	.banner-container .owl-carousel-item > picture { position:static; }
	.banner-container .owl-carousel-item > picture.top-image { position:absolute; }
	.banner-container .owl-carousel-item > .container {max-width:100%; }
	.banner-container .owl-carousel-item .container { height:auto; max-width:100%; padding:0; }
	.banner-container .owl-carousel-item .container .carousel-caption { position:static; transform:none; width:100%; }
    .col-references_highlights .reference-highlight, .col-courses_highlights .cases-highlight-container, .col-news_highlights .news-highlight-container { margin-bottom: 15px; }
    .col-news_highlights .news-highlight-container.no-image a { padding: 50px 0; }
    .archive-container .archive-row.no-image a { padding: 50px 0;  }
    .content.orange .col-button_group { padding: 20px 0; }
    .content.orange .col-button_group > .button-group > a { font-size: 21px; }
    .banner-container .carousel-caption .description { font-size: 16px; }
    .dropdown-menu .dropdown-menu li a { font-size: 15px; }
    .dropdown-menu .dropdown-menu .dropdown-menu li a { white-space: unset; }
    .col-content_carousel .blue-carousel .content-carousel-text { padding: 60px 40px; }
    .col-content_carousel .content-carousel-contents .content-carousel-text { font-size: 16px; }
    .col-person_information .person-information ul li { display: inline-block; padding-left: 30px; }
	.col-person_information .person-information .person-social-media {display: block;}
	.highlights-bg-titles .row {flex-direction:column; }
	.highlights-bg-titles .content-highlight {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
	.col-content_highlights.highlights-bg-titles .content-highlight-inner h3 {font-size: 25px; }

	.highlights-nomargin .row {flex-direction:column; }
	.highlights-nomargin .content-highlight {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
	
	.highlights-icon .row {flex-direction: column;}
	.highlights-icon .content-highlight {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
	
	div.highlights-bg .content-highlight  {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
	
	.content.orange-box .col-md-5 { padding: 20px 0; display: block;}
	.content.orange-box .col-md-5::after {width: 100%; height: 10px; top: 10px; left: 0;}
	.content.orange-box .col-md-5 .col-text {padding: 15px;}
	
	.footer-container {text-align: center; }
	.footer-container4 .footer-left {border: none; margin-bottom: 20px;}
	.footer-container4 .footer-content {text-align: center;}
    /*.footer-container .footer-text { order: 1; }
    .footer-container .footer-links-wrap { order: 2; }
    .footer-container .footer-someicons { order: 3; }*/
    .navigation-container .searchform-1 form > input[type="button"] { margin: 15px 30px 0;}
}

@media (max-width: 1799px) {
	.col-content_highlights.highlights-bg-titles .content-highlight-container .content-highlight-inner {position: static; background: none !important;}
	.col-content_highlights.highlights-bg-titles .content-highlight-container {background: #FC6C00;}
}

@media (max-width: 1199px) {
	.posts-highlights .posts-highlight.narrow-archive-post {width: 25%; flex-basis: 25%;}
	.posts-highlights .posts-highlight.wide-archive-post {width: 50%; flex-basis: 50%;}
	.posts-highlights .posts-highlight h2 {font-size: 22px;}
	.archive:not(.archive-servicenote) .archive-container .archive-row.narrow-archive-post {flex-basis: 25% !important;}
	.archive:not(.archive-servicenote) .archive-container .archive-row.wide-archive-post {flex-basis: 50% !important;}
	.archive:not(.archive-servicenote) .archive-container h2 {font-size: 22px;}
}

@media (max-width: 991px) {
	.dropdown-menu .menu-item-has-children > a::after {position: absolute; top: 19px; right: 10px;}
    .current-menu-ancestor .dropdown-menu,
    .current_page_parent .dropdown-menu,
    .current_page_item .dropdown-menu { flex-direction: column;}
    .navbar-light .navbar-nav >.nav-link, .navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav >.nav-link,
    .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link { font-size: 18px; }
    .dropdown-menu > li a { padding: 10px 30px !important; font-size: 16px; }
    .current_page_parent > a, .navbar-nav > li > a { padding: 10px 20px !important; }
    /*.dropdown.active { border: 0.5px solid #F37021; }*/
    .dropdown .dropdown.active { border: 0; }
    .navbar-nav > .current-menu-ancestor { border: 0.5px solid #F37021;  }
    .dropdown-menu .dropdown-menu .dropdown-menu li a { padding: 5px 30px 5px 0 !important; }
    .footer-some-icons > li:last-child { margin-right: 0; }
    .home .navbar-light .navbar-nav {margin: 0 -15px; border-top: 1px solid #F37021;}
    .navbar-light .navbar-nav {margin: 0 -15px; border-top: 1px solid #F37021;}
    .home .navbar-light .navbar-nav > li > a.nav-link {color: #F37021;}
	.home .navbar-light .navbar-nav > li > a.nav-link:focus, .home .navbar-light .navbar-nav > li > a.nav-link:hover {color: #fff;}
    .navbar-light .navbar-nav > li > a.nav-link {color: #000;}
    .navbar-light .navbar-nav > li { border-bottom: 1px solid #F37021;}
    .dropdown-menu .dropdown-menu li a {background: #fff; color: #555555 !important; border: none; padding-left: 40px !important;}
    .dropdown-menu .dropdown-menu {background: #fff;}
    .dropdown-menu .dropdown-menu .dropdown-menu {padding-left: 15px !important;}
    .dropdown-menu .dropdown-menu .dropdown-menu li::marker {color: #000;}
    .dropdown-menu .menu-item-has-children .dropdown-menu a::after {background-image: url("images/arrow-orange.png");}
    .search-toggle {position: absolute; top: 18px; right: 60px;}
	/*body.subpage div.banner-container .owl-carousel { padding-bottom:0 !important; height:auto !important; }
	body.subpage div.banner-container .owl-carousel > .owl-stage-outer { position:static !important; height: auto; }
	body.subpage div.banner-container .owl-carousel > .owl-stage-outer > .owl-stage { position:static; height:auto; }
	body.subpage div.banner-container .owl-carousel > .owl-stage-outer > .owl-stage > .owl-item { height:auto; }
	body.subpage div.banner-container .owl-carousel > .owl-stage-outer > .owl-stage > .owl-item > .owl-carousel-item { position:static; }
	body.subpage div.banner-container .owl-carousel .owl-item > .owl-carousel-item {background-position: top center !important; background-size: 100% 50% !important;}
	body.subpage .banner-container .owl-carousel-item > .container .carousel-caption {top: 50% !important;width: 100%; background-color:#000; padding: 40px 30px; }*/
	body:not(.single) .banner-container .crumbtrail-container { top: 25px; }
	.banner-container .carousel-caption .description {font-size: 18px; }
	.banner-container+.content.orange .col-button_group > .button-group > a {margin-bottom: 0 !important; }
	.content.orange .col-button_group {padding: 0; }
	.home .videobanner .owl-carousel .owl-item .owl-carousel-item .container {height: 100%;}
	.home .videobanner .owl-carousel .owl-item .carousel-caption {position: absolute; top: 33% !important; bottom: auto !important;}
	.home .videobanner .owl-carousel .owl-item .carousel-caption img {width: auto;}
	.highlights-bg .content-highlight {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
	.footer-links-wrap {padding-top: 30px;}
	.job-vacancies {display: block;}
	.job-vacancies .jobs-header {width: 100%;}
	.job-vacancies #job-listings {width: 100%; padding: 15px;}
	.navbar-nav > li > a[title~="Pienyritykset"] {height: 0 !important; margin: -10px 0;}
	.navbar-nav > li.menu-item-4660 {border: none;}
	.footer-container4 .footer-left {border: none;}
	.posts-highlights .posts-highlight.narrow-archive-post {width: 50%; flex-basis: 50%;}
	.posts-highlights .posts-highlight.wide-archive-post {width: 100%; flex-basis: 100%;}
	.posts-highlights .posts-highlight h2 {font-size: 26px;}
	.archive:not(.archive-servicenote) .archive-container h2 {font-size: 26px;}
	.archive:not(.archive-servicenote) .archive-container .archive-row.narrow-archive-post {flex-basis: 50% !important;}
	.archive:not(.archive-servicenote) .archive-container .archive-row.wide-archive-post {flex-basis: 100% !important;}
}

@media (max-width: 575px) {
	.footer-container4 .footer-columns p {width: 100%;}
	.home .videobanner .owl-carousel .owl-item .carousel-caption {position: absolute; top: 25% !important; bottom: auto !important;}
	.posts-highlights .posts-highlight.narrow-archive-post {width: 100%; flex-basis: 100%;}
	.archive:not(.archive-servicenote) .archive-container .archive-row.narrow-archive-post {flex-basis: 100% !important;}
	
	.home .banner-container .subtitle { display:none !important; }
	.banner-container .owl-carousel { padding-bottom: 120% !important; }
	.banner-container .carousel-caption h1, .banner-container .carousel-caption h2 { font-size: 2rem; line-height:1; margin-top:1rem; }
	.banner-container .carousel-caption { line-height: 1.25; font-size: 1.1rem; }
}