h1 { font-family: "Nunito Sans", Arial, Helvetica, sans-serif; font-size: 48px; color: #111111; line-height: 52px; font-weight: 200; }
h2 { font-family: "Nunito Sans", Arial, Helvetica, sans-serif; font-size: 38px; color: #111111; line-height: 48px; font-weight: 300; }
h3 { font-family: "Nunito Sans", Arial, Helvetica, sans-serif; font-size: 14px; color: #111111; line-height: 18px; font-weight: 600; }
p { font-family: "Nunito Sans", Arial, Helvetica, sans-serif; font-size: 20px; color: #111111; line-height: 30px; font-weight: 300; }
li { font-family: "Nunito Sans", Arial, Helvetica, sans-serif; font-size: 20px; color: #111111; line-height: 30px; font-weight: 300;  }body { background: #ffffff; font-size: 10px; font-family: "Nunito Sans", Arial, Helvetica, sans-serif; color: #111111; line-height: 30px; font-weight: 300; }
a:link { text-decoration: underline; color: #ae883f; font-weight: 400; }
a:visited { text-decoration: underline; color: #ae883f; font-weight: 400; }
a:active { text-decoration: underline; color: #ae883f; font-weight: 400; }
a:hover { text-decoration: none; color: #917136; font-weight: 400; }
a:focus { text-decoration: none; color: #917136; font-weight: 400; }
.navbar-default li { font-family:"Nunito Sans", Arial, Helvetica, sans-serif; font-size: 14px; text-transform:uppercase; }
.navbar-default .navbar-toggle .glyphicon {color: #ffffff;}
.navbar-default .navbar-toggle .icon-bar {background-color: #ffffff;}.navbar-default .navbar-nav>li a { color:#ffffff; text-decoration:none; font-weight:400; }
.navbar-default .navbar-nav>li a:hover { color:#e7c45c; text-decoration:none; font-weight:400; }
.navbar-default .navbar-nav>li.active a:hover { color:#e7c45c; text-decoration:none; font-weight:400; }
.navbar-default .dropdown-menu>li a:hover { color:#e7c45c; text-decoration:none; font-weight:400; }
.navbar-default .navbar-nav>li a:focus { color:#e7c45c; text-decoration:none; font-weight:400; }
.navbar-default .navbar-nav>li.active a:focus { color:#e7c45c; text-decoration:none; font-weight:400; }
.navbar-default .dropdown-menu>li a:focus { color:#e7c45c; text-decoration:none; font-weight:400; }
.navbar-default .navbar-nav>.active>a { color:#ffffff; text-decoration:none; font-weight:400; }
.navbar-default .dropdown-menu>li.active a { color:#ffffff; text-decoration:none; font-weight:400; }
.navbar { margin-bottom:0px; }
header { margin-bottom:0px; position:relative; }
div#footer { background-color:#111111 }
#page .container { max-width:1240px; }
/* GDPR */
body #CybotCookiebotDialog {top: auto; width: 100%; height: auto; box-shadow: none; box-shadow: 0 -2px 5px #ccc; bottom: 0; padding: 10px 0 0;}
body #CybotCookiebotDialogBody {max-width: 1200px; width: 100%;}
body #CybotCookiebotDialogDetailBody {max-width: 1190px; width: 100%;}
body .CookieDeclarationTableCell {padding: 9px 5px;}
body #CybotCookiebotDialogPoweredbyLink {display: none;}
body #CybotCookiebotDialogBodyContent {float: left; padding: 5px 0 18px 5px;}
body .CookieDeclarationTypeDescription {font-size: 13px !important;}
body #CybotCookiebotDialogBodyButtons {float: right; padding-left: 20px; padding-top: 6px;}
body #CybotCookiebotDialogBodyButtonAccept {background-color: #006633; border: 1px solid #006633; font-weight: bold; border-radius: 20px; line-height: 1 !important; padding: 4px 10px 6px !important; float: right; font-size: 14px;}
body form.wpcf7-form .wpcf7-acceptance input[type="checkbox"] {width: auto !important; margin: 5px 10px 10px 0 !important;}
#page {overflow-x: hidden;}

#content ul {
   list-style: outside;
   margin-left: 2em;
   margin-bottom: 15px;
}

/* body #CybotCookiebotDialog {top: auto; width: 100%; height: auto; box-shadow: none; box-shadow: 0 -2px 5px #ccc; bottom: 0; padding: 10px 0 0;}
body #CybotCookiebotDialogBody {max-width: 1200px; width: 100%;}
body #CybotCookiebotDialogDetailBody {max-width: 1190px; width: 100%;}
body .CookieDeclarationTableCell {padding: 9px 5px;}
body #CybotCookiebotDialogPoweredbyLink {display: none;}
body #CybotCookiebotDialogBodyContent {padding: 12px 0 8px 8px;}
body .CookieDeclarationTypeDescription {font-size: 13px !important;}
form.wpcf7-form input[type="checkbox"] {width: 12px; float: left;} */

body {-moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;}
#page { overflow-x: hidden; }

@keyframes fadein {from {opacity: 0;}to {opacity: 1;}}
@-moz-keyframes fadein {from {opacity: 0;}to {opacity: 1;}}
@-webkit-keyframes fadein {from {opacity: 0;}to {opacity: 1;}}
@-ms-keyframes fadein {from {opacity: 0;}to {opacity: 1;}}
@-o-keyframes fadein {from {opacity: 0;}to {opacity: 1;}}

body h1 {
    font-family: Nunito Sans, sans-serif; font-size: 48px;  color: #111111; line-height: 52px; font-weight: 200; text-transform: uppercase; }
body h1 small {display: block; font-weight: bold; color: #fff; font-size: 30%; letter-spacing: 2px; margin-top: 2rem;}
body h3 {  font-family: Nunito Sans, sans-serif;    font-size: 20px;    color: #111111;   line-height: 30px;   font-weight: 300; }
body p {  font-family: Nunito Sans, sans-serif;    font-size: 20px;    color: #111111;   line-height: 30px;   font-weight: 300; }


/* HEADER */
#header {position: fixed; left: 0; right: 0; background: #111111; transition: all .4s;}
.home #header {position: fixed; left: 0; right: 0; background: transparent;}
#header .container {width: 100%; max-width: 100%; padding: 3rem;}
#top {display: none;}

/* MENU */
.current-menu-item a {position: relative;}
.current-menu-item a::after {position: absolute; border-bottom: 2px solid #e7c45c; width: calc(100% - 32px); left: 15px; content: ""; bottom: 10px; -webkit-animation: fadein 2s; -moz-animation: fadein 2s; -ms-animation: fadein 2s; -o-animation: fadein 2s; animation: fadein 2s;}

#menu-item-122 {margin-left: 2rem;}
#menu-item-122 a {outline: 2px solid; outline-offset: -3px; padding: 15px 25px;}

.navbar-default {float: right; background: transparent; margin: 1rem 0 0 0;}
.navbar-default a {letter-spacing: 1px; transition: all .2s;}


/* CONTENT */

.vc_row-no-padding .vc_column-inner {
        padding-top: 0px!important;
}

#over-image {
    position: absolute;
    top: 425px;
    left: calc(50% - 163px);
}

#frisorer .frisor-sokes ul li {color: #fff;}

#first-text h1, #first-text h1 small { color: #111111;  /*  text-align: center; */  }

#frisorer p, #frisorer h3, #frisorer h2, #frisorer h1, #nagelteknolog p, #nagelteknolog h3, #nagelteknolog h2, #nagelteknolog h1, h4 {
    color: #ffffff;
}

.soft-pink img {/*
    -webkit-filter: sepia(24%) hue-rotate(-20deg);
    filter: sepia(24%) hue-rotate(-20deg);
*/}

.metaslider ul {
    margin-left: 0px!important;
    margin-bottom: 0px!important;
}

#slideshow .wpb_content_element, #map .wpb_content_element {
    margin-bottom: 0px!important;
}

#priser {
    background: #f5f5f5;
    padding: 35px;
}

.service p, .price p {
    font-size: 17px;
    line-height: 17px;
}
.price p {
   font-weight: 600;
}

/*  .framed-box {
    padding: 15px;
    border: #111111 solid 1px;
} */

#kontakt {
    background: #111111;
    padding-top: 35px;
}

#kontakt h3, #kontakt h2, #kontakt h1, #kontakt p, #kontakt a {
    color: #ffffff;
}

.wpb_gmaps_widget .wpb_wrapper {
    padding: 0px!important;
}

.bo .vc_column-inner {outline: 2px solid #fff; outline-offset: -20px;}
.bo p {color: #fff;}
.p-3 {padding: 4rem 5rem;}
.p-3::before {outline: 2px solid #fff; outline-offset: 10px; width: 95.5%; height: 310px; position: absolute; margin-left: -62px; margin-top: -55px;}

.vc_btn3.vc_btn3-color-black.vc_btn3-style-outline {font-weight: 600; text-transform: uppercase; letter-spacing: 2px;}

#brands img {width: 100%; height: auto;}

.service {
    margin-bottom: 5px!important;
}

.c3 .vc_column-inner {padding: 30px 0 0; background: #fff !important; box-shadow: 1px 1px 3px rgba(0,0,0, .1);}

.container .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-color-grey .vc_icon_element-icon {
    color: #ccc;
}

.container .vc_btn3.vc_btn3-color-orange.vc_btn3-style-outline {color: #fff; border-color: #b9921e; font-size: 13px; text-transform: uppercase; letter-spacing: 2px; font-weight: 700; padding: 10px 15px; margin: 0 10px; border-top: none; border-left: none; border-right: none;}

.vc_btn3.vc_btn3-color-orange.vc_btn3-style-outline:focus, .vc_btn3.vc_btn3-color-orange.vc_btn3-style-outline:hover {
    color: #fff;
    border-color: #b9921e!important;
    background-color: #b9921e!important;
}

.lead {font-size: 26px; line-height: 1.5;}
.hh {padding: 35px 0 0; background-color: #222; margin: 120px 0 40px;}





/* FOOTER */

body .bottommenuwidget {display: none;}

.navbar-nav {float: right;}

#footer {padding: 8rem 0;}
#footer p {text-align: center; color: #fff; font-size: 16px; font-weight: 400; line-height: 1.4;}

#footer .widget_media_image {text-align: center; margin-bottom: 4rem;}




@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

.navbar-default {float: left; margin: 2rem 0 0 -1rem;}
.hh {padding: 75px 0 0;}
h1 {padding-left: 1.5rem;}

}


@media (min-width: 768px) and (max-width: 1100px) {
body h1 {
    font-size: 38px;
}
h2 {
    font-size: 24px;
    line-height: 30px;
}
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }

body .navbar-default .navbar-collapse {
    border-color: transparent;
    background: rgba(0,0,0, .93);
    position: fixed; 
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center;
    width: calc(100% - 90px);
    z-index: 1;
    box-shadow: 60px 0 0 rgba(0,0,0, 0);
}

.in {
    box-shadow: 60px 0 0 rgba(0,0,0, .5) !important;
     transition: all 1s !important;
}

.navbar-collapse[aria-expanded="true"] {
    left: 0 !important;
     transition: all .5s;
     top: 0;
     height: 100vh !important;
}

.navbar-collapse[aria-expanded="false"] {
    left: -300px !important;
    transition: all .2s;
    top: 0;
    height: 100vh !important;
}
body .collapsing {
    position: fixed;
    height: 100vh !important;
    left: -300px; top: 0;
}
.active .icon-bar:nth-child(2) {
    display: block;
    position: relative;
    transform: rotate(-45deg);
    top: 6px; left: 0;
    transition: all 300ms;
}
.active .icon-bar:nth-child(3) {
   position: relative;
    transform: rotate(45deg);
    transition: all 300ms;
}
.active .icon-bar:nth-child(4) {
   display: none;
}
.navbar-default .navbar-toggle {
    border-color: transparent;
    margin-right: 0;
    position: relative;
    z-index: 10;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: transparent;
}
.navbar-default {float: none; margin: .5rem 0 0 0;}

body  .bottommenuwidget {display: block;}
body  .bottommenuwidget p {font-size: 12px; color: #fff; line-height: 1.25;}
.navbar-nav {margin: 3rem 10px; float: none;}
.navbar-nav li { width: 100%; }
#menu-item-122 {margin-left: 0; margin-top: 2rem;}
}


@media all and (max-width: 1200px)  {

.navbar-default .navbar-nav>li a {
    color: #ffffff;
    text-decoration: none;
    font-weight: 400;
    font-size: 13px;
    padding: 10px 10px;
}

body h1 {
    font-size: 28px;
    line-height: 32px;
}
body h2, body h3 {
    font-size: 20px;
    line-height: 30px;
}
.lead {
    font-size: 20px;
    line-height: 1.2;
}
}



@media all and (max-width: 991px)  {
body h1 {
    font-size: 28px;
    line-height: 32px;
}
body h2, body h3 {
    font-size: 18px;
    line-height: 24px;
}
body p {
    font-size: 16px;
    line-height: 20px;
}
.lead {
    font-size: 20px;
    line-height: 1.2;
}
.vc_empty_space {
    height: 0rem!important;
}
}


@media all and (max-width: 767px)  {
body #CybotCookiebotDialogBodyButtons {max-width: 35%;}
body #CybotCookiebotDialogBodyContent {max-width: 60%;}

.page-id-105 #content p {font-size: 14px;}
#content {     padding: 0px 15px; }
#content .dr .vc_col-xs-4 .wpb_text_column {margin-bottom: 0;}
body .navbar-default .navbar-collapse {border-color: transparent; background: rgba(0,0,0, .93); position: fixed; left: 0; right: 0; top: 0; bottom: 0; text-align: center; width: calc(100% - 60px); z-index: 1; box-shadow: 60px 0 0 rgba(0,0,0, 0);}
.in {box-shadow: 60px 0 0 rgba(0,0,0, .5) !important; transition: all 1s !important;}
.navbar-collapse[aria-expanded="true"] {left: 0 !important; transition: all .5s; top: 0; height:100vh !important;}
.navbar-collapse[aria-expanded="false"] {left: -300px !important; transition: all .2s; top: 0; height:100vh !important;}
body .collapsing {position: fixed; height:100vh !important; left: -300px; top: 0;}
.active .icon-bar:nth-child(2) {display: block; position: relative; transform: rotate(-45deg); top: 6px; left: 0; transition: all 300ms;}
.active .icon-bar:nth-child(3) {position: relative; transform: rotate(45deg); transition: all 300ms;}
.active .icon-bar:nth-child(4) {display: none;}
.navbar-default .navbar-toggle {border-color: transparent; margin-right: 0; position: relative; z-index: 10;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color: transparent;}

body  .bottommenuwidget {display: block;}
body  .bottommenuwidget p {font-size: 12px; color: #fff; line-height: 1.25;}
.navbar-nav {margin: 3rem 10px; float: none;}
.navbar-nav li {marign: .5rem 0;}
#menu-item-122 {margin-left: 0; margin-top: 2rem;}

#brands img {
    width: 100%;
    height: auto;
}

#frisorer h3, #frisorer p { text-align: center; }
#frisorer .frisor-sokes h3, #frisorer .frisor-sokes p {text-align: inherit;}

#priser h2 {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    text-transform: uppercase;
}

h1 {font-size: 28px; line-height: 30px;}
h2 {font-size: 20px; line-height: 28px;}
p {font-size: 16px; line-height: 22px;}
.p-3 {padding: 2rem; text-align: center;}
#header .container {width: 100%; max-width: 100%; padding: 1rem; height: 75px;}
.hh {padding: 15px 0 0; margin: 75px 0 40px;}
.hh .wpb_text_column {margin-bottom: 25px;}

#over-image {
    top: 180px;
}

.navbar-default {float: none; margin: .5rem 0 0 0;}
.vc_grid-item {padding: 10px 10px 0 !important; width: calc(50% - 15px); text-align: center; float: left !important;}
.vc_empty_space[style="height: 6rem"] {height: 2rem !important;}
.vc_empty_space[style="height: 8rem"] {height: 2rem !important;}
.vc_empty_space[style="height: 12rem"] {height: 2rem !important;}
.vc_empty_space[style="height: 450px"] {height: 60px !important;}
.vc_empty_space[style="height: 350px"] {height: 40px !important;}
.p-3 {margin: 0 10px -25px !important;}
.p-3::before {outline: none;}
.container .vc_btn3.vc_btn3-color-orange.vc_btn3-style-outline {padding: 10px 5px; margin: 0 5px; font-size: 12px;}
.vc_btn3.vc_btn3-color-black.vc_btn3-style-outline {font-size: 12px !important;}
#content ul { list-style-position: outside; }
#media_image-3 img {width: 100px; height: auto; margin: 10px auto 30px;}
.lead {font-size: 20px;}
.row-reverse {display: flex; flex-direction: column-reverse;}
.current-menu-item a::after {margin-left: -50px; bottom: 5px; width: 100px; left: 50%;}

}