@charset "utf-8";

.container-fluid.wider{
    max-width:1140px;
}
iframe{
    max-width: 100%;
}
header.page-head {
    z-index: 999999;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #FFF;
}
ul.menu{
    padding:0;
    display:flex;
    width:100%;
    margin-bottom:20px;
        transition: all 500ms ease;
}
iframe{
    border:0;
}
ul.menu li{
    border-left:1px solid rgba(0,0,0,0.1);
    color:#033958;
    text-transform: uppercase;
    font-weight: 700;
    padding:10px;
    flex: auto;
    list-style: none;
}
ul.menu li:first-child{
    border:0
}
svg.logo {
    position: absolute;
    top: 0;
    z-index: 99;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0px 2px 1px rgba(0,0,0,0.3);
    border-radius: 100%;
    transition: all 500ms ease;
    height:160px;
}
svg.logo:hover{
    transform:translate(-50%) scale(1.05);
}
header.scrolled svg.logo{
    top:-15px;
    box-shadow:inherit;
}
.relative{
    position: relative
}
.pt60{
    padding-top:60px;
        transition: all 500ms ease;
}
header.scrolled .pt60{
    padding-top:10px
}
header.scrolled .menu{
    margin-bottom:10px
}
header path, header polygon{
    transition: all 500ms ease
}
header.scrolled path, header.scrolled polygon{
    opacity:0;
}
header.scrolled .m-symbol{
    opacity:1;
}
header svg{
    transition: all 500ms ease;
}
header.scrolled svg {
    height: 100px;
}
header.scrolled .cls-1{
    fill:none;
}
.banner{
    height:calc(100vh - 60px);
    background:rgba(0,0,0,0.3);
    background-position: center;
    background-size: cover;
    color:#FFF;
    position: relative;
    overflow:hidden;
}
.banner h1{
    color:#FFF
}
.banner.dark h1{
    color:#4a4a4a
}
.banner.dark .btn-white-outline{
    color:#4a4a4a;
    border-color:#4a4a4a;
}
.banner.dark .btn-white-outline:hover{
    color:#FFF;
    border-color:#4a4a4a;
    background-color:#4a4a4a
}
#bgvid {
    position: absolute;
    top: calc(50% - 60px);
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-40%);
    -moz-transform: translateX(-50%) translateY(-40%);
    -webkit-transform: translateX(-50%) translateY(-40%);
    transform: translateX(-50%) translateY(-40%);
    /* background: url(https://www.mittnorge.no/assets/css/polina.jpg) no-repeat; */
    background-size: cover;
}
.pos-center{
    position: relative;
    top:50%;
    transform:translateY(-50%)
}
.offset-bottom-30{
    margin-bottom:30px
}
.box-member-caption {
    background-color: rgba(3, 57, 88, 0.2);
    color:#FFF
}
.box-member-caption i{
    color:#db383c
}
.box-member-description {
    font-size: 10px;
}
.box-member-type-2 .box-member-wrap .box-member-caption-wrap{
    left:20px
}
.bg-red-grad{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#db383c+0,db383c+25,8f8f8f+25,8f8f8f+100 */
background: rgb(219,56,60); /* Old browsers */
background: -moz-linear-gradient(left, rgba(219,56,60,1) 0%, rgba(219,56,60,1) 50px, rgba(143,143,143,1) 50px, rgba(143,143,143,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(219,56,60,1) 0%,rgba(219,56,60,1) 50px,rgba(143,143,143,1) 50px,rgba(143,143,143,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(219,56,60,1) 0%,rgba(219,56,60,1) 50px,rgba(143,143,143,1) 50px,rgba(143,143,143,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db383c', endColorstr='#8f8f8f',GradientType=1 ); /* IE6-9 */
}
span.round-circle {
    width: 40px;
    height: 40px;
    
    border-radius: 100%;
    position: relative;
    margin-right:20px;
    background:#c7c7c7;
    cursor:pointer;
    transition: all 500ms ease;
}
span.round-circle.red{
    background:#db383c
}
span.round-circle:hover{
    background: #8f8f8f;
}
span.round-circle i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color:#FFF
}
.post-content img.img-rounded {
    position: absolute;
    right: 20px;
    top: -30px;
    border-radius: 100%;
    border: 3px solid #FFF;
    width: 85px;
    height: 85px;
}
.post-content{
    position: relative;
}
.post-content ul.list {
    max-width: calc(100% - 85px);
    font-size: .8em;
}
.swiper-container{
    height:100%
}
.swiper-slide{
    background-size: cover;
    background-position: center;
}
.swiper-content{
    position: absolute;
    padding:40px 0;
    background-color:#0772ba;
    color:#FFF;
    bottom:0;
    right:0;   
    left:0
}
.swiper-button-prev, .swiper-button-next{
    background:none;
    top:auto;
    bottom:40px;
}
.swiper-button-prev:after, .swiper-button-next:after{
    font-family: FontAWesome;
    color:#FFF;
    font-size:40px;
}
.swiper-button-prev:after{
    content:"\f053"
}
.swiper-button-next:after{
    content:"\f054"
}
.date-block{
    background:#e6f1f8;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    padding:20px;
    color:#393a3c
}
.date-small{
    
}
.date-big{
    font-size:50px
}
.date-block span{
    display:block;
}
table.cal td{
    padding:5px
}
.currency{
    font-size:12px;
    color:#db383c;
    font-weight: 700;
}
.price{
    color:#db383c;
    font-size:28px;
    font-weight: 700;
}
.fellow{
    margin-bottom:30px;
}
.border-rad-100{
    border-radius: 100%;
}
.mobile-menu{
    display:none;
}

.split-p-2-col {
    column-count: 2;
}

.split-p-2-col p:first-of-type{
    font-weight:bold;
}

@media screen and (max-width:991px){
    .split-p-2-col {
        column-count: initial;
    }
    ul.menu{
        display:none
    }
    .pt60{
        padding:0
    }
    header.page-head [class*="cell-"]{
        margin:0;
    }
    svg.logo{
        top:20px;
        height:130px;
        
    }
    .logo-container{
        flex: 0 0 130px!important;
        background:rgba(7,114,185,.5);
    }
    header.page-head{
        background:transparent;
    }
    header.page-head.scrolled{
        background:#FFF;
    }
    .mobile-menu{
        padding:20px;
        font-size: 40px;
        display: block;
        color:#FFF;
    }
    header.scrolled .mobile-menu{
        color:#033958;
    }
    header.scrolled .mobile-menu{
        padding:0 20px;
    }
    header.scrolled .logo-container{
        background:transparent;
        position: static;
    }
    header.scrolled svg{
        left:auto;
        right:0;
        transform:none;
    }

}
@media screen and (max-width:400px){
    svg.logo {
        top: 20px;
        height: 90px;
    }
    .logo-container {
        flex: 0 0 75px!important;
    }
    header.page-head .range{
        justify-content: space-around;
    }
}

.open .fa:before {
    content: "\f00d";
}
.mobile-menu-fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(7,123,189,.9);
    z-index: -1;
}
.mobile-menu-fixed ul {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding:0;
}
.mobile-menu-fixed li {
    display: block;
    text-align: center;
    color:#FFF;
    font-weight: 700;
}
.error{
    color:#db383c;
}
.loading-screen{
    background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
    background: radial-gradient(ellipse at center, rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
}
.cp-spinner {
    width: 48px;
    height: 48px;
    display: inline-block;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.cp-round:before {
    border-radius: 50%;
    content: " ";
    width: 48px;
    height: 48px;
    display: inline-block;
    box-sizing: border-box;
    border-top: solid 6px #033958;
    border-right: solid 6px #033958;
    border-bottom: solid 6px #033958;
    border-left: solid 6px #033958;
    position: absolute;
    top: 0;
    left: 0;
}
.cp-round:after {
    border-radius: 50%;
    content: " ";
    width: 48px;
    height: 48px;
    display: inline-block;
    box-sizing: border-box;
    border-top: solid 6px #db383c;
    border-right: solid 6px transparent;
    border-bottom: solid 6px transparent;
    border-left: solid 6px transparent;
    position: absolute;
    top: 0;
    left: 0;
    animation: cp-round-animate 1s ease-in-out infinite;
}
@keyframes cp-round-animate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
@media screen and (max-width:480px){
    header .range > .cell-xs-5 {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis:25%;
        max-width:25%;
    }
    .mobile-menu-fixed li {
        font-size:28px;
    }
    header .range {
        justify-content: center;
    }
}

.rd-parallax-layer[data-type="media"]{
    opacity:.5;
}
button.mixbutton {
    border: 0;
    background: 0;
}
button.mixbutton.mixitup-control-active {
    color: #db383c;
}
article.post.post-masonry {
    height: 100%;
}
.profile {
    padding: 20px 60px;
}
.btn-tag {
    border: 0;
}
.btn-default.mixitup-control-active {
    color: #fff;
    background-color: #db383c;
    border-color: #db383c;
}
.profile-image{
    position:relative;
}
.profile-image:hover img {
    filter: grayscale(100%);
}
.profile-image img {
    transition: all 500ms ease;
}
.profile-image a {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,100%);
    transition: all 500ms ease;
    opacity: 0;
}
.profile-image:hover a {
    transform: translate(-50%,-50%);
    opacity: 1;
}
#map{
    height:100%;
    width:100%;
}
.article img {
    max-width: 100%;
    height: auto;
}
.swiper-bg {
    background-position:center;
    background-size:cover;
}

@media screen and (max-width: 767px){
    .section-image-aside-img {
        display: block !important;
        position: static;
        margin: 3em 0 0 !important;
        width: 100%;
        height: auto;
        min-height:60vw;
        left: auto;
        right: auto;
        top: auto;
        bottom: auto;
    }
    .swiper-bg {
        height: 60vw;
    }
    .swiper-content {
        padding: 1em;
        position:relative;
    }
    address.contact-info.text-left {
        display: inline-block;
    }
  
}
.bg-overlay-teal-blue-25{
    background:rgba(3, 57, 88, 0.1);
}
.image-block a{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    display:block;
    
}
.customer-swiper .image-block{
    background:transparent;
    padding:0;
}
.customer-swiper .image-block a{
    top: auto;
    transform:none;
}
.customer-pagination{
    display:block!important;
    position:relative;
    width:100%;
    pointer-events:none;
}
.customer-pagination .swiper-pagination-bullet{
    background: #db383c;
    display: inline-block;
    pointer-events:all;
}
.image-block img {
    width: 100%;
    max-width: 170px;
    margin: 0 auto;
}
.image-block {
    padding: 20px;
    background: #FFF;
    position: relative;
    height: 100%;
}
.specials {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex: 0 1 auto;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.rte a {
    color: #db383c;
}
.specc{
    margin-bottom:30px!important;
}
.customer-swiper .swiper-wrapper{
    align-items:center
}
.customer-swiper .swiper-slide {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .customer-swiper .image-block img {
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 140px;
        transition:all 500ms ease;
        filter: grayscale(100%);
    }
    .customer-swiper .image-block img:hover {
        filter: grayscale(0%);
    }
    @media (max-width: 767px) {
        .customer-swiper .image-block img {
            max-height: 110px;
        }
    }
    
li.flags img {
    width:20px;
    vertical-align:top;
}
li.flags{
    flex:0 0 auto!important;
    border:0!important;
    position: relative;
}
li.flags:hover ul{
    display:block;
}
li.flags ul{
    display: none;
    padding: 0;
    position: absolute;
    top: 100%;
    background-color: #033958;
    right:15px;
}
li.flags ul li{
    
}
li.flags ul a{
    white-space:nowrap;
    color:white;
}

.text-section {
    padding: 10rem;
}