@charset "UTF-8";

/* Table of Content
==================================================
	#Font-Face
	#Site Styles
	#Media Queries */
/* #Font-Face
================================================== */
@font-face {
    font-family: "Poppins";
    font-weight: normal;
    font-style: italic;
    src: url(/fonts/Poppins-Italic.woff2?88f1d00b9b482e329236ebc3b87ae689) format("woff2"), url(/fonts/Poppins-Italic.woff?5abfd98546ec6a0ba783ab6aa7b783ed) format("woff");
    font-display: swap;
}

@font-face {
    font-family: "Poppins";
    font-weight: 300;
    font-style: italic;
    src: url(/fonts/Poppins-LightItalic.woff2?632f5d23b81fd7cf6e0bc17016892407) format("woff2"), url(/fonts/Poppins-LightItalic.woff?6b4a605437608e00d164073364a5c056) format("woff");
    font-display: swap;
}

@font-face {
    font-family: "Poppins";
    font-weight: 500;
    font-style: normal;
    src: url(/fonts/Poppins-Medium.woff2?f3085888f6988df5519d0146d3c7d4c7) format("woff2"), url(/fonts/Poppins-Medium.woff?bcc19caeda66ff44fbd4eb739e6ddc9e) format("woff");
    font-display: swap;
}

@font-face {
    font-family: "Poppins";
    font-weight: 200;
    font-style: italic;
    src: url(/fonts/Poppins-ExtraLightItalic.woff2?85c8b8c9c14f2cfedd6d48dc3a4c229b) format("woff2"), url(/fonts/Poppins-ExtraLightItalic.woff?512f31814e36c99ee7b00e2fea376f61) format("woff");
    font-display: swap;
}

@font-face {
    font-family: "Poppins";
    font-weight: 300;
    font-style: normal;
    src: url(/fonts/Poppins-Light.woff2?ba81a781d7d3df967a2d445f63a87efe) format("woff2"), url(/fonts/Poppins-Light.woff?326a61e0c175b6a3201503b561c5d366) format("woff");
    font-display: swap;
}

@font-face {
    font-family: "Poppins";
    font-weight: 600;
    font-style: normal;
    src: url(/fonts/Poppins-SemiBold.woff2?a5ad2aa740bdb86a83572ed3624b042f) format("woff2"), url(/fonts/Poppins-SemiBold.woff?4f68b8eef054d4d907f6e9d062decff0) format("woff");
    font-display: swap;
}

@font-face {
    font-family: "Poppins";
    font-weight: 100;
    font-style: normal;
    src: url(/fonts/Poppins-Thin.woff2?9a4cd88e1960f53ecd281cd5cf633df4) format("woff2"), url(/fonts/Poppins-Thin.woff?936954a238e8fbeb1fa228ea4d3a5919) format("woff");
    font-display: swap;
}

@font-face {
    font-family: "Poppins";
    font-weight: 600;
    font-style: italic;
    src: url(/fonts/Poppins-SemiBoldItalic.woff2?52678c170cfc78fd202161a41451a065) format("woff2"), url(/fonts/Poppins-SemiBoldItalic.woff?c5fc8c0e15dd93488923c9fe59722b01) format("woff");
    font-display: swap;
}

@font-face {
    font-family: "Poppins";
    font-weight: 100;
    font-style: italic;
    src: url(/fonts/Poppins-ThinItalic.woff2?a40d7621edab7605f8ba69e24ed4fe31) format("woff2"), url(/fonts/Poppins-ThinItalic.woff?df98b99a2ecd0e6d894c591e6e91ae6f) format("woff");
    font-display: swap;
}

@font-face {
    font-family: "Poppins";
    font-weight: 500;
    font-style: italic;
    src: url(/fonts/Poppins-MediumItalic.woff2?dc3db57bcbeb706d064afdc53186d80e) format("woff2"), url(/fonts/Poppins-MediumItalic.woff?176e740e3926c6c50f2abfafed10f134) format("woff");
    font-display: swap;
}

@font-face {
    font-family: "Poppins";
    font-weight: normal;
    font-style: normal;
    src: url(/fonts/Poppins-Regular.woff2?e27b275a78b40e5e1481bd0ae02b3680) format("woff2"), url(/fonts/Poppins-Regular.woff?50a36a7385beb2076d92a0cfddf83071) format("woff");
    font-display: swap;
}

@font-face {
    font-family: "Poppins";
    font-weight: 900;
    font-style: normal;
    src: url(/fonts/Poppins-Black.woff2?1c823cb76c7b5a81393925897bc1e7e6) format("woff2"), url(/fonts/Poppins-Black.woff?9f98e16d9e57bb4e6cfdf934fedeba2a) format("woff");
    font-display: swap;
}

@font-face {
    font-family: "Poppins";
    font-weight: bold;
    font-style: normal;
    src: url(/fonts/Poppins-Bold.woff2?2bf71259af4a83dd7abbb4775c2d336e) format("woff2"), url(/fonts/Poppins-Bold.woff?649595199a8bb7ece5e6e3e3ad56797e) format("woff");
    font-display: swap;
}

@font-face {
    font-family: "Poppins";
    font-weight: bold;
    font-style: normal;
    src: url(/fonts/Poppins-ExtraBold.woff2?a09bae9697fbdd65a9969d8c137f6dcf) format("woff2"), url(/fonts/Poppins-ExtraBold.woff?151e18cc83d05d908abdcc436fbea44f) format("woff");
    font-display: swap;
}

@font-face {
    font-family: "Poppins";
    font-weight: bold;
    font-style: italic;
    src: url(/fonts/Poppins-ExtraBoldItalic.woff2?1aac3ba39f83cabb6a01c0c90636bdb1) format("woff2"), url(/fonts/Poppins-ExtraBoldItalic.woff?eb6336b679959efa8540a64ab77864ae) format("woff");
    font-display: swap;
}

@font-face {
    font-family: "Poppins";
    font-weight: 900;
    font-style: italic;
    src: url(/fonts/Poppins-BlackItalic.woff2?0f494c921357c0316788282293708d67) format("woff2"), url(/fonts/Poppins-BlackItalic.woff?6c96dc7ce252a2f0046235b1f9e98fde) format("woff");
    font-display: swap;
}

@font-face {
    font-family: "Poppins";
    font-weight: 200;
    font-style: normal;
    src: url(/fonts/Poppins-ExtraLight.woff2?b2e26352f209381ae4de9caf46cecdb8) format("woff2"), url(/fonts/Poppins-ExtraLight.woff?76ac0983d5f649f5cd45133f2bc34151) format("woff");
    font-display: swap;
}

@font-face {
    font-family: "Poppins";
    font-weight: bold;
    font-style: italic;
    src: url(/fonts/Poppins-BoldItalic.woff2?7acd7ad8da85f1bd095161f5324ec740) format("woff2"), url(/fonts/Poppins-BoldItalic.woff?79c7ed0794cd470984b2549a87ec1d22) format("woff");
    font-display: swap;
}

@font-face {
    font-family: "DS-Digital Normal";
    font-style: normal;
    font-weight: normal;
    src: url(/fonts/DS-DIGI.woff?f39444db922da6ae74e678cee82abcf8) format("woff");
}

@font-face {
    font-family: "DS-Digital Italic";
    font-style: normal;
    font-weight: normal;
    src: url(/fonts/DS-DIGII.woff?82b522b8613e2bec4b09e9b437acf134) format("woff");
}

@font-face {
    font-family: "DS-Digital Bold";
    font-style: normal;
    font-weight: normal;
    src: url(/fonts/DS-DIGIB.woff?c9dfb4d00765e88cafcf724b4ed9e44a) format("woff");
}

@font-face {
    font-family: "DS-Digital Bold Italic";
    font-style: normal;
    font-weight: normal;
    src: url(/fonts/DS-DIGIT.woff?e71510d89a80896bd141c8b2742ba01f) format("woff");
}

/* #Site Styles
================================================== */
/* ### general ### */
/* ### global classes ### */
/* ### wrapper ### */
/* ### main container ### */
/* ### header container ### */
/* ### menu box ### */
/* ### content container ### */
/* ### weather box ### */
/* ### looking box ### */
/* ### footer container ### */
/* #Media Queries
================================================== */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    font-family: "Poppins", sans-serif;
    font-size: 22px;
    line-height: 1.48;
    color: #2a2a2a;
}

body {
    font-family: "Poppins", sans-serif;
    font-size: 22px;
    line-height: 1.48;
    color: #2a2a2a;
}

body.active {
    overflow: hidden;
}

input {
    width: 100%;
    height: 80px;
    font-family: sans-serif;
    font-size: 22px;
    color: #000;
    border: 2px solid rgba(60, 66, 94, 0.2);
    border-radius: 20px;
}

select {
    width: 100%;
    height: 80px;
    font-family: sans-serif;
    font-size: 22px;
    color: #000;
    border: 2px solid rgba(60, 66, 94, 0.2);
    border-radius: 20px;
}

textarea {
    width: 100%;
    height: 80px;
    font-family: sans-serif;
    font-size: 22px;
    color: #000;
    border: 2px solid rgba(60, 66, 94, 0.2);
    border-radius: 20px;
}

img {
    display: block;
    max-width: 100%;
    border: 0;
}

.svgClass {
    width: 100%;
    height: auto;
}

ul {
    list-style: none;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
    color: #2a2a2a;
    transition: all ease-in-out 0.3s;
}

a:hover {
    transition: all ease-in-out 0.3s;
}

a:focus {
    outline: none;
}

p {
    margin-bottom: 10px;
}

h1 {
    margin-bottom: 30px;
    font-size: 37px;
    font-weight: 700;
    line-height: 1.2;
}

h2 {
    margin-bottom: 30px;
    font-size: 37px;
    font-weight: 700;
    line-height: 1.2;
}

h3 {
    font-size: 30px;
    font-weight: 600;
    line-height: 1.3;
}

.clear {
    visibility: hidden;
    clear: both;
    height: 0;
    line-height: 0;
}

.center {
    margin: 0 auto;
    position: relative;
    max-width: 1200px;
}

.centered {
    padding-right: calc((100% - 1200px) / 2);
    padding-left: calc((100% - 1200px) / 2);
}

#wrapper {
    position: relative;
    display: block;
    width: 100%;
    min-height: 100%;
    overflow: hidden;
}

#mainCntr {
    width: 100%;
}

#headerCntr {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 140px;
    background: #fff;
}

#headerCntr .mobileMenu {
    position: absolute;
    right: 58px;
    z-index: 15;
    display: flex;
    align-items: center;
    width: 30px;
    height: 100%;
    color: #2a2a2a;
    cursor: pointer;
}

#headerCntr .mobileMenu p {
    margin-bottom: -7px;
    margin-left: -88px;
}

#headerCntr .mobileMenu span {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    display: block;
    height: 3px;
    text-indent: -9999px;
    border-radius: 5px;
    background: #2a2a2a;
    transition: 0.2s;
}

#headerCntr .mobileMenu span:before {
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    height: 3px;
    border-radius: 5px;
    background-color: #2a2a2a;
    transition-duration: 0.2s, 0.2s;
    content: "";
    top: -13px;
}

#headerCntr .mobileMenu span:after {
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    height: 3px;
    border-radius: 5px;
    background-color: #2a2a2a;
    transition-duration: 0.2s, 0.2s;
    content: "";
    bottom: -13px;
}

#headerCntr .mobileMenu.close-btn {
    color: #fff;
}

#headerCntr .mobileMenu.close-btn:after {
    position: absolute;
    top: 10px;
    right: -58px;
    z-index: -1;
    width: 220px;
    height: calc(100% - 10px);
    border-top-left-radius: 40px;
    background: #f9b233;
    content: "";
}

#headerCntr .mobileMenu.close-btn span {
    background: none;
}

#headerCntr .mobileMenu.close-btn span:before {
    transition-delay: 0s, 0.2s;
    top: 0;
    background-color: #fff;
    transform: rotate(45deg);
}

#headerCntr .mobileMenu.close-btn span:after {
    transition-delay: 0s, 0.2s;
    bottom: 0;
    background-color: #fff;
    transform: rotate(-45deg);
}

#headerCntr .logo {
    width: 150px;
}

#headerCntr .logo img {
    max-height: 100px;
}

.menuBox:not(.mm-menu) {
    padding-top: 100px;
    position: absolute;
    top: 140px;
    right: 0;
    z-index: 22;
    opacity: 0;
    visibility: hidden;
    width: 0;
    height: calc(100vh - 140px);
    transform: translateX(100%);
    transition: all ease-in-out 0.5s;
}

.menuBox:not(.mm-menu):before {
    position: absolute;
    top: 0;
    left: 100px;
    z-index: -1;
    width: calc(100% - 100px);
    height: 100%;
    border-top-left-radius: 80px;
    background-color: #f9b233;
    background-image: url(/images/menu-cirkel.png?a268fa72f11a2e429febe4bac56d7228);
    background-repeat: no-repeat;
    background-position: bottom right;
    content: "";
}

.menuBox:not(.mm-menu) .menu-link {
    margin-bottom: 1px;
    padding: 29px 45px;
    position: relative;
    display: inline-block;
    width: 100%;
    font-weight: 600;
    color: #fff;
    border-radius: 50px;
}

.menuBox:not(.mm-menu) .menu-link:before {
    position: absolute;
    top: 50%;
    right: 45px;
    font-family: "icomoon", sans-serif !important;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    transform: translateY(-50%);
    content: "";
}

.menuBox:not(.mm-menu) .menu-link:after {
    position: absolute;
    top: 100%;
    right: 45px;
    left: 45px;
    z-index: 99;
    width: calc(100% - 90px);
    height: 1px;
    background-image: linear-gradient(to right, #f2354c 20%, transparent 60%);
    content: "";
}

.menuBox:not(.mm-menu) .menu-link:hover {
    background-color: #2a2a2a;
}

.menuBox:not(.mm-menu).is-active {
    opacity: 1;
    visibility: visible;
    width: 100%;
    transform: translateX(0);
    transition: all ease-in-out 0.5s;
}

.menuBox .bottom-text {
    display: none;
}

#contentCntr {
    padding-top: 80px;
    padding-bottom: 80px;
    position: relative;
    width: 100%;
    min-height: calc(100vh - 212px);
}

#contentCntr:before {
    position: absolute;
    top: 0;
    right: 58px;
    z-index: -2;
    width: 100%;
    height: 100%;
    border-top-right-radius: 80px;
    background: #f9fafc;
    content: "";
}

.weatherBox .weather {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.weatherBox .left {
    padding: 52px 55px;
    width: calc(100% - 400px);
    color: #fafbfd;
    border-radius: 20px;
    background-color: #f9b233;
    background-image: url(/images/cirkels.png?ee3efe188d869d3737df0e90c1af118c);
    background-repeat: no-repeat;
    background-position: center right;
}

.weatherBox .left p:last-child {
    margin-bottom: 0;
}

.weatherBox .left strong {
    font-size: 25px;
    font-weight: 600;
}

.weatherBox .right {
    padding: 0 38px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: 350px;
    border-radius: 20px;
    background: #fefefe;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}

.weatherBox .right .text {
    font-size: 36px;
    font-weight: 600;
    color: #f9b233;
}

.weatherBox .weather-right {
    width: 50%;
}

.weatherBox .weather-right .icon-weather {
    font-size: 120px;
}

.weatherBox .weather-right img {
    width: 100% !important;
}

.weatherBox .panel {
    margin-top: 60px;
    margin-bottom: 40px;
    display: flex;
    flex-wrap: wrap;
}

.weatherBox .panel .mobile {
    display: none;
}

.weatherBox .panel-list {
    padding-right: 100px;
    display: flex;
    align-items: center;
}

.weatherBox .panel-list:last-child {
    padding-right: 0;
}

.weatherBox .panel-list span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    font-size: 30px;
    text-align: center;
    border-radius: 50%;
    background: #fff;
}

.weatherBox .panel-list p {
    margin-bottom: -5px;
    padding-left: 20px;
    color: #f9b233;
}

.weatherBox .check-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.weatherBox .check-list a {
    margin-bottom: 20px;
    padding: 48px;
    position: relative;
    display: flex;
    align-items: center;
    width: calc(50% - 25px);
    border-radius: 25px;
    background: #fff;
    box-shadow: 0 1px 1px 0 rgba(66, 66, 66, 0.08), 0 1px 3px 1px rgba(66, 66, 66, 0.16);
}

.weatherBox .check-list a:after {
    position: absolute;
    right: 45px;
    font-family: "icomoon", sans-serif !important;
    font-size: 16px;
    color: #f9b233;
    content: "";
}

.weatherBox .check-list a:hover {
    color: #fff;
    background: #f9b233;
    box-shadow: 0 1px 3px 1px rgba(66, 66, 66, 0.2), 0 2px 8px 4px rgba(66, 66, 66, 0.1);
}

.weatherBox .check-list a:hover span:before {
    color: #f9b233;
}

.weatherBox .check-list a:hover:after {
    color: #fff;
}

.weatherBox .check-list a:hover .icon {
    background: #fff;
}

.weatherBox .check-list .icon {
    margin-right: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #f9b233;
}

.weatherBox .check-list .icon span {
    font-size: 38px;
}

.lookingBox .looking {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.lookingBox .left {
    width: 350px;
}

.lookingBox .left p:last-child {
    margin-bottom: 0;
}

.lookingBox .left .mob-none {
    margin-bottom: 10px;
}

.lookingBox .content {
    padding: 55px;
    color: #fafbfd;
    border-radius: 20px;
    background-color: #f9b233;
    background-image: url(/images/cirkels-small.png?0085242ba7cf92672b4d21c64792a8c7);
    background-repeat: no-repeat;
    background-position: bottom right;
}

.lookingBox strong {
    font-weight: 600;
}

.lookingBox .right {
    width: calc(100% - 435px);
}

.lookingBox .panel {
    margin-top: 40px;
}

.lookingBox .panel-list {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

.lookingBox .panel-list span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    font-size: 25px;
    text-align: center;
    border-radius: 50%;
    background: #fff;
}

.lookingBox .panel-list p {
    margin-bottom: -5px;
    padding-left: 20px;
    color: #f9b233;
}

.lookingBox .search {
    margin-bottom: 90px;
    position: relative;
}

.lookingBox input {
    padding: 0 20px 0 120px;
    color: #000;
}

.lookingBox input::-moz-placeholder {
    color: rgba(34, 72, 97, 0.5);
}

.lookingBox input:-ms-input-placeholder {
    color: rgba(34, 72, 97, 0.5);
}

.lookingBox input::placeholder {
    color: rgba(34, 72, 97, 0.5);
}

.lookingBox .heck-out input {
    padding: 0 20px 0 49px;
}

.lookingBox .heck-out button {
    padding: 15px;
    border-right: 0px;
}

.lookingBox .is-error {
    border: 2px solid #ff0014;
}

.lookingBox .search.heck-out {
    margin-bottom: 12px;
}

.lookingBox .search.heck-out input {
    font-size: 70px;
    font-weight: normal;
    font-family: DS-Digital Italic;
    color: #333;
    border: 2px solid #333;
    border-radius: 0;
}

.lookingBox .search.heck-out input ::-moz-placeholder {
    font-size: 70px !important;
    font-weight: normal;
    font-family: DS-Digital Italic;
}

.lookingBox .search.heck-out input :-ms-input-placeholder {
    font-size: 70px !important;
    font-weight: normal;
    font-family: DS-Digital Italic;
}

.lookingBox .search.heck-out input ::placeholder {
    font-size: 70px !important;
    font-weight: normal;
    font-family: DS-Digital Italic;
}

.lookingBox .error-text {
    margin-bottom: 15px;
    font-size: 20px;
    color: #ff0014;
}

.lookingBox .correct-value {
    margin-top: 20px;
    margin-bottom: 55px;
    display: flex;
    align-items: center;
}

.lookingBox .correct-value p {
    margin-bottom: 0;
    font-style: italic;
    color: #2a2a2a;
}

.lookingBox .correct-value span {
    margin-right: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #2a2a2a;
}

.lookingBox button {
    position: absolute;
    top: 50%;
    left: 0px;
    border: none;
    background: transparent;
    transform: translateY(-50%);
    font-size: 70px;
    font-family: DS-Digital Italic;
    color: #333;
}

.lookingBox .accordion-container {
    margin: 10px auto;
    position: relative;
    height: auto;
}

.lookingBox .set {
    margin-bottom: 18px;
    padding: 35px;
    position: relative;
    width: 100%;
    height: auto;
    border-radius: 20px;
    background-color: #fff;
    overflow: hidden;
}

.lookingBox .set a:after {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    font-family: "icomoon", sans-serif !important;
    font-size: 7px;
    color: #fff;
    border-radius: 50%;
    background: #f9b233;
    transition: all ease-in-out 0.4s;
    content: "";
}

.lookingBox .set a.active:after {
    transform: rotate(180deg);
    transition: all ease-in-out 0.4s;
}

.lookingBox .set>a {
    padding-right: 35px;
    position: relative;
    display: inline-block;
    width: 100%;
    color: #2a2a2a;
    transition: all ease-in-out 0.4s;
}

.lookingBox .set.active {
    box-shadow: 0 0 5px rgba(0, 65, 123, 0.3);
}

.lookingBox .set.active a {
    font-weight: 600;
}

.lookingBox .set.active a:after {
    transform: rotate(180deg);
}

.lookingBox .set.active .content-acc {
    padding-top: 40px;
    padding-bottom: 10px;
    opacity: 1;
    visibility: visible;
    height: auto;
}

.lookingBox .content-acc {
    opacity: 0;
    visibility: hidden;
    height: 0;
    transition: 0.4s;
}

.lookingBox .img {
    margin-bottom: 30px;
}

.lookingBox .img img {
    margin: auto;
}

.lookingBox .card {
    margin-bottom: 100px;
}

.lookingBox .card p {
    margin-bottom: -5px;
    padding-left: 20px;
    color: #f9b233;
}

.lookingBox .card a {
    margin-bottom: 20px;
    padding: 25px 40px;
    position: relative;
    display: flex;
    align-items: center;
    border-radius: 25px;
    background: #fff;
    box-shadow: 0 1px 1px 0 rgba(66, 66, 66, 0.08), 0 1px 3px 1px rgba(66, 66, 66, 0.16);
}

.lookingBox .card a:after {
    position: absolute;
    right: 45px;
    font-family: "icomoon", sans-serif !important;
    font-size: 16px;
    color: #f9b233;
    content: "";
}

.lookingBox .card a:hover {
    color: #fff;
    background: #f9b233;
    box-shadow: 0 1px 3px 1px rgba(66, 66, 66, 0.2), 0 2px 8px 4px rgba(66, 66, 66, 0.1);
}

.lookingBox .card a:hover span:before {
    color: #f9b233;
}

.lookingBox .card a:hover:after {
    color: #fff;
}

.lookingBox .card a:hover .icon {
    background: #fff;
}

.lookingBox .card a .icon span {
    width: auto !important;
    font-size: 32px;
}

.lookingBox .card a .icon span.icon-right-arrow-big {
    font-size: 22px;
}

.lookingBox .card a span {
    width: calc(100% - 70px);
}

.lookingBox .card .icon {
    margin-right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #f9b233;
}

.lookingBox .card .icon img {
    width: 23px;
}

.lookingBox .card .i-icon img {
    width: 9px;
}

.lookingBox .card .icon-bg-green {
    background: #4dbb80;
}

.lookingBox .case {
    margin-top: 65px;
}

.lookingBox .case .card {
    display: flex;
    justify-content: space-between;
}

.lookingBox .case .card a {
    width: calc(50% - 20px);
}

.lookingBox .case .card a .icon span {
    font-size: 20px;
}

.lookingBox .list {
    margin-bottom: 45px;
}

.lookingBox .list li {
    padding-left: 28px;
    position: relative;
}

.lookingBox .list li:before {
    position: absolute;
    top: 10px;
    left: 0;
    display: inline-block;
    width: 8px;
    height: 8px;
    vertical-align: middle;
    border-radius: 50%;
    background: #f9b233;
    content: "";
}

.lookingBox .malfunction p {
    margin-bottom: 45px;
}

.lookingBox .image {
    margin-top: 35px;
    border-radius: 20px;
    overflow: hidden;
}

.lookingBox .card-box {
    margin-bottom: 60px;
    padding: 55px 45px;
    color: #fff;
    border-radius: 20px;
}

.lookingBox .bg-green {
    background-color: #4dbb80;
    background-image: url(/images/cirkels-white.png?50a694fe5c8de8de9631ba53948eba54);
    background-repeat: no-repeat;
    background-position: center left;
}

.lookingBox .title {
    margin-bottom: 25px;
    display: flex;
    align-items: center;
}

.lookingBox .title span {
    width: 20px;
    font-size: 66px;
}

.lookingBox .title span.icon-like {
    width: 70px;
}

.lookingBox .title h3 {
    padding-left: 25px;
    width: calc(100% - 70px);
}

.lookingBox .title h1 {
    padding-left: 25px;
    width: calc(100% - 70px);
}

.lookingBox .title p {
    margin-bottom: 0;
}

.lookingBox .bg-red {
    background-color: #ff0707;
    background-image: url(/images/cirkels-white2.png?26300d6445fde67dcf27535c1d1baa22);
    background-repeat: no-repeat;
    background-position: center left;
}

.lookingBox .success p {
    margin-bottom: 35px;
}

.lookingBox .success .card {
    margin-top: 45px;
}

.lookingBox .convert-img {
    margin-bottom: 45px;
}

.lookingBox .field textarea {
    padding: 25px 35px;
    width: 100%;
    height: 200px;
}

.lookingBox .field textarea::-moz-placeholder {
    color: rgba(34, 72, 97, 0.5);
}

.lookingBox .field textarea:-ms-input-placeholder {
    color: rgba(34, 72, 97, 0.5);
}

.lookingBox .field textarea::placeholder {
    color: rgba(34, 72, 97, 0.5);
}

.lookingBox .field input {
    margin-bottom: 12px;
    padding: 0 35px;
}

.lookingBox .field input::-moz-placeholder {
    color: rgba(34, 72, 97, 0.5);
}

.lookingBox .field input:-ms-input-placeholder {
    color: rgba(34, 72, 97, 0.5);
}

.lookingBox .field input::placeholder {
    color: rgba(34, 72, 97, 0.5);
}

.lookingBox .phone-text p {
    margin-bottom: 6px;
    color: #2b484f;
}

.lookingBox .phone-text-red {
    margin-bottom: 55px;
    color: #ff0014;
}

.lookingBox .title-text {
    margin-bottom: 25px;
    display: flex;
    align-items: center;
}

.lookingBox .title-text span {
    display: inline-block;
    width: 60px;
    height: 60px;
    font-size: 28px;
    font-weight: 600;
    line-height: 67px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    background: #2a2a2a;
}

.lookingBox .title-text h1 {
    margin-bottom: 0;
    padding-left: 45px;
    width: calc(100% - 60px);
}

#footerCntr {
    padding: 25px 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    background: #fff;
    overflow: hidden;
}

#footerCntr p {
    margin-bottom: 0;
    padding-right: 58px;
    opacity: 0.5;
    font-size: 15px;
}

#footerCntr .img {
    padding-left: 5px;
    display: none;
}

#kwhinput::-webkit-outer-spin-button,
#kwhinput::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

@media only screen and (max-width: 1460px) {
    .menuBox:not(.mm-menu):before {
        left: 15px;
        width: calc(100% - 15px);
        border-top-left-radius: 60px;
    }
}

@media only screen and (max-width: 1320px) {
    .centered {
        padding-right: 30px;
        padding-left: 30px;
    }

    #contentCntr:before {
        right: 15px;
        border-top-right-radius: 50px;
    }

    #headerCntr .mobileMenu {
        right: 30px;
    }

    .lookingBox .card-box {
        padding: 42px 40px;
    }
}

@media only screen and (max-width: 1200px) {
    h1 {
        margin-bottom: 20px;
        font-size: 30px;
    }

    h2 {
        margin-bottom: 20px;
        font-size: 30px;
    }

    h3 {
        font-size: 26px;
    }

    .weatherBox .left {
        padding: 40px 45px;
        width: calc(100% - 390px);
    }

    .weatherBox .check-list a {
        padding: 32px;
        width: calc(50% - 10px);
        background-position: center right 32px;
    }

    .weatherBox .weather-right .icon-weather {
        font-size: 95px;
    }

    #contentCntr {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .lookingBox .left {
        width: 330px;
    }

    .lookingBox .right {
        width: calc(100% - 375px);
    }

    .lookingBox .search {
        margin-bottom: 60px;
    }

    .lookingBox .card-box p {
        font-size: 21px;
    }

    .lookingBox .title-text h1 {
        padding-left: 30px;
    }

    .menuBox:not(.mm-menu) {
        padding-top: 75px;
    }
}

@media only screen and (max-width: 992px) {
    h1 {
        font-size: 28px;
    }

    h2 {
        font-size: 28px;
    }

    h3 {
        font-size: 24px;
    }

    #headerCntr {
        height: 100px;
    }

    #headerCntr .logo img {
        max-width: 250px;
    }

    .menuBox:not(.mm-menu) {
        padding-top: 50px;
        top: 100px;
        height: calc(100vh - 110px);
    }

    .menuBox:not(.mm-menu) .menu-link {
        background-position: center right;
    }

    .weatherBox .check-list a {
        padding: 20px;
        padding-right: 35px;
        width: calc(50% - 8px);
        font-size: 18px;
        background-position: center right 20px;
    }

    .weatherBox .check-list a:after {
        right: 20px;
    }

    .weatherBox .check-list .icon {
        margin-right: 20px;
        width: 50px;
        height: 50px;
    }

    .weatherBox .check-list .icon img {
        height: 30px;
    }

    .weatherBox .check-list .icon span {
        font-size: 32px;
    }

    .weatherBox .panel {
        margin-top: 40px;
        margin-bottom: 30px;
    }

    .weatherBox .right {
        width: 300px;
    }

    .weatherBox .left {
        padding: 30px 40px;
        width: calc(100% - 330px);
    }

    .lookingBox .left {
        width: 270px;
    }

    .lookingBox .content {
        padding: 35px;
    }

    .lookingBox .right {
        width: calc(100% - 300px);
    }

    .lookingBox input {
        padding: 0 20px 0 80px;
        height: 65px;
    }

    .lookingBox .set {
        padding: 30px;
        font-size: 20px;
    }

    .lookingBox .card {
        margin-bottom: 60px;
    }

    .lookingBox .card a {
        padding: 25px;
        background-position: center right 30px;
    }

    .lookingBox .card a:hover {
        background-position: center right 40px;
    }

    .lookingBox .card a:after {
        right: 20px;
    }

    .lookingBox .card a .icon span {
        font-size: 30px;
    }

    .lookingBox .heck-out button {
        padding: 10px;
    }

    .lookingBox .title {
        margin-bottom: 20px;
    }

    .lookingBox .title span {
        width: 20px;
        font-size: 55px;
    }

    .lookingBox .title span.icon-like {
        width: 55px;
    }

    .lookingBox .card-box {
        margin-bottom: 40px;
        padding: 35px 30px;
    }

    .lookingBox .card-box p {
        font-size: 18px;
    }

    .lookingBox .success p {
        margin-bottom: 25px;
        font-size: 20px;
    }

    .lookingBox .success .card {
        margin-top: 35px;
    }

    .lookingBox .field textarea {
        margin-bottom: 25px;
        padding: 20px 25px;
        height: 170px;
    }

    .lookingBox .field input {
        padding: 0 25px;
    }

    .lookingBox .case {
        margin-top: 45px;
    }
}

@media only screen and (max-width: 767px) {
    h1 {
        font-size: 23px;
    }

    h2 {
        font-size: 23px;
    }

    h3 {
        font-size: 22px;
    }

    .menuBox:not(.mm-menu) {
        padding-top: 10px;
        top: 88px;
        height: calc(100vh - 88px);
        background-color: #f9b233;
        background-image: url(/images/menu-cirkel.png?a268fa72f11a2e429febe4bac56d7228);
        background-repeat: no-repeat;
        background-position: bottom center;
        overflow-y: auto;
        overflow-x: scroll;
    }

    .menuBox:not(.mm-menu) .menu-link {
        padding: 20px 0;
        font-size: 18px;
        background-size: 6px;
    }

    .menuBox:not(.mm-menu) .menu-link:hover {
        background-color: transparent;
    }

    .menuBox:not(.mm-menu) .menu-link:after {
        right: 0;
        left: 0;
        width: 100%;
        background-color: #db1925;
        background-image: none;
    }

    .menuBox:not(.mm-menu) .menu-link:before {
        right: 25px;
    }

    .menuBox:not(.mm-menu):before {
        display: none;
    }

    .menuBox:not(.mm-menu) .menu-link.is-active {
        background-color: transparent;
    }

    .menuBox .bottom-text {
        margin-top: 50px;
        margin-bottom: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .menuBox .bottom-text p {
        margin-bottom: 0;
        padding-right: 5px;
        opacity: 0.5;
        font-size: 15px;
        color: #fff;
    }

    #headerCntr {
        position: fixed;
        z-index: 10;
        height: 90px;
        background: #f8f9fb;
    }

    #headerCntr .mobileMenu.close-btn:after {
        top: 0;
        right: -30px;
        width: 97px;
        height: 100%;
    }

    #headerCntr .logo img {
        max-width: 180px;
        max-height: 60px;
    }

    #headerCntr .mobileMenu p {
        display: none;
    }

    #headerCntr .mobileMenu span:before {
        top: -11px;
    }

    #headerCntr .mobileMenu span:after {
        bottom: -11px;
    }

    #contentCntr {
        padding-top: 108px;
        padding-bottom: 0;
    }

    #contentCntr:before {
        right: 0;
        border-top-right-radius: 0;
    }

    .weatherBox .check-list a {
        margin-bottom: 12px;
        padding: 22px 17px;
        padding-right: 40px;
        width: 100%;
        border-radius: 15px;
        background-position: center right 17px;
    }

    .weatherBox .check-list a:after {
        right: 30px;
        font-size: 12px;
    }

    .weatherBox .check-list .icon {
        margin-right: 28px;
        width: 50px;
        height: 50px;
    }

    .weatherBox .check-list .icon img {
        height: 30px;
    }

    .weatherBox .check-list .icon span {
        width: auto;
        font-size: 30px;
    }

    .weatherBox .panel-list {
        margin: 5px 0;
        padding-right: 0;
        width: 100%;
    }

    .weatherBox .panel-list p {
        color: #2a2a2a;
    }

    .weatherBox .panel-list span {
        font-size: 24px;
    }

    .weatherBox .panel-list span:before {
        color: #2a2a2a;
    }

    .weatherBox .panel {
        margin-top: 50px;
        margin-bottom: 30px;
    }

    .weatherBox .panel .desktop {
        display: none;
    }

    .weatherBox .panel .mobile {
        display: flex;
    }

    .weatherBox .right {
        padding: 20px;
        position: absolute;
        top: calc(100% - 57px);
        right: 73px;
        width: 115px;
        height: 115px;
        text-align: center;
        border-radius: 50%;
    }

    .weatherBox .right .text {
        font-size: 20px;
    }

    .weatherBox .weather-right {
        width: 100%;
        margin-top: -15px;
    }

    .weatherBox .weather-right img {
        margin: auto;
        width: 100%;
    }

    .weatherBox .weather-right .icon-weather {
        font-size: 35px;
    }

    .weatherBox .left {
        padding: 50px 40px;
        width: 100%;
    }

    .lookingBox .left {
        display: none;
        margin-bottom: 40px;
        width: 100%;
    }

    .lookingBox .right {
        width: 100%;
    }

    .lookingBox .panel {
        display: none;
    }

    .lookingBox .search {
        margin-bottom: 45px;
    }

    .lookingBox .search img {
        width: 25px;
    }

    .lookingBox input {
        padding: 0 20px 0 70px;
        border-radius: 15px;
    }

    .lookingBox input::-moz-placeholder {
        font-size: 18px;
    }

    .lookingBox input:-ms-input-placeholder {
        font-size: 18px;
    }

    .lookingBox input::placeholder {
        font-size: 18px;
    }

    .lookingBox .set {
        margin-bottom: 10px;
        padding: 25px 30px;
        font-size: 18px;
        border-radius: 15px;
    }

    .lookingBox .set a:after {
        width: 24px;
        height: 24px;
        font-size: 6px;
    }

    .lookingBox .card {
        margin-bottom: 40px;
    }

    .lookingBox .card a {
        margin-bottom: 10px;
        padding-right: 40px;
        border-radius: 15px;
        background-size: 6px;
    }

    .lookingBox .card a:last-child {
        margin-bottom: 0;
    }

    .lookingBox .card a:after {
        right: 30px;
        font-size: 12px;
    }

    .lookingBox .card span {
        font-size: 18px;
    }

    .lookingBox .card:last-child {
        margin-bottom: 0;
    }

    .lookingBox p {
        font-size: 20px;
    }

    .lookingBox .malfunction p {
        margin-bottom: 30px;
        font-size: 18px;
    }

    .lookingBox .list {
        margin-bottom: 30px;
    }

    .lookingBox .list li {
        font-size: 18px;
    }

    .lookingBox .list li:before {
        top: 8px;
    }

    .lookingBox .mob-none {
        display: none;
    }

    .lookingBox .error-text {
        font-size: 18px;
    }

    .lookingBox .is-error {
        border: 1px solid #ff0014;
    }

    .lookingBox .heck-out input {
        border-radius: 10px;
    }

    .lookingBox .heck-out button {
        padding: 10px;
    }

    .lookingBox .image {
        margin-top: 20px;
        border-radius: 12px;
    }

    .lookingBox .correct-value {
        margin-bottom: 30px;
    }

    .lookingBox .correct-value p {
        width: calc(100% - 42px);
    }

    .lookingBox .success p {
        font-size: 16px;
    }

    .lookingBox .success .card {
        margin-top: 25px;
    }

    .lookingBox .convert-img {
        margin-bottom: 30px;
    }

    .lookingBox .field textarea {
        padding: 20px;
        height: 150px;
    }

    .lookingBox .phone-text-red {
        margin-bottom: 30px;
        font-size: 18px;
    }

    .lookingBox .phone-text p {
        margin-bottom: 10px;
    }

    .lookingBox .case {
        margin-top: 30px;
    }

    .lookingBox .case .icon {
        display: none;
    }

    .lookingBox .case .card a {
        margin-bottom: 0;
        padding: 35px 8px;
        justify-content: center;
        border-radius: 15px;
        background-image: none;
    }

    .lookingBox .case .card a:after {
        display: none;
    }

    .lookingBox .case .card span {
        text-align: center;
    }

    .lookingBox .title-text span {
        width: 48px;
        height: 48px;
        line-height: 55px;
    }

    .lookingBox .title-text h1 {
        padding-left: 10px;
    }

    #footerCntr {
        justify-content: center;
        background: #f8f9fb;
    }

    #footerCntr p {
        padding-right: 0;
    }

    #footerCntr .img {
        display: block;
    }
}

@media only screen and (max-width: 480px) {
    h3 {
        font-size: 20px;
    }

    .weatherBox .left {
        padding: 40px 35px;
        background-position: center right -45px;
    }

    .weatherBox .right {
        right: 35px;
    }

    .weatherBox .check-list .icon {
        margin-right: 20px;
        width: 47px;
        height: 47px;
    }

    .weatherBox .check-list span {
        width: calc(100% - 67px);
    }

    .weatherBox .check-list a {
        border-radius: 12px;
    }

    .lookingBox p {
        font-size: 17px;
    }

    .lookingBox .card span {
        font-size: 17px;
    }

    .lookingBox .card a {
        padding: 25px 15px;
        padding-right: 40px;
        border-radius: 12px;
    }

    .lookingBox .card a:after {
        font-size: 10px;
    }

    .lookingBox .malfunction p {
        font-size: 18px;
    }

    .lookingBox .list li {
        font-size: 18px;
    }

    .lookingBox .list li:before {
        top: 8px;
    }

    .lookingBox .card-box {
        margin-bottom: 40px;
    }

    .lookingBox .card-box p {
        font-size: 16px;
    }

    .lookingBox .bg-red {
        background-position: center;
        background-size: cover;
    }

    .lookingBox .bg-green {
        background-position: center;
        background-size: cover;
    }

    .lookingBox .image {
        border-radius: 8px;
    }

    .lookingBox input {
        border-radius: 12px;
    }

    .lookingBox .set {
        border-radius: 12px;
    }

    .lookingBox .convert-img {
        margin-bottom: 25px;
    }

    .lookingBox .set.active .content-acc {
        padding-top: 25px;
        padding-bottom: 0;
    }

    #footerCntr p {
        font-size: 12px;
    }

    #headerCntr .logo img {
        max-width: 180px;
    }

    .menuBox:not(.mm-menu) .menu-link:before {
        right: 0;
        font-size: 9px;
    }

    .menuBox .bottom-text p {
        font-size: 12px;
    }
}

@media only screen and (max-width: 429px) {
    .lookingBox .title span {
        width: 20px;
        font-size: 40px;
    }

    .lookingBox .title span.icon-like {
        width: 45px;
    }

    .lookingBox .title h3 {
        padding-left: 10px;
        width: calc(100% - 50px);
        font-size: 17px;
    }

    .lookingBox .title h1 {
        padding-left: 10px;
        width: calc(100% - 50px);
        font-size: 17px;
    }

    .lookingBox .card .icon {
        margin-right: 15px;
    }

    .lookingBox .card a {
        background-position: center right 20px;
    }

    .lookingBox .card a .icon span.icon-right-arrow-big {
        font-size: 20px;
    }

    .lookingBox .card span {
        font-size: 15px;
    }

    .menuBox:not(.mm-menu) .menu-link {
        padding: 25px 0;
        font-size: 18px;
    }

    .menuBox .bottom-text {
        margin-top: 60px;
        margin-bottom: 20px;
    }

    .weatherBox .check-list a:after {
        right: 20px;
    }
}

#meterkast::file-selector-button{
    border: none;
    font-size: 14px;
    font-family: "Poppins", sans-serif;
    margin-bottom: 20px;
    padding: 25px 40px;
    position: relative;
    display: flex;
    align-items: left;
    border-radius: 25px;
    background: #fff;
    transition: all ease-in-out 0.3s;
    box-shadow: 0 1px 1px 0 rgb(66 66 66 / 8%), 0 1px 3px 1px rgb(66 66 66 / 16%);
}
#meterkast::file-selector-button:hover{
    transition: all ease-in-out 0.3s;
    background: #c71a36;
    color: #fff;
}
#meterkast{
 padding: 0px 5px;
 font-family: "Poppins", sans-serif;
}

#KWhmeterImage::file-selector-button{
    border: none;
    font-size: 14px;
    font-family: "Poppins", sans-serif;
    margin-bottom: 20px;
    padding: 25px 40px;
    position: relative;
    display: flex;
    align-items: left;
    border-radius: 25px;
    background: #fff;
    transition: all ease-in-out 0.3s;
    box-shadow: 0 1px 1px 0 rgb(66 66 66 / 8%), 0 1px 3px 1px rgb(66 66 66 / 16%);
}
#KWhmeterImage::file-selector-button:hover{
    transition: all ease-in-out 0.3s;
    background: #c71a36;
    color: #fff;
}
#KWhmeterImage{
 padding: 0px 5px;
 font-family: "Poppins", sans-serif;
}

#omvormerImage::file-selector-button{
    border: none;
    font-size: 14px;
    font-family: "Poppins", sans-serif;
    margin-bottom: 20px;
    padding: 25px 40px;
    position: relative;
    display: flex;
    align-items: left;
    border-radius: 25px;
    background: #fff;
    transition: all ease-in-out 0.3s;
    box-shadow: 1px 1px 1px 0 rgb(66 66 66 / 8%), 1px 1px 3px 1px rgb(66 66 66 / 16%);
}
#omvormerImage::file-selector-button:hover{
    transition: all ease-in-out 0.3s;
    background: #c71a36;
    color: #fff;
}
#omvormerImage{
 padding: 0px 5px;
 font-family: "Poppins", sans-serif;
}