/******** Overrides **********/
.bottom-bar.menu-active {
	position: fixed;
    top: 0px;
    width: 100%;
}

.logo-holder {
	margin-top: 25px;
	height: 56px;
}

.offer-logo {
	margin: 0 auto;
}

.post .wrap-text {
	position: relative;
}

.post .text-holder {
	/*padding: 22px 40px 80px;*/
	padding: 0px 40px 58px;
}

.button-holder {
	position: absolute;
    left: 25%;
    bottom: 20px;
}

.info-area .slider-wrap .post .btn { 
	min-width: 140px;
    padding: 11px 10px;
}

.wrap-container.menu-active {
	position: absolute;
    width: 100%;
    padding-bottom: 16px;
    background: white;
}

#main-nav.menu-active {
	padding-top: 52px;
	left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    overflow: visible;
}

.nav-holder.menu-active {
	position: absolute;
    width: 100%;
    overflow: scroll;
    height: calc(100vh - 78px);
}

.text-area .info-list.list-right li:after{
	right: 8px;
	left: auto;
}


.first-circle-image {
	background: url("../img/Man-vid-fonster.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.secound-circle-image {
	background: url("../lib/img/Kvinna-i-sacco.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}


.third-circle-image {
	background: url("../img/London-skyline.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.post .title {
	word-break: break-word;
}


.banner-area .text-holder {
	max-width: 810px;
	margin-left: 25px;
}



/******************** TAKE OVER ***********************/

.takeover {
	z-index: 9999;
  	position: fixed;
  	left: 50%;
  	top: 50%;
	display: none;
	transform: translate(-50%, -50%); 
}

.takeoverContent {
	position: relative;
}

.takeoverContent > .picture {
	display: block;
}

.takeover_shade {
  	z-index: 999;
 	width: 100%;
  	height: 100%;
  	background-color: #e5f2ff;
  	filter: alpha(opacity=90);
  	-moz-opacity: 0.90;
  	-webkit-opacity: 0.90;
  	opacity: 0.90;
  	display: none;
  	position: fixed;
  	left: 0;
  	top: 0;
}

.picture img {
	max-width: none;
}

.takeover_close {
	position: absolute;
	right: -10px;
	top: -10px;
}

@media (min-width: 1025px) {
	
}

@media (max-width: 1024px)
{
	.chat {
		height: 32px;
		margin-right: 3px;
	}

	.blockquote-area {
    	padding: 63px 0 108px;
	}

	.banner-area .text-holder {
		max-width: 740px;
		margin-left: 0;
	}

	.banner-area .text-holder {
    	padding: 65px 75px;
	}
}


@media (min-width: 821px) {

	.chat {
		height: 32px;
		margin-right: 3px;
	}

	.banner-area .detail-box {
    	flex-shrink: 0;
    	width: 80.7%;
	}

	.text-area {
	    padding: 45px 0 73px;
	}

	.info-area.style {
    	padding: 120px 0 159px;
	}

	.blockquote-area {
	    padding: 60px 0;
	}

	.accordion-area {
    	padding: 92px 0;
	}

	.logos-area {
    	padding: 111px 0;
	}

	.banner-area .detail-box {
		width: 100%;
	}

	.text-area .info-list li {
		margin: 0 0 4px;
	}

	.text-area .info-list li:last-of-type {
		margin: 0 0 28px;
	}

	.text-area .info-list.list-right{
		text-align: right;
	}

	.text-area .info-list.list-right li{
		padding: 0 26px 0 0;
	}

	.text-area .info-list.list-right li:after{
		right: 0;
		left: auto;
	}

	.text-area .img-holder img  {
		max-width: auto;
		width: 200px;
		height: 148px;
		display: block;
	}

	.text-area .img-holder  {
		margin: 0 auto;
	}

}

@media screen and (max-width: 600px) {
	h2 {
		font-size: 29px;
		line-height: 35px;
		margin-bottom: 15px;
	}

	.banner-area .text-holder {
   		padding: 23px 15px 30px;
	}

	.chat {
		height: 30px;
		margin-right: 0;
	}
}

@media screen and (max-width: 420px) {
    .bg-stretch img {
        height: 250px!important;
        margin-left: -140px !important;
	}
	
	.picture img {
		max-width: 320px;
	}

	.button-holder {
		position: absolute;
		left: 19%;
		bottom: 20px;
	}
	.info-area .slides-block {
		margin: 0 0 20px!important;
		position: relative;
	}
	.button-holder {
	position: absolute;
    left: 20%;
    bottom: 20px;
}
 }