h1 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #333333; line-height: 20px; font-weight: 600; }
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #333333; line-height: 20px; font-weight: 400; }
h3 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #333333; line-height: 18px; font-weight: 600; }
p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; line-height: 18px; font-weight: 400; }
li { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; line-height: 18px; font-weight: 400;  }body { background: #ffffff; font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #333333; line-height: 18px; font-weight: 400; }
a:link { text-decoration: underline; color: #01a4cc; font-weight: 400; }
a:visited { text-decoration: underline; color: #01a4cc; font-weight: 400; }
a:active { text-decoration: underline; color: #01a4cc; font-weight: 400; }
a:hover { text-decoration: none; color: #01a4cc; font-weight: 400; }
a:focus { text-decoration: none; color: #01a4cc; font-weight: 400; }
.navbar-default li { font-family:Arial, Helvetica, sans-serif; font-size: 12px; text-transform:none; }
.navbar-default .navbar-toggle .glyphicon {color: #004eb5;}
.navbar-default .navbar-toggle .icon-bar {background-color: #004eb5;}.navbar-default .navbar-nav>li a { color:#004eb5; text-decoration:undereline; font-weight:400; }
.navbar-default .navbar-nav>li a:hover { color:#d90000; text-decoration:none; font-weight:400; }
.navbar-default .navbar-nav>li.active a:hover { color:#d90000; text-decoration:none; font-weight:400; }
.navbar-default .dropdown-menu>li a:hover { color:#d90000; text-decoration:none; font-weight:400; }
.navbar-default .navbar-nav>li a:focus { color:#d90000; text-decoration:none; font-weight:400; }
.navbar-default .navbar-nav>li.active a:focus { color:#d90000; text-decoration:none; font-weight:400; }
.navbar-default .dropdown-menu>li a:focus { color:#d90000; text-decoration:none; font-weight:400; }
.navbar-default .navbar-nav>.active>a { color:#d90000; text-decoration:none; font-weight:400; }
.navbar-default .dropdown-menu>li.active a { color:#d90000; text-decoration:none; font-weight:400; }
.navbar { margin-bottom:0px; }
header { margin-bottom:0px; position:relative; }
#page .container { max-width:1170px; }
@-webkit-keyframes blinker {
	  from { opacity: 1.0; }
	  to { opacity: 0.0; }
	}
	
	.waitingForConnection {
	  -webkit-animation-name: blinker;
	  -webkit-animation-iteration-count: infinite;
	  -webkit-animation-timing-function: cubic-bezier(.5, 0, 1, 1);
	  -webkit-animation-duration: 1.7s;
	}


.med {background-color: rgba(1,164,204,0.5); padding: 25px; border: 5px solid #01a4cc; border-radius: 5px;}



/* 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;
}


.page-id-147 .wpb_content_element {margin-bottom: 20px!important;}

body h1 {font-size:30px; line-height:34px; font-family: Roboto Mono, monospace; font-weight:400; letter-spacing: 1px; text-transform: uppercase; color:#01a4cc; }
body h2 {font-size:26px; line-height:30px; font-family: Roboto Mono, monospace; font-weight:400; letter-spacing: 1px; color:#01a4cc; }
body h3 {font-size:24px; line-height:30px; font-family: Roboto Mono, monospace; font-weight:400; letter-spacing: 1px; color:#01a4cc; margin-bottom:10px; }
body p, body li, body td, body dd, body label {font-size:16px; line-height:22px; font-family: Montserrat, sans-serif; font-weight:400; color:#000; }
body a, #footer .fab { transition: all .4s; }

/*header*/
#header .container, #top .container {max-width: 100%; width: 100%; }
#header .logoholder {padding: 15px; }

#header .widget_custom_html {float: right; padding-right: 15px; margin-top:40px; }
#header .widget_custom_html .fab {font-size: 30px; color: #5f5f5f; margin-left: 10px; }
#header .widget_custom_html .fab:hover {color: #01a4cc; }

#header ul#menu-main {float:right; margin-top: 42px; width: 71%; }
#header ul#menu-main li a {font-size:13px; line-height:22px; font-family: Montserrat, sans-serif; font-weight: 500; color:#5f5f5f; text-transform: uppercase; text-decoration: none; padding: 5px 10px; border-right: solid 1px #01a4cc; }
#header ul#menu-main li:last-child a {border-right: none; }
#header ul#menu-main li a:hover, #header ul#menu-main li.active > a {color: #01a4cc; }

#header ul#menu-main li .dropdown-menu.level-0 {background: #fff;}



/*top*/
#top {margin-bottom: 35px; }





/*content*/
#imgrow .vc_column-inner {padding-left:0; padding-right:0; }

#content .nicebtn a {font-size:16px; line-height:22px; font-family: Montserrat, sans-serif; font-weight:400; }
#content .vc_btn3-color-peacoc { border-color: #01a4cc; background-color: #01a4cc; }
#content .vc_btn3-color-peacoc:hover { color: #f2f2f2; border-color: #01c2f1; background-color: #01c2f1;  }

#content .singleimg:hover {opacity: 0.9; }



/*footer*/
#footer #custom_html-8 {
  display: none;
}
#footer img.hallbarhetsklivet {width: 222px;}

#footer {background: #f3f3f3; padding: 40px 0 25px; }

#footer a.btn {font-size:16px; line-height:22px; font-family: Montserrat, sans-serif; font-weight:400; color:#fff; border-color: #01a4cc; background-color: #01a4cc; border-radius: 5px; display: block; width: 100%; text-align: center; text-decoration: none; text-transform: uppercase; transition: all .2s ease-in-out; padding-top: 14px;     padding-bottom: 14px; padding-left: 20px; padding-right: 20px; vertical-align: middle; background-image: linear-gradient(to bottom,rgba(255,255,255,.2) 0,rgba(255,255,255,.01) 100%); background-repeat: repeat-x; margin-bottom: 15px; }

#footer a.btn:hover {color: #f2f2f2; border-color: #01c2f1; background-color: #01c2f1; }

#footer ul {padding-left: 30px; }

#footer .fab {font-size: 40px; color: #5f5f5f; margin: 0 10px 20px 0; }
#footer .fab:hover {color: #01a4cc; }
 
#footer .hallbarhetsklivet.lazyloaded {height: 34px; margin: 0 10px 20px 0;}


/* Mobile CSS */
@media all and (max-width: 2560px)  {


}



@media all and (max-width: 1920px)  {

}



@media all and (max-width: 1300px)  {

#header ul#menu-main li a {font-size: 14px; padding: 5px 8px; }


}



@media all and (max-width: 1200px)  {

#content .homeemtyboxfortytwo {height: 72px!important; }

}

@media all and (max-width: 1157px)  {

#header ul#menu-main {margin-bottom: 20px;   margin-top: 12px;  }
}


@media all and (max-width: 991px)  {
#content .homeemtyboxfortytwo {height: 42px!important; }
}

@media all and (max-width: 767px)  {

body #CybotCookiebotDialogBodyButtons {max-width: 35%;}
body #CybotCookiebotDialogBodyContent {max-width: 60%;}

.kransar img {width: 75%;}

#header .widget_custom_html {display: none; }

.vc_row {margin-left: 0px !important; margin-right: 0px !important; }

.navbar-nav {margin: 0; }

.modal-content {position:relative; z-index:9999;}
.navbar-collapse {z-index:99;}
.navbar-collapse.in {overflow-y: unset;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color:transparent !important; padding-top:0; box-shadow:none; }

#header .navbar-collapse {padding-left:0; padding-right:0; }
.navbar-toggle {margin-top:0px; margin-bottom:10px; } /*<- change - */
.navbar-toggle.modalinfo {margin-left:15px;}
.navbar-default .navbar-toggle .glyphicon {color:#01a4cc; } /*<- change - */
.navbar-default .navbar-toggle .icon-bar {color:#fdb627; }

#header .icon-bar {background-color:#01a4cc; } /*<- change - */
#header .navbar-toggle:hover .icon-bar {background-color:#fff; }
#header .navbar-toggle:hover {background:#01a4cc; } /*<- change - */
#header .navbar-toggle:focus .icon-bar {background-color:#fff; }
#header .navbar-toggle:focus {background:#01a4cc; } /*<- change - */
#header .navbar-toggle:hover .glyphicon {color:#fff; }
#header .navbar-toggle:focus .glyphicon {color:#fff; }
#header .navbar-toggle:last-child {padding: 13px 10px; }

.navbar-default .navbar-toggle {border-color:#01a4cc; background:#fff; } /*<- change - */
h4.modal-title {color:#000; } /*<- change - */

.innerrow .vc_column-inner {padding-left:0 !important; padding-right:0 !important; }

#header .logoholder {float: none; text-align: center; }
#header .logoholder img {max-width: 100%; height: auto; }

#header ul#menu-main {float: left; margin: 0; width:100%; }
#header ul#menu-main li a {border-right: none; padding: 10px 15px; font-size: 16px; }

#content .homeemtybox {height: 0 !important; }

.vc_row.vc_row-o-full-height {
    min-height: auto!important;
}

#imgrow .vc_col-sm-4 { width: 33%; display: inline-block; }
.vc_media_grid .vc_grid.vc_row .vc_grid-item.vc_visible-item {width:50%; float:left; }
.vc_masonry_media_grid .vc_grid.vc_row .vc_grid-item.vc_visible-item {width: 50%; display: inline-block!important; }
#salonger .hide-on-mobile {display: none;}

#footer {text-align: center; }
#footer ul {padding-left:0;  list-style-type: none; }

#footer .fab {margin: 0 10px 20px 10px; }

}

