@font-face {
    font-family: 'Blanch Caps';
    src: url('../fonts/blanch_caps-webfont.eot');
    src: url('../fonts/blanch_caps-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/blanch_caps-webfont.woff2') format('woff2'),
         url('../fonts/blanch_caps-webfont.woff') format('woff'),
         url('../fonts/blanch_caps-webfont.ttf') format('truetype'),
         url('../fonts/blanch_caps-webfont.svg#blanchcaps') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Blanch Condensed';
    src: url('../fonts/blanch_condensed-webfont.eot');
    src: url('../fonts/blanch_condensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/blanch_condensed-webfont.woff2') format('woff2'),
         url('../fonts/blanch_condensed-webfont.woff') format('woff'),
         url('../fonts/blanch_condensed-webfont.ttf') format('truetype'),
         url('../fonts/blanch_condensed-webfont.svg#blanchcondensed') format('svg');
    font-weight: normal;
    font-style: normal;
}


body {
	background: #fff;
    padding: 30px;
    overflow-x: hidden;
}

.container-full {
    width: 100%;
    padding: 0px 80px;
    box-sizing: border-box;
}

body.menu-fixed {
    padding-top: calc(30px + 86px);
}

.hidden {
    display: none !important;
}

nav {
    position: relative;
    margin-bottom: 15px;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}
    nav .logo, nav .menu {
        display: inline-block;
        vertical-align: middle;
    }
    nav .logo {
        position: relative;
        margin: 0px;
    }
        nav .logo:after {
            content: '';
            position: absolute;
            top: -10px;
            right: -35px;
            width: 1px;
            height: 68px;
            background: #FFF;
        }
        nav .logo a {
            display: block;
        }
            nav .logo a img {
                width: 135px;
                height: 55px;
            }
            nav .logo a img.only-for-fixed {
                display: none;
                width: 118px;
                height: 48px;
            }
    nav .menu {
        position: absolute;
        right: 66px;
        margin-left: 0px; 
        padding: 0px;
        list-style: none;
        margin-right: 30px;
    }
        nav .menu > li {
            display: inline-block;
            font-size: 0px;
            margin: 0px 15px;
        }
        nav .menu > li:first-child {
            margin-left: 0px;
        }
        nav .menu > li:last-child {
            margin-right: 0px;
        }
            nav .menu > li a {
                position: relative;
                font-family: 'Blanch Caps', sans-serif;
                color: #2e303d;
                font-size: 28px;
                text-decoration: none;
            }
        nav .menu > li a::after {
            content: '';
            position: absolute;
            background: #2e303d;
            display: block;
            width: 100%;
            height: 0px;
            top: 47px;
            -webkit-transition: .2s ease-in-out;
            -moz-transition: .2s ease-in-out;
            -o-transition: .2s ease-in-out;
            transition: .2s ease-in-out;
        }
        nav .menu > li a:hover::after, nav .menu > li.active a::after {
            height: 3px;
            top: 43px;
        }

/* WHEN NAV IS FIXED */
nav.fixed {
    position: fixed;
    z-index: 999;
    top: 30px;
    width: calc(100% - 80px);
    background: #1c2b36;
    padding: 10px 10px;
}
    nav.fixed:before {
        content: '';
        background: #fff;
        width: 100%;
        height: 30px;
        position: absolute;
        top: -30px;
        left: 0px;
    }
nav.pre-fixed {
    position: fixed;
    z-index: 999;
    top: -200px;
    width: calc(100% - 80px);
    background: #1c2b36;
    padding: 19px;
}
    nav.fixed .logo:after {
        background: #47535c;
    }
        nav.fixed .logo a img {
            display: none;
        }
        nav.fixed .logo a img.only-for-fixed {
            display: block;
        }
    nav.fixed .menu {
        margin-right: 30px;
        top: 4px;
    }
        nav.fixed .menu > li a {
            color: #fff;
        }
        nav.fixed .menu > li a::after {
            content: '';
            position: absolute;
            background: #fff;
            display: block;
            width: 100%;
            height: 0px;
            top: 47px;
            -webkit-transition: .2s ease-in-out;
            -moz-transition: .2s ease-in-out;
            -o-transition: .2s ease-in-out;
            transition: .2s ease-in-out;
        }
        nav.fixed .menu > li a:hover::after, nav.fixed .menu > li.active a::after {
            height: 3px;
            top: 45px;
        }
    
    nav #languageSelect {
        position: absolute;
        text-align: left;
        right: 0px;
        top: 0px;
    }
        nav #currentLanguage {
            line-height: 58px;
            color: #7b879c;
            padding: 0px 20px;
            font-family: 'Blanch Caps', sans-serif;
            font-size: 28px;
            cursor: pointer;
            border-left: 1px solid rgba(255,255,255,0.2);
        }
        nav.fixed #currentLanguage {
            line-height: 68px;
        }
            nav #currentLanguage:after {
                content: "";
                position: relative;
                display: inline-block;
                width: 0; 
	            height: 0; 
                border-left: 3px solid transparent;
                border-right: 3px solid transparent;
                border-top: 7px solid #7b879c;
                margin-left: 5px;
            }
                nav #languageSelect.active #currentLanguage{
                    background: #fff;
                    color: #1c2b36;
                    border-left: 1px solid #cccfd5;
                    border-right: 1px solid #cccfd5;
                    border-top: 1px solid #cccfd5;
                }
                    nav #languageSelect.active #currentLanguage:after{
                        border-top: 7px solid #1c2b36;
                    }

    nav #languageSelect ul{
        display: none;
        margin: 0px;
        padding: 0px;
    }
    nav #languageSelect.active ul{
        display: block;
        position: absolute;
        right: 0px;
        top: 58px;
        z-index: 100;
        background: #fff;
        border-left: 1px solid #cccfd5;
        border-right: 1px solid #cccfd5;
        border-top: 1px solid #cccfd5;
    }
    nav.fixed #languageSelect.active ul{
        top: 68px;
    }
        nav #languageSelect ul li{
            list-style-type: none;
        }
        nav #languageSelect ul li a{
            padding: 15px 20px;
            display: block;
            font-family: 'Blanch Caps', sans-serif;
	        font-size: 28px;
            text-decoration: none;
            color: #7b879c;
            border-bottom: 1px solid #cccfd5;
        }
            nav #languageSelect ul li.activeLanguage a{
                color: #1c2b36;
            }

/* Header */
.header {
	position: relative;
	margin: 0 auto;
	height: calc(100vh - 140px);
	width: 100%;
    z-index: 1;
}

.bg-img {
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.bg-img img {
	position: absolute;
	top: 0;
	display: block;
	min-width: 101%;
	min-height: 100%;
    left: -50%;
    right: -50%;
    bottom: 0;
    margin: auto;
}

.title {
	z-index: 1000;
	margin: 0 auto;
	padding: 0 1.25em;
	width: calc( 100% - 40px );
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}

/* Trigger Button */
button.trigger {
    position: relative;
    opacity: 1;
	display: block;
	border: none;
	background: transparent;
	color: transparent;
	font-size: 2em;
    width: 50px;
    height: 40px;
	cursor: pointer;
    top: -18px;
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	-webkit-transition-delay: .5s;
	transition-delay: .5s;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}
button.trigger > img {
    width: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.container:not(.notrans) button.trigger {
	-webkit-transition: opacity 0.3s 0.5s;
	transition: opacity 0.3s 0.5s;
}

.container.modify:not(.notrans) button.trigger {
	opacity: 0;
    visibility: hidden;
	pointer-events: none;
}

button.trigger::before {
    content: attr(data-info);
    position: absolute;
    left: 55px;
    width: 300%;
    color: #fff;
    font-family: 'Abel', sans-serif;
    line-height: 36px;
    font-size: 18px;
    text-align: left;
}

button.trigger:focus {
	outline: none;
}

/* -------------------------- */
/* Side */
/* -------------------------- */

.intro-effect-side:not(.notrans) .bg-img::before,
.intro-effect-side:not(.notrans) .title {
	-webkit-transition-property: -webkit-transform;
	transition-property: transform;
}

.intro-effect-side:not(.notrans) .bg-img::after {
	-webkit-transition-property: top, left, bottom, right, background-color;
	transition-property: top, left, bottom, right, background-color;
}

.intro-effect-side:not(.notrans) .header p {
	-webkit-transition-property: -webkit-transform, opacity;
	transition-property: transform, opacity;
}

.intro-effect-side:not(.notrans) .content > div {
	-webkit-transition-property: opacity;
	transition-property: opacity;
}

.intro-effect-side:not(.notrans) .bg-img::before,
.intro-effect-side:not(.notrans) .bg-img::after,
.intro-effect-side:not(.notrans) .title,
.intro-effect-side:not(.notrans) .header p,
.intro-effect-side:not(.notrans) .content > div {
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.intro-effect-side .codrops-top a {
	color: #7b8d92;
}

.intro-effect-side .bg-img::before,
.intro-effect-side .bg-img::after {
	content: '';
	position: absolute;
	z-index: 100;
}

.intro-effect-side .bg-img::before {
	background: #fff;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: translateX(1000%);
	transform: translateX(1000%);
}


.intro-effect-side.modify .bg-img::before {
	-webkit-transform: translateX(40%) ;
	transform: translateX(40%) ;
}

.intro-effect-side .bg-img::after {
	border: 80px solid #fff;
	top: -80px;
	right: -80px;
	bottom: -80px;
	left: -80px;
	background-color: rgba(53,56,62,0.25);
}

.intro-effect-side.modify .bg-img::after {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(255,255,255,0);
}

.intro-effect-side .codrops-demos a {
	color: #43939d;
}

.intro-effect-side .codrops-demos a.current-demo {
	border-bottom: 3px solid #43939d;
}

.intro-effect-side .title {
	left: 0;
	padding: 0 3em 0 2em;
	width: 52%;
	-webkit-transform: translateX(7%) translateY(-50%);
	transform: translateX(7%) translateY(-50%);
}

.intro-effect-side.modify .title {
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transform: translateX(70%) translateY(-54%);
	transform: translateX(70%) translateY(-54%);
}

.intro-effect-side .header h1 {
    position: relative;
	margin: 0 auto;
    padding: 0 0 0.2em;
	font-family: 'Blanch Condensed', sans-serif;
	font-weight: normal;
    letter-spacing: 3px;
    font-size: 130px;
    line-height: 130px;
    text-align: left;
	color: #fff;
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.intro-effect-side.modify .header h1, .intro-effect-side.modify .header h1 span {
	color: #363e4c;
}
.intro-effect-side.modify .header h1 {
    padding: 0 14%;
}
.intro-effect-side .header h1 span {
	font-family: 'Blanch Condensed', sans-serif;
    font-size: 25px;
	color: #fff;
    display: block;
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
    line-height: 15px;
}

.intro-effect-side .header p {
    position: relative;
    font-family: 'Abel', sans-serif;
	color: #5a5a63;
	font-weight: normal;
	font-size: 19px;
    margin: 0px 0px 0px 50px;
    padding: 0 14%;
    line-height: 32px;
	opacity: 0;
	-webkit-transform: translateY(100px);
	transform: translateY(100px);
}
.intro-effect-side .header p:before {
    content: '';
    position: absolute;
    display: block;
    background: #8b8a98;
    height: 1px;
    width: 28px;
    top: 13px;
    left: 10%;
}

.intro-effect-side.modify .header p {
	opacity: 1;
	-webkit-transform: translateX(0) translateY(-30px);
	transform: translateX(0) translateY(-30px);
}

.intro-effect-side .content > div {
	margin-top: 0px;
	opacity: 0;
}

.intro-effect-side.modify .content > div {
	opacity: 1;
}

.intro-effect-side button.trigger span::before,
.intro-effect-side button.trigger::before {
/*	color: #516165;*/
}

/* Delays */
.intro-effect-side:not(.notrans) .title,
.intro-effect-side:not(.notrans) .bg-img::before,
.intro-effect-side:not(.notrans) .bg-img::after {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.intro-effect-side.modify:not(.notrans) .title,
.intro-effect-side.modify:not(.notrans) .bg-img::before,
.intro-effect-side.modify:not(.notrans) .bg-img::after {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

.intro-effect-side.modify:not(.notrans) .header p:nth-last-child(2) {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

.intro-effect-side.modify:not(.notrans) .header p:last-child {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

.intro-effect-side.modify:not(.notrans) .content > div {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

/* -------------------------- */
/* Side Fixed */
/* -------------------------- */
.intro-effect-sidefixed:not(.notrans) .bg-img::before {
	-webkit-transition-property: background-color;
	transition-property: background-color;
}

.intro-effect-sidefixed:not(.notrans) .bg-img::after {
	-webkit-transition-property: -webkit-transform;
	transition-property: transform;
}

.intro-effect-sidefixed:not(.notrans) .title p {
	-webkit-transition-property: opacity;
	transition-property: opacity;
}

.intro-effect-sidefixed:not(.notrans) .content > div {
	-webkit-transition-property: -webkit-transform, opacity;
	transition-property: transform, opacity;
}

.intro-effect-sidefixed:not(.notrans) .bg-img::before,
.intro-effect-sidefixed:not(.notrans) .bg-img::after,
.intro-effect-sidefixed:not(.notrans) .title p,
.intro-effect-sidefixed:not(.notrans) .content > div {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.intro-effect-sidefixed .header {
	position: absolute;
}

.intro-effect-sidefixed .bg-img {
	position: fixed;
}

.intro-effect-sidefixed .bg-img img {
	left: auto;
	right: 0;
}

.intro-effect-sidefixed .bg-img::before,
.intro-effect-sidefixed .bg-img::after {
	content: '';
	position: absolute;
	z-index: 100;
}

.intro-effect-sidefixed .bg-img::after {
	background: #f8ebda;
	top: 0;
	right: 0;
	width: 60%;
	height: 100%;
	-webkit-transform: translateX(100%) translateZ(0);
	transform: translateX(100%) translateZ(0);
}

.intro-effect-sidefixed.modify .bg-img::after {
	-webkit-transform: translateX(0) translateZ(0);
	transform: translateX(0) translateZ(0);
}

.intro-effect-sidefixed .bg-img::before {
	width: 100%;
	height: 100%;
	background-color: rgba(247,214,169,0.1);
}

.intro-effect-sidefixed.modify .bg-img::before {
	background-color: rgba(247,214,169,0.4);
}

.intro-effect-sidefixed .codrops-demos a {
	color: #f68f6c;
}

.intro-effect-sidefixed .title {
	position: relative;
	top: auto;
	left: auto;
	text-align: left;
	-webkit-transform: translateY(200px) translateZ(0);
	transform: translateY(200px) translateZ(0);
}

.intro-effect-sidefixed.modify .title {
	-webkit-transform: translateY(0) translateZ(0);
	transform: translateY(0) translateZ(0);
}

.intro-effect-sidefixed .title h1 {
	font-weight: 700;
	padding: 0 0 0.5em 0;
	color: #000;
}

.intro-effect-sidefixed .title p {
	opacity: 0;
	color: #585a66;
}

.intro-effect-sidefixed.modify .title p {
	opacity: 1;
}

.intro-effect-sidefixed .content {
	width: 60%;
	margin-left: 40%;
	padding: 0 2.5em;
}

.intro-effect-sidefixed .content div {
	position: relative;
	margin: 70px 0;
	color: #77726b;
}

.intro-effect-sidefixed .content div:nth-child(2) {
	opacity: 0;
	-webkit-transform: translateY(200px) translateZ(0);
	transform: translateY(200px) translateZ(0);
}

.intro-effect-sidefixed.modify .content div:nth-child(2) {
	opacity: 1;
	-webkit-transform: translateY(0) translateZ(0);
	transform: translateY(0) translateZ(0);
}


/* Delays */
.intro-effect-sidefixed:not(.notrans) .title,
.intro-effect-sidefixed:not(.notrans) .bg-img::before,
.intro-effect-sidefixed:not(.notrans) .bg-img::after {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.intro-effect-sidefixed.modify:not(.notrans) .title,
.intro-effect-sidefixed.modify:not(.notrans) .bg-img::before,
.intro-effect-sidefixed.modify:not(.notrans) .bg-img::after {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

.intro-effect-sidefixed.modify:not(.notrans) .content div:nth-child(2) {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

/* -------------------------- */
/* Faded gradient */
/* -------------------------- */

.intro-effect-fadeout:not(.notrans) .bg-img {
	-webkit-transition-property: -webkit-transform;
	transition-property: transform;
}

.intro-effect-fadeout:not(.notrans) .bg-img::after {
	-webkit-transition-property: opacity;
	transition-property: opacity;
}

.intro-effect-fadeout:not(.notrans) .header h1 {
	-webkit-transition-property: color;
	transition-property: color;
}

.intro-effect-fadeout:not(.notrans) .header p,
.intro-effect-fadeout:not(.notrans) .content > div {
	-webkit-transition-property: -webkit-transform, opacity;
	transition-property: transform, opacity;
}

.intro-effect-fadeout:not(.notrans) .bg-img,
.intro-effect-fadeout:not(.notrans) .bg-img::after,
.intro-effect-fadeout:not(.notrans) .header h1,
.intro-effect-fadeout:not(.notrans) .header p,
.intro-effect-fadeout:not(.notrans) .content > div {
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.intro-effect-fadeout {
	overflow: hidden;
}

.intro-effect-fadeout.modify .bg-img {
	-webkit-transform: translateY(-25%) translateZ(0);
	transform: translateY(-25%) translateZ(0);
}

.intro-effect-fadeout .bg-img::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 101%;
	top: 0;
	left: 0;
	opacity: 0;
	pointer-events: none;
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    z-index: 1;
}

.intro-effect-fadeout.modify .bg-img::after {
	opacity: 1;
}

.intro-effect-fadeout .title {
	text-align: left;
	max-width: 665px;
    top: 200px;
    left: 0px;
    position: relative;
}

.intro-effect-fadeout.modify .header h1,
.intro-effect-fadeout .header p {
	color: #514753;
}

.intro-effect-fadeout .header h1 {
    position: relative;
	margin: 0 auto 25px;
	font-family: 'Blanch Condensed', sans-serif;
	font-weight: normal;
    font-size: 144px;
    line-height: 130px;
    text-align: left;
	color: #fff;
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.header h1 span{
    letter-spacing: 3px;
}

.intro-effect-fadeout.modify .header h1, .intro-effect-fadeout.modify .header h1 span {
	color: #363e4c;
}
.intro-effect-fadeout .header h1 span {
	font-family: 'Blanch Condensed', sans-serif;
    font-size: 36px;
    line-height: 40px;
	color: #fff;
    display: block;
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

.intro-effect-fadeout .header p {
    position: relative;
    font-family: 'Abel', sans-serif;
    color: #5a5a63;
    font-weight: normal;
    font-size: 19px;
    margin: -45px 0px 0px 50px;
    line-height: 32px;
    opacity: 0;
    visibility: hidden;
}
.intro-effect-fadeout .header p:before {
    content: '';
    position: absolute;
    display: block;
    background: #8b8a98;
    height: 1px;
    width: 28px;
    top: 16px;
    left: -43px;
}

.intro-effect-fadeout .header p {
	-webkit-transform: translateX(150px) translateZ(0);
	transform: translateX(150px) translateZ(0);
}

.intro-effect-fadeout .header p {
	-webkit-transform: translateX(-150px) translateZ(0);
	transform: translateX(-150px) translateZ(0);
}

.intro-effect-fadeout.modify .header p {
	opacity: 1;
    visibility: visible;
	-webkit-transform: translateX(0) translateZ(0);
	transform: translateX(0) translateZ(0);
}

.intro-effect-fadeout .content {
	z-index: 1000;
	position: relative;
}

.intro-effect-fadeout .content > div {
	opacity: 0;
	-webkit-transform: translateY(350px) translateZ(0);
	transform: translateY(350px) translateZ(0);
}

.intro-effect-fadeout.modify .content > div {
	opacity: 1;
	-webkit-transform: translateY(0) translateZ(0);
	transform: translateY(0) translateZ(0);
}

/*************
 * BOOTSTRAP *
 *************/

.btn {
    position: relative;
    display: inline-block;
    font-family: 'Blanch Condensed', sans-serif;
    font-weight: normal;
    color: #424a58;
    font-size: 30px;
    text-decoration: none;
    border: 1px solid #cccfd5;
    margin: 45px 0px 80px 10px;
    line-height: 70px;
    padding: 0px 80px;
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}
.btn.btn-large {
    padding: 0px 105px;
    line-height: 80px;
}
.btn:hover {
    border-color: #363e4c;
}

.fadeIn {
    position: relative;
    top: 100px;
    -webkit-transition: 1s ease;
    -moz-transition: 1s ease;
    -o-transition: 1s ease;
    transition: 1s ease;
}
    .fadeIn.slide {
        top: 0px;
        opacity: 1;
    }

/***********
 * CONTENT *
 ***********/

section.container, .more-blogs-link.container {
    width: 1273px;
    margin: 0 auto;
}

.image-section {
    margin-top: 80px;
}
.image-section, .image-section > img {
    position: relative;
    width: 100%;
}
    .image-section:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        display: block;
        border: 100px solid #fff;
        box-sizing: border-box;
        z-index: 1;
        -webkit-transition: .8s ease-in;
        -moz-transition: .8s ease-in;
        -o-transition: .8s ease-in;
        transition: .8s ease-in;
    }
    .image-section.full:before {
        border-width: 0px;
        visibility: hidden;
    }

.only-text {
    margin-top: 95px;
    padding: 0px 25%;
}
    .only-text header h2 {
	    font-family: 'Blanch Condensed', sans-serif;
        font-size: 144px;
        line-height: 130px;
        font-weight: normal;
        color: #363e4c;
        margin: 0px;
    }
    .only-text p.subline {
        position: relative;
        font-family: 'Abel', sans-serif;
        color: #5a5a63;
        font-size: 19px;
        margin: 30px 0px 0px 50px;
        line-height: 32px;
    }
        .only-text p.subline:before {
            content: '';
            position: absolute;
            display: block;
            background: #8b8a98;
            height: 1px;
            width: 28px;
            top: 13px;
            left: -50px;
        }
/*
        .only-text a:after {
            content: '';
            display: block;
            position: absolute;
            right: 62px;
            border-top: 4px solid transparent;
            border-bottom: 4px solid transparent;
            border-left: 7px solid #424a58;
            top: 30px;
        }
*/

.interview {
    position: relative;
    margin-top: 170px;
    width: 100%;
    min-height: 780px;
}
    .interview .image-binder {
        position: absolute;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
        .interview .image-binder img {
            min-width: 100%;
            min-height: 100%;
            position: absolute;
            top: 0;
            left: -50%;
            right: -50%;
            bottom: 0px;
            margin: auto;
        }
    .interview > article {
        position: relative;
        z-index: 10;
        width: 630px;
        margin-left: 150px;
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .interview > article> header h2 {
	    font-family: 'Blanch Condensed', sans-serif;
        font-weight: normal;
        font-size: 116px;
        line-height: 106px;
        color: #fff;
        margin: 0px;
    }
    .interview > article> header h3 {
	    font-family: 'Blanch Condensed', sans-serif;
        font-weight: normal;
        font-size: 36px;
        color: #fff;
        margin: 0px 0px 5px 0px;
    }
        .interview > article p.subline {
            position: relative;
            font-family: 'Abel', sans-serif;
            color: #fff;
            font-size: 18px;
            margin: 40px 0px 0px 50px;
            line-height: 26px;
            opacity: .8;
        }
            .interview > article p.subline:before {
                content: '';
                opacity: .8;
                position: absolute;
                display: block;
                background: #fff;
                height: 1px;
                width: 28px;
                top: 13px;
                left: -50px;
            }
        .interview > article p.author {
	        font-family: 'Blanch Condensed', sans-serif;
            color: #fff;
            font-size: 30px;
            margin: 20px 0px 0px 50px;
            line-height: 27px;
        }
        .interview > article p.function {
            font-family: 'Abel', sans-serif;
            color: #fff;
            font-size: 18px;
            margin: 5px 0px 0px 50px;
            line-height: 27px;
            opacity: .8;
        }
    .interview .image-author {
        position: absolute;
        bottom: -4px;
        right: 6%;
        width: 650px;
    }
    .interview .image-author > img {
        width: 100%;
    }

.blog-home {
    padding-top: 95px;
    padding-bottom: 100px;
    text-align: center;
}
    .blog-home .blog-title {
        position: relative;
        font-family: 'Blanch Condensed', sans-serif;
        color: #9ba3b0;
        font-size: 207px;
        font-weight: normal;
        text-align: left;
        margin: 0 0 -25px 115px;
        opacity: 0.25;
        line-height: 160px;
    }
        .blog-home .blog-title:before {
            content: '';
            display: block;
            width: 83px;
            height: 2px;
            background: #9ba3b0;
            top: 78px;
            position: absolute;
            left: -115px;
        }

    .blog-home > article {
        width: 334px;
        display: inline-block;
        margin: 0px 25px;
        vertical-align: top;
    }
        .blog-home > article .image {
            width: 100%;
            height: 371px;
            overflow: hidden;
            position: relative;
        }
        .blog-home > article .image a:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: url('../images/pattern.png');
            z-index: 1;
        }
            .blog-home > article .image img {
                position: absolute;
                top: 0;
                left: -50%;
                right: -50%;
                bottom: 0;
                margin: auto;
                height: 100%;
            }
        .blog-home > article .date {
            font-family: 'Blanch Condensed', sans-serif;
            font-size: 26px;
            text-align: left;
            color: #7b879c;
            opacity: 0.85;
            margin: 30px 0 15px 0px;
        }
        .blog-home > article header .blog-item-title {
            position: relative;
            font-family: 'Blanch Condensed', sans-serif;
            font-size: 44px;
            line-height: 44px;
            font-weight: normal;
            text-align: left;
            color: #363e4c;
            margin: 0;
            padding-left: 37px;
        }
        .blog-home > article header .blog-item-title:before {
            content: '';
            display: block;
            position: absolute;
            top: 20px;
            left: 0px;
            width: 19px;
            height: 1px;
            background: #211f3a;
            opacity: .5;
        }
        .blog-home > article header .blog-item-title a {
            font-family: 'Blanch Condensed', sans-serif;
            font-size: 44px;
            line-height: 44px;
            font-weight: normal;
            text-align: left;
            color: #363e4c;
            text-decoration: none;
        }
        .blog-home > article header .blog-item-title a:hover {
            text-decoration: none;
        }

/*************
 * Blog page *
 *************/

.blog-page .image {
    width: 450px;
    height: 0px;
    padding-bottom: 46%;
    position: relative;
    display: inline-block;
    overflow: hidden;
}
    .blog-page .image:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url('../images/pattern.png');
        z-index: 1;
    }
    .blog-page .image img{
        position: absolute;
        top: 0;
        display: block;
        min-width: 100%;
        width: auto;
        height: 100%;
        left: -50%;
        right: -50%;
        bottom: 0;
        margin: auto;

    }
.blog-page header h2{
    font-size: 100px;
    line-height: 0.9em;
}
    .blog-page h2 span {
        display: block;
	    font-family: 'Blanch Condensed', sans-serif;
        font-weight: normal;
        font-size: 28px;
        margin: 0px 0px 5px 0px;
        line-height: 1em;
    }

.blog-page header{
    width: calc(100% - 560px);
    display: inline-block;
    padding-top: 50px;
    padding-left: 100px;
    vertical-align: top;
}
.blog-page.only-text{
    padding: 75px 20px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
.blog-page a.btn{
    margin-bottom: 0px;
}

.blog-single-page .bg-img:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: url('../images/pattern_blog.png');
    z-index: 1;
}

/* Next and previous blog */
.blog-navigation{
    text-align: center;
    padding-top: 60px;
}
.blog-navigation > div{
    display: inline-block;
    width: 260px;
    text-align: center;
    line-height: 100px;
    cursor: pointer;
}
    .blog-navigation > div:hover{
        background: #f4f5f6 url('../images/pattern.png');
    }
.blog-navigation h3, .blog-navigation a {
    font-family: 'Blanch Condensed', sans-serif;
    font-weight: normal;
    font-size: 36px;
    margin: 0px;
    color: #363e4c;
    text-decoration: none;
}
.previous-blogitem h3:before{
    content: "";
    position: relative;
    display: inline-block;
    margin-right: 20px;
    width: 18px;
    height: 34px;
    background: url("../images/chevron-left.png")no-repeat center center scroll;
    vertical-align: middle;
}
.next-blogitem h3:after{
    content: "";
    position: relative;
    display: inline-block;
    margin-left: 20px;
    width: 18px;
    height: 34px;
    background: url("../images/chevron-right.png")no-repeat center center scroll;
    vertical-align: middle;
}

/* */
.more-blogs-link {
    text-align: center;
}
    .more-blogs-link a.btn {
        margin: 0;
    }

.blog-video {
    width: 1099px;
    height: 688px;
    margin: 100px auto 0;
    position: relative;
}
    .blog-video iframe {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        height: 100%;
        width: 100%;
    }

/* Team */
.team-page {
    text-align: center;
}
.team-member{
    width: 20%;
    position: relative;
    display: inline-block;
    margin: 50px 25px;
    vertical-align: top;
}
    .team-member img.member-image{
        width: 100%;
        margin: 0 auto;
        display: block;
    }
.team-member h3{
	font-family: 'Blanch Condensed', sans-serif;
	font-size: 45px;
	line-height: 1em;
	font-weight: normal;
	color: #363e4c;
    text-align: center;
    margin: 50px 0px 0px 0px;
}
.team-member p{
    font-family: 'Abel', sans-serif;
	font-size: 16px;
    line-height: 1.2em;
    color: #AAAAB3;
    text-align: center;
    margin: 0px;
}

/****************
 * Contact page *
 ****************/

section.contact-page {
    margin-top: 100px;
}
.contact-page .image {
    vertical-align: top;
    width: 49%;
}
    .contact-page .image img {
        width: 100%;
    }
.contact-page .image, .contact-page article {
    display: inline-block;
}
.contact-page article {
    vertical-align: top;
    width: 49%;
    margin-top: 60px;
    padding: 0 0 0 9%;
    box-sizing: border-box;
}

.contact-page a.phone, .contact-page a.mail {
    position: relative;
    display: inline-block;
    margin-top: 7px;
    padding-left: 50px;
    text-decoration: none;
    font-family: 'Blanch Condensed', sans-serif;
	font-weight: normal;
	color: #424a58;
	font-size: 30px;
}
a.phone:before, a.mail:before{
    content: "";
    position: absolute;
    width: 25px;
    height: 25px;
    display: block;
    left: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
}
    a.phone:before{
        background: url("../images/phone-icon.png")no-repeat left center scroll;
    }
    a.mail:before{
        background: url("../images/mail-icon.png")no-repeat left center scroll;
    }
.contact-page a.btn{
    margin-bottom: 0px;
    margin-left: 13%;
    padding: 0px 60px;
}

.contact-page a.phone {
    margin-top: 30px;
}

/**************
 * OWL SLIDER *
 **************/

.owl-carousel {
    max-width: 1099px;
    margin: 100px auto 0;
    position: relative;
}
    .owl-carousel .owl-wrapper-outer {
/*        z-index: 5;*/
    }
    .owl-carousel.image-section:before {
        width: 100%;
        height: 688px;
    }
        .owl-carousel .item {
            position: relative;
            display: block;
            height: 688px;
            overflow: hidden;
        }
        .owl-carousel .item img {
            display: block;
            width: 100%;
            height: auto;

        }
        .owl-carousel .owl-buttons {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            visibility: hidden;
        }
            .owl-carousel .owl-buttons > div {
                position: absolute;
                top: 47%;
                display: inline-block;
                width: 65px;
                height: 65px;
                background: url('../images/arrows.png') no-repeat;
                -webkit-border-radius: 99px;
                -moz-border-radius: 99px;
                border-radius: 99px;
                visibility: visible;
                opacity: 0;
                -webkit-transition: .5s ease-in;
                -moz-transition: .5s ease-in;
                -o-transition: .5s ease-in;
                transition: .5s ease-in;
            }
            .owl-carousel .owl-buttons.slide-in > div {
                opacity: 1;
            }
                .owl-carousel .owl-buttons > div.owl-prev {
                    left: 0;
                }
                .owl-carousel .owl-buttons > div.owl-next {
                    right: 0;
                    background-position: -69px 0px;
                }
                .owl-carousel .owl-buttons.slide-in > div.owl-prev {
                    left: -115px;
                }
                .owl-carousel .owl-buttons.slide-in > div.owl-next {
                    right: -115px;
                }
        .owl-carousel .owl-pagination {
            text-align: center;
            padding-top: 25px;
        }
            .owl-carousel .owl-pagination > div, .owl-carousel .owl-pagination > span {
                font-family: 'Abel', sans-serif;
                font-size: 19px;
                color: #393b4a;
                display: inline-block;
                vertical-align: top;
            }
            .owl-carousel .owl-pagination .owl-page {
                display: none;
            }
            .owl-carousel .owl-pagination .owl-page.active {
                display: inline-block;
            }

/**********
 * FOOTER *
 **********/

footer {
    margin-top: 130px;
    height: 82px;
    width: 100%;
    position: relative;
    background: #f4f5f6 url('../images/pattern.png');
}
    footer .copyright {
        font-family: 'Abel', sans-serif;
        font-size: 16px;
        line-height: 82px;
        color: #5a5a63;
        display: inline-block;
        margin-left: 35px;
    }
    footer .facebook-btns {
        display: inline-block;
        position: absolute;
        right: 0px;
        line-height: 82px;
    }
        footer .facebook-btns > div.facebook-like-btn,
        footer .facebook-btns > div.facebook-icon {
            display: inline-block;
            font-size: 0px;
            vertical-align: top;
        }
            footer .facebook-btns div.facebook-like-btn {
                border-left: 1px solid rgba(179,179,179, 0.3);
                padding: 0 20px;
            }
                footer .facebook-btns div.facebook-like-btn .fb-like {
                    line-height: 51px;
                    vertical-align: top;
                }
            footer .facebook-btns .facebook-icon a {
                display: block;
                position: relative;
                height: 82px;
                line-height: 103px;
                padding: 0 28px;
                border-left: 1px solid rgba(179,179,179, 0.3);
            }

/***********************************
 * IMAGE AND TEXT & TEXT AND IMAGE *
 ***********************************/

.image-with-text, .text-with-image {
    margin-top: 100px;
}
.image-with-text {
    margin-top: 150px;
}
.text-with-image {
    text-align: right;
    margin-bottom: 0px;
}
    .image-with-text > div, .image-with-text > article, .text-with-image > div, .text-with-image > article {
        display: inline-block;
        vertical-align: top;
        margin: 0px;
    }

    .image-with-text .image-section, .text-with-image .image-section {
        width: 38%;
        height: 754px;
        overflow: hidden;
        -webkit-transition: .5s ease-in;
        -moz-transition: .5s ease-in;
        -o-transition: .5s ease-in;
        transition: .5s ease-in;
    }
    .image-with-text article, .text-with-image article {
        width: 40%;
        padding: 0px;
        margin: 100px 0 0 100px;
        -webkit-transition: .5s ease-in;
        -moz-transition: .5s ease-in;
        -o-transition: .5s ease-in;
        transition: .5s ease-in;
    }
    .text-with-image > article {
        text-align: left;
    }
    .text-with-image .image-section {
        margin-left: 100px;
    }
        .image-with-text .image-section > img, .text-with-image .image-section >img {
            position: absolute;
            top: 0;
            display: block;
            min-width: 100%;
            width: auto;
            min-height: 100%;
            left: -50%;
            right: -50%;
            bottom: 0;
            margin: auto;
        }

/*******
 * 404 *
 *******/

.error-404 {
    position: relative;
    text-align: center;
    height: calc(100vh - 360px);
}
    .error-404 > header {
        position: absolute;
        top:50%;
        bottom:50%;
        left:0;
        right:0;
        margin: auto;
    }
        .error-404 > header > h1 {
            font-family: 'Blanch Condensed', sans-serif;
            font-size: 72px;
            font-weight: normal;
            color: #2e303d;
            margin: 0;
        }
        .error-404 > header > .btn {
            font-family: 'Abel', sans-serif;
            font-size: 19px;
            color: #000;
            margin: 35px 0 0;
        }


/*********
 * MEDIA *
 *********/

/***********************
 * HEADER BREAK-POINTS *
 ***********************/

@media (max-width: 1765px) {
    .intro-effect-side.modify .header h1 {
        padding: 0 8%;
    }
    .intro-effect-side.modify .header p {
        -webkit-transform: translateX(-55px) translateY(-35px);
        transform: translateX(-55px) translateY(-35px);
        padding: 0 14%;
    }
}
@media (max-width: 1512px) {
    .intro-effect-side .title {
        width: 50%;
        -webkit-transform: translateX(7%) translateY(-44%);
        transform: translateX(7%) translateY(-44%);
    }
        .intro-effect-side .header h1 {
            font-size: 108px;
            line-height: 104px;
        }
        .intro-effect-side .header p {
            font-size: 17px;
            line-height: 30px;
        }
            .intro-effect-side .header p:before {
                left: 8px;
            }
        button.trigger::before {
            font-size: 16px;
        }

    .intro-effect-side.modify .title {
        -webkit-transform: translateX(76%) translateY(-44%);
        transform: translateX(76%) translateY(-44%);
    }
        .intro-effect-side.modify .header h1 {
            padding: 0;
        }
        .intro-effect-side.modify .header p {
            padding: 0px 9%;
        }
}
@media (max-width: 1244px) {
    .intro-effect-side .header h1 {
        font-size: 100px;
        line-height: 100px;
    }
}

/***********************
 * NORMAL BREAK-POINTS *
 ***********************/

/*** 1510 ***/
@media (max-width: 1510px) {
    body {
        padding: 20px;
    }
    nav {
        margin-bottom: 10px;
    }
        nav.fixed {
            top: 20px;
            width: calc(100% - 60px);
        }
        nav.pre-fixed {
            top: -120px;
            width: calc(100% - 60px);
        }
            nav.fixed:before {
                content: '';
                height: 20px;
                top: -20px;
            }
    section.container, .more-blogs-link.container {
        width: 1090px;
    }
    .only-text {
        margin-top: 85px;
    }
        .only-text header h2 {
            font-size: 108px;
            line-height: 98px;
        }
        .only-text p.subline {
            margin: 20px 0px 0px 50px;
        }
    .btn {
        font-size: 26px;
        margin: 35px 0px 80px 10px;
    }

    .interview {
        margin-top: 100px;
        min-height: 714px;
    }
        .interview > article {
            margin-left: 50px;
            width: 500px;
        }
            .interview > article> header h2 {
                font-size: 87px;
                line-height: 78px;
            }
            .interview > article> header h3 {
                font-size: 27px;
            }
            .interview > article p.subline {
                font-size: 17px;
                line-height: 25px;
                margin: 20px 0px 0px 50px;
            }
        .interview .image-author {
            right: 1%;
            width: 600px;
        }
    
    .blog-home {
        padding-top: 40px;
    }
        .blog-home > article {
            width: 251px;
        }
            .blog-home .blog-title {
                font-size: 155px;
                margin: 0 0 -40px 115px;
            }
            .blog-home > article .image {
                height: 278px;
            }
            .blog-home > article .date {
                font-size: 21px;
            }
            .blog-home > article header .blog-item-title {
                font-size: 33px;
                line-height: 33px;
            }
                .blog-home > article header .blog-item-title:before {
                    top: 14px;
                }
    .owl-carousel {
        max-width: 970px;
    }
    .blog-page header h2 {
        font-size: 82px;
        line-height: 0.9em;
    }
    .team-member {
        width: 26%;
    }
    .team-member h3 {
        font-size: 45px;
    }
    
    .blog-video {
        width: 970px;
    }
}

/*** 1280 ***/
@media (max-width: 1280px) {
    .only-text p.subline, .intro-effect-fadeout .header p, .only-text p.subline{
        font-size: 17px;
	    line-height: 29px;
    }
    .intro-effect-fadeout .header h1 {
        font-size: 108px;
	    line-height: 98px;
    }
    .intro-effect-side .title {
        width: 49%;
    }
    section.container, .more-blogs-link.container {
        width: 825px;
    }
    .interview .image-author {
        width: 40%;
    }
    .blog-home.container {
        width: 908px;
    }
    .interview {
        margin-top: 14%;
        min-height: 514px;
    }
    .image-with-text .image-section, .text-with-image .image-section {
        width: 80%;
        height: 0px;
        padding-bottom: 55%;
        margin: 0 auto;
        position: relative;
        text-align: center;
        display: block;
    }
    .text-with-image .image-section {
        right: 0px;
        top: -490px;
    }
    .image-with-text article, .text-with-image article {
        width: 60%;
        margin: 80px 0 0;
    }
    .image-with-text {
        margin-top: 200px;
    }

    .text-with-image article.slide {
        top: 500px;
    }
    .text-with-image article {
        top: 665px;
    }
 
    .image-with-text article, .text-with-image article{
        padding: 0px 16%;
        width: auto;
        left: 0px;
    }
 
    .only-text {
        margin-top: 95px;
        padding: 0px 10%;
    }
    .owl-carousel {
        max-width: 700px;
    }
    .owl-carousel .item {
        height: 438px;
    }
    .blog-page.only-text {
        width: 90%;
    }
    .blog-page header {
        width: calc(100% - 450px);
        padding-left: 80px;
    }
    .blog-page .image {
        width: 33%;
    }
    .blog-home > article {
        margin: 0px 20px;
    }
    .team-member {
        width: 26%;
        margin: 50px 25px;
    }
    .team-member h3 {
        font-size: 37px;
    }
    .blog-video {
        width: 700px;
        height: 438px;
    }
}

/*** 1024 ***/
@media (max-width: 1024px) {

    .intro-effect-fadeout.modify .bg-img {
        -webkit-transform: translateY(0%) translateZ(0);
        transform: translateY(0%) translateZ(0);
        height: 0 !important;
        max-width: 100%;
        width: 100%;
        padding-bottom: 54%;
    }
    .intro-effect-fadeout .header p {
        margin: 0px 0px 0px 50px;
    }
    .bg-img {
        position: relative;
    }
    .bg-img img{
        min-width: auto;
        min-height: auto;
        width: 100%;
        height: auto;
        left: 0px;
        right: 0px;
        position: relative;
    }
    .intro-effect-fadeout .title {
        top: -50px;
        width: 80%;
        max-width: 80%;
        
    }
    .container-full{
        padding: 0px;
    }
        .interview > article{
    	margin-top: 80px;
	    padding: 0px 16%;
        width: auto;
    }
    .blog-page header h2 {
        font-size: 60px;
    }
    .title{
        top: 60%;
    }
    
    section.container, .more-blogs-link.container, .blog-home.container {
        width: 100%;
    }
    .image-section {
        height: 490px;
        overflow: hidden;
        position: relative;
    }
        .image-section:before {
            border-width: 0px;
            visibility: hidden;
        }
        .image-section > img {
            position: absolute;
            width: 100%;
            margin: auto;
            top: 0;
            bottom: 0;
        }
    .only-text {
        margin-top: 80px;
        padding: 0px 16%;
    }

    .fadeIn {
        top: 0px;
        opacity: 1;
    }
    .interview .image-binder {
        height: 400px;
        z-index: 11;
    }
        .interview .image-binder img {
            width: 100%;
            position: absolute;
            top: 0;
            bottom: 0;
            margin: auto;
        }
        .interview > article {
            padding-top: 450px;
            padding-bottom: 40px;
            background: #f5f5f5;
            margin: 0 auto;
        }
            .interview > article > header h2 {
                color: #35334d;
            }
            .interview > article p.subline, .interview > article p.author, .interview > article p.function {
                color: #35334d;
                opacity: 0.85;
            }
            .interview > article p.subline:before {
                background: #35334d;
                opacity: 0.5;
            }
        .interview .image-author {
            height: 400px;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: 0 auto;
            z-index: 11;
        }
        .interview .image-author > img {
            bottom: 0;
            position: absolute;
        }
    .blog-page header {
	    width: calc(100% - 380px);
        padding-left: 80px;
    }
    .blog-home > article.last {
        display: none;
    }
    .blog-home .blog-title {
        margin: 0 0 -40px 21%;
    }
        .blog-home .blog-title:before {
            display: none;
        }
    .team-member {
        width: 27%;
    }
    .team-member h3 {
        font-size: 40px;
    }
    .blog-video {
        margin-top: 15px;
    }
}

/*** 768 ***/
@media (max-width: 768px) {
    nav .logo:after {
        display: none;
    }
    
    .hamburger-menu{
        width: 49px;
        height: 49px;
        position: absolute;
        display: block;
        right: 0px;
        top: 0px;
        cursor: pointer;
        z-index: 1;
        border-left: 1px solid rgba(255,255,255,0.2);
    }
    nav .logo a img, nav.fixed .logo a img {
        width: 100px;
        height: auto;
    }
    nav.fixed .hamburger-menu{
        width: 61px;
        height: 61px;
    }
    
    .hamburger-menu .line{
        width: 24px;
        height: 2px;
        display: block;
        position: absolute;
        top: 0px;
        bottom: 0px;
        right: 0px;
        left: 0px;
        margin: auto;
        background: #7b879c;
    }
        .hamburger-menu .line:before{
            content: "";
            position: absolute;
            display: block;
            top: -10px;
            width: 24px;
            height: 2px;
            background: #7b879c;
        }
        .hamburger-menu .line:after{
            content: "";
            position: absolute;
            display: block;
            bottom: -10px;
            width: 24px;
            height: 2px;
            background: #7b879c;
        }
    body.menutoggle .hamburger-menu .line{
        height: 0px;
    }
        body.menutoggle .hamburger-menu .line:before{
            transform: rotate(-45deg);
            top: 0px;
        }
        body.menutoggle .hamburger-menu .line:after{
            transform: rotate(45deg);
            top: 0px;   
        }
    .hamburger-menu .line:before, .hamburger-menu .line:after, body.menutoggle .hamburger-menu .line:before, body.menutoggle .hamburger-menu .line:after{
            -webkit-transition: transform 0.2s;
            -moz-transition: transform 0.2s;
            transition: transform 0.2s;
    }
    
    nav #currentLanguage{
        margin-right: 49px;
        line-height: 45px;
    }
    nav.fixed #currentLanguage{
        margin-right: 61px;
        line-height: 61px;
    }
    nav #languageSelect.active ul {
        right: 49px;
        top: 46px;
    }
    nav.fixed #languageSelect.active ul {
        top: 61px;
        right: 61px;
    }
    nav .menu, nav.fixed .menu{
        width: 100%;
        top: 55px;
        left: 0px;
        margin: 0px;
        background: #1c2b36;
        display: none;
        z-index: 10;
    }
    nav.fixed .menu {
        top: 61px;
    }
    body.menutoggle nav .menu, body.menutoggle nav.fixed .menu{
        display: block;
    }
    nav .menu li, nav.fixed .menu li{
        display: block;
        margin: 0px;
        border-top: 1px solid rgba(255,255,255,0.2);
    }
    nav .menu li a, nav.fixed .menu li a{
        display: block;
        width: calc( 100% - 40px );
        padding: 20px;
        text-align: center;
        color: #7b879c;
    }
        nav .menu li.active a, nav.fixed .menu li.active a{
            color: #fff;
        }
        nav .menu > li a::after, nav.fixed .menu > li a::after{
            width: 30px;
            left: 0px;
            right: 0px;
            margin: auto;
            background: #fff;
        }   
        nav .menu > li a:hover::after, nav .menu > li.active a::after,
        nav.fixed .menu > li a:hover::after, nav.fixed .menu > li.active a::after{
            top: 61px;
        }
    
    .intro-effect-fadeout .header h1{
        font-size: 56px;
        line-height: 50px;
    }
    .only-text header h2, .interview > article> header h2 {
        font-size: 46px;
        line-height: 40px;
    }
    .intro-effect-fadeout .header h1 span, .interview > article p.author{
        font-size: 22px;
    }
    
    .blog-page h2 span, .blog-navigation h3, .blog-navigation a{
        font-size: 24px;
    }
        .blog-navigation > div{
            width: 49%;
            line-height: 68px;
        }
        .next-blogitem h3:after {
            margin-left: 15px;
            width: 9px;
            height: 17px;
            background-size: cover;
        }
        .previous-blogitem h3:before {
            margin-right: 15px;
            width: 9px;
            height: 17px;
            background-size: cover;
        }
    .interview > article p.author, .interview > article p.function {
        margin-left: 0;
    }
    
    .only-text p.subline, .interview > article p.subline {
        font-size: 16px;
	    line-height: 24px;
        margin-left: 0px;
    }
    .only-text p.subline:before, .interview > article p.subline:before, .intro-effect-fadeout .header p:before {
        display: none;
    }
    .btn {
        font-size: 26px;
        margin: 35px 0px 0px 0px;
    }
    .image-section {
        height: 350px;
    }
    .only-text {
        margin-top: 40px;
        padding: 0px 30px;
    }

    .interview {
        margin-top: 40%;
    }
        .interview .image-binder, .interview .image-author {
            height: 300px;
        }
        .interview .image-binder img {
            width: auto;
            min-width: auto;
            max-width: 728px;
            height: auto;
            position: absolute;
            top: 0;
            bottom: 0;
        }
        .interview > article {
            padding: 360px 30px 40px;
            width: 100%;
            box-sizing: border-box;
        }

        .interview .image-author {
            width: 60%;
        }
    .blog-home > article {
        margin: 0px 20px 50px;
    }
    .facebook-like-btn {
        display: none !important;
    }
    footer .copyright {
        margin-left: 15px;
        width: calc( 100% - 90px);
        line-height: 2.2em;
        margin-top: 20px;
    }
    .image-with-text {
        margin-top: 140px;
    }
    .container-full {
        padding: 0px;
    }
    .text-with-image {
        margin-top: 70px;
        margin-bottom: 0;
        position: relative;
    }
    .image-with-text .image-section, .text-with-image .image-section {
        width: 100%;
    }
    .text-with-image .image-section {
        position: absolute;
        top: 0px;
    }
        .image-with-text .image-section > img, .text-with-image .image-section > img {
            position: absolute;
            width: 100%;
            margin: auto;
            top: 0;
            bottom: 0;
        }
    .image-with-text article {
        width: 90%;
        left: 0px;
        margin: 40px 0 0;
        padding: 0px 5%;
    }
    .text-with-image article, .text-with-image article.slide {
        width: 80%;
        left: -10%;
        top: 0;
        margin-top: 65%;
    }
    .text-with-image .image-section, .intro-effect-fadeout .header p {
        margin-left: 0px;
        right: 0;
        top: 0;
    }
    .owl-carousel, .owl-carousel .item {
        height: auto;
    }
    .owl-carousel .owl-buttons {
        display: none;
    }
    .blog-page.only-text {
        width: 100%;
        padding: 70px 0 0;
    }
        .blog-page .image {
            width: 100%;
            height: 0px;
            padding-bottom: 60%;
            overflow: hidden;
        }
            .blog-page .image img {
                width: 100%;
                height: auto;
            }
    
    .contact-page .image {
        width: 100%;
        height: 0px;
        padding-bottom: 60%;
        overflow: hidden;
        position: relative;
    }
    .contact-page .image img{
        position: absolute;
        top: 0px;
        bottom: 0px;
        margin: auto;
    }
    
    .blog-page header, .contact-page article {
        width: 80%;
        padding-left: 0px;
        position: relative;
        left: 10%;
    }
    .team-member {
        width: 60%;
    }
    .team-member h3 {
        font-size: 46px;
        margin-top: 30px;
    }
    section.contact-page {
        margin-top: 0px;
    }
    .blog-video {
        width: 100%;
        height: 0;
        padding-top: 75%;
        margin-top: 50px;
    }
    .error-404 > header > h1 {
        font-size: 45px;
    }
    .error-404 > header > .btn {
        font-size: 16px;
        margin: 35px 0 0;
        padding: 0 40px;
        line-height: 50px;
        width: auto !important;
    }
    
}


/*** 480 ***/
@media (max-width: 480px) {
    .team-member {
        width: 80%;
        margin: 0px 0px 40px;
    }
    .interview .image-binder, .interview .image-author {
        height: 0px;
        padding-bottom: 60%;
    }
    .interview > article{
    	padding: 70% 30px 40px;
    }
    .btn {
        padding: 0;
        width: 100%;
        text-align: center;
    }
    .btn.btn-large {
        padding: 0;
        width: 99%;
    }
    .image-section {
        height: 200px;
        margin-top: 40px;
    }
    .owl-carousel {
        height: auto;
    }
    .blog-home > article {
        margin: 0px 0px 50px;
        width: 100%;
    }
    .blog-home > article .image {
        height: 200px;
    }
    .blog-home > article .image img {
        width: 100%;
        height: auto;
    }
    .blog-home > article .date {
        margin-top: 15px;
    }
    .blog-home {
        padding-bottom: 0;
    }
    .blog-page header {
        padding-top: 17px;
    }
    .all-blogs-page article.first {
        padding: 0;
    }
    footer { 
        margin-top: 80px;
    }
    footer .copyright {
        line-height: 1.2em;
    }
    .image-with-text {
        margin-top: 30px;
    }
    .contact-page a.btn {
        padding: 0px;
        text-align: center;
        margin-left: 0px;
        width: 99%;
    }
}

/******************
 * HEADERS MOBILE *
 ******************/

.container.mobile .trigger {
    display: none;
}