/***************** variables *********************/ /*** primary tints and shadows ***/ #273548: #273548; /* 90% */ #576271: #576271; /* 90% */ #e7e9eb: #e7e9eb; /* 100 % / /*** secondary tints and shadows ***/ html {scroll-behavior: smooth !important; /*word-wrap:break-word;*/} body {font-family: Michroma, Arial, sans-serif; font-weight:300; font-size: 1.1rem; line-height: 1.7; background-image: url(''); background-size:250px; background-attachment:fixed; background-repeat: repeat; background-color: #1E1E1E; color: #181818; overflow-x:unset;} /***************** paragraphs *******************/ h1, h2, h3, h4, h5, h6 {color: #cfd2d6 !important; font-family:Michroma, Arial, sans-serif; font-weight:200; margin:0; padding:0; color: inherit; line-height:normal; text-transform: scale(1, .95);} h1 {font-size: 4.25rem; line-height:1.2;} h2 {font-size: 3rem; line-height:1.2;} h3 {font-size: 2.5rem; line-height:1.2;} h4 {font-size: 2rem; line-height: 1.5;} h5 {font-size: 1.15rem; line-height:1.5; letter-spacing: -0.5px;} h6 {font-size: .8rem; letter-spacing: 2px; text-transform: uppercase; font-family: acumin-pro, Arial, sans-serif;} p, a, ul, ol, li {margin: 0; margin-bottom:0; padding: 0; font-family:inherit;} b, strong {font-weight:800;} h1 strong {font-weight:normal; font-size:5.5rem;} p {color: #9fa5ae; margin: 0; padding: 0; font-family: acumin-pro, Arial, sans-serif; font-weight: 300 !important; text-transform: scale(1, .95);} main a, main a * {transition:.3s all; text-decoration:none; border:none;} main a {color:#ffcb04; transition: .3s all; text-decoration:none !important; cursor:pointer;} main a:after {display: none; } main a:hover { transition: .3s all; } main {min-height: 75vh;} small {display:inline-block;} ::-webkit-scrollbar {width: 6px; height: 2px; transition:.3s all;} ::-webkit-scrollbar-track {background: #d9d9d9;} ::-webkit-scrollbar-thumb {background: #a6a6a6; border-radius:10px; cursor:pointer;} ::-webkit-scrollbar-thumb:hover {background: #181818;} ::selection, ::-moz-selection {color: #fff; background: #ffcb04;} hr {width: 100%; margin: 1.5rem auto 1.5rem auto; min-height: 1px; background-color: #ffcb04; border-color: #ffcb04;} .spacer {height: 30px;} .font1, .font1 h1, .font1 h2, .font1 h3, .font1 h4, .font1 h5, .font1 h6 { font-family:Michroma, Arial, sans-serif !important; } .font2, .font2 h1, .font2 h2, .font2 h3, .font2 h4, .font2 h5, .font2 h6, .font2 p { font-family:acumin-pro, Arial, sans-serif !important; } .font3, .font3 h1, .font3 h2, .font3 h3, .font3 h4, .font3 h5, .font3 h6, .font3 p { font-family:graphic-lcg-reg, sans-serif !important;} .font-100, .font-100 .__content * {font-weight:100 !important;} .font-400, .font-400 .__content * {font-weight:400 !important;} .font-600, .font-600 .__content * {font-weight:600 !important;} .font-900, .font-900 .__content * {font-weight:900 !important;} /***************** buttons *********************/ .btn {white-space: normal; border: none !important; font-size: .5rem; letter-spacing: 2px; text-transform: uppercase; padding: 1rem 3.1rem; border-radius: 0 !important; font-style: normal; display: inline-block; margin: 30px 0 0 0; text-decoration: none;} .btn-primary {background-color: #ffcb04; color: #181818 !important;} .btn-primary:hover {background: #181818; color: #fff !important;} .btn-secondary {background-color: #272726; color: #fff !important;} .btn-secondary:hover {background: #181818;} .btn-info {background-color: #3C6EFF; color: #fff !important;} .btn-info:hover {background-color: #181818;} .btn-success {background-color: #32a852; color: #fff !important;} .btn-success:hover {background-color: #181818;} .btn-warning {background-color: #FFDA16; color: #181818 !important;} .btn-warning:hover {background-color: #181818; color: #fff !important;} .btn-danger {background-color: #a83232; color: #fff !important;} .btn-danger:hover {background-color: #181818;} .btn-light {background-color: #fff; color: #181818 !important;} .btn-light:hover {background-color: #181818; color: #fff !important;} .btn-dark {background-color: #181818; color: #fff !important;} .btn-dark:hover {background-color: #fff; color: #181818 !important;} .btn-green {background-color: #00dc78; color: #181818 !important;} .btn-green:hover {background-color: #ffcb04; color: #181818 !important;} /***************** borders *********************/ .border-bottom {border-bottom: 0.3rem solid;} .border-top {border-top: 0.3rem solid;} .border-top-light-15 {border-top: 1rem solid #fff !important;} .border-top-dark-15 {border-top: 1rem solid #181818 !important;} .border, .border-col.right .block-columns .__col {border-right-width: 2px; border-right-style: solid;} .border-col.right .block-columns .__col:last-child {border: none;} .border-primary, .border-primary.border-col .block-columns .__col {border-color: #ffcb04 !important;} .border-secondary, .border-secondary.border-col .block-columns .__col {border-color: #272726;} .border-dark, .border-dark.border-col .block-columns .__col {border-color: #181818;} .border-light, .border-light.border-col .block-columns .__col {border-color: #fff !important;} .border-info, .border-info.border-col .block-columns .__col {border-color: #3C6EFF;} .border-success, .border-success.border-col .block-columns .__col {border-color: #32a852;} .border-warning, .border-warning.border-col .block-columns .__col {border-color: #FFDA16;} .border-danger, .border-danger.border-col .block-columns .__col {border-color: #a83232;} .border-custom1, .border-custom1.border-col .block-columns .__col {border-color: #2e2e2e;} .border-custom2, .border-custom2.border-col .block-columns .__col {border-color: #4f4f4f;} .border-custom3, .border-custom3.border-col .block-columns .__col {border-color: #7a7a7a;} .border-custom4, .border-custom4.border-col .block-columns .__col {border-color: #a6a6a6;} .border-custom5, .border-custom5.border-col .block-columns .__col {border-color: #d9d9d9;} .border-custom6, .border-custom6.border-col .block-columns .__col {border-color: #0f0f0f;} /***************** spacers *********************/ .spacer-xl {height: 50vh;} .spacer-md {height: 20vh;} .spacer-sm {height: 5vh;} .spacer-xs {height: 4rem;} /***************** section-heights *********************/ .section-height1 {height: auto; min-height: 100vh;} .section-height2 {height: auto; min-height: 75vh;} .section-height3 {height: auto; min-height: 50vh;} .section-height4 {height: auto; min-height: 25vh;} .section-height5 {height: auto; min-height: 35vh;} /***************** utilities *********************/ .modal .modal-header {align-items: center;} .modal .modal-footer .btn {margin-top:0;} .modal {background: $customdark; backdrop-filter: blur(2px);} .modal-list .modal .modal-header {flex-direction: row;} .modal-list .modal .modal-content > [class*="modal-"] {position:relative; z-index:1;} .modal-list .modal .modal-content:before {opacity:.8 !important; content:""; filter: saturate(0) brightness(200) opacity(.2); background:linear-gradient(to right, transparent 20%, #fff 20%), url('../../assets/images/site_logo.png'); background-size:contain; z-index:0; position:absolute; left:0; top:0; right:0; bottom:0; } .modal-list .modal .modal-content {background-size:20%; background-position:left; border:none; background-color: #ffcb04; border-radius: 0; overflow: hidden;} .modal-list .modal .modal-body {background-color:#fff; float:right; width:80%; margin-left:20%; padding:4.5rem 2rem 3rem 2rem;} .modal-list .modal .modal-content .close-times {border:none !important; position:absolute; right: 1.2rem; top: 1.2rem; cursor:pointer; z-index:2;} .modal-list .modal .modal-header, .modal-list .modal .modal-footer {display:none;} .modal video {object-fit:cover !important; width:100%; height:100%;} .modal-list .modal .modal-xl .modal-content {background-size:10%;} .modal-list .modal .modal-xl .modal-body {width:90%; margin-left:10%;} .block-list-group .list-group-item em {font-size: 0.85rem;} .block-list-group .list-group-item strong {float: right; color: #ffcb04;} .block-list-group {margin: 1.8rem 0 0 0;} .block-list-group .list-group-item {background-color: transparent; padding: 1rem 1.8rem; border: 2px solid #0f0f0f; border-bottom: none; border-radius: 0; moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s;} .block-list-group .list-group-item:last-child {border-bottom: 2px solid #0f0f0f;} .block-list-group .list-group-item:hover {background: #0f0f0f;} .block-list-group .list-group-item p {margin: 0 !important;} .block-list-group.accordion .card {padding: 0; margin-bottom:.8rem; border: none; border-radius: 0; background: #fff; -webkit-box-shadow: 0 0 0 rgba(0,0,0,0); box-shadow: 0 0 0 rgba(0,0,0,0); moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s;} .block-list-group.accordion .card:last-child {margin: 0;} .block-list-group.accordion .card:hover {background: #fff;} .block-list-group.accordion .card .card-header {padding: 0; border: none; } .block-list-group.accordion .card .card-header h5 {margin: 0 !important; background: #0f0f0f;} .block-list-group.accordion .card .card-header h5 .btn {font-family:Michroma, Arial, sans-serif; border-radius:0 !important; width: 100%; text-align: left; margin: 0; font-style: normal; text-transform: none; font-weight: 700; line-height: 1.9; color: #181818 !important; font-size:1rem; letter-spacing: .3px; display: block; border: none; text-decoration: none;} .block-list-group.accordion .card .card-header h5 .btn:after {display:none;} .block-list-group.accordion .card .card-header h5 .btn:before {position:relative; content: "\f067"; font-family: "Font Awesome 5 Free"; font-weight: 900; float: right; color: #ffcb04; border:none !important; opacity:1; width:auto;} .block-list-group.accordion .card .card-header h5 .btn:hover:before {transform:rotate(-90deg);} .block-list-group.accordion .card .card-body {border-top: 1px solid #d9d9d9 !important; padding: 1.2rem 1.8rem 1.2rem 1.8rem !important; border:1px solid #0f0f0f; background: linear-gradient(to bottom, #0f0f0f, #fff);} .block-list-group.accordion .card .card-body p:not(:first-child) {margin: 0.65rem 0 0 0 !important;} .block-list-group.accordion .card .card-body a {color:#ffcb04 !important; border-bottom:1px solid !important;} .block-list-group.accordion .card .card-body ul {margin-top: 0 !important;} .block-list-group.tabs .nav-tabs {border: none; display: flex; flex-wrap: wrap;} .block-list-group.tabs .nav-tabs .nav-item {background: #fff; margin-bottom:0 !important;} .block-list-group.tabs .nav-tabs .nav-item .nav-link {padding: 1.2rem 1.8rem; border: none; background: transparent; margin: 0; border-radius: 0; color: #4f4f4f; font-weight: 700; transition:.3s all;} .block-list-group.tabs .nav-tabs .nav-item:not(:last-child) .nav-link {border-right:1px solid #fff !important;} .block-list-group.tabs .nav-tabs .nav-item.active {background: #0f0f0f;} .block-list-group.tabs .nav-tabs .nav-item:hover .nav-link, .block-list-group.tabs .nav-tabs .nav-item .nav-link.active {color: #ffcb04; text-decoration: underline !important; text-underline-offset: 5px;} .block-list-group.tabs .nav-tabs .nav-item:before {display: none;} .block-list-group.tabs .tab-content {padding: 2.5rem 3.75rem; border: none; background: #0f0f0f;} .block-list-group.tabs .tab-content p {margin: 0 !important;} .block-list-group.modal-list .list-group-item {background:transparent; border:none !important; padding:0 !important; margin-bottom: 0.8rem;} .block-list-group.modal-list .list-group-item *:is(h5, h5 > button) {margin:0;} .block-list-group.modal-list .list-group-item h5 > button { font-family:Michroma, Arial, sans-serif; text-transform:none;} .block-list-group.modal-list .list-group-item h5 > button:before {background:#ffcb04;} .block-list-group.modal-list .list-group-item h5 > button:after {content:"\f067" !important;} .block-list.btn-video .block-list-group.modal-list .list-group-item h5 > button {background-image:url("../../assets/images/video.png"); font-size:0; background-repeat:no-repeat; background-size:contain; background-position:center; background-color:transparent !important; margin-top:0 !important; box-shadow: none !important; width: 9.4rem; height: 9.4rem; transition:.3s all;} .block-list.btn-video .block-list-group.modal-list .list-group-item h5 > button:hover {opacity:.7;} .block-list.btn-video .block-list-group.modal-list .list-group-item h5 > button:before, .block-list.btn-video .block-list-group.modal-list .list-group-item h5 > button:after {display:none !important;} .pager {margin: 0; width: 100%; justify-content: center; border-radius: 0;} .pager li {margin: 0;} .pager li:before {display: none;} .pager li a {display: inline-block; padding: 0; font-size: 1px; margin: 0 0.6rem !important; color: #a6a6a6; background: #a6a6a6; border: none; width: 1rem; height: 1rem; border-radius: 8px !important;} .pager li a:hover, .pager li a.active {background: #ffcb04; color: #ffcb04;} .news {margin: 0;} .news .list-group-item:first-child {margin-top:0;} .news .list-group-item {margin: 2rem 0 0 0; overflow:hidden; padding: 2.5rem 2rem !important; border: 1px solid #0f0f0f !important; background: #1E1E1E; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid;} .news .list-group-item:hover {background: #273548;} .news .list-group-item .list-date {margin: 0; padding: 0; color: #7a7a7a; font-size: .75rem; line-height: 1.9; letter-spacing: 3px; text-transform: uppercase;} .news .list-group-item .list-header {font-size: 2rem; line-height: 1.4; margin-top:5px !important; border-bottom: 1px solid #0f0f0f; padding-bottom: 0.6rem;} .news .list-group-item:hover .list-header {border-color: #d9d9d9;} .news .list-group-item .list-content {margin: 2rem 0 0 0;} .news .list-group-item .list-content > img {margin-top:0;} .news .list-group-item .list-content img {margin-top:5px;} :root {--newspad: 18.75rem; --newslist:15vw; --newslistpad: 9.5rem;} .news-card .news { display: flex; grid-gap: 2rem; flex-direction: row; flex-wrap: wrap;} .news-card .news .list-group-item { transition:.3s all; margin-top: 0px; height: auto; flex: 0 0 calc(calc(100%/2) - 1rem);} .news-card.news-3 .news .list-group-item { flex: 1 0 calc(calc(100%/3) - 15px) !important;} .news-card .news .news-linked.list-group-item:hover {transform:scale(.98); box-shadow:0 0 15px rgba(0,0,0,0.15);} .news-card .news .news-linked.list-group-item .list-content {cursor:pointer;} .news-card .news .news-linked.list-group-item .list-content:before {transition:.3s all; opacity:0; content:"L\00E4s mer"; font-weight:700; text-align:center; color:#181818; padding: 0.6rem 2.2rem; position:absolute; inset:auto 1.2rem 1.2rem 1.2rem; border-radius:0 0 10px 10px; background:linear-gradient(to bottom, transparent, #0f0f0f); height:auto; backdrop-filter:blur(1px); -webkit-backdrop-filter:blur(1px); } .news-card .news .news-linked.list-group-item .list-content:hover:before {opacity:1; } .__base .news-card.news-block .news .list-group-item .list-header:before {background-image:url('../../assets/images/site_preview.jpg'); background-size:cover; background-position:center;} .news-card.news-block .news .list-group-item {border:none !important; padding-top:calc(var(--newspad) + 2rem) !important;} .news-card.news-block .news .list-group-item .list-header {position:absolute; border:none !important; margin:0 !important; padding: 2rem !important; inset:0 0 auto 0; height:var(--newspad); display: flex; flex-direction: column; justify-content: flex-end; z-index:1; } .news-card.news-block .news .list-group-item .list-header:before {opacity:.6; content:""; z-index:-1; position:absolute; inset:0; background:linear-gradient(to bottom, transparent, #f7f7f7);} .news-card.news-block .news .list-group-item.wimg .list-header:before {background:linear-gradient(to bottom, transparent, #ffcb04);} .news-card.news-block .news .list-group-item.wimg .list-header {color:#fff;} .news-card.news-block .news .list-group-item .list-content {margin-top:0;} .news-card.news-block .news .list-group-item .list-content img {width:100%; position: absolute; inset: 0; margin-top: 0; height: var(--newspad); object-fit: cover;} .news-card.news-block .news .news-linked.list-group-item .list-content {overflow:hidden; max-height:var(--newspad);} .news-list .news {flex-direction: column;} .news-list .news .list-group-item {padding-left:var(--newslist) !important; border:none !important;} .news-list .news .list-group-item .list-header {} .news-list .news .list-group-item .list-content {} .news-list .news .list-group-item .list-content img {position: absolute; inset: 0 auto 0 0; width: calc(var(--newslist) - 2rem); height: 100%; margin-top: 0; object-fit: cover;} .news-list .news .news-linked.list-group-item .list-content {overflow:hidden; max-height:var(--newslistpad);} .news-list .news .news-linked.list-group-item .list-content:before {left:calc(var(--newslist) - 0.6rem);} .news-pop .news {z-index:1; transition:.5s all; display: flex; flex-direction: row; flex-wrap: wrap; gap: 2rem;} .news-pop.reveal .news {z-index:-1; opacity:0; position:absolute;} .news-pop .news .list-group-item {border:none !important; flex: 0 0 calc(calc(100%/3) - 1.2rem); height:18.75rem; margin-top:0; background:$customlight; padding:5rem 2rem 2rem !important;} .news-pop .news .list-group-item:before {content:"\f002"; color:rgba(0,0,0,0.3); cursor:pointer; transition:.3s all; display: flex; align-items: center; justify-content: center; font-family: "Font Awesome 5 Free"; font-weight:700; position:absolute; inset:auto 0 0 0; height: 2rem; background:$customlight; -webkit-backdrop-filter: blur(1px); backdrop-filter: blur(1px);} .news-pop .news .list-group-item:is(:hover, .click):before {content:"\f25a"; height:100%; font-size:3rem; color:#181818; z-index:1; box-shadow:0 0 6.25rem rgb(0 0 0 / 20%) inset;} .news-pop .news .list-group-item .list-date {position: absolute; color:#272726 !important; background: #d9d9d9; font-weight:700; inset: 0 0 auto 0; height: 2.5rem; display: flex; align-items: center; justify-content: center; padding: 1rem;} .news-pop .news .list-group-item .list-header {font-size:1.5rem; line-height:2rem; border-bottom:none; padding-bottom:0;} .news-pop .news .list-group-item .list-content {margin-top:.2rem;} .news-pop .news .list-group-item .list-content img { position: absolute; inset: 0; z-index: -1; object-fit: cover; height: 100%; filter: blur(2px);} .news-pop .news .news-linked.list-group-item .list-content {} .news-pop .div-npop {z-index:-1; position: absolute; inset: 0; padding: 1.5rem; transition:.5s all; opacity:0;} .news-pop.reveal .div-npop {z-index:1; opacity:1; position:relative;} .news-pop .div-npop .list-date {min-height: 2.024rem; background: #d9d9d9; color:#272726 !important; font-weight:700; display: flex; align-items: center; justify-content: center; padding: 0.5rem;} .news-pop .div-npop .list-header {margin-bottom:.5rem; margin-top:2rem;} .news-pop .div-npop .list-content img {outline: 1px solid #ffcb04; outline-offset: -1rem;} .news-pop .list-group-item .div-anchor {height:11.25rem; margin-top:-11.25rem;} @media (max-width:1920px) { .news-pop .list-group-item .div-anchor {height: 15.6rem; margin-top:-15.6rem;} } @media (max-width:1600px) { .news-pop .news .list-group-item {padding-top:4rem !important;} .news-pop .news .list-group-item .list-header { font-size: 1.4rem; line-height: 1.8rem;} } @media (max-width:1440px) { :root {--newslist:25vw;} .news-pop .list-group-item .div-anchor {height:11.25rem; margin-top:-11.25rem;} } @media (max-width:992px) { :is(.news-card, .news-pop) .news .list-group-item {flex-basis: calc(calc(100%/2) - 1rem) !important;} } @media (max-width:767px) { :root {--newspad: 12.5rem; --newslistpad:13.75rem;} :is(.news-card, .news-pop) .news .list-group-item {flex-basis: 100% !important;} .news-card .news .news-linked.list-group-item .list-content:before {opacity:1;} } /*----------------NEWS PLUGIN-------------------*/ .plug-news:not(.filled):before {content:"Hämtar data, vänta..."; min-height: 17.5rem; background-image:url('../../assets/images/loader.gif'); background-position:center; background-size: 11.25rem; background-repeat:no-repeat; display: flex; align-items: flex-end; justify-content: center;} /* position:fixed; left:0; right:0; top:0; bottom:0; background-color:$customlight; z-index:10000; backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);} */ .__base .plug-news:before, .__base .share-news:before, .__base .show-news:before {content: "NEWS PLUGIN - DO NOT ALTER"; min-height:auto; position:unset; background-image:none; backdrop-filter:unset; -webkit-backdrop-filter:unset; text-align: center; display: block; font-size: 2rem;} .__base .share-news:before {content: "SHARE NEWS PLUGIN - DO NOT ALTER";} .__base .show-news:before {content: "SHOW NEWS PLUGIN - DO NOT ALTER";} .plug-news.news-2 .news-item {width: calc(calc(100% / 2) - 2rem);} .plug-news.news-3 .news-item {width: calc(calc(100% / 3) - 2rem);} .plug-news.news-4 .news-item {width: calc(calc(100% / 4) - 2rem);} .plug-news .news-item {position:relative; background: #f7f7f7; overflow: hidden; border-radius: 10px; display:inline-block; width:100%; box-shadow: 3px 3px 1rem rgb(0 0 0 / 10%); margin:1rem; transition:.3s all;} .plug-news .news-item:hover {cursor:pointer; box-shadow: 3px 3px 1rem rgb(0 0 0 / 30%);} .plug-news .news-inner {display:flex; flex-wrap: wrap;} .plug-news .news-item img {width:100%; height:18.75rem; object-fit:cover; object-position:center; margin-top:0; background: rgba(0,0,0,.2); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);} .plug-news .news-item img.front {object-fit:contain; position: absolute; top:0; left: 50%; transform: translateX(-50%);} .plug-news .news-item .news-content {padding:2rem 2rem 5rem 2rem; } .plug-news .news-item h6 {font-family:Michroma, Arial, sans-serif;} .plug-news .news-item strong, .plug-news .news-item h4, .plug-news .news-item h6 {margin-top:5px; font-weight:400 !important;} .plug-news .news-item p { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .plug-news .news-item small {display: block; margin-top: 1rem; font-style: italic; position:absolute; bottom:2rem;} .plug-news .slick-track {display:flex; flex-wrap: wrap; height: 100%;} .plug-news .slick-track .news-item.slick-slide {margin:0 !important; box-shadow:none;} .plug-news .slick-track .news-item .news-content {height:100%;} .plug-news .slick-slider .slick-arrow {transform:none; top: 7.5rem; background:$customdark; transition:.3s all; opacity:.2; border-radius: 50%; height: 3.75rem; width: 3.75rem; display: flex !important; justify-content: center; align-items: center;} .plug-news .slick-slider .slick-arrow:before {font-size: 1.5rem;} .plug-news .slick-slider .slick-arrow:hover {opacity:1;} @media (max-width:1920px) { .block-section:not(.full-width-all) .plug-news.news-3 .news-item, .block-section:not(.full-width-all) .plug-news.news-4 .news-item {width: calc(calc(100% / 2) - 2rem);} .block-section.full-width-all .plug-news.news-4 .news-item {width: calc(calc(100% / 3) - 2rem);} } @media (max-width:992px) { .block-section.full-width-all .plug-news.news-4 .news-item {width: calc(calc(100% / 2) - 2rem);} .share-news .share-inner a {height:2.8rem; width:2.8rem; font-size: 1.2rem; margin:0 2px;} } @media (max-width:767px) { .plug-news .slick-slider .slick-arrow {top:5rem; height: 2.5rem; width: 2.5rem; opacity:.5;} .plug-news .slick-slider .slick-arrow:before {font-size: 1rem;} .plug-news .news-item img {height:12.5rem;} .plug-news .news-item:not(.slick-slide) {width: 100% !important;} .share-news .share-inner.row > div:first-child {border:none;} .show-news .show-list ul li a:before {background-size:50%; height: 3.75rem;} .show-news .show-list ul li {font-size:0.75rem; line-height: 1rem;} .show-news .show-list ul li:nth-child(3), .show-news .show-list ul li:nth-child(4) {display:none;} } @media (max-width:558px) { .show-news .show-list ul {flex-direction: column;} .show-news .show-list ul li {margin-bottom: 1.2rem !important;} .show-news .show-list ul li:nth-child(-n+4) {display:list-item !important;} } .share-news .share-inner.row {border-top:2px solid #ffcb04; border-bottom:2px solid #ffcb04;} .share-news .share-inner.row > div:first-child {border-right:2px solid #ffcb04; } .share-news .share-inner a {background:transparent; border:2px solid #ffcb04; height: 3.75rem; width: 3.75rem; border-radius:50%; display: inline-flex; justify-content: center; align-items: center; text-align:center; font-size: 2rem; margin:0 5px; text-decoration:none !important; transition: .3s all;} .share-news .share-inner a:after {display:none;} .share-news .share-inner a i {color:#ffcb04;} .share-news .share-inner a:hover {background:#181818;} .share-news .share-inner a:hover i {color:#fff;} .show-news .show-inner a.back {text-transform:uppercase; color:#7a7a7a !important; text-decoration:none; border-bottom:1px dotted;} .show-news .show-list ul {padding:0; list-style:none; display:flex; margin-top: 2rem !important;} .show-news .show-list ul li:before {display:none;} .show-news .show-list ul li a:before {content:""; background-color:#f7f7f7; background-image:url('../../assets/images/site_logo.png'); background-size:20%; background-position:center; background-repeat:no-repeat; height:6.25rem; width:100%; border-radius: 1.2rem 1.2rem 0 0; display: block; margin-bottom:5px;} .show-news .show-list ul li {display:none; width: -webkit-fill-available; text-align:center; padding:0 0.6rem; line-height:normal; font-style:italic;} .show-news .show-list ul li:hover a {border-bottom:0; color:#ffcb04;} .show-news .show-list ul li:nth-child(-n+4) {display:list-item;} /*---------------- gallery-carousel -------------------*/ .block-gallery div:not(.__header) {height:inherit; overflow:hidden; object-fit:cover;} .block-gallery img {height: 100%; width:100%; object-fit: cover; object-position: center;} .block-section.slider-full-height .__col > .block-section {height:unset;} .block-section.slider-full-height .__col div:is(.block-section-container, .block-gallery, .__content, .carousel, .carousel-inner, .carousel-item) { height:100% !important; object-fit:cover; overflow:hidden; } .block-gallery .carousel {height:31.25rem !important;} .block-gallery .carousel .carousel-inner {cursor:default !important;} .block-gallery .carousel .carousel-control-next, .block-gallery .carousel .carousel-control-prev {border: none !important;} .block-gallery .carousel .carousel-control {width: auto; padding: 0 3.1rem; text-shadow: 0 0 0 rgba(0,0,0,0); border: none !important;} .block-gallery .carousel .carousel-indicators {bottom:1rem; margin:0; width:90%; left:50%; transform:translateX(-50%);} .block-gallery .carousel .carousel-indicators li {margin: 0 0.6rem; background: #a6a6a6; opacity: .2; border: 2px solid #fff; width: 1rem; height: 1rem; border-radius: 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .block-gallery .carousel .carousel-indicators li.active {background: #ffcb04; opacity:1;} .block-gallery .carousel .carousel-caption:before {content:""; inset:0; background:linear-gradient(to bottom, transparent, #181818); position:absolute; opacity:0; transition:.3s all; z-index:-1;} .block-gallery .carousel .carousel-caption:hover:before {opacity:.5;} .block-gallery .carousel .carousel-caption { padding:2rem 2rem 4rem 2rem; transition:.3s all; inset:0; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; z-index:1;} .block-gallery .carousel .carousel-caption > h3 {font-size:2rem; margin:0 !important; line-height:normal;} .block-gallery .carousel .carousel-caption > p { font-size:1rem; margin:0 !important; line-height:normal;} .block-gallery .carousel .carousel-caption > .btn {color:#fff !important;} .block-gallery.text-left.custom1 .carousel .slider-overlay {opacity:1; background:linear-gradient(to right, #272726 35%, rgba(0,0,0,0.2) 35% 50%, transparent 80%) !important; } .block-gallery:is(.text-left, .text-right) .carousel .slider-overlay {background: linear-gradient(to right, #181818, transparent 100%) !important;} .block-gallery.text-right .carousel .slider-overlay {transform:scale(-1);} .block.block-gallery:is(.text-left, .text-right) .carousel .carousel-caption {text-align:left !important; align-items: flex-start; width:60%; left:5%; right:auto; transform:translateY(-50%);} .block.row.block-gallery:is(.text-left, .text-right) .carousel .carousel-indicators {left: 1rem; width: fit-content; display: flex; flex-direction: column; grid-gap: 0.6rem;} .block.block-gallery.text-right .carousel .carousel-caption {text-align:right !important; align-items: flex-end; left:auto; right:5%;} .block.row.block-gallery.text-right .carousel .carousel-indicators {left:auto; right:0;} .block.block-gallery.bottom .carousel .carousel-caption {transform:none;} .__base .block-gallery:not(.main-slider) .carousel {max-height:25rem !important;} /*---------------- gallery-mainslider -------------------*/ .block-gallery.main-slider .carousel .slider-overlay { background: #181818; opacity:.6; inset: 0; position: absolute; z-index: 1;} .block-gallery.main-slider, .block-gallery.main-slider .carousel {height:100% !important;} .block-gallery.main-slider .carousel .carousel-caption:before {display:none;} .block-gallery.main-slider .carousel .carousel-caption {width:75%; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); height: auto; justify-content: center; padding:0;} .block-gallery.main-slider.valkommen .carousel .carousel-caption > h3:before { content:"V\00e4lkommen till"; display:block; font-size:2.7rem;} .block-gallery.main-slider .carousel .carousel-caption h3 {font-size: 4.5rem; line-height: 5.5rem;} .block-gallery.main-slider .carousel .carousel-caption p {font-size:1.2rem; line-height:2rem; margin-top:2rem !important;} /*---------------- gallery-blockgallery -------------------*/ .block-gallery .gallery div {margin-bottom:0;} .block-gallery:not(.slick) .gallery {padding:8px !important;} .block-gallery .gallery img {transition:.3s all; margin:0; height:100%; width:100%; object-fit:cover;} .block-gallery:not(.slick) .gallery .gallery-item:hover {transform: scale(.98);} .block-gallery .gallery .gallery-item .image-container {height:100%; border-radius:10px;} .block-gallery .gallery .gallery-item {transition:.3s all; padding:7px; margin:0;} .full-width-all .block-gallery.no-gutter .gallery {padding:0px !important;} .block-gallery.no-gutter .gallery {padding:1rem;} .block-gallery.no-gutter .gallery .gallery-item {padding:0;} .block-gallery:is(.box, .slick):not(.logo) .gallery .gallery-item.col-sm-6 {height:35vh;} .block-gallery:is(.box, .slick):not(.logo) .gallery .gallery-item.col-sm-4 {height:35vh;} .block-gallery:is(.box, .slick):not(.logo) .gallery .gallery-item.col-sm-3 {height:35vh;} .block-gallery:is(.box, .slick):not(.logo) .gallery .gallery-item.col-sm-2 {height:35vh;} .block-gallery .gallery .gallery-item .img-caption { line-height:normal; transition:.3s all; border-radius:calc(10px + calc(10px / 2)); padding:.5rem 1rem; background:$customdark; color:#fff; margin:0 !important; position:absolute; inset:auto 1rem 1rem 1rem;} .block-gallery .gallery .gallery-item .img-caption small { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} .block-gallery .gallery .gallery-item .img-caption * {margin-top:0;} .block-gallery.hover-caption .gallery .gallery-item .img-caption {opacity:0;} .block-gallery.hover-caption .gallery .gallery-item:hover .img-caption {opacity:1;} .block-gallery.card-caption .gallery .gallery-item .image-container.capped img {margin-bottom:15px; box-shadow: 0 3px 5px rgb(0 0 0 / 20%);} .block-gallery.card-caption .gallery .gallery-item .image-container { box-shadow:5px 5px 5px rgba(0,0,0,0.05); background:#181818;} .block-gallery.card-caption .gallery .gallery-item .image-container a {display: flex; flex-direction: column; height: 100%; border: none !important;} .block-gallery.card-caption .gallery .gallery-item .img-caption {padding:0 1.2rem 1.2rem 1.2rem; background:transparent !important; position: relative; inset: unset; height: fit-content;} .block-gallery.card-caption .gallery .gallery-item .img-caption small { font-size:inherit; } .block-gallery.zoom .gallery .gallery-item {height: 9.3rem; flex:1 0 calc(100% / 3); max-width:calc(100% / 3);} .block-gallery.zoom .gallery .gallery-item.col-xs-6 {height:12.5rem; flex:1 0 calc(100% / 2); max-width:calc(100% / 2);} .block-gallery.zoom .gallery .gallery-item.active { opacity: .4;} .block-gallery.zoom {height:37.5rem; padding-left:1rem; } .block-gallery.zoom > div { flex: 1 0 50%; position: relative; overflow: hidden;} .__base .block-gallery.zoom > div { flex: 1 0 100%;} .block-gallery.zoom .gallery.row {overflow-y:scroll; padding-top:0 !important; padding-bottom:0 !important; align-content: flex-start;} .block-gallery.zoom .gallery.row:before, .block-gallery.zoom .gallery.row:after {content:""; position:absolute; inset:0 0 auto 0; height:3.1rem; background:linear-gradient(to bottom, #fff, transparent); z-index:1;} .block-gallery.zoom .gallery.row:after {inset:auto 0 0 0; transform:scale(-1.01);} .block-gallery.zoom .div-zoom {overflow:hidden; border-radius:10px; background-image: url(../../assets/images/loader.gif); background-size: 100px; background-position: center; background-repeat: no-repeat; background-color: rgba(0,0,0,0.2);} .block-gallery.zoom .div-zoom img {margin-top:0; } .block-gallery.zoom .div-zoom .zoom-text * {margin-top:0; line-height:1.5; display:block;} .block-gallery.zoom .div-zoom .zoom-text {position:absolute; color:#fff; padding:1rem 1.3rem; background:$customdark; backdrop-filter:blur(3px); -webkit-backdrop-filter:blur(3px); height:auto; inset: auto 0 0 0; align-items: flex-start; flex-direction: column; overflow:hidden;} .block-gallery.zoom .div-zoom .zoom-text h5 {font-size:1.2rem;} #block-gallery-modal {inset:0; height:100vh !important; overflow:hidden !important;} #block-gallery-modal .modal-dialog {height: 100%; width: 100%; max-height: 90vh; max-width: 90vw; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%) !important; margin: 0;} #block-gallery-modal .modal-body, #block-gallery-modal .modal-content {height: 100%; background:transparent; border:none;} #block-gallery-modal img {height: 100%; object-fit: contain; background:$customdark;} #block-gallery-modal .caption-container {z-index:100; text-align:left; font-size:0; inset:auto 0 -1px 0; display: flex; align-items: flex-start; padding: 2rem; background: $customdark; flex-direction: column; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px);} #block-gallery-modal .caption-container h3 {font-size:1.5rem !important; margin-bottom:5px;} #block-gallery-modal .caption-container p {font-size:1rem !important;} #block-gallery-modal .caption-container.hidden {display:none;} .__base .block-gallery.slick.bubbles .gallery .gallery-item {margin: 0 !important; } :root {--bub1:18.75rem; --bub2:12.5rem; --bub3:21.8rem; --bub4:15.6rem; --bub5:7.5rem;} .block-gallery.slick.bubbles .slick-track { padding:1rem 0;} .block-gallery.slick.bubbles .slick-slider { width:100% !important; max-width: 100%;} .block-gallery.slick.bubbles .gallery .gallery-item {border-radius:50%; transition:1s all !important; animation: float-bubb 1s linear .5s infinite; } .block-gallery.slick.bubbles .gallery .gallery-item:nth-child(5n+1) {-webkit-animation-duration:3.0s; animation-duration:3.0s; height:var(--bub1); width:var(--bub1) !important; } .block-gallery.slick.bubbles .gallery .gallery-item:nth-child(5n+2) {-webkit-animation-duration:4.0s; animation-duration:4.0s; height:var(--bub2); width:var(--bub2) !important; margin-top:var(--bub2) !important;} .block-gallery.slick.bubbles .gallery .gallery-item:nth-child(5n+3) {-webkit-animation-duration:3.5s; animation-duration:3.5s; height:var(--bub3); width:var(--bub3) !important;} .block-gallery.slick.bubbles .gallery .gallery-item:nth-child(5n+4) {-webkit-animation-duration:2.0s; animation-duration:2.0s; height:var(--bub4); width:var(--bub4) !important; margin-top:var(--bub4) !important;} .block-gallery.slick.bubbles .gallery .gallery-item:nth-child(5n+5) {-webkit-animation-duration:3.5s; animation-duration:3.5s; height:var(--bub5); width:var(--bub5) !important; margin-top:calc(var(--bub5) / 1.5) !important; margin-left:calc(var(--bub5) * (-1)) !important; margin-right:calc(var(--bub5) / 2) !important;} .block-gallery.slick.bubbles .gallery .gallery-item:hover {transform:scale(1.1);} @keyframes float-bubb { 50% { transform:translateY(-0.6rem);} } @media (max-width:1440px) { .block-gallery .carousel .carousel-indicators li {width:0.6rem; height:0.6rem; margin:0 6px;} .main-slider .carousel-item img, .main-slider .carousel-item video {animation: pan-lr 20s linear infinite;} } @media (max-width:992px) { .block-gallery.main-slider .carousel .carousel-caption h3 {font-size: 3.5rem; line-height: 4.5rem;} } @media (max-width:767px) { .slider-full-height .js-slider-height {max-height:31.25rem;} .block-gallery .carousel {height:18.75rem !important;} .block-gallery .carousel-indicators {display:none;} .block-gallery .carousel .carousel-control {display:flex; padding:0 0.6rem;} .block-gallery.box .gallery .gallery-item {height:15.6rem !important;} .block-gallery.zoom {height:28.1rem;} .block-gallery.zoom > .div-zoom { flex: 1 0 70%;} .block-gallery.zoom > .__content { flex: 1 0 30%;} .block-gallery.zoom .gallery .gallery-item {height:6.25rem !important; flex:1 0 100% !important; max-width: 100% !important;} .block.block-gallery.main-slider .carousel .carousel-caption {width:90% !important;} .block-gallery.main-slider.valkommen .carousel .carousel-caption > h3:before {font-size:2rem;} .block-gallery.main-slider .carousel .carousel-caption h3 {font-size: 3rem; line-height: 4rem;} } /*****************************slick-slide*******************************/ .slick-slider .gallery-item {padding:0 !important; margin-top:0 !important;} .slick-slider { padding:0 !important; position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0 !important; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; margin-bottom:0 !important;} .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-arrow:focus, .slick-arrow:active {border:none; box-shadow:none; outline:none;} .slick-arrow {position:absolute; top: 50%; transform: translateY(-50%); background: transparent; border: none; z-index:10; left: 0.6rem; font-size:0;} .slick-arrow:before {content:"\f053"; font-family: "Font Awesome 5 Free"; font-weight:700; font-size: 2.5rem; color:$customdark; opacity:.5; transition:.3s all;} .slick-arrow.slick-next {left:auto; right: 0.6rem;} .slick-arrow.slick-next:before {content:"\f054" !important; } .slick-arrow:hover:before {opacity:1.} .slick-dots li:before {display:none;} .slick-dots {list-style:none; margin:0; padding:0; position: absolute; z-index: 10; bottom: 10%; right: 1rem; display: flex !important; flex-direction: row; grid-gap: 5px;} .slick-dots li.slick-active button {background:#ffcb04;} .slick-dots li button { opacity:.5; transition:.3s all; border: none; display: flex; align-items: center; justify-content: center; font-size: 0; border-radius: 50%;} .slick-dots li:hover button { opacity:1;} .slick.block-gallery .gallery .gallery-item .image-container {border-radius:0 !important;} .slick.block-gallery .gallery .gallery-item.external .image-container a img {cursor:pointer !important;} .slick.block-gallery .gallery .gallery-item .image-container a:before {content:"" !important;} .slick.block-gallery .gallery .gallery-item.external .image-container a:before {opacity:0; position:absolute; content:"\f061" !important; font-family: "Font Awesome 5 Free"; font-weight:700; background:linear-gradient(to bottom, transparent, $customdark); left:0; top:0; right:0; bottom:0; transform:none; display: flex; justify-content: flex-end; align-items: flex-end; padding: 0 1.2rem 0.6rem 0; color: #fff; transition:.3s all;} .slick.block-gallery.gutter .gallery .gallery-item.external .image-container a:before {inset: 0.6rem;} .slick.block-gallery .gallery .gallery-item.external .image-container:hover a:before {opacity:1;} .slick.block-gallery .gallery .gallery-item .image-container a p {opacity:0; position:absolute; transition:.3s all; bottom: 1.2rem; padding-right:3.1rem; left: 1.2rem; color:#fff;} .slick.block-gallery .gallery .gallery-item:hover .image-container a p {opacity:1;} .slick.block-gallery .gallery .gallery-item a.no-link img {cursor:default !important;} .slick.logo img { object-fit: contain !important; } .slick.logo.block-gallery .gallery.row .gallery-item .image-container {height:auto !important;} .slick.logo .gallery.row .gallery-item:hover img {box-shadow:none !important; border-radius:0 !important;} .gutter .slick-slider, .gutter .slick-slider .gallery-item {padding: 0.6rem !important;} .bg-primary .slick.fade-x .slick-slider:before, .bg-primary .slick.fade-x .slick-slider:after {background:linear-gradient(to right, #ffcb04, transparent);} .bg-secondary .slick.fade-x .slick-slider:before, .bg-secondary .slick.fade-x .slick-slider:after {background:linear-gradient(to right, #272726, transparent);} .bg-dark .slick.fade-x .slick-slider:before, .bg-dark .slick.fade-x .slick-slider:after {background:linear-gradient(to right, #181818, transparent);} .bg-custom1 .slick.fade-x .slick-slider:before, .bg-custom1 .slick.fade-x .slick-slider:after {background:linear-gradient(to right, #2e2e2e, transparent);} .bg-custom2 .slick.fade-x .slick-slider:before, .bg-custom2 .slick.fade-x .slick-slider:after {background:linear-gradient(to right, #4f4f4f, transparent);} .bg-custom3 .slick.fade-x .slick-slider:before, .bg-custom3 .slick.fade-x .slick-slider:after {background:linear-gradient(to right, #7a7a7a, transparent);} .slick.fade-x .slick-slider:before, .slick.fade-x .slick-slider:after {z-index:1; content:""; position:absolute; inset:0px auto 0px auto; background:linear-gradient(to right, #fff, transparent); width:6.25rem;} .slick.fade-x .slick-slider:after {right:0; transform:scale(-1);} .slick.link.block-gallery .gallery .gallery-item .img-caption {display:none;} /***************** main *********************/ .container, .block-section > .block-section-container {max-width: 1440px;} .container {padding: 0;} .container-fluid {padding: 0;} main > .block-section {padding: 8.1rem 0 8.1rem 0;} main .block-section {position:relative;} main .block-section div:is(.block-section-container, .block-columns) {height:100%;} .block-columns .__col .__content {padding-left:0; padding-right:0;} main > .block-section.sm-padding {padding: 0 !important;} main ul {list-style:none;} main ul li, main ol li {color: #9fa5ae;} main ul li:before {content: "\f0da"; font-family: "Font Awesome 5 Free"; font-weight: 900; padding: 0 10px 0 0; color: inherit;} main ul li ul {margin-left:1rem; font-size: smaller; padding-bottom:1rem !important;} .bg-image {background-position: center center; background-size: cover !important; background-repeat:no-repeat;} .bg-fixed {background-attachment: fixed;} .block-section .block-columns {display: flex !important;} .block-section .block-columns .__col {padding-left:0; padding-right:0;} .block-section .block-columns .block-section {height: 100%;} main > .block-section .block-columns .block-section > .block-section-container{ display: flex; flex-direction: column; justify-content: flex-start;} .block-section:not(.full-width-all) .block-columns .block-section-container {padding: 1rem;} .block-columns .block-section-container .block:first-child .__content > *:first-child:not(.div-anchor) {margin-top:0 !important;} .full-width-all .row, .full-width-all .__content, .full-width-all .__col {margin: 0; padding: 0;} .full-width-all.block-section > .block-section-container > .block:is(.block-header, .block-text) > .__content {padding:0 1rem;} main.full-width-all > .block-section:not(.page-cover), main.full-width-all > .block-section:not(.page-cover) .block-section-container {width: 100%; max-width: 100%; padding: 0;} main.full-width-all > .block-section:not(.page-cover) :is(.row, .__content, .__col) {margin:0; padding:0;} .full-width-all .__col .block-section:not(.page-cover) > .block-section-container > .block .__content {padding-top:.5rem; padding-bottom:.5rem;} .block-section.xs-box .block-columns .block-section {padding: 1rem;} .block-section.xsm-box .block-columns .block-section {padding: 1.5rem;} .block-section.sm-box .block-columns .block-section {padding: 2rem;} .block-section.md-box .block-columns .block-section {padding: 2.8rem;} .block-section.lg-box .block-columns .block-section {padding: 3.5rem;} .w-5 {width: 5%;} .w-10 {width: 10%;} .w-15 {width: 15%;} .w-20 {width: 20%;} .w-25 {width: 25%;} .w-30 {width: 30%;} .w-35 {width: 35%;} .w-40 {width: 40%;} .w-45 {width: 45%;} .w-50 {width: 50%;} .w-55 {width: 55%;} .w-60 {width: 60%;} .w-65 {width: 65%;} .w-70 {width: 70%;} .w-75 {width: 75%;} .w-80 {width: 80%;} .w-85 {width: 85%;} .w-90 {width: 90%;} .w-95 {width: 95%;} .w-100 {width: 100%;} .vh-5 {height: 5vh !important;} .vh-10 {height: 10vh !important;} .vh-15 {height: 15vh !important;} .vh-20 {height: 20vh !important;} .vh-25 {height: 25vh !important;} .vh-30 {height: 30vh !important;} .vh-35 {height: 35vh !important;} .vh-40 {height: 40vh !important;} .vh-45 {height: 45vh !important;} .vh-50 {height: 50vh !important;} .vh-55 {height: 55vh !important;} .vh-60 {height: 60vh !important;} .vh-65 {height: 65vh !important;} .vh-70 {height: 70vh !important;} .vh-75 {height: 75vh !important;} .vh-80 {height: 80vh !important;} .vh-85 {height: 85vh !important;} .vh-90 {height: 90vh !important;} .vh-95 {height: 95vh !important;} .vh-100 {height: 100vh !important;} .vh-min-25 {min-height: 25vh !important;} .vh-min-40 {min-height: 40vh !important;} .vh-min-50 {min-height: 50vh !important;} .vh-min-60 {min-height: 60vh !important;} .vh-min-75 {min-height: 75vh !important;} .m0 .__content, .p0 .__content {margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important;} .m1st .__content *:first-child, .m0 *:is(h1, h2, h3, h4, h5, h6, p, img, ul, li, ol), .mu0 ul, .ml0 li, .mul0 ul, .mul0 li, .mh0 *:is(h1, h2, h3, h4, h5, h6), .mp0 p, .mi0 img {margin-top: 0 !important; margin-bottom: 0 !important;} .p1st .__content *:first-child, .p0 *:is(h1, h2, h3, h4, h5, h6, p, img, ul, li, ol), .pu0 ul, .pl0 li, .pul0 ul, .pul0 li, .ph0 *:is(h1, h2, h3, h4, h5, h6), .pp0 p, .pi0 img {padding-top: 0 !important; padding-bottom: 0 !important;} @keyframes pan-lr { 50% { object-position:right; } } @keyframes pan-rl { 50% { object-position:10%; } } @keyframes float-y { 50% { transform:translateY(-0.6rem); } } .__base div:is(.lordicon, .lottie) .spacer:before {content:"[lord-icon]"; color:#ffcb04; text-align:left; width:100%; font-family:monospace; display:block;} .__base div.lottie .spacer:before {content:"[lottie-player] [scroll-scrolls-scrollp-hover-hoverh-hoverp]";} div:is(.lordicon, .lottie) .spacer {height:auto;} lord-icon {transform:scale(1.5);} lord-icon.l-xs {height:3rem; width:3rem;} lord-icon.l-sm {height:4.3rem; width:4.3rem;} lord-icon.l-md {height:6.25rem; width:6.25rem;} lord-icon.l-lg {height:9.3rem; width:9.3rem;} .card-categs lord-icon {margin-top:1rem;} lottie-player.l-xs {height:6.25rem; width:6.25rem;} lottie-player.l-sm {height:17.5rem; width:17.5rem;} lottie-player.l-md {height:25rem; width:25rem;} lottie-player.l-lg {height:34.3rem; width:34.3rem;} lottie-player.l-xl {height:40.6rem; width:40.6rem;} lottie-player.l-full {height:100%; width:100%;} div:is(.text-center, .text-center-right, .text-center-left) lottie-player {margin-left:auto; margin-right:auto;} div:is(.text-right, .text-right-center, .text-left-center) lottie-player {margin-left:auto;} div:is(.text-left, .text-left-center, .text-left-right) lottie-player {margin-left:auto;} @media (max-width:767px) { lottie-player {transform:scale(1);} div:is(.text-left-center, .text-right-center) lottie-player {margin-left:auto; margin-right:auto;} div:is(.text-center-right, .text-left-right) lottie-player {margin-left:auto;} div:is(.text-center-left, .text-right-left) lottie-player {margin-left:auto;} } @media (max-width:558px) { lottie-player:is(.l-sm, .l-md, .l-lg) {height:100%; width:100%;} } /****************** service card variants ******************/ .tile-section .block-columns .__col .block-section {border-right: 1.5px solid #353535; border-top: 1.5px solid #353535; height: auto; min-height: 40vh; } .tile-section .block-columns .__col .block-section:not(:last-child) {border-right: 1px solid #353535; } .tile-section {border-bottom: 1.5px solid #353535;} .tile-section .block-columns .__col .block-section p {width: 85%;} .tile-section .block-columns .__col .block-section .block-section-container {padding: 2.8rem; display: flex; justify-content: flex-start !important; flex-direction: column !important; -webkit-align-content: flex-start; align-content: flex-start !important; } .service-section .block-columns .__col .block-section {display: flex; align-items: flex-start; justify-content: flex-start; height: 100vh;} .service-section .block-columns .__col .bg-video video {opacity: 0 !important; transition: 1s ease all; } .service-section .block-columns .__col:hover .bg-video video {opacity: 1 !important; transition: 1s ease all; } .service-section .block-columns .__col .bg-video:not(.no-ov):before {opacity: 0;} .service-section .block-columns .__col:hover .bg-video:not(.no-ov):before {opacity: 1;} .service-section .block-columns .__col .block-section:hover h2 {color: #fff;} .service-section .block-columns .__col .block-section p {opacity: 0; transition: .3s all;} .service-section .block-columns .__col .block-section:hover p {opacity: 1; color: #fff; transition: .3s all;} .service-section .block-columns .__col .block-section .btn {opacity: 0; transition: .3s all;} .service-section .block-columns .__col .block-section:hover .btn {opacity: 1; color: #fff; transition: .3s all;} .service-section .block-columns .__col {padding: 0.25rem;} .service-section .border-right {border-right: 2px solid #0f0f0f; } /****************** form ******************/ .form-fields.row label {color: #9fa5ae;} .block-form label {color: #9fa5ae;} .block-form {margin-top: 0 !important;} .block-form .form-control {border: none; background: transparent; transition:.3s all; border-bottom: 1px solid #576271; color: #9fa5ae; padding: 1rem; border-radius: calc(10px / 2); height: auto; -webkit-appearance: none; -moz-appearance: none; appearance: none; moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;} .block-form .form-control:focus {background: transparent; color: #9fa5ae;} .block-form .form-control::-webkit-input-placeholder, .block-form .form-control:-moz-placeholder, .block-form .form-control::-moz-placeholder, .block-form .form-control:-ms-input-placeholder {color: #181818;} .block-form .btn-primary {width: 100%; border-radius: calc(10px / 2) !important; margin-top: 0;} .block-form textarea.form-control {height:100px;} .block-form .input-group-addon {border-radius: 0; padding: 1rem; font-size: .75rem; line-height: 1.5; background-color: #a6a6a6; color: #4f4f4f; border: none;} .block-form .form-fields .radio {text-align:justify;} .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {margin-right: 0.6rem !important;} .bg-primary .block-form .form-control, .bg-secondary .block-form .form-control {background: #fff;} .bg-primary .block-form .form-control:focus {border-left: 4px solid #272726;} .bg-secondary .block-form .form-control:focus {border-left: 4px solid #ffcb04;} .bg-primary .btn:hover, .bg-secondary .btn:hover {color:#fff !important;} /*.bg-primary .block-form .form-footer .btn {background-color:#32a852 !important; }*/ .form-fields.row { padding-left: 8px; padding-right: 8px;} .form-select:before { content: "\f0d7"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; z-index: 10; right: 1.5rem; top: 5px;} .form-fields.row > div {padding-right:7px; padding-left:7px;} .form-fields.row label {margin-bottom:0;} .form-btn-light .btn {color:#fff !important;} div:is(.js-load, .full-width-all) .form-fields.row {padding-left: 0px; padding-right: 0px; margin-left: -7px; margin-right: -7px;} /***************** styling *********************/ .__base .text-light, .text-light, .text-light p {color: #d9d9d9 !important;} .text-light h6, .text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5, .text-light a:not(.btn), .text-light a:not(.btn):hover {color: #fff !important; } .text-light hr {background-color: #fff !important; color: #fff !important;} .text-dark, .text-dark p, .text-dark h1, .text-dark h2, .text-dark h3, .text-dark h4, .text-dark h5, .text-dark h6, .text-dark a:not(.btn), .text-dark a:not(.btn):hover {color: #181818 !important;} .text-primary, .text-primary p, .text-primary h1, .text-primary h2, .text-primary h3, .text-primary h4, .text-primary h5, .text-primary h6, .text-primary a, .text-primary a:hover {color: #ffcb04 !important;} .text-secondary, .text-secondary p, .text-secondary h1, .text-secondary h2, .text-secondary h3, .text-secondary h4, .text-secondary h5, .text-secondary h6, .text-secondary a, .text-secondary a:hover {color: #272726;} .text-success, .text-success p, .text-success h1, .text-success h2, .text-success h3, .text-success h4, .text-success h5, .text-success h6, .text-success a, .text-success a:hover {color: #32a852;} .text-danger, .text-danger p, .text-danger h1, .text-danger h2, .text-danger h3, .text-danger h4, .text-danger h5, .text-danger h6, .text-danger a, .text-danger a:hover {color: #a83232;} .text-warning, .text-warning p, .text-warning h1, .text-warning h2, .text-warning h3, .text-warning h4, .text-warning h5, .text-warning h6, .text-warning a, .text-warning a:hover {color: #FFDA16;} .text-info, .text-info p, .text-info h1, .text-info h2, .text-info h3, .text-info h4, .text-info h5, .text-info h6, .text-info a, .text-info a:hover {color: #3C6EFF;} .text-custom1, .text-custom1 p, .text-custom1 h1, .text-custom1 h2, .text-custom1 h3, .text-custom1 h4, .text-custom1 h5, .text-custom1 h6, .text-custom1 a, .text-custom1 a:hover {color: #2e2e2e;} .text-custom2, .text-custom2 p, .text-custom2 h1, .text-custom2 h2, .text-custom2 h3, .text-custom2 h4, .text-custom2 h5, .text-custom2 h6, .text-custom2 a, .text-custom2 a:hover {color: #4f4f4f;} .text-custom3, .text-custom3 p, .text-custom3 h1, .text-custom3 h2, .text-custom3 h3, .text-custom3 h4, .text-custom3 h5, .text-custom3 h6, .text-custom3 a, .text-custom3 a:hover {color: #7a7a7a;} .text-custom4, .text-custom4 p, .text-custom4 h1, .text-custom4 h2, .text-custom4 h3, .text-custom4 h4, .text-custom4 h5, .text-custom4 h6, .text-custom4 a, .text-custom4 a:hover {color: #a6a6a6;} .text-custom5, .text-custom5 p, .text-custom5 h1, .text-custom5 h2, .text-custom5 h3, .text-custom5 h4, .text-custom5 h5, .text-custom5 h6, .text-custom5 a, .text-custom5 a:hover {color: #d9d9d9;} .text-custom6, .text-custom6 p, .text-custom6 h1, .text-custom6 h2, .text-custom6 h3, .text-custom6 h4, .text-custom6 h5, .text-custom6 h6, .text-custom6 a, .text-custom6 a:hover {color: #0f0f0f;} .text-custom7, .text-custom7 p, .text-custom7 h1, .text-custom7 h2, .text-custom7 h3, .text-custom7 h4, .text-custom7 h5, .text-custom7 h6, .text-custom7 a, .text-custom7 a:hover {color: #F2F7E7;} .text-custom8, .text-custom8 p, .text-custom8 h1, .text-custom8 h2, .text-custom8 h3, .text-custom8 h4, .text-custom8 h5, .text-custom8 h6, .text-custom8 a, .text-custom8 a:hover {color: #DEE1D7;} .text-custom9, .text-custom9 p, .text-custom9 h1, .text-custom9 h2, .text-custom9 h3, .text-custom9 h4, .text-custom9 h5, .text-custom9 h6, .text-custom9 a, .text-custom9 a:hover {color: #FFF8D0;} [class*="filter-"] {position:relative; overflow:hidden;} [class*="filter-"]:before {transition:1s all; position: absolute; content: " "; top: 0; left: 0; width: 100%; height: 100%; display: block; opacity: .3; z-index: 0;} .filter-opac1:before {opacity:.1;} .filter-opac5:before {opacity:.5;} .filter-opac8:before {opacity:.8;} .filter-opac:before {opacity:1;} .filter-blur3:before {backdrop-filter:blur(3px); -webkit-backdrop-filter:blur(3px);} .filter-blur5:before {backdrop-filter:blur(5px); -webkit-backdrop-filter:blur(5px);} [class*="filter-blur"]:before { opacity:1 !important; filter:opacity(.8);} .block-image .__content[class*="filter-"]::before {z-index:1; } .banner-primary + .div-banner-roll, .filter-primary:before, .cards-primary .__col > .block-section, .bg-primary {background-color: #ffcb04 !important;} .banner-secondary + .div-banner-roll, .filter-secondary:before, .cards-secondary .__col > .block-section, .bg-secondary {background-color: #272726 !important;} .banner-dark + .div-banner-roll, .filter-dark:before, .cards-dark .__col > .block-section, .bg-dark {background-color: #181818 !important;} .banner-black + .div-banner-roll, .filter-black:before, .cards-black .__col > .block-section, .bg-black {background-color: #000 !important;} .banner-light + .div-banner-roll, .filter-light:before, .cards-light .__col > .block-section, .bg-light {background-color: #fff !important;} .banner-info + .div-banner-roll, .filter-info:before, .cards-info .__col > .block-section, .bg-info {background-color: #3C6EFF;} .banner-success + .div-banner-roll, .filter-success:before, .cards-success .__col > .block-section, .bg-success {background-color: #32a852;} .banner-danger + .div-banner-roll, .filter-danger:before, .cards-danger .__col > .block-section, .bg-danger {background-color: #a83232;} .banner-warning + .div-banner-roll, .filter-warning:before, .cards-warning .__col > .block-section, .bg-warning {background-color: #FFDA16;} .banner-customlight + .div-banner-roll, .filter-customlight:before, .cards-customlight .__col > .block-section, .bg-customlight {background-color: $customlight !important;} .banner-customdark + .div-banner-roll, .filter-customdark:before, .cards-customdark .__col > .block-section, .bg-customdark {background-color: $customdark !important;} .banner-custom1 + .div-banner-roll, .filter-custom1:before, .cards-custom1 .__col > .block-section, .bg-custom1 {background-color: #2e2e2e !important;} .banner-custom2 + .div-banner-roll, .filter-custom2:before, .cards-custom2 .__col > .block-section, .bg-custom2 {background-color: #4f4f4f !important;} .banner-custom3 + .div-banner-roll, .filter-custom3:before, .cards-custom3 .__col > .block-section, .bg-custom3 {background-color: #7a7a7a !important;} .banner-custom4 + .div-banner-roll, .filter-custom4:before, .cards-custom4 .__col > .block-section, .bg-custom4 {background-color: #a6a6a6 !important;} .banner-custom5 + .div-banner-roll, .filter-custom5:before, .cards-custom5 .__col > .block-section, .bg-custom5 {background-color: #d9d9d9 !important;} .banner-custom6 + .div-banner-roll, .filter-custom6:before, .cards-custom6 .__col > .block-section, .bg-custom6 {background-color: #0f0f0f !important;} .banner-custom7 + .div-banner-roll, .filter-custom7:before, .cards-custom7 .__col > .block-section, .bg-custom7 {background-color: #F2F7E7 !important;} .banner-custom8 + .div-banner-roll, .filter-custom8:before, .cards-custom8 .__col > .block-section, .bg-custom8 {background-color: #DEE1D7 !important;} .banner-custom9 + .div-banner-roll, .filter-custom9:before, .cards-custom9 .__col > .block-section, .bg-custom9 {background-color: #FFF8D0 !important;} .banner-gradient1 + .div-banner-roll, .filter-gradient1:before, .bg-gradient1 {background:linear-gradient(315deg, #ffcb04, #F2F7E7);} .banner-gradient2 + .div-banner-roll, .filter-gradient2:before, .bg-gradient2 {background:linear-gradient(315deg, #272726, #DEE1D7);} .banner-gradient3 + .div-banner-roll, .filter-gradient3:before, .bg-gradient3 {background:linear-gradient(135deg, #ffcb04 0%, #272726 70%, #F2F7E7) 150%;} .banner-gradient4 + .div-banner-roll, .filter-gradient4:before, .bg-gradient4 {background:linear-gradient(135deg, #d9d9d9 0%, #0f0f0f 70%, #a6a6a6) 150%;} .banner-gradient5 + .div-banner-roll, .filter-gradient5:before, .bg-gradient5 {background:linear-gradient(135deg, #a6a6a6 0%, #d9d9d9 70%, #4f4f4f) 150%;} .banner-gradient6 + .div-banner-roll, .filter-gradient6:before, .bg-gradient6 {background:linear-gradient(135deg, #4f4f4f 0%, #2e2e2e 70%, #181818) 150%;} .hover[class*="filter-"]:hover:before {transform:scale(2) translateX(-25%); opacity: .6;} main p {margin: 0.15rem 0 0 0;} main h1, main h2, main h3, main h4, main h5 {margin: 1.25rem 0 0 0;} main ul {margin: 1rem 0 0 0;} main ul li {margin: 4px 0;} main ul li:before {padding: 0 8px 0 0;} main > .block-error-404 :is(h3, h5) {font-family:Michroma, Arial, sans-serif !important; } main .block-error-404 {padding: 3rem; min-height: 75vh; display: flex; align-content: center; flex-direction: column; justify-content: center; align-items: center; text-align:center;} main .block-error-404 h5 {transition:.3s all; cursor:pointer; border-bottom:1px dotted #0f0f0f;} main .block-error-404 h5:hover {color:#272726;} .pp-container {width:50%; max-width:800px; margin:100px auto; position:relative; min-height: 50vh; display: flex; flex-direction: column; justify-content: center; } .pp-container .row:before {opacity:.2 !important; content:""; background:url('../../assets/images/site_logo.png'); background-size:contain; z-index:-1; position:absolute; inset:1rem; } .pp-container .row {margin:0; overflow:hidden; position:relative; background:linear-gradient(to right,transparent 25%, #fff 25%); box-shadow: 3px 3px 10px rgb(0 0 0 / 10%); border-radius:10px; flex-direction: column; padding:3rem 3rem 3rem calc(25% + 3rem);} .pp-container .row .form-group {margin:0;} .pp-container .row .form-group:nth-child(1) input {height:3.1rem; text-align:center;} .pp-container .row .form-group:nth-child(2) input {transition:.3s all; text-align:center; margin-top:1rem; display:block; background:#ffcb04 !important; color:#fff !important;} .pp-container .row .form-group:nth-child(2) input:hover {background:#181818 !important;} .pp-container .pp-message { bottom: 2.5rem; position: relative; padding-left: 25%; text-align: center; color: red;} .map-container .block-section-container, .map-container .row, .map-container .__content {height: 100%;} .map-container iframe {width: 100%; height: 100%; -webkit-filter: grayscale(1); filter: grayscale(1); moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s;} /************************COOKIES*******************************/ body.modal-open.no-cookie #modal-cc {display:none !important;} html:has(body.modal-open.no-cookie #modal-cc.d-none), body.modal-open.no-cookie:has(#modal-cc.d-none) {padding-right:0 !important; overflow-y:auto;} .modal {background: rgba(0,0,0,0.8); backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px);} .modal .modal-header .close {order:2; } #modal-cc ::-webkit-scrollbar {width: 4px;} #modal-cc ::-webkit-scrollbar-thumb {background:#181818; border-radius:0;} #modal-cc ::-webkit-scrollbar-track {background:#181818;} #modal-cc .modal-dialog {position: fixed; margin: 0; bottom:0; max-width:650px; align-items: flex-end; justify-content: flex-start;} #modal-cc .modal-content {max-height:100vh; border-radius: 0; background: #181818; color: #fff; background-image: url(''); background-position: center; background-size: 120px;} #modal-cc .modal-content a {color:#fff; font-weight:800; border-bottom:2px dotted; text-decoration:none !important;} #modal-cc .modal-content p {margin-block:1.5rem 1rem; font-size:.8rem;} #modal-cc .modal-content p:first-child {margin-top:.5rem !important;} #modal-cc .modal-header {border-bottom:none; padding:3rem 3rem .5rem 3rem;} #modal-cc h5 {color:#fff;} #modal-cc .modal-title {line-height:initial; font-size:1.25rem;} #modal-cc .modal-body {font-size: 1rem;padding:1rem 3rem 3rem 3rem; overflow-y: auto;} #modal-cc .modal-content #cc-sections > hr:first-child {display:none;} #modal-cc .modal-content #cc-sections > hr {border-color:rgba(255,255,255,0.2);} #modal-cc .modal-content .cc-section-row {padding-top:1rem;} #modal-cc .modal-content .cc-section-row .form-group {margin-top:1rem;} #modal-cc .modal-content .nav-pills {gap:1rem; } #modal-cc .modal-content .nav-pills .nav-link:hover {opacity:1;} #modal-cc .modal-content .nav-pills .nav-link {text-transform: uppercase; letter-spacing: 2px; transition:.3s all; opacity:.5; text-align: left; background: transparent; border-bottom: solid 1px rgba(255,255,255,0.2); border-radius: 0; padding-inline: 2.5px; font-size:.7rem;} #modal-cc .modal-content .nav-pills .nav-link.active {opacity:1;} #modal-cc .tab-pane {overflow-x:hidden; overflow-y:auto; max-height:unset;} #modal-cc .tab-pane::-webkit-scrollbar {width: 2px; height: 2px; transition:.3s all;} #modal-cc .tab-pane::-webkit-scrollbar-track {background: inherit;} #modal-cc #cc-buttons {margin-inline:-5px !important; flex-wrap: wrap; padding-bottom:1rem;} #modal-cc #cc-buttons .btn {color: #d9d9d9 !important; justify-content: space-between; flex:1; font-size:.5rem; text-align:left; padding:.5rem !important; border:1px solid rgba(255,255,255,0.3) !important; border-radius:calc(10px / 3) !important; background:transparent !important;} #modal-cc #cc-buttons .btn, #modal-cc #cc-buttons .btn:before, #modal-cc #cc-buttons .btn:after { color:#fff; border-color:#fff;} #modal-cc #cc-buttons .btn:after {text-align:right;} #modal-cc #cc-buttons .btn:is(:hover, :focus, :active)::after {transform:translateX(3px);} #cc-settings-container i {font-style: normal;} #cc-settings-container a {color:#ffcb04; border:none !important; text-decoration:none !important;} #cc-settings-container {left:2rem; bottom:2rem;} #modal-cc .cc-checkbox:not([disabled]) {cursor: pointer;} @media (max-width: 1920px) { #modal-cc .modal-dialog {max-width:570px;} } @media (max-width: 1440px) { #modal-cc .modal-dialog {max-width:500px;} } @media (max-width:767px) { #modal-cc .modal-dialog {max-width:100%;} #modal-cc .modal-content {max-height:80vh; width:100%;} #modal-cc #cc-buttons {flex-direction: column; flex-direction: column-reverse; } #modal-cc #cc-buttons button.btn {float:none !important; display:inline-flex; width:100%; justify-content: space-between; padding:1rem !important;} #modal-cc #cc-buttons button:nth-child(2) {margin-top:10px;} #modal-cc #cc-buttons button:after {} #cc-settings-container {left:1.5rem; bottom:1.5rem;} #modal-cc .modal-content p {font-size:.9rem;} } /*=============================RX-CUSTOM===========================*/ .contact-box .btn {position: absolute; z-index: 20 !important;} .clickable, :is(.card-clickable, .card-hover) .__col .block-section, .card-hover .__col .block-section .block-image img {transition:.3s all;} .clickable:hover, .card-clickable .__col .block-section:hover {transform: translateY(-6px); cursor:pointer;} .card-hover .__col .block-section .block-image .__content {overflow:hidden;} .card-hover .__col .block-section:hover .block-image img { transform:scale(1.2); transition: .3s all;} .card-hover .__col .block-section .block-image img {height: 30vh; object-fit: cover; width: 100%;} .card-hover .block-list-group.modal-list .list-group-item h5 > button {background: #181818; color: #fff; width: 100%; } .card-hover .block-list-group.modal-list .list-group-item:hover h5 > button {background: #272726; text-decoration: none !important; border-bottom: none !important;} .card-hover .modal-list .modal .modal-content {border-radius: 0 !important;} .card-hover .modal-list .modal .modal-content .modal-body h5 {opacity: 0;} .card-hover .__col .block-section h5 {text-transform: uppercase; padding-bottom: 1rem;} .card-hover .block-columns .__col {padding: 1rem;} .serv-section {border-bottom: 1.5px solid #353535;} .serv-section .block-columns .__col .block-section {padding: 2.5rem !important; background: #1E1E1E; height: 100%; min-height: 50vh; border-right: 1.5px solid #353535; border-top: 1.5px solid #353535;} .serv-section .block-columns .__col .block-section:not(:last-child) {border-right: 1px solid #353535; } .serv-section .block-columns .__col .block-section h5 {text-transform: uppercase; position: relative; z-index: 2;} .serv-section .block-columns .__col .block-section h6 { position: relative; z-index: 3;} .serv-section .block-columns .__col .block-section p { position: relative; z-index: 4;} .serv-section .block-columns .__col .block-section:hover:before {transition: 0.3s all; position: absolute; content: " "; top: 0; left: 0; width: 100%; height: 100%; display: block; background-color: #181818; opacity: 0.6; z-index: 0;} .serv-section .block-columns .__col .block-section:before {transition: 0.3s all; position: absolute; content: " "; top: 0; left: 0; width: 100%; height: 100%; display: block; background-color: #181818; opacity: 0; z-index: 0; } .serv-section .block-columns .__col .block-section .block-section-container{display: flex; justify-content: center !important; align-content: center !important; flex-direction: column !important;} :is(.card-inner11, .card-inner11 > .block-section-container) {background-size:0 !important;} .card-inner11 > .block-section-container {background-image:inherit;} .card-inner11 > .block-section-container:before { -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); opacity: 0 !important; content: '';position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: inherit; background-size: cover; background-position: center; transition: 0.5s ease-in-out; z-index: -1;} .card-inner11:hover > .block-section-container:before {filter: brightness(20%);-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); opacity: 1 !important; content: '';position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: inherit; background-size: cover; background-position: center; transition: 0.5s ease-in-out; z-index: -1;} .hero-sec:before {transition: 0.3s all; position: absolute; content: " "; top: 0; left: 0; width: 100%; height: 100%; display: block; opacity: 1; z-index: 0; background: linear-gradient(to bottom, rgba(30,30,30,0.45) 65%, #1E1E1E 100%) !important;} .btn2 {border-left: 2px solid #fff;} .btn2:hover {border-left: none;} .btn2 a:hover {border-bottom: none !important;} .btn2 {position: relative;display: inline-block;padding: 1em 2em; cursor: pointer;overflow: hidden;} .btn2:before, .btn2:after {content: "";position: absolute; left: 0; height: 2px; width: 100%; background-color: transparent;} .btn2:before {top: 0;} .btn2:after {bottom: 0;} .btn2:hover > * > *:before, .btn2:hover > * > *:after {transform: translate3d(0, 0, 0);} .btn2:hover > * > * > *:before, .btn2:hover > * > * > *:after {transform: translate3d(0, 0, 0);} .btn2 > *:before, .btn2 > *:after {content: "";position: absolute;top: 0;height: 100%;width: 2px;background-color: transparent;} .btn2 > *:before {left: 0;} .btn2 > *:after {right: 0;} .btn2 > * > *:before, .btn2 > * > *:after {content: "";position: absolute;left: 0;z-index: 9;height: 2px;width: 100%;background-color: #fff;} .btn2 > * > *:before {top: 0;transform: translate3d(-105%, 0, 0);transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);} .btn2 > * > *:after {bottom: 0;transform: translate3d(105%, 0, 0);transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);} .btn2 > * > * > *:before, .btn2 > * > * > *:after {content: "";position: absolute;top: 0;z-index: 9;height: 100%;width: 2px;background-color: #fff;} .btn2 > * > * > *:before {left: 0;transform: translate3d(0, 105%, 0);transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);} .btn2 > * > * > *:after {right: 0;transform: translate3d(0, -105%, 0);transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);} .btn2-text {font-family: Michroma, Arial, sans-serif; letter-spacing: 2px !important; font-size: 0.75rem; } :is(.card-inner2, .card-inner2> .block-section-container) {background-size:0 !important;} .card-inner2 > .block-section-container {background-image:inherit;} .card-inner2 > .block-section-container:before {-webkit-clip-path: polygon(25% 0, 100% 0%, 100% 100%, 0% 100%); clip-path: polygon(25% 0, 100% 0%, 100% 100%, 0% 100%); opacity: 1 !important; content: '';position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: inherit; background-size: cover; background-position: center; transition: 0.5s ease-in-out; z-index: 0; filter: brightness(70%);} /*.hero-section:hover .card-inner2 > .block-section-container:before{ -webkit-clip-path: polygon(20% 0, 100% 0%, 100% 100%, 0 100%); clip-path: polygon(20% 0, 100% 0%, 100% 100%, 0 100%); opacity: 1!important;} */ .partner-section .__col .block-section {border-right: 1px solid #353535; padding: 2rem; display: flex; justify-content: center; align-items: center; align-content: center; text-align: center;} .partner-section .__col .block-section img {width: 50%; filter: grayscale(1) brightness(100%) invert(100%);} .partner-section .__col .block-section .special-img{ filter: grayscale(1) brightness(100%) invert(0%) !important;} .partner-section .__col .block-section:hover img {width: 50%; filter: grayscale(0) brightness(100%) invert(0%) !important; transition: .3s all;} .box-wrap {filter:blur(0px) !important; opacity: 1 !important;} .box {transition: 0.5s all; } .box-wrap:hover .box{transition: 0.5s all; filter:grayscale(7100%) blur(4px) brightness(70%)!important; opacity:.5; } .box-wrap:hover .box:hover{transition: 1s all; color: #fff; opacity: 1; filter:grayscale(0%) blur(0px) brightness(100%) !important;} .box-wrap:hover .box:hover h1, .box-wrap:hover .box:hover h3 {transition: 0.5s all;} .box-wrap .box a {transition: 0.5s all; opacity: 1;} .spacer-large {height: 30vh;} .wide-margin .block-columns .__col .block-section .block-section-container {padding: 9rem !important;} .hero:hover .block-columns .__col .block-section .card-inner3:before { -webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); opacity: 1 !important; content: '';position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #272726; background-size: cover; background-position: center; transition: 0.5s ease-in-out; z-index: 0; mix-blend-mode: multiply;} .hero .block-columns .__col .block-section .card-inner3:before { -webkit-clip-path:polygon(0 0, 100% 0, 100% 0%, 0% 0%); clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); opacity: 1 !important; content: '';position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #272726; background-size: cover; background-position: center; transition: 0.5s ease-in-out; z-index: 0; mix-blend-mode: multiply;} .text-light .testimonials .list-group-item {background:#181818; border-color:#2e2e2e !important;} .text-light .testimonials .slick-dots li button {background-color: #1E1E1E;} .testimonials :is(.block-list-group, .slick-track) {display: flex; height:100%; padding-block:4rem;} .testimonials .slick-track {gap: 2rem; padding-top:2rem !important;} .testimonials .list-group-item {position:relative; flex:1; margin:0; color:#181818; display: flex; flex-direction: column; justify-content: flex-end; } .testimonials .list-group-item .list-date {display:none;} .testimonials .list-group-item > h6 {order: 3; margin:0; font-size: .7rem; line-height: 1.5;} .testimonials .list-group-item .list-header {order:2; border:none; font-size:1.3rem;} .testimonials .list-group-item .list-content {color: #9fa5ae; order:1; position:relative; border-bottom:1px solid #d9d9d9; padding-bottom: 0.5rem; margin-block: 0 0.5rem; height:100%;} .testimonials .list-group-item .list-content img {position: relative; float:right; width: 5rem; height: 5rem; border-radius: 50%; object-fit: cover; margin-left:1rem;} .testimonials .slick-dots {bottom: 0; left: 50%; transform: translateX(-50%); justify-content: center;} .testimonials.questions .list-group-item .list-content:before {content:"\f128"; inset:auto -1rem -1rem auto !important;} .testimonials.questions .list-group-item .list-header {order:1;} .testimonials.questions .list-group-item .list-content {order:2; border-bottom:none; border-top:1px solid #d9d9d9; margin:0;} @media (max-width:767px) { .testimonials .slick-track {gap: 1rem; } .testimonials .list-group-item {box-shadow:none !important;} .full-width-all .testimonials :is(.block-list-group) {margin-inline:-1rem !important;} } .nav-item.no-child:hover, .nav-item.no-child:hover .nav-link {background:none !important;} .nav-item.no-child > ul, .nav-item.no-child > a:after {display:none;} .product-gal .block-columns .__col .block-section {height: 100%; min-height: 40vh; padding: 2rem; } .tjan-section .block-columns .__col .block-section {padding: 2rem !important;} .tjan-section .block-columns .__col .card-inner02:before{z-index: 2; opacity: 0.75 !important; content: '';position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #ffcb04; -webkit-clip-path: circle(0 at 69% 67%); clip-path: circle(0 at 69% 67%); transition: 0.5s ease-in-out;mix-blend-mode: multiply;} .tjan-section:hover .block-columns .__col .card-inner02:before{opacity: 0.75 !important; -webkit-clip-path: circle(22.9% at 69% 67%); clip-path: circle(22.9% at 69% 67%); mix-blend-mode: multiply;} .tjan-section .block-columns .__col .card-inner03:before{border-radius: 0 0 50% 0; z-index: 0; opacity: 0.75 !important; content: '';position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #0f0f0f; -webkit-clip-path: polygon(0 0, 0% 0%, 0% 100%, 0% 100%); clip-path: polygon(0 0, 0% 0%, 0% 100%, 0% 100%); transition: 0.5s ease-in-out; } .tjan-section:hover .block-columns .__col .card-inner03:before{opacity: 0.75 !important; clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%); -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);} .address-link {font-size: 2rem;} :is(.card-serv, .card-serv > .block-section-container) {background-size:0 !important;} .card-serv > .block-section-container {background-image:inherit;} .card-serv > .block-section-container:before { -webkit-clip-path: polygon(40% 0, 100% 0, 100% 100%, 0 100%, 0 60%); clip-path: polygon(40% 0, 100% 0, 100% 100%, 0 100%, 0 60%); opacity: 1 !important; content: '';position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: inherit; background-size: cover; background-position: center; transition: 0.5s ease-in-out; z-index: 0; filter: brightness(70%);} .card-serv:hover > .block-section-container:before{-webkit-clip-path: polygon(60% 0, 100% 0, 100% 100%, 0 100%, 0 60%); clip-path: polygon(60% 0, 100% 0, 100% 100%, 0 100%, 0 60%); opacity: 1!important;} .personal-card .block-columns .__col {padding: 1rem;} .personal-card .block-columns .__col .block-section {transition: .3s all; border: 1px solid #353535; padding: 2rem;} .personal-card .block-columns .__col .block-section h5 {text-align: center;} .personal-card .block-columns .__col .block-section p {color: #9fa5ae;} .personal-card .block-columns .__col .block-section:hover {background: #0f0f0f; transition: .3s all;} .personal-card .block-columns .__col .block-section:hover a, .personal-card .block-columns .__col .block-section:hover p, .personal-card .block-columns .__col .block-section:hover h4, .personal-card .block-columns .__col .block-section:hover h6 {color: #fff;} .personal-card .modal-list .modal .modal-content .close-times {color: #7a7a7a !important; opacity: 1 !important;} .personal-card .block-columns .__col .block-section .block-section-container { display: flex; justify-content: flex-start !important; flex-direction: column !important; -webkit-align-content: flex-start; align-content: flex-start !important; } .personal-card .block-columns .__col .block-section-container > div:last-child {color: #fff; margin-top:auto !important;} .personal-card .block-columns .__col .block-section .btn {text-transform: uppercase; font-size: 0.9rem; } .personal-card .block-columns .__col .block-section .btn:hover {text-decoration: none !important; background: #181818; } .personal-card .block-list-group.modal-list .list-group-item:hover :is(h5, h5 > button) {transition: .3s all; background: #181818;} .personal-card .block-columns .__col .block-section .modal-body .mb-3 {display: none !important;} .personal-card .block-columns .__col .block-section .btn:after {display: none !important;} .personal-card .block-list-group.modal-list .list-group-item :is(h5, h5 > button) {font-weight: 1rem !important; padding: 0.5rem; border-radius: 0 !important; width: 100% !important; background: #0f0f0f; color: #fff !important;} .personal-card .block-list-group.modal-list .list-group-item {padding-bottom: 0 !important; margin-bottom: 0 !important;} .personal-card .block-columns .__col .block-section .modal-body {text-align: left !important; color: #4f4f4f !important;} .personal-card .block-columns .__col .block-section .modal-body h5 {font-weight: bold !important; color: #181818 !important;} .personal-card .block-columns .__col .block-section .modal-body p {font-weight: 300; color: #181818 !important;} .personal-card .block-list-group .list-group-item strong {float: none !important;} .hero-section .block-columns .__col .block-section.card-inner0:before { mix-blend-mode: multiply; -webkit-clip-path: polygon(0 0, 85% 0, 70% 100%, 0% 100%); -webkit-clip-path: polygon(0 0, 85% 0, 70% 100%, 0% 100%); opacity: 1 !important; content: '';position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #1E1E1E; background-size: cover; background-position: center; transition: 1s ease-in-out; z-index: 0;} .hero-section:hover .block-columns .__col .block-section.card-inner0:before { mix-blend-mode: multiply; opacity: 1; -webkit-clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%); opacity: 1 !important; content: '';position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #1E1E1E; background-size: cover; background-position: center; transition: 1s ease-in-out; z-index: 0;} .con-section .block-columns .__col .block-section.card-inner1:before {-webkit-clip-path: polygon(100% 0, 100% 1%, 100% 100%, 100% 100%); clip-path: polygon(100% 0, 100% 1%, 100% 100%, 100% 100%); opacity: 1 !important; content: '';position: absolute; top: 0;left: 0;width: 100%;height: 100%;display: block;background: transparent url(../../files/istock-894471508.jpg)center center;z-index:0;-webkit-background-size: 100%;-moz-background-size: 100%;-o-background-size: 100%;background-size: 100%;background-repeat: no-repeat; transition: 1s ease-in-out; z-index: 0;} .con-section:hover .block-columns .__col .block-section.card-inner1:before { opacity: 1; -webkit-clip-path: polygon(50% 0, 100% 1%, 100% 100%, 0 100%); clip-path: polygon(50% 0, 100% 1%, 100% 100%, 0 100%); opacity: 1 !important; } .shadow-effect {box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;} .filter-dark1:before {transition: 0.3s all; position: absolute; content: " "; top: 0; left: 0; width: 100%; height: 100%; display: block; background-color: #181818; opacity: 0.3; z-index: 0;} .filter-dark1:hover:before {transition: 0.3s all; position: absolute; content: " "; top: 0; left: 0; width: 100%; height: 100%; display: block; background-color: #181818; opacity: .5; z-index: 0;} .page-cover3 {text-align: center; color: #fff; height: 40vh; } .page-cover3 .block-section-container {display: flex; justify-content: center !important; align-content: center !important; flex-direction: column !important;} .top-adjust {margin-top: -1.25rem;} .bg-variant3 {background: $variant3;} .bg-faded {background: $faded !important;} .bg-faded .block-form .form-control {background: #fff !important; } .bg-faded .block-form label {font-size: 0.85rem; } .filter-blur {backdrop-filter: blur(30px) !important;} .bg-blur {backdrop-filter: blur(15px); box-shadow: inset 0 0 2000px rgba(255, 255, 255, .5);} .filter-gradient:before {z-index: -1; transition: 2s all; position: absolute; content: " "; top: 0; left: 0; width: 100%; height: 100%; display: block; background: radial-gradient(circle, rgba(2,46,74,1) 0%, rgba(255,255,255,0) 100%); background-repeat: no-repeat; background-size: 300% 300%;} .bg-gradient:hover .filter-gradient:before {transition: 2s all; background-position: 100% 100% !important;} .adjust-icon { margin-top: -10rem !important; margin-left: 3.5rem !important;} .circle {width: 25% !important; opacity: 0.25;} .icon-div:hover .circle {opacity: 1; stroke-dasharray: 1000; stroke-dashoffset: 1000; animation: stroke 2s ease-out forwards; stroke: linear-gradient(to right, #ffcb04 0%, transparent 50%);} .animated-icons {margin-top: -3em; } @keyframes stroke { to { stroke-dashoffset: 0; } } @keyframes fadeIn { to { opacity: 1; } } .fade-img {opacity: 0.75 !important;} .fade-img {opacity: 0.25 !important;} .main-heading1 h1 {letter-spacing: 30px; } .video-wrapper:after {position: absolute;content: "";top: 0;left: 0;width: 100%;height: 100%;display: block;background: transparent url(../../files/serv_bg5.png) center center;z-index:0;-webkit-background-size: 100%;-moz-background-size: 100%;-o-background-size: 100%;background-size: 100%;background-repeat: no-repeat;} .d-bottom {display: flex; justify-content: flex-end !important; flex-direction: column !important; -webkit-align-content: flex-end; align-content: flex-end !important; } .d-center {display: flex; justify-content: center !important; align-content: center !important; flex-direction: column !important; } .f1-bold strong{color: #ffcb04;} .f1-bold strong a {color: #ffcb04;} .opacity-adjust {opacity: 0.5;} .opacity-adjust2 {opacity: 0.10;} .p-adjust {margin-top: 1rem !important;} .main-section .btn-primary {color: #fff !important;} .main-section2 .btn-secondary:hover {color: #0f0f0f !important;} .bg-faded {background: $faded;} .bg-gray {background: $variant0;} .bg-tertiary {background: #0f0f0f;} .img-adjust img {height: 55vh; width: 100%; object-fit: cover;} .bg-faded {background: $faded;} main > div.__base .div-anchor {height:1.8rem; margin-top:0px;} main > div.__base .aos-init {opacity: 1 !important; transition-property: initial !important; transform: initial;} .block.block-text .__header, .block.block-list .__header {top: 1.2rem;} .aos-animate {transform:none !important;} .aos-init {opacity:0;} .unhide {opacity:1 !important;} .trans {transition: .3s all !important;} .cms-only {display:none !important;} .__base .cms-only {display:block !important; box-shadow:0 0 5px gold; background:rgba(255,255,255,0.3);} .getlinkshere {z-index:-1; position:absolute; bottom: 0; left:0; width:0; height: 0; overflow: hidden; opacity: 0;} table th, table td {text-align:left;} .table-striped tbody tr:nth-of-type(odd) {background-color:$prifade;} .bold-td1 tr td:nth-child(1), .bold-td2 tr td:nth-child(2), .bold-td3 tr td:nth-child(3), .bold-td4 tr td:nth-child(4) {font-weight:700;} .col-md-2\.4 {flex: 1 1 12.5rem;} .block-section-container .block-columns .__section-controls {top: 1.2rem !important;} .__base > .block-section > .block-section-container.shown > .__section-controls { top: 0.6rem !important; } .__base .block-section .block-section-container .__section-controls { top: 3.75rem !important; left: 40%; } .__base .full-width-all.block-section .block-section-container .__section-controls { top: 0px !important; } .hidden {opacity: 0; transition:.3s all;} .__base div:is(.hidden, .d-md-none) {display: block !important; opacity:0.5 !important; visibility:visible !important; position:relative;} .__base div:is(.hidden, .d-md-none):before {content: ""; position: absolute; background-image: url('../../assets/images/hidden.png') !important; left: 0; top: 0; width: 100% !important; height: 100%; background-size: 6.25rem; z-index: 0;} .__base .bg-dark .hidden:before {filter:invert(1); } iframe {background-image:url('../../assets/images/loader.gif'); background-size:5rem; background-position:center; background-repeat:no-repeat; margin-bottom:-0.6rem; border:0;} iframe.bnw {filter:saturate(0);} .row-gutter .row .__col {padding: 1rem !important; } .row-gutter-md .block-columns:not(:last-child) {padding-bottom: 1.8rem;} .row-center .row {justify-content: center !important;} .pull-left, .pull-left-right, .pull-left-none {float:left;} .pull-right, .pull-right-left, .pull-right-none {float:right;} .invert, .img-invert img {filter:invert(1);} img.bnw, .img-bnw img, .block-gallery.bnw img {filter:saturate(0); transition:.3s all;} img.bnw.hover:hover, .img-bnw.hover:hover img, .block-gallery.bnw img:hover {filter:saturate(1);} .text-left-center, .text-left-right {text-align: left;} .text-right-center, .text-right-left {text-align: right;} .text-center-right, .text-center-left {text-align:center !important;} .bg-top {background-position: 50% 20% !important;} .bg-full-top {background-position: top !important;} .bg-bottom {background-position: 50% 80% !important;} .bg-full-bottom {background-position: bottom !important;} .bg-right {background-position: 80% 50% !important;} .bg-full-right {background-position: right !important;} .bg-left {background-position: 20% 50% !important;} .bg-full-left {background-position: left !important;} .object-center {object-position:50% 50%;} .object-top {object-position:50% 20%;} .object-full-top {object-position:top;} .object-bottom {object-position:50% 80%;} .object-full-bottom {object-position:bottom;} .object-left {object-position:20% 50%;} .object-full-left {object-position:left;} .object-right {object-position:80% 50%;} .object-full-right {object-position:right;} .object-cover, .object-cover img {object-fit: cover; width: 100%;} .object-contain, .object-contain img {object-fit: contain; width: 100%;} .bg-bottom, .bg-bottom video {object-position:50% 80% !important;} .bg-full-bottom, .bg-full-bottom video {object-position:bottom !important;} .bg-top, .bg-top video {object-position:50% 30% !important;} .bg-full-top, .bg-full-top video {object-position:top !important;} .pull-middle-flex, .pull-mb-flex { justify-content: center !important; display: flex; place-content: flex-start center; flex-flow: column wrap; flex-direction: column; flex-wrap: nowrap;} .pull-bottom-flex { display: flex; justify-content: flex-end; align-content: center; flex-direction: column; } .pull-middle-flex > .block-section-container, .pull-bottom-flex > .block-section-container, .pull-mb-flex > .block-section-container {width:100%;} .pull-middle-all .block-columns.row, .pull-bottom-all .block-columns.row {height:100%;} .pull-middle-all .row .block-section-container {display: flex; flex-direction: column; justify-content: center !important; height:100%;} .pull-bottom-all .row .block-section-container {display: flex; flex-direction: column; justify-content: flex-end !important; height:100%;} .pull-justify-flex > .block-section-container { display: flex; flex-direction: column; justify-content: space-between !important; flex-wrap: nowrap; height: 100%;} .block-section.pull-bottom-all > .block-section-container {height:100%;} .block-section.pull-bottom-all > .block-section-container .__col > .block-section {display: flex; align-items: flex-end;} .block-section.pull-bottom-all > .block-section-container .__col > .block-section > .block-section-container {height:auto !important;} .__col .block-section.pull-bottom-flex {} .__col .block-section.pull-bottom-flex > .block-section-container {height:auto;} .col-h-100 .__col {height:100%;} .page-cover:not(.bg-image) {background:url('../../files/hdr.jpg'); background-size:cover !important; background-position:center !important;} .breadcrumbs {font-family:Michroma, Arial, sans-serif; margin:1rem .3rem 0 .3rem; line-height:1rem;} .breadcrumbs a {border:none;} .breadcrumbs a:hover {opacity:.75;} .breadcrumbs a:not(:last-child):after {content: "\f101"; color: #a6a6a6; font-weight:700; margin:0 5px; font-family: "Font Awesome 5 Free";} .page-cover-1 .page-cover + div.block-section:first-child {padding-top:2rem !important;} .page-cover-1 .page-cover:not(.bg-image) {background:linear-gradient(to bottom, rgba(0,0,0,0.5) 50%, #fff), url('../../files/hdr.jpg');} .page-cover-2 .page-cover:not(.bg-image) {background:linear-gradient(to bottom, rgba(0,0,0,0.5) 88%, #272726 88%), url('../../files/hdr.jpg');} .page-cover-2 .page-cover .bc { position: absolute; bottom: 0; display: flex; align-items: center;height: 12%;} .page-cover-2 .page-cover .bc h6 {margin-top:0;} .page-cover-2 .page-cover.text-center .bc {left: 0; right: 0;} .timeline-col > .block-section-container > .block-columns > .__col .block-section-container { margin-left:8px; padding: 0.6rem 2rem 0.6rem 0.6rem;} .timeline-col > .block-section-container > .block-columns > .__col:nth-child(2) .block-section-container {padding:0.6rem 0.6rem 0.6rem 3rem; border-left:1px solid #ffcb04 !important;} .timeline-col > .block-section-container > .block-columns:not(:last-child) > .__col:nth-child(2) .block-section-container {padding-bottom:3rem;} .timeline-col > .block-section-container > .block-columns > .__col:nth-child(2) .block-section-container:before {content: "\2022"; color: #ffcb04; font-size: 6.25rem; position: absolute; left: -6px; margin-top: -5rem;} .timeline .tab-container .list-group-item {width:100%; margin-bottom:50px 0; padding:40px !important; background:linear-gradient(to right, #d9d9d9 40%, transparent 0); border-radius:0; border:none !important;} .timeline .tab-container .list-group-item:before, .timeline .tab-container .list-group-item:after {left: calc(40% - 25px); content:""; position:absolute; background: #d9d9d9; top: 50%; transform: translateY(-50%) rotate(45deg); height: 3.1rem; width: 3.1rem; z-index: -1;} .timeline .tab-container .list-group-item:after {left:50%; transform: translateX(-50%) translateY(-50%); background: #a6a6a6; height: 1.5rem; width: 1.5rem; z-index: 0; border-radius:50%;} .timeline .tab-container .list-group-item .list-content {margin-top:0 !important; width:calc(40% - 3rem);} .timeline .tab-container .list-group-item .list-date {display:none;} .timeline .tab-container .list-group-item .list-header {border:none !important; padding: 0; margin: 0 !important; position: absolute; left: 65%; top: 50%; transform: translateY(-50%); } .timeline .tab-container .list-group-item:nth-child(even) { background:linear-gradient(to left, #d9d9d9 40%, transparent 0); } .timeline .tab-container .list-group-item:nth-child(even):before { left: auto; right: calc(40% - 25px);} .timeline .tab-container .list-group-item:nth-child(even) .list-header { left: auto; right: 65%; } .timeline .tab-container .list-group-item:nth-child(even) .list-content {margin-left:auto;} .timeline .tab-container:before {left: 50%; content:""; position:absolute; background: #d9d9d9; transform:translateX(-50%); top:0; bottom:0; width:2px;} .card-contact { padding-top:1rem;} .card-contact > div {background: #fff; border-radius: 0.6rem; box-shadow: 2px 2px 10px rgba(0,0,0,0.2); border:1px solid rgba(0,0,0,0.2); padding: 1rem !important;} .card-contact.dark > div {background: #181818; } .card-contact ul {margin-top: 0 !important;} .card-contact li:before {color:#ffcb04 !important;} .card-contact.titled li:first-child:before {content:none !important; padding-left:0 !important;} .card-contact.titled li:first-child {font-weight:700 !important; font-size:1.3rem;} .contact-card .block-columns .__col .block-section {background: linear-gradient(to bottom, #fff 11.8rem, #4f4f4f 11.8rem); border:1px solid #d9d9d9; border-radius:1.2rem; box-shadow:3px 3px 7px rgba(0,0,0,0.1); transition:.3s all; padding:2rem 1rem 1.2rem 1rem; color:#fff !important;} .contact-card .block-columns .__col .block-section .block-image a:hover img {transform: scale(1.1); box-shadow: 0 0.75rem 1.75rem rgba(0,0,0,.25), 0 0.6rem 0.6rem rgba(0,0,0,.10) !important; cursor:pointer;} .contact-card .block-columns .__col .block-section .block-image img {border-radius: 50%; background: #fff; padding: 0.6rem; width: 13.75rem; height:13.75rem; object-fit:cover; transition:.3s all; margin:0 auto; display:block;} [class*="contact-"] .block-columns .__col .block-section ul, [class*="contact-"] .block-columns .__col .block-section li, [class*="contact-"] .block-columns .__col .block-section h6, [class*="contact-"] .block-columns .__col .block-section a {margin-top:0 !important; margin-bottom:0 !important; color:#fff;} [class*="contact-"] .block-columns .__col .block-section .block-list-group {margin-top:15px;} [class*="contact-"] .block-columns .__col .block-section .block-list-group.modal-list .list-group-item > h5 > .btn {background: transparent; color: #fff !important; padding: 2px;} [class*="contact-"] .block-columns .__col .block-section .block-list-group.modal-list .list-group-item > h5 > .btn:hover {color: #272726 !important;} [class*="contact-"] .block-columns .__col .block-section .block-list-group.modal-list .list-group-item > h5 > .btn:is(:hover, :focus, :active) {background: transparent !important;} [class*="contact-"] .block-columns .__col .block-section .block-list-group.modal-list .modal {text-align:left;} [class*="contact-"] .block-columns .__col .block-section .block-list-group.modal-list .modal-body > *:first-child {margin-top:0;} /***************** collage *********************/ .contact-box .block-columns .__col .block-section > .block-section-container {overflow: hidden;} .contact-box .block-columns .__col .block-section > .block-section-container .block-image {position:absolute; top: 0; left: 0; right: 0; bottom: 0;} .contact-box .block-columns .__col .block-section > .block-section-container .block-image:before {position:absolute; content:""; left:0; top:0; right:0; bottom:0;} .contact-box .block-columns .__col .block-section > .block-section-container .block-image * {margin-top: -1rem; padding:0; object-fit: cover;width: 100%; object-position:center; transition: 0.5s all;} .contact-box .block-columns .__col .block-section > .block-section-container .block:not(.block-image) { } .contact-box .block-columns .__col .block-section:hover > .block-section-container .block-image img {opacity:0;} .__base .contact-box .block-columns .__col .block-section > .block-section-container .block-image {position: relative;} .clickable {transition:.3s all;} .clickable:hover {cursor:pointer; transform:translateY(4px);} .hover-img img {transition: .5s all;} .hover-img.flip:hover img {transform:scale(-1, 1) scale(-1,1); } .hover-img.rotate:hover img {transform:rotate(360deg); } .hover-img.zoom:hover img {transform:scale(1.1); } .hover-img.floats:hover img {transform:translateY(6px); } .float .spacer, .float img, img.float {animation: float-y 3s linear infinite;} [class*="cards-"].full-width-all .__col > .block-section {min-height:12.5rem;} [class*="cards-"].cards .__col > .block-section {border-radius:10px; overflow:hidden;} [class*="cards-"].cards-ptop .__col > .block-section {padding-top:7rem !important;} [class*="cards-"] .__col > .block-section.bg-image:not(.bg-video):before {content:""; background:linear-gradient(45deg, #272726,#181818); opacity:.65; position:absolute; inset:0;} [class*="cards-"] .__col > .block-section.bg-image, [class*="cards-"] .__col > .block-section.bg-image .btn-primary {color:#fff !important;} .cards-1 .__col > .block-section {/*border:1px solid #0f0f0f;*/} .cards-2 .block-columns:nth-child(3n+1) .__col:nth-child(3n+1) > .block-section, .cards-2 .block-columns:nth-child(3n+2) .__col:nth-child(3n+2) > .block-section, .cards-2 .block-columns:nth-child(3n+3) .__col:nth-child(3n+3) > .block-section {background:#d9d9d9;} .cards-2 .block-columns:nth-child(3n+2) .__col:nth-child(3n+1) > .block-section, .cards-2 .block-columns:nth-child(3n+3) .__col:nth-child(3n+2) > .block-section, .cards-2 .block-columns:nth-child(3n+1) .__col:nth-child(3n+3) > .block-section {background:#a6a6a6;} .cards-2 .block-columns:nth-child(3n+3) .__col:nth-child(3n+1) > .block-section, .cards-2 .block-columns:nth-child(3n+1) .__col:nth-child(3n+2) > .block-section, .cards-2 .block-columns:nth-child(3n+2) .__col:nth-child(3n+3) > .block-section {background:#0f0f0f;} .cards-3 .block-columns:nth-child(3n+1) .__col:nth-child(3n+1) > .block-section, .cards-3 .block-columns:nth-child(3n+2) .__col:nth-child(3n+2) > .block-section, .cards-3 .block-columns:nth-child(3n+3) .__col:nth-child(3n+3) > .block-section {background:#4f4f4f;} .cards-3 .block-columns:nth-child(3n+2) .__col:nth-child(3n+1) > .block-section, .cards-3 .block-columns:nth-child(3n+3) .__col:nth-child(3n+2) > .block-section, .cards-3 .block-columns:nth-child(3n+1) .__col:nth-child(3n+3) > .block-section {background:#2e2e2e;} .cards-3 .block-columns:nth-child(3n+3) .__col:nth-child(3n+1) > .block-section, .cards-3 .block-columns:nth-child(3n+1) .__col:nth-child(3n+2) > .block-section, .cards-3 .block-columns:nth-child(3n+2) .__col:nth-child(3n+3) > .block-section {background:#7a7a7a;} div:is(.cards-prices-1, .cards-prices-2) .__col > .block-section {background-image:url('../../assets/images/price.png'); background-repeat:no-repeat;} div:is(.cards-prices-1, .cards-prices-2) .__col > .block-section h6 {margin-top:0;} .cards-prices-2 .__col > .block-section { background-position: 95% 5%; background-size: 100px;} .cards-prices-2 .__col > .block-section > .block-section-container {} .cards-4 .__col > .block-section {background:linear-gradient(to bottom, transparent 11.8rem, #2e2e2e 0); overflow:hidden;} .cards-4 .__col > .block-section > .block-section-container {padding:0;} .cards-4 .__col .block-image:nth-child(1) {overflow:hidden; border-radius:50% 50% 0 0; background:linear-gradient(-45deg, #0f0f0f -80%, #F2F7E7, #d9d9d9); height:21.8rem; display: flex; align-items: center; justify-content: center; } .cards-4 .__col .block-image:nth-child(1) img {width:75%; transition:.3s all;} .cards-4 .__col:hover .block-image:nth-child(1) img {width:85%;} .cards-4 .__col .block-divider:nth-child(2) {margin:-35px auto 0; background:#0f0f0f; width: 4.3rem; height: 4.3rem; align-items: center; border-radius: 50%;} .cards-4 .__col .block-divider:nth-child(2) lord-icon { transform: scale(1); } .cards-4 .__col .block-text {padding:0 2rem 2rem;} .cards-icon .__col .block-section:not(.bg-image):after {z-index:0; position: absolute; content: ""; opacity: .2; inset: 0; background-image: url(../../assets/images/favicon.png); background-size: 11.25rem; background-repeat: no-repeat; background-position: 150% -50%; filter: saturate(0.2);} .cards-icon .__col .block-section:not(.bg-image) > .block-section-container {position:relative; z-index:1;} /***************card-services********************/ .card-services h4 {color: #ffcb04 !important;} .card-services p {color: #9fa5ae !important;} .card-services .__col .block-section {height:auto;} .card-services.pan .__col:nth-child(1) :is(.block-image, .block-gallery) img { object-position:right; animation: pan-rl 30s linear infinite;} .card-services .__col:nth-child(1) :is(.block-image, .block-gallery) {} .card-services .__col:nth-child(1) :is(.block-image, .block-gallery) img {cursor:zoom-in; transition:.3s all; object-fit: cover; height: 100%; width: 100%; margin-top:0 !important;} .card-services .__col:nth-child(1) :is(.block-image, .block-gallery) img.zoom1 {transform:scale(1.5); cursor:zoom-in; } .card-services .__col:nth-child(1) :is(.block-image, .block-gallery) img.zoom2 {transform:scale(2); cursor:zoom-out; } .card-services .__col:nth-child(1) .carousel-caption {display:none !important;} .card-services .__col:nth-child(1) :is(.block-image, .block-gallery, .carousel, .carousel-item, .carousel-inner) {height:100% !important; overflow:hidden;} .card-services .__col:nth-child(1) .block-section-container {padding:0;} .card-services .__col:nth-child(2) .block-section {padding:3.5rem 2rem; margin: 6rem 0; background: #0f0f0f; box-shadow: 3px 3px 0.6rem rgb(0 0 0 / 10%); width: 120%; margin-left: -20%; z-index: 1;} .card-services .block-columns:nth-child(even) .__col:nth-child(1) {order:2;} .card-services .block-columns:nth-child(even) .__col:nth-child(2) .block-section {margin-left:0; margin-right:-20%;} .card-services .block-columns:not(:last-child) {margin-bottom:5rem;} .__base .card-services .__col:nth-child(1) {order:1 !important;} .__base .card-services .__col:nth-child(2) {order:2 !important;} .__base .card-services .__col:nth-child(2) .block-section {margin:0 !important; width:100%;} @media (max-width: 992px) { .card-services .__col {width:100% !important; max-width:100% !important; flex:100% !important;} .card-services .__col:nth-child(1) {order:1;} .card-services .__col:nth-child(2) {order:2; display: flex; justify-content: center;} .card-services .__col:nth-child(1) .block-section {height: 18.75rem !important;} .card-services .__col:nth-child(1) .carousel .carousel-indicators {display:flex; bottom:auto; top:1.5rem;} .card-services .__col:nth-child(2) .block-section {padding:3rem 1rem; margin:-6rem 0 0 0 !important; width:90%;} } /***************card-services********************/ a.with-file, a.with-external, a.with-globe {margin-right:5px; } a.with-file:after, a.with-external:after, a.with-globe:after {margin-right:5px; font-size:smaller; font-weight: 700; margin-left:5px; transition:.3s all; font-family: "Font Awesome 5 Free"; } a.with-file:after {content: "\f1c1";} a.with-external:after {content: "\f35d";} a.with-globe:after {content: "\f0ac";} .block-section-container > .block.row {margin-left:0; margin-right:0;} .d-hide {opacity:0; position:absolute; z-index:-100;} .show-more .gallery .gallery-item {transition:.3s all;} .__base .text-hover:hover :is(h1, h2, h3) strong {-webkit-text-fill-color: #ffcb04; } .text-hover:hover h1, .text-hover:hover h2, .text-hover:hover h3, .text-hover:hover h4, .text-hover:hover .to-hover {background: linear-gradient(to right, #ffcb04, #272726, #FFDA16, #2e2e2e) #181818 no-repeat 0 0; background-size: 0 100%; animation: stripes 2s linear 1 forwards; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .text-hover.text-light h1, .text-hover.text-light h2, .text-hover.text-light h3, .text-hover.text-light h4, .text-hover.text-light .to-hover {color: #fff;} .text-hover.text-light:hover h1, .text-hover.text-light:hover h2, .text-hover.text-light:hover h3, .text-hover.text-light:hover h4, .text-hover.text-light:hover .to-hover {background: linear-gradient(to right, #ffcb04, #272726, #FFDA16, #2e2e2e) #fff no-repeat 0 0; background-size: 0 100%; animation: stripes 2s linear 1 forwards; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .text-hover.text-primary:hover h1, .text-hover.text-primary:hover h2, .text-hover.text-primary:hover h3, .text-hover.text-primary:hover h4, .text-hover.text-primary:hover .to-hover {background: linear-gradient(to right, #ffcb04, #272726, #FFDA16, #2e2e2e) #ffcb04 no-repeat 0 0; background-size: 0 100%; animation: stripes 2s linear 1 forwards; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } @keyframes stripes { to {background-size:100% 100%;} } .__base .js-load:after, .__base .menu-child:after {content:"[javascript content - do not alter]"; text-align:left; width:100%; font-family:monospace; display:block;} main > div.__base .bg-video {background-color:#181818 !important;} .__base .bg-video:after {content:"[background-video]";position: absolute; bottom: 20%; text-align:left; width:100%; font-family:monospace; display:block;} .bg-video:not(.no-ov):before {content:""; position:absolute; background:rgba(0,0,0,0.4); left:0; top:0; right:0; bottom:0; z-index:1; transition:.3s all;} .bg-video {overflow: hidden;} .bg-video video {object-fit: cover; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; } .bg-video iframe {height: 180vh; width: 250vh; object-fit: cover; position: absolute; top: 50%; left: 50%; z-index: 0; transform: translateX(-50%) translateY(-50%);} .bg-video > .block-section-container { position: relative; z-index: 1;} .controls.bg-video video {z-index:1;} .controls.bg-video > .block-section-container {z-index:2;} .bg-video.bg-fixed video {position: fixed;} .img-zoom img {cursor:zoom-in; transition:.3s all; object-fit: cover; height: 100%; width: 100%; margin-top:0 !important;} .img-zoom img.zoom1 {transform:scale(1.5); cursor:zoom-in; } .img-zoom img.zoom2 {transform:scale(2); cursor:zoom-out; } .img-zoom .carousel-caption {display:none;} .overlay-ik.bg-image {background-size:0% !important; z-index:0;} .overlay-ik:after {background-position:center; content:""; background-size:40%; background-image: inherit; background-repeat: no-repeat; position:absolute; left:0; top:0; right:0; bottom:0; z-index:-1; opacity:.3;} .overlay-ik.rb:after {background-position:120% 120%; } .overlay-ik.tr:after {background-position:120% -20%; } main > div.__base div.divider:after, main > div.__base .gradient:after {z-index:-1 !important;} div.divider:after, .gradient:after {background-color:inherit; content:""; position:absolute; left:0; top:calc(99% - calc(12.5rem / 4)); right:0; height:12.5rem; -webkit-mask-position: center; -webkit-mask-image: url(../../files/divider-wave.svg); -webkit-mask-repeat: no-repeat; -webkit-mask-size: cover; background-size:cover; background-repeat:no-repeat; background-position:center; z-index:-1;} .divider {overflow:unset;} .divider.bottom + div:not(.full-width-all) {padding-top:12.5rem !important;} .divider.top {padding-bottom:calc(12.5rem * 1.5) !important;} .divider.top:after {top:calc(100% - 12.5rem); transform:scale(-1);} .gradient:after {-webkit-mask-image:none; background:linear-gradient(to bottom, transparent, #ffcb04); height:calc(12.5rem / 2); bottom: 0; top: auto;} .gradient:not(.top) + div:not(.full-width-all) {padding-top:calc(12.5rem / 4) !important;} .gradient.top:after { transform:scale(-1); bottom: auto; top: 0;} .gradient.secondary:after {background:linear-gradient(to bottom, transparent, #272726);} .gradient.dark:after {background:linear-gradient(to bottom, transparent, #181818);} .cardy, .cardx, .cardz {border-radius: 1.2rem; border:none !important; box-shadow:5px 5px 0.6rem rgba(0,0,0,0.15); overflow:hidden;} .cardx {border-radius:calc(10px / 2) !important;} .cardz {border-radius:10px !important; box-shadow:none !important;} .cardy-tr {border-radius:1.2rem 1.2rem 0 0;} .cardy-rb {border-radius:0 1.2rem 1.2rem 0;} .cardy-bl {border-radius:0 0 1.2rem 1.2rem;} .cardy-lt {border-radius:1.2rem 0 0 1.2rem;} .cardx-tr {border-radius:calc(10px / 2) calc(10px / 2) 0 0;} .cardx-rb {border-radius:0 calc(10px / 2) calc(10px / 2) 0;} .cardx-bl {border-radius:0 0 calc(10px / 2) calc(10px / 2);} .cardx-lt {border-radius:calc(10px / 2) 0 0 calc(10px / 2);} .cardz-tr {border-radius:10px 10px 0 0;} .cardz-rb {border-radius:0 10px 10px 0;} .cardz-bl {border-radius:0 0 10px 10px;} .cardz-lt {border-radius:10px 0 0 10px;} main > .block-section.buttons-bottom .__col .block-button:last-child {height:100%; display: flex; align-items: flex-end;} .bg-half {background:linear-gradient(to bottom, #0f0f0f 50%, transparent 50%);} .bg-half-top {background:linear-gradient(to top, #0f0f0f 50%, transparent 50%);} .bg-half.primary {background:linear-gradient(to bottom, #ffcb04 50%, transparent 50%);} .bg-half-top.primary {background:linear-gradient(to top, #ffcb04 50%, transparent 50%);} .bg-half.secondary {background:linear-gradient(to bottom, #272726 50%, transparent 50%);} .bg-half-top.secondary {background:linear-gradient(to top, #272726 50%, transparent 50%);} .bg-half.light {background:linear-gradient(to bottom, #fff 50%, transparent 50%);} .bg-half-light.dark {background:linear-gradient(to top, #fff 50%, transparent 50%);} .bg-half.dark {background:linear-gradient(to bottom, #181818 50%, transparent 50%);} .bg-half-top.dark {background:linear-gradient(to top, #181818 50%, transparent 50%);} @keyframes loadrotate { 100% { transform: rotate(1turn); }} html.load {overflow:hidden;} html:before, html:after {transition:.3s all; display: none; } html:before {content: ''; opacity:0; position: fixed; z-index: -5; left: 0%; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background: #fff; } html:after {content:""; opacity:0; position:fixed; inset:10px; background-size: 30vw; background-repeat: no-repeat; background-position: center; z-index:-5; display: flex; align-items: center; justify-content: center;} html.load:before, html.load:after {opacity:1; z-index:20000;} .__base .div-loader {display:none !important;} .__base .whatnot {display:none !important;} .div-loader.load {transform:translateY(-100vh);} .div-loader {transition: 0.5s all; background-image: ; background-size: cover; position: fixed; top:0; left:0; right:0; bottom: 0; background-color: #0f0f0f; z-index:1999; display: flex; align-items: center; justify-content: center;} .div-loader img.bg {display:none; transition:.3s all; width:100%; z-index:1; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); opacity:.1;} .div-loader img.logo { transition:.3s all; width:20rem; z-index:3;} .navbar .ftr-only, footer .hdr-only {display:none !important;} .head {text-align:center;} .head, .head2 {margin-top:1.5rem;} .head h6, .head2 h6 {margin:0; position:relative; overflow:hidden;} .head h6:after, .head h6:before, .head2 h6:after { content: ""; width: 10rem; border-bottom: 1px solid; position: absolute; top: 50%; transform: translateY(-50%); margin-left: 1rem;} .head h6:after, .head h6:before {width:5rem;} .head h6:before {margin-left: calc(-5rem - 1.1rem);} .block-section.full-width-all .block-section-container {overflow:unset;} .__base *:not(.__header, .__section-controls, .__buttons, .carousel-indicators, .carousel-caption, .slider-overlay) {position:relative !important; inset:unset !important;} .lottie1 {position:absolute; top:-15rem;} .div-banner-roll {opacity:.1; height:3.75rem; transition:3s; background-position:0 50%; background-color:#0f0f0f; background-image:url('../../files/banner-roll.svg'); background-size:contain; background-repeat:repeat-x;} .ul-menu-child {display: flex; flex-direction: column; width: 85%; margin-top: 0.6rem;} .ul-menu-child li:before {display:none;} .ul-menu-child li {opacity:1; height:100%; margin:0; position:relative; transition:.3s all;} .ul-menu-child li.back a {font-weight:600; font-size:.8rem; letter-spacing:2px; background-color:#0f0f0f !important;} .ul-menu-child li.back span {display:none; position:absolute; background-color:#0f0f0f; cursor:pointer; inset:3px 0 3px auto; width:1.5rem; border-left:4px solid #fff; align-items: center; justify-content: center; transition:.3s all;} .ul-menu-child li.back span.open i { transform: rotate(90deg);} .ul-menu-child li a {transition:.3s all; display:block; border:none; color:#4f4f4f; background:linear-gradient(to right, #0f0f0f, transparent); border-left:4px solid #a6a6a6; padding: 0.3rem 0.5rem; margin: 3px 0;} .ul-menu-child li a:hover {background-color:#0f0f0f !important;} .ul-menu-child li.active a {background:linear-gradient(to right, #F2F7E7, transparent) !important; border-color:#ffcb04;} .ul-menu-child li.hide {opacity:0; height:0;} i.fab.fa-bokadirekt {height: 100%; width: 100%; display: inline-block; background-size: 1.2rem; background-position: center; background-repeat: no-repeat;} footer i.fab.fa-bokadirekt { height: 1.5rem; width: 1.5rem; background-size: 1.5rem; filter:invert(1) brightness(200);} .opac1 {opacity:.1;} .opac3 {opacity:.3;} .opac5 {opacity:.5;} .opac7 {opacity:.75;} .opac9 {opacity:.9;} .border-all, .border-all .__col > .block-section {border-width:4px;} .outline-all .__col > .block-section, .block-section.outline, img.outline {outline:1px solid #d9d9d9; outline-offset:-1rem;} :root {--logo1h:12.5rem; --logo2h:12.5rem;} .logo1 > .block-section-container {overflow:unset !important;} .__base .logo1 .__col .block-image { position: relative; inset: 0;} .logo1 .__col .block-image { position: absolute; top: calc(calc(var(--logo1h) / 2) * (-1)); right: calc(calc(var(--logo1h) / 2) * (-1)); width: var(--logo1h); z-index:1; padding:1rem;} .logo1 .__col .block-image * {margin-top:0;} .logo1 .block-image img { animation: bg-rotate 60s linear infinite;} .logo2:before {position:absolute; inset:0; content:''; background:linear-gradient(to right, #ffcb04 40%, $customdark 40%); z-index:0;} .logo2:after {content:""; position:absolute; background-image:url('../../assets/images/favicon.png'); background-size:80%; background-color:#fff; background-position:center; background-repeat:no-repeat; height:var(--logo2h); width:var(--logo2h); left: calc(40% - calc(var(--logo2h) / 2)); top: calc(calc(var(--logo2h) / 2) * -1);} .logo2 > .block-section-container {max-width:100%; width:calc(40% - 0rem) !important; padding:0 5rem; margin:0;} @keyframes bg-rotate { 50% { transform:rotate(360deg); } } .__base .block-list.socials .list-group-item .list-content {display:block !important;} .__base .block-list.socials .block-list-group { flex-direction: column !important;} .__base .block-list.socials .list-group-item {border-bottom:1px solid #fff;} .block-list.socials .block-list-group {display: flex; flex-direction: row;} .text-center .block-list.socials .block-list-group {justify-content: center;} .text-right .block-list.socials .block-list-group {justify-content: flex-end;} .block-list.socials .list-group-item {border:none; padding:0;} .block-list.socials .list-group-item .list-content {display:none;} .block-list.socials .list-group-item a {padding: unset; transition: .3s all; font-size: 1.2rem; background: #ffcb04; color: #fff; display: flex; height: 2.5rem; width: 2.5rem; margin: 5px; border-radius: 50%; align-items: center; justify-content: center; text-decoration: none; border: none;} .block-list.socials .list-group-item a:hover {background:#181818;} .bg-blur { backdrop-filter: blur(1rem); -webkit-backdrop-filter: blur(1rem); box-shadow: $customlight 0px 0px 125rem inset; } .lang {display: flex; transform-origin:right; transform:scale(1.5); backdrop-filter: blur(1px); -webkit-backdrop-filter: blur(1px); background-color: rgba(0,0,0, 0.4); font-size: 1.25rem !important; position: fixed; top: 20%; right: 0; width: 60px; text-align: center; z-index: 50; transition: 0.3s all; padding: 1.2rem 0.6rem; border-radius: 0.6rem 0 0 0.6rem; flex-direction: column;} .lang a {text-decoration: none !important; border: none !important; padding: 0.5rem; width: 2.5rem; height: 2.5rem;} .lang img {transform: rotate(90deg) ; width: 100%; transition:.3s all; } .lang img:hover {transform: scale(1.5) rotate(360deg);} /*=============================RX-CUSTOM===========================*/ @media (max-height: 767px) { main > .block-section[class*="vh-"]:not(.page-cover) {min-height:37.5rem !important;} } @media (max-width: 1920px) { :root {--logo2h:9.3rem;} html, body {font-size: 1rem;} .spacer {height: 1.5rem;} .container, .block-section > .block-section-container {max-width: 1050px;} main > .block-section {padding: 6.25rem 0 6.25rem 0;} .block-form .form-control {padding: 0.6rem;} .block-form .input-group-addon {padding: 0.6rem; } .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {margin-right: 8px !important;} .cards-4 .__col .block-image:nth-child(1) {height:250px;} .lang {transform:scale(1);} } @media (max-width: 1680px){ .personal-card .block-columns .__col .block-section {padding: 1.5rem;} .wide-margin .block-columns .__col .block-section .block-section-container {padding: 5rem !important;} } @media (max-width: 1440px) { html, body {font-size: 1rem;} .wide-margin .block-columns .__col .block-section .block-section-container {padding: 4rem !important;} } @media (max-width: 1470px) { h1 {font-size: 3rem !important;} h2 {font-size: 2.5rem !important;} h3 {font-size: 2rem !important;} h4 {font-size: 1.5rem !important;} h5 {font-size: 1rem;} } @media (max-width: 1280px) { :root {--logo1h:7.5rem; --logo2h:7.5rem;} h1 {font-size: 2rem !important;} h2 {font-size: 1.75rem !important;} h3 {font-size: 1.5rem;} h4 {font-size: 1.15rem !important;} h5 {font-size: 1rem;} html, body {font-size: 1rem;} h6 {letter-spacing: 2px;} main > .block-section {padding: 4.6rem 0 4.6rem 0;} main p {margin: 0.15rem 0 0 0;} main h1, main h2, main h3, main h4, main h5{margin: 1rem 0 0 0;} main ul {margin: 0.6rem 0 0 0;} main ul li {margin: 3px 0;} main ul li:before {padding: 0 5px 0 0;} .wide-margin .block-columns .__col .block-section .block-section-container {padding: 3.5rem !important;} .spacer {height: 15px;} .container, .block-section > .block-section-container {max-width: 900px;} .block-list-group.accordion .card .card-header h5 .btn {padding: 0.6rem 1rem; } .block-list-group.accordion .card .card-body {padding: 1rem;} .block-list-group.tabs .nav-tabs .nav-item .nav-link {padding: 0.6rem 1rem;} .block-list-group.tabs .tab-content {padding: 1.2rem 2rem;} .news .list-group-item .list-date {letter-spacing: 2px;} .news .list-group-item .list-content {margin: 1rem 0 0 0;} .block-form .form-control {padding: 8px; border-width: 2px;} .block-form .form-control:focus {border-width: 2px;} .block-form .input-group-addon {padding: 8px;} .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {margin-right: 5px !important;} } @media (max-width: 992px) { h1 {font-size: 2rem;} h2 {font-size: 1.75rem;} h3 {font-size: 1rem;} h4 {font-size: 0.9rem;} h5 {font-size: 0.7rem;} .wide-margin .block-columns .__col .block-section .block-section-container {padding: 2rem !important;} .page-cover > .block-section-container {padding-top:5rem;} .news .list-group-item .list-header {font-size: 1.6rem;} .container, .block-section > .block-section-container {max-width: 100%;} main > .block-section {padding: 3.75rem 1rem 3.75rem 1rem;} .tile-section .block-columns .__col .block-section .block-section-container {padding: 0;} .p-5 {padding: 1rem !important; } .pp-container {width:80%;} .divider.bottom + div:not(.full-width-all) {padding-top:calc(12.5rem / 2) !important;} } @media (min-width: 768px) { @media (max-height:900px) { .main-slider, .home-cover {min-height:650px !important;} } } @media (max-width: 767px) { :root {--logo2h:5rem;} @media (max-height:700px) { .main-slider, .home-cover {min-height:600px !important;} } body, .block-section.bg-fixed {background-attachment:scroll;} h1 {font-size: 1.75rem !important;} h2 {font-size: 1.5rem !important;} h3 {font-size: 1.25rem;} h4 {font-size: 1.15rem !important;} h5 {font-size: 1rem;} .btn {font-size: 0.5rem !important;} .hero-sec h1 {font-size: 1.25rem !important;} .div-loader img.logo {width: 10rem !important;} .card-inner2 {height: 50vh !important;} .card-inner2 > .block-section-container:before {-webkit-clip-path: polygon(0% 0, 100% 0%, 100% 100%, 0 100%); clip-path: polygon(0% 0, 100% 0%, 100% 100%, 0 100%); opacity: 1 !important; content: '';position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: inherit; background-size: cover; background-position: center; transition: 0.5s ease-in-out; z-index: 0; filter: brightness(70%);} .tile-section .block-columns .__col .block-section {padding: 1.5rem; } .order-md .block-columns > .__col:nth-child(1) {order:2;} .order-md .block-columns > .__col:nth-child(2) {order:1;} .block-section.order-md .block-columns .__col:nth-child(1) {-ms-flex-order: 2; order:2;} .block-section.order-md .block-columns .__col:nth-child(2) {-ms-flex-order: 1; order:1;} .floating-right {float: none !important;} .floating-left {float: none !important;} .text-responsive {width: 100% !important;} .pp-container { width: 90%; margin: 3rem auto;} .btn { font-size:.9rem;} .border-col.left .block-columns .__col {border: none;} .border-col.right .block-columns .__col {border: none;} .page-cover, .page-cover > .block-section-container {padding-left:.2rem !important; padding-right:.2rem !important;} .breadcrumbs {font-size: .7rem; letter-spacing: 1px; margin-left:2px;} .breadcrumbs.sm {font-size: .5rem;} .block-list-group.accordion .card .card-body {padding: 1rem 1.2rem !important;} main > .block-section {padding: 2.5rem 0;} .block-section.xsm-box .block-columns .block-section {padding: 1rem;} .block-section.sm-box .block-columns .block-section {padding: 1.2rem;} .block-section.md-box .block-columns .block-section {padding: 2rem;} .block-section.lg-box .block-columns .block-section {padding: 2.5rem;} .block-section.xl-box .block-columns .block-section {padding: 2.5rem;} .block-section .block-columns .__col {flex:1 0 100%; max-width:100%;} .timeline-col > .block-section-container > .block-columns > .__col {padding-bottom:0 !important; padding-top:0 !important; flex:1 100%; max-width:100%;} .timeline-col > .block-section-container > .block-columns > .__col:nth-child(1) .block-section-container {border-left:1px solid #ffcb04 !important; padding-left:3rem;} .timeline-col > .block-section-container > .block-columns > .__col:nth-child(1) .block-section-container:before {content: "\2022" !important; color: #ffcb04; font-size: 6.25rem; position: absolute; left: -6px; margin-top:-4.3rem; } .timeline-col > .block-section-container > .block-columns > .__col:nth-child(2) .block-section-container:before {content: "" !important;} .timeline .tab-container .list-group-item {padding:2.5rem 1.2rem 1.2rem 1.2rem !important; background:linear-gradient(to left, #d9d9d9 80%, transparent 0) !important;} .timeline .tab-container .list-group-item:before {width:2rem; height:2rem; right:auto; left:calc(20% - 1rem) !important;} .timeline .tab-container .list-group-item:after {left:-1rem;} .timeline .tab-container .list-group-item .list-content, .timeline .tab-container .list-group-item .list-header {width:calc(80% - 1.2rem); margin-left: auto !important; position: relative; left: auto !important; right: auto !important;} .timeline .tab-container:before {left:0;} .text-left-center, .text-right-center {text-align: center !important;} .text-right-left, .text-center-left {text-align: left !important;} .text-left-right, .text-center-right {text-align: right !important;} .contact-card .block-columns .__col .block-section {background: linear-gradient(to bottom, #fff 8.4rem, #4f4f4f 8.4rem);} .row-gutter-md .row .__col, .row-gutter .row .__col {padding: 1rem !important;} .row-gutter-md .block-columns:not(:last-child) {padding-bottom: 0;} .pull-left-right {float:right;} .pull-left-none, .pull-right-none {float:none;} .pull-right-left {float:left;} .pull-mb-flex { justify-content: flex-end !important; align-content: center; flex-direction: column; } .w-md-auto {width:auto !important;} .w-md-100 {width:100% !important;} .w-md-95 {width:95% !important;} .w-md-90 {width:90% !important;} .w-md-85 {width:85% !important;} .w-md-80 {width:80% !important;} .w-md-75 {width:75% !important;} .w-md-70 {width:70% !important;} .w-md-65 {width:65% !important;} .w-md-60 {width:60% !important;} .w-md-55 {width:55% !important;} .w-md-50 {width:50% !important;} .w-md-45 {width:45% !important;} .w-md-40 {width:40% !important;} .w-md-35 {width:35% !important;} .w-md-30 {width:30% !important;} .w-md-25 {width:25% !important;} .w-md-20 {width:20% !important;} .vh-md-auto {height:auto !important;} .vh-md-100 {height:100vh !important;} .vh-md-90 {height:90vh !important;} .vh-md-80 {height:80vh !important;} .vh-md-70 {height:70vh !important;} .vh-md-60 {height:60vh !important;} .vh-md-50 {height:50vh !important;} .vh-md-40 {height:40vh !important;} .vh-md-30 {height:30vh !important;} .vh-md-20 {height:20vh !important;} .bg-half.fade-md {background:linear-gradient(to bottom, #0f0f0f, transparent);} .bg-half-top.fade-md {background:linear-gradient(to top, #0f0f0f, transparent);} .bg-half.primary.fade-md {background:linear-gradient(to bottom, #ffcb04, transparent);} .bg-half-top.primary.fade-md {background:linear-gradient(to top, #ffcb04, transparent);} .bg-half.secondary.fade-md {background:linear-gradient(to bottom, #272726, transparent);} .bg-half-top.secondary.fade-md {background:linear-gradient(to top, #272726, transparent);} .bg-half.light.fade-md {background:linear-gradient(to bottom, #fff, transparent);} .bg-half-top.light.fade-md {background:linear-gradient(to top, #fff, transparent);} .bg-half.dark.fade-md {background:linear-gradient(to bottom, #181818, transparent);} .bg-half-top.dark.fade-md {background:linear-gradient(to top, #181818, transparent);} .d-none-md {display:none !important;} .order-md .block-columns > .__col:nth-child(1) {order:2;} .order-md .block-columns > .__col:nth-child(2) {order:1;} .__col.order-1-md {order:1;} .__col.order-2-md {order:2;} .p-0-md {padding:0 !important;} .py-0-md {padding-top:0 !important; padding-bottom:0 !important;} .px-0-md {padding-left:0 !important; padding-right:0 !important;} .pl-0-md {padding-left:0 !important; } .pr-0-md {padding-right:0 !important;} .pt-0-md {padding-top:0 !important; } .pb-0-md {padding-bottom:0 !important;} .div-banner-roll {background-size:cover;} .ul-menu-child {width:100%;} .ul-menu-child li.back span {display:flex;} .logo1 > .block-section-container {} .logo1 .__col .block-image {right:calc(var(--logo1h) / 4); padding:.5rem;} .logo2 > .block-section-container {width:100% !important; margin-top:5rem; padding:0 1rem;} .logo2:after {top:calc(calc(var(--logo2h) / 4) * -1);} .lang {transform:scale(.8);} } @media (max-width: 558px) { h1 strong {font-size:4rem;} .div-loader img.bg {width:18.75rem;} .div-loader img.logo {width:3rem;} .slick.fade-x .slick-slider:before, .slick.fade-x .slick-slider:after {width:6.25rem;} .cards-4 .__col .block-image:nth-child(1) {height:12.5rem;} .cards-4 .__col .block-image:nth-child(1) img {width:60%;} } @media (max-width: 320px) { h1 {font-size: 2.5rem;} } /***************** menu-top *********************/ .div-anchor {height:200px; margin-top:-200px; position:relative; z-index:-1;} .navbar.scrolled {background: #1E1E1E; box-shadow:0px 2px 10px rgba(0,0,0,0.1);} .navbar {position:fixed; inset: 0 0 auto 0; height:180px; z-index:250; transition:.3s all;} /*background:rgba(255,255,255,0.5); backdrop-filter:blur(5px); -webkit-backdrop-filter:blur(5px); */ .navbar .nav-inner {height:100%; width:100%; display: flex; flex-direction: row; justify-content: space-between;} .navbar .nav-inner .navbar-brand {display: flex; align-items: center; justify-content: center;} .navbar .nav-inner .navbar-brand img { max-width: 500px; max-height: 90%; width: auto; margin-right:auto;} .navbar .nav-inner .navbar-nav { margin-left:auto; width: auto; display: flex; flex-direction: row; justify-content: space-evenly; align-items: center;} .navbar .nav-inner .navbar-nav .nav-link {color:#181818; text-transform:uppercase; transition:.3s all;} .navbar .nav-inner .navbar-nav > .nav-item > .nav-link { font-size:0.85rem; color:#fff;} .navbar.scrolled .nav-inner .navbar-nav > .nav-item > .nav-link {color: #fff;} .navbar .nav-inner .navbar-nav > .nav-item {padding:0 2rem;display: flex; align-items: center;} .navbar .nav-inner .navbar-nav .nav-item.nav-btn .nav-link {border: none !important; background-color: #00dc78; color: #181818 !important; padding-right: 2rem; padding-left: 2rem; border-radius: 30px;} .navbar .nav-inner .navbar-nav .nav-item.nav-active > .nav-link {font-weight:700; color: #ffcb04;} .navbar .nav-inner .navbar-nav .nav-item.dropdown {} .navbar .nav-inner .navbar-nav .nav-link:hover {opacity:.5;} .navbar .dropdown-toggle::after {margin-left:10px;} .navbar .navbar-nav .dropdown-menu {background: #0f0f0f; color: #fff !important; transition:.3s all; position: absolute; border-radius: 5px; left: -5rem; right: 0; box-shadow:5px -5px 10px rgba(0,0,0,0.1);} .navbar .navbar-nav .dropdown-menu:before {content:""; position:absolute; height:10px; width:10px; background: #0f0f0f; transform: rotate(45deg) translateX(-50%); right: 10%; top: 0;} .navbar .navbar-nav .dropdown-menu.nav-level3 { right: 103%; left: -100%; top: 0; } .navbar .navbar-nav .dropdown-menu.nav-level3::before { right: -8px; top: 20px; } .navbar .navbar-nav .dropdown-menu li { } .navbar .navbar-nav .dropdown-menu li a{font-size: 0.75rem; color: #fff !important; } .navbar .navbar-nav .dropdown-menu li a {padding:8px 15px;} .navbar .nav-inner .socials {z-index:1; height:100%; display:flex; list-style:none; flex-direction: column; align-items: center; justify-content: space-evenly; align-content: center;} .navbar:is(.no-socials, .socials-md) .nav-inner .socials {display:none;} .navbar .nav-inner .socials li {height:100%;} .navbar .nav-inner .socials a {height:100%; background:linear-gradient(#ffcb04, #272726); color:#fff; display: flex; border:none !important; text-decoration:none; transition:.3s all; width: 50px; justify-content: center; align-items: center;} .navbar .nav-inner .socials a:hover {background:linear-gradient(#181818, #181818);} .navbar .nav-outer, .navbar .nav-outer .nav-title, .navbar .nav-outer .cta {display:none;} .navbar .navbar-brand.filtered img {filter:brightness(0) invert(1);} .navbar.scrolled .navbar-brand.filtered img {filter:none;} .navbar.dark.scrolled {background:#181818;} .navbar.dark .nav-inner .navbar-nav .nav-item .nav-link {color:#fff;} .navbar.dark .navbar-nav .dropdown-menu, .navbar.dark .navbar-nav .dropdown-menu:before {background:#2e2e2e;} .nav-item.no-child:hover, .nav-item.no-child:hover .nav-link {background:none !important;} .nav-item.no-child > ul, .nav-item.no-child > a:after {display:none;} .navbar .ftr-only, footer .hdr-only, footer .nav-item .dropdown-toggle::after, footer .nav-item .children {display:none !important;} @media (max-width: 2050px) { .div-anchor {height:150px; margin-top:-150px;} .navbar {height:120px;} .navbar .nav-inner .navbar-brand img { max-width: 400px;} .navbar .nav-inner .navbar-nav > .nav-item > .nav-link {font-size:0.75rem;} .navbar .nav-inner .navbar-nav > .nav-item {padding:0 1.5rem;} .navbar .nav-inner .navbar-nav .nav-item.nav-btn .nav-link {padding-right: 1.5rem; padding-left: 1.5rem;} } @media (max-width: 1920px) { .navbar .nav-inner .navbar-brand img { max-width: 300px;} } CSS @media only screen and (max-width: 1470px) and (max-height: 700px) { .navbar .nav-inner .navbar-nav > .nav-item > .nav-link {font-size: 0.5rem;} } @media (max-width: 1440px) { .div-anchor {height:120px; margin-top:-120px;} .navbar {height:100px;} .navbar .nav-inner .navbar-nav > .nav-item {padding:0 1rem;} .navbar .nav-inner .navbar-nav .nav-item.nav-btn .nav-link {padding-right: 1rem; padding-left: 1rem;} .navbar .nav-inner .socials a {width: 40px; } .navbar .nav-inner .navbar-nav > .nav-item > .nav-link {font-size: 0.5rem;} } @media (max-width: 992px) { .navbar .nav-inner .navbar-nav, .navbar .nav-inner .socials, .navbar .nav-outer:before, .navbar .nav-outer .nav-title, .navbar .nav-outer .cta {transition:.6s all; right:-101vw !important;} .navbar.open .nav-inner .navbar-nav, .navbar.open .nav-inner .socials, .navbar.open .nav-outer:before, .navbar.open .nav-outer .nav-title, .navbar.open .nav-outer .cta {right:0 !important;} .navbar {backdrop-filter:none; -webkit-backdrop-filter:none;} .navbar .nav-outer:before {color: #272726 !important;} .navbar .nav-outer {background:secondary !important; } .navbar .navbar-brand {z-index: 10000 !important;} .navbar .nav-inner .navbar-nav { height:auto; position: fixed; width: 75%; inset: 100px 0px 50px 0; background: #fff; overflow-y: auto; padding:2rem 1rem; display: flex; flex-flow: column wrap; align-items: flex-start; justify-content: flex-start; flex-direction: column; flex-wrap: nowrap;} .navbar .nav-inner .navbar-nav li {width:100%; display: flex; flex-direction: column; align-content: flex-start; align-items: flex-start !important; flex-wrap: wrap;} .navbar .nav-inner .navbar-nav .nav-item .nav-link {color:#181818 !important;} .navbar .nav-inner .navbar-nav .nav-item.nav-btn {padding: 0 !important;} .navbar .nav-inner .navbar-nav .nav-item.nav-btn .nav-link {border: none; width: 100%; border-radius: 0;} .navbar .nav-inner .navbar-nav > li {border-bottom:1px solid #d9d9d9;} /* .navbar .nav-inner .navbar-nav > li:first-child {border-top:1px solid #d9d9d9;} */ .navbar .navbar-nav .dropdown-menu {margin-bottom: -1px; position: relative; left: -1.5rem; top: auto; width: calc(100% + 3rem); box-shadow:0px 5px 10px rgba(0,0,0,0.1); border-radius:0;} .navbar .navbar-nav .dropdown-menu li a {padding:8px 1.5rem;} .navbar .navbar-nav .dropdown-menu.nav-level2 {background: #0f0f0f;} .navbar .navbar-nav .dropdown-menu.nav-level3 {left: 0 !important; width: 100%; top: auto; position: relative; box-shadow: none; background: #d9d9d9;} .navbar .navbar-nav .nav-item.dropdown.show:not(.no-child) {border-left: 3px solid #ffcb04; } .navbar .navbar-nav .dropdown-menu::before {display:none;} .navbar .nav-inner .socials {display: flex; position: fixed; inset: auto 0px 0px auto; flex-direction: row; height: 50px; width: 75%;} .navbar .nav-inner .socials li, .navbar .nav-inner .socials li a {width:100%;} .navbar .nav-inner .socials li a {background: #272726; font-size:2rem;} .navbar.no-socials .nav-inner .navbar-nav {bottom:0;} .navbar.dark .nav-inner .navbar-nav {background:#181818;} .navbar.dark .navbar-nav .dropdown-menu.nav-level2 {background:#2e2e2e;} .navbar.dark .navbar-nav .dropdown-menu.nav-level3 {background:#4f4f4f;} .navbar .nav-outer {display: flex; position: fixed; top: 0; right: 0; width: 75%; height: 100px; align-items: center; justify-content: space-between; padding: 1rem;} .navbar .nav-outer:before {background: #272726; content:""; top: 0; bottom: 0; width: 100%; position:absolute; z-index:-1;} .navbar .nav-outer .nav-toggler {order:2; color:#fff;} .navbar.scrolled .nav-outer .nav-toggler {color:#ffcb04;} .navbar.open .nav-outer .nav-toggler {background:transparent;} .navbar .nav-outer .nav-title {opacity: 0 !important; position:relative; order:1; display:flex;} .navbar .nav-outer .nav-title a * { opacity: 0 !important; color:#272726; font-weight:700;} .navbar .nav-outer .cta {} .navbar.socials-md .nav-inner .socials {display:flex;} } @media (max-width: 767px) { .navbar .nav-inner .navbar-nav li a { font-size:1rem;} .navbar .navbar-nav .dropdown-menu {background: #fff !important; } .navbar .navbar-nav .dropdown-menu li a{font-size: 0.6rem !important; background: #fff; color: #181818 !important; } .navbar.scrolled .nav-inner .navbar-nav > .nav-item > .nav-link {color: #181818;} } @media (max-width: 558px) { .navbar .nav-inner .navbar-brand img {width:80%;} .navbar .nav-inner .navbar-nav, .navbar .nav-inner .socials, .navbar .nav-outer {width: 100%;} } @media (max-width: 320px) { } /***************** FOOTER-CSS2 *********************/ footer .row {color: #9fa5ae; margin: 0;} footer .col-sm-3 {padding: 5rem 4.6rem; border-right: 1.5px solid #353535;} footer .col-sm-3:last-child {border: none;} footer img {margin: 0 auto; display: block; max-width: 75%;} footer a {color: #9fa5ae; text-decoration: none;} footer a:hover {color: #ffcb04; text-decoration: none;} footer h4 {font-size: 1.5rem; font-weight: 400;} footer .btn-hollow-dark {width: 100%;} footer .spacer-right {margin-right: 0.75rem;} footer h2 a {margin: 0 2rem 0 0; display: inline-block;} footer ul {padding: 0.6rem 0 0 0; list-style: none;} footer ul li {border-bottom: 1.5px solid #353535; font-size: .75rem; line-height: 1.9; text-transform: uppercase;} footer ul li a {padding-left: 0 !important; padding: 0.6rem 0; color: #9fa5ae; border: none; display: block;} footer ul li a:after {display: none !important; } footer ul li a:hover {color: #ffcb04; border: none; text-decoration: none; } @media (max-width: 1920px) { footer .col-sm-3 {padding: 5rem 3rem !important;} } @media (max-width: 1280px) { footer .col-sm-3 {padding: 4.5rem 3rem !important;} } @media (max-width: 1024px) { footer .col-sm-3 {padding: 3rem 2rem !important;} footer h4 {font-size: 1.15rem; font-weight: 400;} } @media (max-width: 767px) { footer .col-sm-3 {padding: 4rem 2.5rem !important;} }