:root {
  --whiteblue: rgba(247, 251, 254, 1.0);
  --extralightblue: rgba(237, 246, 253, 1.0);
  --lightblue: rgba(226, 240, 252, 1.0);
  --blue: rgba(194, 224, 248,1.0);
  --clearblue: rgba(119, 191, 238, 1.0);
  --darkblue: rgba(0, 110, 171);
  --yellow: rgba(237, 194, 43, 1.0);
  --extralightgray: rgba(250, 250, 250, 1.0 );
  --vag: 'vag-rundschrift-d', sans-serif;
  --large: 2rem;
  --small: .75rem;
  --letterspacing: .02rem;
  --padding: 60px;
  --excerpt: 1.2rem;
}

body.fz_xl {
  --large: 2.5rem;
  --small: 1.25rem;
  --excerpt: 1.7rem;
}

body.fz_l {
  --large: 2.25rem;
  --small: 1rem;
  --excerpt: 1.45rem;
}

body.fz_s {
  --large: 1.75rem;
  --small: .5rem;
  --excerpt: .95rem;
}

body.fz_xs {
  --large: 1.5rem;
  --small: .25rem;
  --excerpt: .7rem;
}

@media (min-width: 1024px) {
  :root {
    --large: 3rem;
    --small: .75rem;
    --letterspacing: .04rem;
    --padding: 100px;
    --excerpt: 1.5rem;
  }
  body.fz_xl {
    --large: 3.5rem;
    --excerpt: 2rem;
  }

  body.fz_l {
    --large: 3.25rem;
    --excerpt: 1.75rem;
  }

  body.fz_s {
    --large: 2.75rem;
    --excerpt: 1.25rem;
  }

  body.fz_xs {
    --large: 2.5rem;
    --excerpt: 1rem;
  }

}

@media (min-width: 1400px) {
  :root {
    --body: 1.2rem;
  }
}

body {
  font-family: 'Avenir';
  font-style: normal;
  font-size: var(--body);
}

em {
  font-family: 'AvenirItalic';
}

b, strong {
  font-family: 'AvenirHeavy';
}

em b, em strong {
  font-family: 'AvenirHeavyItalic';
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: var(--vag);
  font-weight: 300;
  font-style: normal;
  color: var(--darkblue);
}

a {
  color: var(--darkblue);
}

a:hover {
  color: var(--darkblue);
}

a:not([href]) {
    color: var(--darkblue);
    text-decoration: none;
}

a:not([href]):hover {
    color: var(--white);
    text-decoration: none;
}
b, .strong {
  font-family: 'AvenirHeavy';
}

.underline {
  text-decoration: underline;
}

.uppercase {
  text-transform: uppercase;
  letter-spacing: var(--letterspacing);
}

.small {
  font-size: var(--small);
}

.large {
  font-size: var(--large);
}

.btn {
  padding: .5rem 1rem;;
}

.btn-primary {
  color: var(--darkblue);
  background-color: var(--lightblue);
  border-color: var(--lightblue);
}

.btn-primary:hover {
  color: var(--white);
  background-color: var(--darkblue);
  border-color: var(--darkblue);
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle{
  color: var(--white);
  background-color: var(--darkblue);
  border-color: var(--darkblue);
}

.btn-primary.focus, .btn-primary:focus {
  color: var(--white);
  background-color: var(--darkblue);
  border-color: var(--darkblue);
  box-shadow: 0 0 0 0.2rem rgba(38,143,255,.5);
}

.btn-outline-primary {
  color: var(--darkblue);
  border-color: var(--darkblue);
}

.btn-outline-primary:hover {
  color: var(--white);
  background-color: var(--darkblue);
  border-color: var(--darkblue);
}

.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle{
  color: var(--white);
  background-color: var(--darkblue);
  border-color: var(--darkblue);
}

.btn-outline-primary.focus, .btn-outline-primary:focus {
  color: var(--white);
  background-color: var(--darkblue);
  border-color: var(--darkblue);
  box-shadow: 0 0 0 0.2rem rgba(38,143,255,.5);
}

.round {
  border-radius: 3rem;
}

#main ol {
  margin-inline-start: 2.5rem;
}

#main ol li {
  margin-bottom: 1.5rem;
  position: relative;
  padding-inline-start: 15px;
}

#main ol li::marker {
  color: var(--extralightblue);
}

#main ol li::before {
  content: '';
   display: inline-block;
   height: 25px;
   width: 25px;
   position: absolute;
   left: -24px;
   top: -2px;
   z-index: -1;
   background-color: var(--darkblue);
   border-radius: 50%;
}


#main ul {
  margin-inline-start: 2.5rem;
  list-style: none;
}

#main ul li {
  margin-bottom: 1rem;
}

#main ul li::before {
  content: "\2022";
  color: var(--darkblue);
  font-weight: 900;
  display: inline-block;
  width: 1.2rem;
  margin-left: -1rem;
}

.whiteblue {
  background-color: var(--whiteblue);
}
.extralightblue {
  background-color: var(--extralightblue);
}

.lightblue {
  background-color: var(--lightblue);
}

.yellow {
  background-color: var(--yellow);
}

.darkblue-p {
  color: var(--darkblue);
}

.white {
  color: var(--white);
}

.vag {
  font-family: var(--vag);
}


#main {
  margin-top: var(--padding);
  margin-bottom: var(--padding);
}

.hero {
  height: 60vh;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/*-----------------------------------------------------------------*/
/* Custom Bootstrap
/*-----------------------------------------------------------------*/

@media( min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1340px;
  }
}

@media( min-width: 1600px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1440px;
  }
}

.img-fluid {
  width: 100%;
  height: auto;
}

/*-----------------------------------------------------------------*/
/* Scripts
/*-----------------------------------------------------------------*/


/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#173f35}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(images/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}


.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-nav [class*='owl-'] {
  color: #FFF;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #D6D6D6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}
.owl-theme .owl-nav [class*='owl-']:hover {
  background: #869791;
  color: #FFF;
  text-decoration: none;
}

.owl-theme .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}
.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px;
}

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 30px;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #869791;
}

/*-----------------------------------------------------------------*/
/* Slider
/*-----------------------------------------------------------------*/

#madame_main_slider{
	padding: 0;
	position: relative;
}

#main_slider,
#main_slider .owl-stage-outer,
#main_slider .single_slide,
#main_slider.single_image {
	height: 50vh;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  position: relative;
  overflow: hidden;
}

@media (min-width: 768px) {
  #main_slider,
  #main_slider .owl-stage-outer,
  #main_slider .single_slide,
  #main_slider.single_image {
  	height: 78vh;
  }
}

.slider_overlay {
  height: 100%;
}

.slider_content_inner {
  position: relative;
}

.slider_content_inner::before {
  position: absolute;
  left: -2px;
  top: -19px;
  content: "";
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 15px solid var(--extralightblue  );
  transform: rotate(135deg);
}

@media (min-width: 1024px) {
  .slider_content_inner::before {
    display: none;
  }

  .slider_content_inner::after {
    position: absolute;
    left: -2.5px;
    bottom: -20px;
    content: "";
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid var(--extralightblue);
    transform: rotate(-135deg);
  }
}
/*-----------------------------------------------------------------*/
/* Header / Mega Menu / Mobile Menu
/*-----------------------------------------------------------------*/

#body_spacer{
  height: 85px;
  background: #fff;
}

@media (min-width: 1024px) {
	#body_spacer{
  		height: 90px;
	}
}

#body_overlay.active{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  opacity: 0.3;
  z-index: 1;
}

#main_header{
  padding-top: 15px;
  padding-bottom: 15px;
}

body.admin-bar #main_header{
  top: 32px;
}

#logo img{
  height: 55px;
  width: auto;
}

#top_menu{
  display: block;
  text-align: right;
  width: 100%;
  padding-top: 10px;
}

#top_menu ul{
  display: none;
}

@media (min-width: 1024px) {
  #top_menu ul{
    display: inline-block;
  }
}

#top_menu li{
  display: inline-block;
}

#top_menu a{
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: var(--letterspacing);
  font-family: var(--vag);
  margin-left: 15px;
  padding-left: 15px;
  padding-right: 15px;
  line-height: 32px;
}

#top_menu a:not([href]):hover {
  color: var(--darkblue);
  text-decoration: underline;
}

#top_menu li.show_as_button a{
  border: 1px solid var(--darkblue);
  border-radius: 16px;
}

#top_menu li.show_as_button:hover a{
  background: var(--darkblue);
  color: #FFF;
  text-decoration: none;
}

#menu_icon .fa-times{
  display: none;
  width: 20px;
  text-align: center;
  margin-left: 5px;
}

#menu_icon .fa-bars{
  display: inline-block;
  width: 20px;
  text-align: center;
  margin-left: 5px;
}

#menu_icon.active .fa-times{
  display: inline-block;
}

#menu_icon.active .fa-bars{
  display: none;
}

@media (max-width: 1024px) {
  #mega_menu{
    padding-top: 30px;
    position: fixed;
    top: 85px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #edf6fd;
    max-width: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    display: none;
  }

  body.admin-bar #mega_menu{
    top: 116px;
  }

  #mega_menu ul{
    list-style: none;
  }

  #mega_menu > div > ul > li{
    text-transform: uppercase;
    font-family: var(--vag);
    letter-spacing: var(--letterspacing);
    padding-top: 20px;
    padding-bottom: 20px;
  }

  #mega_menu > div > ul > li{
    position: relative;
  }

  #mega_menu > div > ul > li > a{
    position: relative;
    display: block;
  }

  #mega_menu > div > ul > li > a:after{
    display: block;
    content: '';
    width: 7px;
    height: 7px;
    border-top: 2px solid var(--darkblue);
    border-right: 2px solid var(--darkblue);
    transform: rotate(45deg);
    position: absolute;
    right: 30px;
    top: 8px;
    transition: transform 300ms;
  }

  #mega_menu > div > ul > li.active > a:after{
    transform: rotate(135deg);
    transition: transform 300ms;
  }

  #mega_menu > div > ul > li > ul{
    display: none;
    text-transform: none;
    font-weight: normal;
    padding-top: 10px;
  }

  #mega_menu > div > ul > li > ul a{
    font-family: 'Avenir';
    color: var(--graydark);
    font-size: 14px;
    line-height: 30px;
  }

  #mega_menu > div > ul > li.active{
    background: #f7fbfe;
  }

  #mega_menu > div > ul > li.active > ul{
    display: block;
    background: #f7fbfe;
  }

  #mega_menu .container.no_mobile_container{
    max-width: 100%;
    padding: 0;
  }

  #mega_menu ul a{
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  #mega_menu_buttons{
    padding-top: 20px;
  }
  #mega_menu_buttons > div > a {
    font-family: var(--vag);
    text-transform: uppercase;
    letter-spacing: var(--letterspacing);
  }


}

@media (min-width: 576px){
  #mega_menu a{
      max-width: 540px;
  }
}
@media (min-width: 768px){
  #mega_menu a{
    max-width: 720px;
  }
}
@media (min-width: 992px){
  #mega_menu a{
      max-width: 960px;
  }
}

@media (min-width: 1024px) {
  #mega_menu{
    width: 100%;
    padding-top: 40px;
	padding-bottom: 40px;
    display: none;
  }

  #mega_menu > div > ul > li{
    display: inline-block;
    /*width: 24.6%;*/
	width: 33%;
    vertical-align: text-top;
    padding-right: 15px;
  }

  #mega_menu > div > ul > li > a{
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 10px;
    font-family: var(--vag);
    letter-spacing: var(--letterspacing);
  }

  #mega_menu > div > ul > li ul{
    font-family: 'Avenir';
    list-style: none;
	border-right: 1px solid var(--blue);
  }

  #mega_menu > div > ul > li ul a{
    color: #333;
  }

  #mega_menu_buttons{
    padding-top: 50px;
    padding-bottom: 50px;
	display: none;
  }

  #mega_menu_buttons > div > a {
    font-family: var(--vag);
    text-transform: uppercase;
    letter-spacing: var(--letterspacing);
  }

}

/*-----------------------------------------------------------------*/
/* Topbar
/*-----------------------------------------------------------------*/

.topbar {
  position: relative;
}

.topbar::after {
  position: absolute;
  left: -4px;
  top: 30px;
  content: "";
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 15px solid var(--yellow);
  transform: rotate(-135deg);
  z-index: 1;
}

.topbar p {
  margin-bottom: 0;
}

@media(min-width: 768px) {
  .topbar::after {
    left: -4px;
    top: 23px;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid var(--yellow);
  }
}

/*-----------------------------------------------------------------*/
/* Front Page & Modules
/*-----------------------------------------------------------------*/

.hero_front_page {
  height: 80vh;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

section.treatments_open_hours{}

section.treatments_open_hours .open_hours {
  margin: 0 auto;
}

section.treatments_open_hours .open_hours .open_hours_inner {
  display: flex;
  align-items: center;
}

section.treatments_open_hours .open_hours .open_hours_inner .clock {
  margin-right: 30px;
}


@media (min-width: 991.98px) {
  section.treatments_open_hours .treatment_module {
    max-width: 78%;
  }
}

section.content_module #image_wrapper {
  overflow: hidden;
}

section.content_module #image_wrapper .image {
  transition: all 0.3s ease;
}

section.content_module #image_wrapper:hover .image {
  transform: scale(1.1);
}

section.content_module .content {
  padding-left:
}

section.background_image_module {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 400px;
  height: 85vh;
}

section.background_image_module .container .col-lg-6,
section.background_image_module .container .col-12 {
  text-align: center;
  color: var(--white);
}


section.accordion_section .card-header {
  position: relative;
  border-bottom: 1px solid var(--blue);
}

section.accordion_section .card-header button:after {
  content: "\f107";
  color: #333;
  top: 25px;
  right: 15px;
  position: absolute;
  font-family: 'Font Awesome 5 Free';
}

section.accordion_section .card-header button[aria-expanded="true"]:after {
  content: "\f106";
}


/*-----------------------------------------------------------------*/
/* Template - Standard
/*-----------------------------------------------------------------*/

.content_box {
	display: flex;
	flex-wrap: wrap;
}

.content_box_inner {}

.content_box_inner img {
  width: 150px;
  height: auto;
}

/*-----------------------------------------------------------------*/
/* Single - Behandlingar
/*-----------------------------------------------------------------*/

.excerpt p {
  font-size: var(--excerpt);
}

.vardval {
  background-color: var(--whiteblue);
  position: relative;
}

.vardval:after {
  position: absolute;
  left: -4px;
  bottom: -34px;
  content: "";
  width: 0;
  height: 0;
  border-top: 25px solid transparent;
  border-bottom: 25px solid transparent;
  border-left: 25px solid var(--whiteblue);
  transform: rotate(-135deg);
}

.vardval img {
  max-width: 120px;
  height: auto;
}

.eleven_seventy_seven_info p {
	margin-bottom :0;
	font-size: .85em;
}

.eleven_seventy_seven_info p span img {
	max-width: 50px;
	height: auto;
}

/*-----------------------------------------------------------------*/
/* Template - Kontakt
/*-----------------------------------------------------------------*/

.contact_box {
  width: 100%;
}

.contact_box_inner {
  width: 100%;
  text-align: center;
  border-radius: 5px;
  min-height: 350px;
}

.day_time_wrap .day,
.day_time_wrap .time {
  flex-direction: column;
}

#pills-town-selector li::before {
	content: none!important;
}

/*-----------------------------------------------------------------*/
/* Staff (archive personal)
/*-----------------------------------------------------------------*/

.staff_item_meta .fas {
  color: var(--darkblue);
  text-align: center;
  padding: 20px;
}

.staff_item_meta a {
  text-decoration: none;
}

.staff_item_meta a .fas{
	background-color: var(--lightblue);
	border-radius: 50%;
	margin-right: .5rem;
	width: 55px;
	height: 55px;
	transition: all .15s ease-in-out;
}

.staff_item_meta a:hover .fas {
  background-color: var(--darkblue);
  color: var(--lightblue);
}

/*-----------------------------------------------------------------*/
/* Home (nyheter)
/*-----------------------------------------------------------------*/


/*-----------------------------------------------------------------*/
/* Template - prislista
/*-----------------------------------------------------------------*/

.price_chapter {
  position: relative;
}


.price_chapter:after {
  content: "\f107";
  color: var(--darkblue);
  top: 15px;
  right: 15px;
  position: absolute;
  font-family: 'Font Awesome 5 Free';
}

.price_chapter[aria-expanded="true"]:after {
  content: "\f106";
}

/*-----------------------------------------------------------------*/
/* Template - Content Left Sidebar Right
/*-----------------------------------------------------------------*/
.sidebar_box {
  position: relative;
}
.sidebar_box_inner::after{
  position: absolute;
  left: -2px;
  bottom: -20px;
  content: "";
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 15px solid var(--extralightblue);
  transform: rotate(-135deg);
}

/*-----------------------------------------------------------------*/
/* Font Size Control
/*-----------------------------------------------------------------*/


#floating_font_size_control{
  position: fixed;
  bottom: 30px;
  right: 40px;
  width: 53px;
  height: 53px;
  border-radius: 27px;
  background: var(--darkblue);
  color: var(--white);
  transition: all 300ms;
  user-select: none;
}

#floating_font_size_control:hover{
  right: 32px;
  width: 99px;
  transition: all 300ms;
}

#floating_font_size_control .minus{
  opacity: 0;
  position: absolute;
  cursor: pointer;
  left: 12px;
  top: 7px;
  font-size: 26px;
  transition: opacity 300ms;
}

#floating_font_size_control .plus{
  opacity: 0;
  position: absolute;
  cursor: pointer;
  right: 12px;
  top: 7px;
  font-size: 26px;
  transition: opacity 300ms;
}

#floating_font_size_control .small_t{
  font-family: serif;
  font-size: 17px;
  position: absolute;
  bottom: 10px;
  left: 13px;
  transition: all 300ms;
  cursor: pointer;
}

#floating_font_size_control .big_t{
  font-family: serif;
  font-size: 29px;
  position: absolute;
  bottom: 5px;
  left: 23px;
  transition: opacity 300ms;
}

#floating_font_size_control:hover .minus{
  transition: opacity 300ms;
  opacity: 1;
}

#floating_font_size_control:hover .minus:active{
  color: var(--yellow);
}

#floating_font_size_control:hover .plus{
  transition: opacity 300ms;
  opacity: 1;
}

#floating_font_size_control:hover .plus:active{
  color: var(--yellow);
}

#floating_font_size_control:hover .small_t{
  font-size: 29px;
  bottom: 5px;
  left: 38px;
  transition: all 300ms;
}

#floating_font_size_control:hover .big_t{
  opacity: 0;
  transition: opacity 300ms;
}

#floating_font_size_control:hover .small_t:active {
  color: var(--yellow);
}

body.fz_xl p{font-size: 1.5rem;}
body.fz_l p{font-size: 1.25rem;}
body.fz_s p{font-size: 0.8rem;}
body.fz_xs p{font-size: 0.6rem;}

body.fz_xl .h1, body.fz_xl h1 {font-size: 3rem;}
body.fz_l .h1, body.fz_l h1 {font-size: 2.75rem;}
body.fz_s .h1, body.fz_s h1 {font-size: 2.25rem;}
body.fz_xs .h1, body.fz_xs h1 {font-size: 2rem;}

body.fz_xl .h3, body.fz_xl h3 {font-size: 2.25rem;}
body.fz_l .h3, body.fz_l h3 {font-size: 2rem;}
body.fz_s .h3, body.fz_s h3 {font-size: 1.5rem;}
body.fz_xs .h3, body.fz_xs h3 {font-size: 1.25rem;}

body.fz_xl .btn{font-size: 1.5rem;}
body.fz_l .btn{font-size: 1.25rem;}
body.fz_s .btn{font-size: 0.8rem;}
body.fz_xs .btn{font-size: 0.6rem;}


/*-----------------------------------------------------------------*/
/* Footer
/*-----------------------------------------------------------------*/

footer {
  background-color: var(--whiteblue);
  font-family: var(--vag);
}

footer .colophon_top #contact p.uppercase, footer .colophon_top #adress p.uppercase {
  margin-bottom: 0;
  color: var(--darkblue);
}

footer .colophon_top #contact p.large, footer .colophon_top #adress p.large {
  margin-bottom: 0;
  color: var(--darkblue);
}

footer .colophon_bottom .border-top {
  border-top: 1px solid var(--blue)!important;
}

footer .colophon_bottom #social {
  display: flex;
  justify-content: center;
}

footer .colophon_bottom #social a .fab {
  	background-color: var(--lightblue);;
  	border-radius: 50%;
	margin-right: .5rem;
	width: 55px;
	height: 55px;
	transition: all .15s ease-in-out;
}

footer .colophon_bottom #social a:hover .fab {
  background-color: var(--darkblue);
  color: var(--lightblue);
}

footer .colophon_bottom #social .fab {
  color: var(--darkblue);
  text-align: center;
  padding: 20px;
}

footer .colophon_bottom #vardval{
  display: flex;
  justify-content: center;
  border-top: 1px solid var(--blue);
}

footer .colophon_bottom #vardval img {
  max-width: 150px!important;
}

footer .colophon_copyright #copyright {
  border-top: 1px solid var(--blue);
}

footer .colophon_copyright #copyright .textwidget {
  display: flex;
  justify-content: center;
}

@media (min-width: 991.98px) {
  footer .colophon_copyright #copyright,
  footer .colophon_bottom #vardval {
    border-top: none;
  }
}

@media (min-width: 1024px) {
  footer .colophon_bottom #social,
  footer .colophon_copyright #copyright .textwidget {
    justify-content: flex-start;
    }
  footer .colophon_bottom #vardval {
    justify-content: flex-end;
    align-items: flex-start;
  }
}