html { scroll-behavior: smooth; }
body { color:#414141; font-size:16px; }

/* Top Header */
.layout-header-fixed .top-header { position:fixed; min-height:60px; top:0; left:0; width:100%; z-index:1020; background:#3089c7; border-bottom:5px solid #416aab; max-width:100%; }
.top-header .top-header-menu { padding:15px; float:left; width:20%;}
.top-header .top-header-menu a { color:#757575; padding:0 10px; }
.top-header .top-header-menu a:hover { text-decoration:underline; }
.top-header .top-header-search { float:left; padding-left:50px; width:60%; margin-top:10px; }
.top-header .top-header-selectbox { float:right; padding-right:10px; min-width:200px; }
.top-header .top-header-translate .goog-te-gadget-simple { border:none; margin-right:10px; }

#google_translate_element { position:fixed; right:0; top:70px; z-index:10; }
.translated-ltr .layout-header { margin-top:38px; }

/* Layout & Logo */
.layout { margin-top:70px; padding-top:0; }
.layout-header { min-height:70px; background:none; top:0; box-shadow:none; -webkit-box-shadow:none; border-bottom:1px solid #ccc; }
.homepage .layout-header { min-height:70px; background:none; top:0; box-shadow:none; -webkit-box-shadow:none; border-bottom:none; }
.homepage { background:#fff; }
.subpage .layout-header { min-height:70px; background:none; top:0; box-shadow:none; -webkit-box-shadow:none; border-bottom:none; }
.subpage { background:#fff; }
.navbar-default { background:#fff; }
.layout-sidebar-collapsed .navbar-header { overflow:visible; }
/* .navbar { height:70px; background:#2581cd; } */
.navbar { height:70px; background:#818181; }
.navbar-brand { height:70px; float:none; }
.navbar-brand img { margin:0; padding-top:5px; }
.navbar-brand-logo { height:40px; }
.homepage .navbar { background:transparent; }
.homepage .navbar .navbar-scroll { background:rgba(0, 0, 0, 0.6); }
.subpage .navbar { background:transparent; }
.subpage .navbar .navbar-scroll { background:rgba(0, 0, 0, 0.6); }

.navbar-default .navbar-brand { width:180px; display:inline-block; }

h1, h2, h3, h4 { font-family:'Merriweather','Times New Roman', Times, serif; font-weight:bold; line-height:1.3; }
h2.card-title { font-size:24px; }
h2 { font-size:24px; }
.card-body p{ font-size: 17px; }
.panel-body p{ font-size: 17px; line-height: 1.3;}

.select2-container--bootstrap .select2-selection { font-size:15px; }

.annons.navbar-right { margin-right:50px; }
.annons2 { display:none; }

.homepage.startbild h1 { font-size:32px; margin-bottom:30px; }
.homepage.startbild p { font-size:18px; color:#333;}
.homepage.startbild h2 { margin-top:40px; }
.subpage.startbild h1 { font-size:32px; margin-bottom:30px; }
.subpage.startbild p { font-size:18px; color:#333;}
.subpage.startbild h2 { margin-top:40px; }

.layout-main {
/*background:url(../img/bg1.jpg) no-repeat center center fixed; */
-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; display:table; height: 100%; overflow:hidden; width:100%; margin-top:20px; }
.layout-content { margin-left:0; }
/*.layout-content-home { display:table-cell; vertical-align:middle; }*/
.layout-content-home { margin-top:30px; clear:both; }
.layout-content-home .layout-content-body { text-align:center; }
.layout-content-home .home-search-text { margin-top:10px; }
.navbar-brand-center { left:0; position:inherit; -webkit-transform:none; -ms-transform:none; -o-transform:none; transform:none; }
.layout-sidebar-collapsed .layout-content { margin-left:0; }
.layout-content-body { padding:0; background:#fff; }
.layout-content-body .panel-body .row { font-size:15px; }
.layout-content-body .panel-body .row th, .layout-content-body .panel-body .row #kunder_length, .layout-content-body .panel-body .row #kunder_filter { font-size:13px; }
.row .card, .row .panel { margin-bottom:1px; }

/* Background Video */
video#bgvid {
    min-width: 100%;
    /*min-height: 100%;*/
    width: 100%;
    height: auto;
    z-index: -100;
    background: url(https://turistkanalen.se/video/turistkanalen_startfilm.jpg) no-repeat;
    -webkit-background-size:100% auto; -moz-background-size:100% auto; -o-background-size:100% auto; background-size:100% auto;
	background-position: center top;
	clear:both;
}

.start-video-player .preview {
  height: 70vh;
  overflow: hidden;
  position: relative;
}

.start-video-player .preview video {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  opacity: 0.7;
}

.start-video-player figure {
  height: 100%;
  margin: 0;
  padding: 0;
  width: 100%;
}


/* Startsida */
.videostart { position:relative;  padding-bottom:52.5%;  padding-top:30px;  height:0;  overflow: hidden; margin-bottom:10px; }
.videostart iframe, .videostart object, .videostart embed { position:absolute;  top:0;  left:0;  width:100%;  height:100%; }
a.avanceradsok:link, a.avanceradsok:focus, a.avanceradsok:active, a.avanceradsok:visited { color:#fff; font-size: 18px; text-shadow: 1px 1px 1px #000; }
a.avanceradsok:hover { color:#fff; text-decoration:underline; }

/* Lista */
.videolist { position:relative;  padding-bottom:52.5%;  padding-top:30px;  height:0;  overflow: hidden; margin-bottom:10px; }
.videolist iframe, .videostart object, .videostart embed { position:absolute;  top:0;  left:0;  width:100%;  height:120px; }

.utflyktsbild img { max-height:500px; object-fit:cover; object-position:center; transform:translate3d(0, 0, 1px); }

.transbox {
  margin-top: 30px;
  margin-right: 30px;
  border: 0.2px solid #ccc;
  background: rgba(253, 253, 253, 0.9);
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.transbox p { margin:20px; }

.bloggtext { font-size:16px; }
.blogginlagg { text-align:left; }
.blogginlagg ul { list-style:none; }
.blogginlagg img { max-width:100%; height:auto; }

h3.media-heading { font-family:'Roboto',sans-serif; line-height:26px; font-size:20px; }
.media-middle { color:#414141; font-size:16px; }
a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover { background:#416aab2f; }


/* translate till höger */
.top-header-translate { float:right; }


/* Lägger video-play icon på loggor vars kunder visar film */

.film-image-holder {
  position: relative !important;
  display: inline-block !important;
  cursor: pointer !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  }

.film-image-holder:before {
  position: absolute !important;
  top: 40% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  -webkit-transform: translate(-50%, -50%) !important;
  content: "\f01d" !important;
  font-family: FontAwesome !important;
  font-size: 40px !important;
  color: #fff !important;
  opacity: .6 !important;
  text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
}
.film-image-holder:hover:before {
  color: #eee !important;
}


.film-image-holder-presentation {
  position: relative !important;
  display: inline-block !important;
  cursor: pointer !important;
  color: #2d2f33;
  }

.film-image-holder-presentation:before {
  position: absolute !important;
  top: 40% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  -webkit-transform: translate(-50%, -50%) !important;
  content: "\f01d" !important;
  font-family: FontAwesome !important;
  font-size: 40px !important;
  color: #fff !important;
  opacity: .6 !important;
  text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
}
.film-image-holder-presentation:hover:before {
  color: #eee !important;
}

.film-image-holder-presentation .caption {
  bottom: 0;
  position: absolute;
  background: linear-gradient(to bottom,rgba(255,255,255,.7) 0,rgba(255,255,255,.9) 100%);
  width: 100%;
  z-index: 1;
}
.film-image-holder-presentation .caption p {
  margin:0;
  padding:2px
}


/* hand på klickbara rader */
.custom-clickable-row {
    cursor: pointer;
}

/* dölj antispam fältet */
.anti-spam { display:none;}

.gm-style .gm-style-iw {
  font-weight: 400;
  font-size: 14px;
}

.news-image {
  background-image: url("/img/news_bg.jpg"); /* The image used */
  height: 120px; /* You must set a specified height */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
  margin-bottom: 10px;
}

.offer-image {
  background-image: url("/img/offer_bg.jpg"); /* The image used */
  height: 120px; /* You must set a specified height */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}

/* End  */

/* Text */
/*h1.title-bar-title { color:#fff; font-size:32px; text-shadow:1px 1px 2px rgba(150, 150, 150, 0.8); padding:5px 0; }*/
h1.title-bar-title { color:#414141; font-size:32px; padding:5px 0; font-family:'Merriweather','Times New Roman', Times, serif; font-weight:bold; line-height:1.2; }
.title-bar { margin:10px; }

/* Annonser */
.row.annonser { margin:0 !important; background:#eceff1; padding:30px 0; }
.row.annonser .row a { float:left; width:25%; padding:0 2%; }
.row.annonser .row a img { width:100%; max-width:300px; margin:0 auto; border:3px solid #e1e1e1; }
.topp-annons .topp-annons-dator { display:block; }
.topp-annons .topp-annons-mobil { display:none; }

/* Kund */
.video { margin:10px; }
.carousel { margin:10px !important; }
#kunder td iframe { max-width:200px; max-height:150px }
#film_ordning1 { max-width:80px}
#film_ordning2 { max-width:80px}

/* Sidebar Menu & Toggler */
.sidenav-toggler { background:#333; height:70px; line-height:70px; display:none; }
.layout-sidebar { display:none; }
.topred .sidenav-toggler { display:block; background:none; }
.topred .layout-sidebar { display:block; }

.navbar-account-btn { height:70px; }
.navbar-menu { width:70px; padding:0; }
.navbar-right { margin-right:0; float:right; }
.navbar-default .navbar-nav>li {
    border-left: 1px solid #416AAB;
}
.homepage .navbar-default .navbar-nav>li { border:none; }
.subpage .navbar-default .navbar-nav>li { border:none; }
.navbar-menu-top { display:inline-block; width:350px; }

/* Top Search & Account */
.navbar-search { height:70px; }
.navbar-search-input { height:70px; }
.navbar-search-toggler { height:70px; line-height:70px; }
.navbar-search-adv-btn { padding:25px 20px; }
.navbar-account-btn { padding:17px 15px; }
.navbar-default .navbar-account-btn { color:#fff; }
.homepage .navbar-default .navbar-account-btn { font-size:16px; font-weight:bold; }
.subpage .navbar-default .navbar-account-btn { font-size:16px; font-weight:bold; }

/* Top Menu */
.layout-header-fixed .top-menu { position:fixed; min-height:40px; top:115px; left:0; width:100%; z-index:1020; background:#fff; border:1px solid #e1e1e1; }
.top-menu ul.top-menu-list { list-style-type:none; margin:0; padding:0; }
.top-menu ul.top-menu-list li { display:inline; }
.top-menu ul.top-menu-list li.mobile-search { display:none; }
.top-menu ul.top-menu-list li a { padding:15px 10px; color:#222; font-size:16px; font-weight:bold; }
.bar-line { background-color:#fff; }
.topred-nav { display:none; }

.dropdown-menu>li>a { font-size:14px; padding:6px 18px; }

/* Map Sidebar */
#bar-fixed {
  width: 100%;
}
#bar-fixed.stickIt {
  position: fixed;
  top: 70px;
  width:40%;
}

.sok-karta { display:none; }

/* Home Search */
.layout-content-home {
	margin-top:-10px;
	transform: translate(-50%,-50%);
    top: 45%;
    left: 50%;
    position: absolute;
	width:100%;
}
.layout-content-home .layout-content-body .card {
  max-width:500px;
  margin:0 auto;
  background:none;
  border:0;
  border-radius:0;
  box-shadow:none;
  -webkit-box-shadow:none;
  color:#fff;
  }
.container-1 { overflow:hidden; max-width:500px; width:100%; vertical-align:middle; white-space:nowrap; }
.container-1 input#search { max-width:500px; width:100%; height:50px; background:#2b303b; border:none; font-size:20px; float:left; color:#fff; padding-left:15px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.container-1 input#search::-webkit-input-placeholder { color:#919ca4; }
.container-1 input#search:-moz-placeholder { /* Firefox 18- */ color:#919ca4; }
.container-1 input#search::-moz-placeholder {  /* Firefox 19+ */ color:#919ca4; }
.container-1 input#search:-ms-input-placeholder { color:#919ca4; }
.container-1:hover button.icon, .container-1:active button.icon, .container-1:focus button.icon { outline:none; opacity:1; margin-left:-50px; }
.container-1:hover button.icon:hover { background:white; }
.container-1 button.icon {
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;

  border: none;
  background: #232833;
  height: 50px;
  width: 50px;
  color: #4f5b66;
  opacity: 0;
  font-size: 10pt;

  -webkit-transition: all .55s ease;
  -moz-transition: all .55s ease;
  -ms-transition: all .55s ease;
  -o-transition: all .55s ease;
  transition: all .55s ease;
}

/* ny sökruta överst */
.container-top { display:inline-block; width:calc(100% - 550px); padding:15px 0; }
.container-top input#search { width:100%; height:40px; background:#f4f7fd; border:none; font-size:20px; float:left; color:#5c5c5c; padding-left:15px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.homepage .container-top input#search { max-width:400px; background:rgba(255, 255, 255, 0.9); }
.subpage .container-top input#search { max-width:400px; background:rgba(255, 255, 255, 0.9); }
.container-top input#search::-webkit-input-placeholder { color:#919ca4; }
.container-top input#search:-moz-placeholder { /* Firefox 18- */ color:#919ca4; }
.container-top input#search::-moz-placeholder {  /* Firefox 19+ */ color:#919ca4; }
.container-top input#search:-ms-input-placeholder { color:#919ca4; }
.container-top:hover button.icon, .container-top:active button.icon, .container-top:focus button.icon { outline:none; opacity:1; margin-left:-40px; }
.container-top:hover button.icon:hover { background:white; }
.container-top button.icon {
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  position:absolute;
  border: none;
  background: #e0e0e0;
  height: 40px;
  width: 40px;
  color: #4f5b66;
  opacity: 0;
  font-size: 10pt;

  margin-left:-40px;
}

.container-top-mobile { display:none; }

.search-form { position:relative; }

.ui-autocomplete.ui-front { z-index:1030; }


/* Se alla resmål */
.alla-resmal { margin-top:18px; margin-right:15px; }
.alla-resmal a { background:none; border-radius:2em; border:1px solid #e1e1e1 !important; color:#fff; padding:6px 10px !important; font-weight:bold; }

.alla-resmal2 { margin-top:18px; margin-right:15px; }
.alla-resmal2 a { background:#416aab; color:#fff; border-radius:2em; border:1px solid #e1e1e1 !important; padding:6px 10px !important; font-weight:bold; font-size:14px; }
.alla-resmal2 a:hover { background:#70a1ee; text-decoration:none; }

/* Button success och primary för nya designmallen */
.btn-success { background:#416aab; border-color: #416aab; color:#fff; }
.btn-success:hover { background:#70a1ee; border-color: #70a1ee;  text-decoration:none; }

.btn-primary { background:#416aab; border-color: #416aab; color:#fff; }
.btn-primary:hover { background:#70a1ee; border-color: #70a1ee;  text-decoration:none; }

.btn-info { background:#416aab; border-color: #416aab; color:#fff; }
.btn-info:hover { background:#70a1ee; border-color: #70a1ee;  text-decoration:none; }

.btn-warning { background:#e5a357; border-color: #e5a357; color:#fff; }
.btn-warning:hover { background:#e5c957; border-color: #e5c957;  text-decoration:none; }

.bg-success { background:#416aab; border-color: #416aab; color:#fff; }
.bg-primary { background:#416aab; border-color: #416aab; color:#fff; }
.bg-info { background:#416aab; border-color: #416aab; color:#fff; }
.bg-warning { background:#e5a357; border-color: #e5a357; color:#fff; }

/* större och markerad text i kontrollpanel */
.divider-content {
  font-weight: bold;
  font-size: 17px;
}

/* Homepage */
.homepage .row+.row { margin-top:60px; position:relative; }

.subpage .row+.row { margin-top:60px; position:relative; }

#kunder_wrapper .row+.row { margin-top:10px !important; }

.row .font {
  font-size:16px !important;
}
div.row .col-md-3 .bold {
  font-weight: bold !important;
}

/*.row.evenemang-red .row { margin-top:5px; }*/
.staff {
  background-attachment: fixed;
  background-color: transparent;
  background-image: url("../img/4818875210.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
  color: #fff;
  padding-bottom: 90px;
  padding-top: 90px;
  position: relative;
  text-align: center;
}
.staff:after {
  border-color: #fff transparent transparent;
  border-style: solid;
  border-width: 20px 30px 0;
  content: " ";
  height: 0;
  left: 50%;
  pointer-events: none;
  position: absolute;
  top: -2px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0;
  z-index: 15;
}
.staff-heading {
  color: #fff;
  font-size: 36px;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
}
.staff-lead {
  font-size: 18px;
  font-weight: 300;
  margin-bottom: 30px;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
}
.staff-list-item {
  display: inline-block;
  padding: 5px;
}
.staff-list-img {
  background-color: #fff;
  border: none;
  display: inline-block;
  height: auto;
  padding: 4px;
  width: 80px;
}
.popover {
  border: none;
  border-radius: 2px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.popover-content {
  padding: 4px 8px;
}
.popover .arrow {
  display: none;
}
.fact-list {
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}
.fact-list:before,
.fact-list:after {
  content: " ";
  display: table;
}
.fact-list:after {
  clear: both;
}
.fact {
  float: left;
  font-weight: 700;
  margin-top: 45px;
  width: 50%;
}
.fact-label {
  display: block;
  font-size: 11px;
  text-transform: uppercase;
}
.fact-value {
  display: inline-block;
  font-size: 30px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  vertical-align: middle;
}

.layout-content-home { float:left; }


/* Home Ads */
.owl-carousel { max-width:1200px; margin:0 auto; overflow:hidden; }
.section .container { padding:40px 15px; }

/* Footer */
.layout-footer { margin-left:0; background:#212121; border:0; position:relative; }
.layout-sidebar-collapsed .layout-footer { margin-left:0; }
.footer { background-color:#212121; color:#e0e0e0; padding-bottom:5px; padding-top:30px; }
.footer .social-list { margin-bottom:30px; text-align:center; }
.footer .social-list-item {
    background-color: transparent;
    border: 2px solid #fff;
    border-radius: 50%;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    height: 32px;
    line-height: 32px;
    margin: 5px;
    text-align: center;
    width: 32px;
}
.footer .footer-links { list-style:none; margin-bottom:30px; padding-left:5px; }
.footer .footer-links>li { display:block; margin-bottom:10px; }
/* .footer .footer-links>li>a { color:#e0e0e0; display:block; } */
.footer .footer-copyright { border-top:1px solid grey; padding-top:20px; }


/* select row */
.selectedRow {
    background-color: rgba(1, 145, 170, 0.1);
}


/* Mitt Tips */
.card-body-tips { background:#5094b7; }
.card-body-tips .media-middle { color:#fff; }

.tips-bild { display:block; }
.tips-bild-mobil { display:none; }

.filuppladdning { display:flex; width:100%; height:auto; margin-bottom:20px; }
.filuppladdning .form-group { background:#cee5f8; padding:10px; width:70%; text-align:center; margin:0; }
.filuppladdning .form-group input[type=file] { margin:0 auto; max-width:52px; }
.filuppladdning .form-group2 { background:#cee5f8; width:30%; border-left:1px solid #fff; }
.filuppladdning .form-group2 .file { width:100%; height:auto; max-width:300px; float:right; margin:0; }

.skicka-tips-dator { display:block; margin-top:20px; }
.skicka-tips-mobil { display:none; margin-top:20px; }

.kunder-knapp-las-mer { margin-top: auto; }
.kunder-knapp-las-mer a { background:#e1e1e1; padding:5px 10px; color:#333; }

/* Nytt useende på besöksmål */
.kunder-presentationskonto { 
  background:#fff;
  border: 1px solid #b9baba;
  border-radius: 8px;
  box-shadow: 0 0 2px rgba(0,0,0,.12), 0 2px 4px rgba(0,0,0,.08), 0 4px 8px rgba(0,0,0,.06), 0 8px 16px rgba(0,0,0,.04);
  display: block;
  width: 100%;
  margin-bottom: 30px;
}

.kunder-presentationskonto .kunder-bild img { width:100%; height:250px; object-fit:cover; }
.kunder-presentationskonto .kunder-rubrik { font-size:18px; margin-bottom: 5px; }
.kunder-presentationskonto .kunder-kategori { margin-bottom: 15px; }
.kunder-presentationskonto .kunder-beskrivning { margin-bottom: 10px; }
.kunder-presentationskonto .kunder-knapp { margin-top: auto; }
.kunder-presentationskonto .kunder-knapp a { background:#e1e1e1; padding:5px 10px; color:#333; }

.kunder-baskonto { 
  background:#fff;
  border: 1px solid #b9baba;
  border-radius: 8px;
  box-shadow: 0 0 2px rgba(0,0,0,.12), 0 2px 4px rgba(0,0,0,.08), 0 4px 8px rgba(0,0,0,.06), 0 8px 16px rgba(0,0,0,.04);
  display: block;
  width: 100%;
  margin-bottom: 30px;
}

.kunder-baskonto .kunder-bild img { width: 100%; max-height: 280px; object-fit: cover; }
.kunder-baskonto .kunder-rubrik { font-size: 18px; margin-bottom: 5px; }
.kunder-baskonto .kunder-kategori { margin-bottom: 15px; }
.kunder-baskonto .kunder-beskrivning { margin-bottom: 10px; }
.kunder-baskonto .kunder-knapp { margin-top: auto; }
.kunder-baskonto .kunder-knapp a { background:#e1e1e1; padding:5px 10px; color:#333; }

.kunder-gratiskonto { 
  background:#fff;
  border: 1px solid #b9baba;
  border-radius: 8px;
  box-shadow: 0 0 2px rgba(0,0,0,.12), 0 2px 4px rgba(0,0,0,.08), 0 4px 8px rgba(0,0,0,.06), 0 8px 16px rgba(0,0,0,.04);
  display: block;
  width: 100%;
  margin-bottom: 30px;
}

.kunder-gratiskonto .kunder-rubrik { font-size:18px; margin-bottom: 5px; }
.kunder-gratiskonto .kunder-ort { margin-bottom: 5px; }
.kunder-gratiskonto .kunder-kategori { margin-bottom: 15px; }
.kunder-gratiskonto .kunder-beskrivning { margin-bottom: 10px; }
.kunder-gratiskonto .kunder-knapp { margin-top:0; }
.kunder-gratiskonto .kunder-knapp a { background:#e1e1e1; padding:5px 10px; color:#333; }

.kunder-bild { background:#f1f1f1; }

.Content_content__lg290 {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  padding: 16px;
}

.hcl-grid {
  grid-gap: 0;
  display: grid;
  gap: 0;
  grid-template-columns: 1fr;
}

.hcl-grid--columns-1 {
  grid-template-columns: repeat(1,1fr);
}

.hcl-grid--md-columns-2 {
  grid-template-columns: repeat(2,1fr);
}

.hcl-grid--gap-1 {
  gap: 8px;
}

.hcl-grid--columns-2 {
  grid-template-columns: repeat(2,1fr);
  height:100%;
}

.hcl-grid__item-span-2 {
  grid-column-end: span 2;
}

.Images_imageThumbnail{
  height: 120px;
  position: relative;
}

.Images_imageThumbnail img {
  position: absolute; inset: 0px; box-sizing: border-box; padding: 0px; border: none; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%; object-fit: cover; object-position: center center;
}


.map-div { 
  max-width: 800px;
  width: 100%;
  z-index: 100;
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
  text-align: center;
  margin-top: -350px;
}

.map-div #cardmap { 
  padding: 10px;
  background:#e1e1e1;
}


/* Tabs Annonsera */
.wrapper-tabs {
  width: 100%;
  margin: auto;
  background-color: white;
  border-radius: 10px;
  box-shadow: 0px 5px 15px rgba(0, 0, 0, .2);
}

.wrapper-tabs .buttonWrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

.wrapper-tabs .contentWrapper {
  padding:10px 20px;
}

.wrapper-tabs button {
  letter-spacing: 3px;
  border: none;
  padding: 10px;
  background-color: #416AAB;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
  transition: 0.5s;
  border-right:1px solid #fff;
}

.wrapper-tabs .btn {
  letter-spacing: 3px;
  border: none;
  padding: 10px 20px;
  background-color: #388a3c;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
  transition: 0.5s;
  border-right:1px solid #fff;
  margin-top:10px;
}

.wrapper-tabs .pricing-card-details img { display:inline-block; vertical-align:middle; margin-right:20px; width:150px; }
.wrapper-tabs .pricing-card-details span { display:inline-block; vertical-align:middle; width:74%; }

.wrapper-tabs button:last-child {
  border:0;
}

.wrapper-tabs button:hover {
  background-color: #d5e3ff;
}

.wrapper-tabs button.active {
  background-color: white;
  color:#222;
}

.wrapper-tabs .active {
  background-color: white;
}

.wrapper-tabs p {
  text-align: left;
  padding: 10px;
  background:#f1f1f1;
  width:auto;
  max-width:120px;
  text-align:center;
  font-weight: bold;;
}

.wrapper-tabs .btn-pill {
  font-size:16px;
  margin-top:10px;
}

.wrapper-tabs .content {
  display: none;
  padding: 10px 20px;
}

.wrapper-tabs .content.active {
  display: block;
}


/* Exempel Annonsera */
.demo-form-wrapper a { word-break:break-all; }


/* Jämför Premium, Plus, Bas */
.jamfor-rubrik { display:inline-block; width:30%; vertical-align:middle; margin-top:5px; }
.jamfor-rubrik-topp { display:inline-block; width:30%; vertical-align:middle; margin-top:5px; }
.jamfor-janej { display:inline-block; width:69%; margin-top:5px; }
.jamfor-janej img { height:20px; width:auto; }
.jamfor-janej-topp { display:inline-block; width:69%; margin-top:5px; }
.jamfor-janej-topp div { display:inline-block; width:32%; text-align:center; }
.jamfor-janej-topp div span { background:#416AAB; padding:5px 10px; color:#fff; border-radius:5px; }
.jamfor-janej-premium { background:#e4e8da; width:32%; display:inline-block; text-align:center; padding:25px; }
.jamfor-janej-plus { background:#e4e8da; width:32%; display:inline-block; text-align:center; padding:25px; }
.jamfor-janej-bas { background:#e4e8da; width:32%; display:inline-block; text-align:center; padding:25px; }



@media all and (max-width:1200px) {
	.layout-content-home { margin-top:350px; top:0; }
  .map-div { margin-top:-150px; max-width:700px; }
  .map-div #map_canvas { height:250px !important; }
  .subpage .title-bar { margin-top:-50px !important; }
  .kunder-logotyp img { float:none !important; }
  .start-video-player .preview { height:55vh; }
}

@media all and (max-width:1070px) {
  .annons.navbar-right img { height:50px; margin-top:10px; }

}

@media all and (max-width:992px) {
	.layout-content-home { margin-top:300px; top:0; }
  .annons.navbar-right { margin-right:20px; }
  .annons.navbar-right img { height:40px; margin-top:15px; }
  .transbox { margin-right: 0px; margin-bottom: 30px; }
  #bar-fixed.stickIt {
    position: unset !important;
    display: block;
    top:0;
    margin-bottom:10px;
  }
  .subpage .title-bar { margin-top:20px !important; }
  .sok-karta { display:block; }
  .start-video-player .preview { height:50vh; }
}

@media (min-width: 768px) {
	.topred .layout-content { margin-left:220px; }
	.topred.layout-sidebar-collapsed .layout-content { margin-left:60px; }
	.topred .layout-footer { z-index:2000; }
	.fact { width:25%; }
  .navbar-toggleable { margin-left:0; }
}

@media all and (max-width:767px) {
	.layout-content-home .layout-content-body .card { width:100%; }
	.layout { padding-top:0px; }
	.navbar-default .navbar-toggle { height:55px; }
	.layout-header-fixed .layout-header { position:fixed; }
	.annonser .row a { width:50% !important; margin:0 0 10px 0; }
	.top-menu ul.top-menu-list li.mobile-search { display:inline; }
	.topred-nav { display:inline; }
	.topred-nav li a { line-height:20px; position:relative; display:block; padding:10px 15px; }
	.topred-nav li.sidenav-heading { margin-top:10px; padding:15px 10px; display:block !important; }
	.navbar-default .navbar-brand { margin-left:0; }
	.layout-content-home { margin-top:0; left:0; transform:none; position:inherit; }
	.layout-content-home-video { background: url(https://turistkanalen.se/video/startfilm.png) no-repeat;
    -webkit-background-size:100% auto; -moz-background-size:100% auto; -o-background-size:100% auto; background-size:100% auto;
	background-position: center top; padding:30px 10px; }
	video.videopc { display:none; }
  .annons2 { display:block; text-align:center; width:100%; }
  .annons2 img { width:100%; max-width:600px; height:auto; padding-top:15px; }
  .navbar-nav { margin:0; }
  .homepage .title-bar { margin-top:-70px !important; }
  .subpage .title-bar { margin-top:20px !important; }
  .map-div { margin-top:-50px; max-width:600px; }
  .map-div #map_canvas { height:250px !important; width:100%; }
  #bar-fixed.stickIt { width:100% !important; }
  .alla-resmal { display:none !important; }
  .container-top { width:calc(100% - 370px); }
  .navbar-menu-top { width:180px; }
  .section.homepage.topp-annons { margin-top:240px !important; }
  .jamfor-rubrik-topp { display:none; }
  .jamfor-janej-topp, .jamfor-rubrik, .jamfor-janej { width:100%; }
  .jamfor-janej-premium, .jamfor-janej-plus, .jamfor-janej-bas { width:32.5%; }
  .andra-tjanster .col-sm-6 { padding:0; }
  .start-video-player .preview { height:40vh; }
  h1.title-bar-title { font-size:26px; }
}

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

  .navbar { height:130px; }
  .navbar-nav .open .dropdown-menu { z-index:1300; }
	.top-header .top-header-menu { display:none; }
    .container-top { display:none; }
    .container-top-mobile { display:block !important; width:100%; height:60px; padding:10px; padding-top:0; margin-top:-10px; }

    #kunder.table-middle>tbody>tr>td, #kunder.table-middle>tfoot>tr>td, #kunder.table-middle>thead>tr>td { float:left; width:100%; }
    #kunder.table-middle>tbody>tr>th, #kunder.table-middle>tfoot>tr>th, #kunder.table-middle>thead>tr>th { float:left; width:50% !important; }
    .kunder-lista tr td { float:left; width:100%; display:block; }
    .kunder-lista tr td img { width:100% !important; }
    #kunder_wrapper .col-sm-6 { width:49%; float:left; }

	.container-top-mobile input#search-mobile { width:100%; height:40px; opacity:0.9; background:#f4f7fd; border:none; font-size:16px; float:left; color:#5c5c5c; padding-left:15px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
	.container-top-mobile input#search-mobile::-webkit-input-placeholder { color:#919ca4; }
	.container-top-mobile input#search-mobile:-moz-placeholder { /* Firefox 18- */ color:#919ca4; }
	.container-top-mobile input#search-mobile::-moz-placeholder {  /* Firefox 19+ */ color:#919ca4; }
	.container-top-mobile input#search-mobile:-ms-input-placeholder { color:#919ca4; }
	.container-top-mobile:hover button.icon, .container-top:active button.icon, .container-top:focus button.icon { outline:none; opacity:1; margin-left:-40px; }
	.container-top-mobile:hover button.icon:hover { background:white; }
	.container-top-mobile button.icon {
	  -webkit-border-top-right-radius: 5px;
	  -webkit-border-bottom-right-radius: 5px;
	  -moz-border-radius-topright: 5px;
	  -moz-border-radius-bottomright: 5px;
	  border-top-right-radius: 5px;
	  border-bottom-right-radius: 5px;
	  position:absolute;
	  border: none;
	  background: #e0e0e0;
	  height: 40px;
	  width: 40px;
	  color: #4f5b66;
	  opacity: 0;
	  font-size: 10pt;
	  margin-left:-40px;
	}

  .tips-bild { display:none; }
  .tips-bild-mobil { display:block; }

  .filuppladdning .form-group { width:60%; }
  .filuppladdning .form-group2 { width:40%; }

  .navbar-menu-top { float:right; }
  .layout { margin-top:110px; }

  #google_translate_element { top:auto; bottom:10px; right:10px; z-index:1001; border:5px solid #e1e1e1; }
  .translated-ltr .layout-header { margin-top:38px; }

  .section.homepage.topp-annons { margin-top:280px !important; }
  .topp-annons .topp-annons-dator { display:none; }
  .topp-annons .topp-annons-mobil { display:block; }

  .kunder-beskrivning { display:none; }
  .hcl-grid--md-columns-2 { grid-template-columns:repeat(1,1fr); }
  .kunder-besoksmal1 { width:100%; padding-bottom:0; }
  .kunder-besoksmal2 { width:100%; }

  .map-div { margin-top:0px; }

  .subpage .top-img { margin-top:-140px !important; max-width:100%; }
  .subpage .top-img img { height:155px !important; background-size:cover; width:auto !important; max-width:100%; object-fit:cover; }

  .section.homepage.startbild { margin-top:-115px !important; }

  .pricing-card-details>li { border-top:1px dotted #555; padding-top:10px; padding-bottom:10px; }

  .jamfor-janej-premium, .jamfor-janej-plus, .jamfor-janej-bas { padding:15px; }
  .wrapper-tabs button, .wrapper-tabs .btn { font-size:14px; }

  .section.homepage.startbild.soktips { margin-top:0 !important; }
  .table-responsive { border:0; }

  .start-video-player .preview { height:15vh; }
}

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

}

@media all and (max-width:390px) {
	.layout-content-home-video { padding:10px 10px; }
  .navbar-account-btn { padding:17px 5px; }
  .navbar-menu-top { width:160px; }

  .skicka-tips-dator { display:none; }
  .skicka-tips-mobil { display:block; }
  .homepage .navbar-default .navbar-account-btn { font-size:14px; }
  .subpage .navbar-default .navbar-account-btn { font-size:14px; }
}


/* End  */