/*!
Theme Name: Optique Hoss
Theme URI: http://insane.lu/
Author: Insane Creative Studio	
Author URI: http://insane.lu/
Description: Website theme for client Optique Hoss
Version: 1.1.0
Text Domain: optique-hoss
*/

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}

* {
  font-family: 'Montserrat', sans-serif;
  /* outline: 1px solid rgba(125, 0, 0, .1); */
}


/* Cookie Policy */
/* -------------------------------------------------------*/
.page-id-596 li{
	margin-top:15px;
}

.page-id-596 li::marker{
	color:#0052a0;
}

.page-id-596 a{
	color:#0052a0;
}


/* OVERALL STYLES */
/* -------------------------------------------------------*/

/* A-LINK BUTTON

.oh-services .content-button a,
.oh-white-button,
.oh-blue-button {
	padding: 15px 40px;
	border-radius: 16px;
    border: 2px solid white;
	text-transform: uppercase;
	background: none;
	letter-spacing: 1px ;
	color: white ;
	font-weight: bold;
	font-size: 14px;
	cursor: pointer;

	transition: all .3s ease;
}

.oh-services .content-button a:hover,
.oh-white-button:hover,
.oh-blue-button:hover {
	background-color: white;
	color: #0052a0;
	-webkit-transform: translateY(-5px); 
	-ms-transform: translateY(-5px);
	transform: translateY(-5px);
}

.oh-services .content-button a,
.oh-blue-button {
    border: 2px solid #0052a0;
	color: #0052a0 ;
}

.oh-services .content-button a:hover,
.oh-blue-button:hover {
	background-color: #0052a0;
	color: white;
}

*/


/* HEADER */
/* -------------------------------------------------------*/

.site-header {
	position: fixed;
	top: 0;
	width: 100%;
    z-index: 10000 !important;
    padding-bottom: 20px;

	transition: all .3s ease;
}

.page-template-default .site-header,
.blog .site-header,
.site-header.fixed {
    background-color: white;
    box-shadow: 0 0 10px rgba(0,0,0,0.20);
}

.page-template-default .site-header .hoss-logo,
.blog .site-header .hoss-logo,
.site-header.fixed .hoss-logo {
	fill: #0052a0;
}

.page-template-default .site-header .main-navigation ul li.current-menu-item a,
.blog .site-header .main-navigation ul li.current-menu-item a,
.site-header.fixed .main-navigation ul li.current-menu-item a {
	color: #0052a0;
}

.page-template-default .site-header .header-links a,
.page-template-default .site-header .main-navigation ul li a,
.blog .site-header .header-links a,
.blog .site-header .main-navigation ul li a,
.site-header.fixed .header-links a,
.site-header.fixed .main-navigation ul li a {
	color: #999;
	opacity: 1;
}

.page-template-default .site-header .main-navigation ul li:hover a,
.blog .site-header .main-navigation ul li:hover a,
.site-header.fixed .main-navigation ul li:hover a {
	color: #0052a0;
}

.page-template-default .site-header .main-navigation ul li.menu-button a,
.blog .site-header .main-navigation ul li.menu-button a,
.site-header.fixed .main-navigation ul li.menu-button a {
	color: white;
}

.blog .site-content,
.page-template-default .site-content {
	margin-top: 114px;
}

.header-wrapper {
	display: block;
	width: 90%;
	max-width: 1300px;
	margin: 0 auto;
}

.hoss-logo {
	display: block;
	float: left;
	width: 130px;
	fill: white;
	margin-top: 25px;
}

.main-navigation {
	display: block;
	float: right;
	width: auto;
	clear: none;
}

.main-navigation ul.menu {
	margin-top: 50px;
	margin-bottom: 0;
}

.main-navigation ul li {
	display: inline-block;
	margin: 0 30px;

	transition: all .3s ease;
}

.main-navigation ul li a {
	font-size: 15px;
	text-decoration: none;
	color: white;
	opacity: .8;
	font-weight: bold;
	margin: 0;
	padding: 0;
	text-align: center;
}

.main-navigation ul li.current-menu-item a {
	opacity: 1 !important;
}

.main-navigation ul li:hover {
	-webkit-transform: translateY(-3px); 
	-ms-transform: translateY(-3px);
	transform: translateY(-3px);
}

.main-navigation ul li:hover a {
	opacity: 1;
}

.main-navigation ul li.menu-button a {
	padding: 12px 40px;
	border-radius: 16px;
	margin: 0;
    margin-left:0px;
    border: 2px solid #0052a0;
    background-color: #0052a0;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: white;
	opacity: 1;
}

.header-links {
	display: block;
	width: 130px; /* Same as logo */
	padding-top: 5px;
	overflow: auto;
	overflow-y: hidden;
	overflow-x: hidden;
	clear: both;
}

.header-links a {
	display: block;
	width: 50%;
	float: left;
	text-decoration: none;
	color: white;
	font-size: 9px;
	font-weight: 500;

	transition: all .3s ease;
}

.header-links a:last-child {
	text-align: right;
}

.mobile-nav-btn {
	display: none;
	width: 30px;
	margin-top: 40px;
	float: right;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: hidden;
	cursor: pointer;
}

.page-id-7 .mobile-nav {
    display: block;
    float: right;
    width: 30px;
    background-color: #fff;
    height: 3px;
    border-radius: 3px;
    margin: 15px 0;
    cursor: pointer;

    transition: all .3s ease;
}

.page-id-7 .mobile-nav::before {
    display: block;
    content: "";
    width: 100%;
    height: 3px;
    background-color: #fff;
    margin-top: -10px;
    border-radius: 3px;
    cursor: pointer;
    transition: all .3s ease;
}

.page-id-7 .mobile-nav::after {
    display: block;
    content: "";
    width: 100%;
    height: 3px;
    background-color: #fff;
    margin-top: 17px;
    border-radius: 3px;
    cursor: pointer;

    transition: all .3s ease;
}

.mobile-nav {
    display: block;
    float: right;
    width: 30px;
    background-color: #0052a0;
    height: 3px;
    border-radius: 3px;
    margin: 15px 0;
    cursor: pointer;

    transition: all .3s ease;
}

.mobile-nav::before {
    display: block;
    content: "";
    width: 100%;
    height: 3px;
    background-color: #0052a0;
    margin-top: -10px;
    border-radius: 3px;
    cursor: pointer;
    transition: all .3s ease;
}

.mobile-nav::after {
    display: block;
    content: "";
    width: 100%;
    height: 3px;
    background-color: #0052a0;
    margin-top: 17px;
    border-radius: 3px;
    cursor: pointer;

    transition: all .3s ease;
}

.mobile-nav.active {
    background-color: rgba(255,255,255,0) !important;
}

.mobile-nav.active::before {
    margin-top: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.mobile-nav.active::after {
    margin-top: -3px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.mobile-nav-wrapper { 
    display: none;
    position: fixed;
    top: 110px;
    overflow: scroll;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #0052a0;

    transition: all .3s ease;
}

.mobile-nav-wrapper.active {
	display: block;
} 

.mobile-nav-wrapper ul {
	margin: 26px 5%;
	padding: 0;
	list-style: none;
}

.mobile-nav-wrapper ul li {
	margin: 15px 0;
	/* border-bottom: 1px solid rgba(255,255,255,.2); */
	padding-bottom: 15px;
}

.mobile-nav-wrapper ul li a {
	font-size: 26px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
	color: white;
	text-decoration: none;
}

.site-header.fixed .mobile-nav,
.site-header.fixed .mobile-nav::before,
.site-header.fixed .mobile-nav::after {
    background-color: #0052a0;
}

/* HERO */
/* -------------------------------------------------------*/

.oh-hero{
	position: relative;
	height:98vh !important;  
}

/*.oh-hero-container{
  padding-top:20%;  
}*/

.n2-ss-slider-1,
.n2-ss-slide,
.n2-ss-layers-container {
	height: 98vh !important;
}

.hero-button * {
	transition: all .3s ease !important;
}

.hero-button a {
	padding: 12px 40px !important;
	font-size: 14px;
	text-decoration: none;
	color: white;
	font-weight: bold;
	letter-spacing: 1px;
}

.n2-bar-justify-content-center{
    margin-bottom: 50px !important;
    
}

#n2-ss-3-arrow-previous{
    top: 0px !important;
    margin-top: 45vh !important;  
}

#n2-ss-3-arrow-next{
    top: 0px !important;
    margin-top: 45vh !important;   
}

.oh-arrow-down{
    margin-top:-105px !important;
}

#n2-ss-3 .n2-ss-layer .n2-font-a888c037539ee197b600956c8f89adf9-hover {
	width: 1300px;
	/*background:brown;*/
	margin-left: -380px;	
}

/* TOP */
/* -------------------------------------------------------*/

.entry-header {
    background-color: #0052a0;
    background-position: center;
    background-size: cover;
    padding-top:100px;
    padding-bottom:100px;
}

.entry-title {
    width:90%;
    max-width: 1300px;
    font-family: Montserrat;
    font-size: 40px;
    line-height: 56px;
    color:#fff;
    margin-left:auto;
    margin-right:auto;
}

/* GDPR COOKIE CONSENT */
/* -------------------------------------------------------*/

#cookie-law-info-again{
    background-color: rgba(255, 255, 255, 0.8) !important;
    color: rgb(153, 153, 153);
    right: 0px !important;
    box-shadow: none !important;
    border-radius: 8px 0px 0px 0px !important;
}

/* POSTS */
/* -------------------------------------------------------*/

body.blog {
	background-color: #f2f2f2;
}

.blog .article-wrapper {
	display: block;
	width: 90%;
	max-width: 1300px;
	margin: 80px auto;
	column-count: 2;
	column-gap: 50px;
	overflow: auto;
	overflow-y: hidden;
	overflow-x: hidden;
}

.blog article {
	display: inline-block;
	width: 100%;
	margin: 25px 0;
	background-color: #ffffff;
	border-radius: 16px;
	border: 1px solid #ddd;
	break-inside: avoid;
	clear: none;
	float: initial;
}

.blog article .post-image {
	display: block;
	position: relative;
	width: 100%;
	overflow: hidden;
	height: 300px;
	border-radius: 16px 16px 0 0;
}

.blog article .post-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 1s ease-out .3s;
}

.blog article .post-image img:hover {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1); 
	transform: scale(1.1);
}

.blog article .post-content {
	padding: 50px;
}

.blog article .post-content .post-title {
	color: #0052a0;
	text-decoration: none;
	font-weight: bold;
	font-size: 20px;
	padding: 0;
	margin: 0;
}

.blog article .post-content .entry-content p {
	font-size: 16px;
	line-height: 27px;
	color: #414141;
}

.blog article .post-content .post-header {
	display: inline-block;
}

.single-post .post-content p a,
.blog article .post-content .post-header a,
.blog article .post-content .post-header a h1,
.blog article .post-content .entry-content a {
	text-decoration: none;
	color: #0052a0;
	font-weight: bold;
	transition: all .3s ease;
	display: inline-block;
}

.single-post .post-content p a:hover,
.blog article .post-content .entry-readmore:hover::before,
.blog article .post-content .post-header:hover a h1,
.blog article .post-content .entry-content a:hover {
	color: black;
}

.blog article .post-content .entry-readmore {
	display: inline-block;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
	transition: all .3s ease;
}

.blog article .post-content .entry-readmore::before {
	content: "\f061";
	font-family: 'FontAwesome';
	margin-right: 5px;
	color: #0052a0;
	transition: all .3s ease;
}

.blog article .post-content .entry-readmore:hover {
	margin-left: 20px;
}


/* SINGLE POSTS */
/* -------------------------------------------------------*/


.single-post .post-image {
	display: block;
	position: relative;
	width: 100%;
	height: 350px;
	overflow: hidden;
	background-color: #0052a0;
}

.single-post .post-image-content {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-position: center;
	background-size: cover;
	opacity: 1;
}

.single-post .post-image .post-title {
	display: block;
	position: relative;
	width: 90%;
	max-width: 1000px;
	margin: 150px auto;
	color: white;
	z-index: 10;
}

.single-post .post-content {
	display: block;
	width: 90%;
	max-width: 1000px;
	margin: 80px auto;
}

.single-post .post-content h1 {
	color: #0052a0;
}

.single-post .post-content p {
	font-size: 16px;
	line-height: 27px;
	color: #414141;
}

.single-post .post-content img {
	display: block;
	max-width: 100%;
	margin: 30px auto;
}

.single-post .navigation {
	padding: 80px 0;
	background-color: #f2f2f2;
	overflow: auto;
	overflow-y: hidden;
	overflow-x: hidden;
}

.single-post .navigation h2.screen-reader-text {
	display: none;
}

.single-post .navigation .nav-links {
	display: block;
	width: 90%;
	max-width: 1000px;
	margin: 0 auto;
}

.single-post .navigation .nav-links .nav-previous,
.single-post .navigation .nav-links .nav-next {
	display: block;
	width: 50%;
	float: left;
}

.single-post .navigation .nav-links .nav-next {
	text-align: right;
}

.single-post .navigation .nav-links a {
	padding: 15px 40px;
	border-radius: 16px;
    border: 2px solid #0052a0;
	color: #0052a0 ;
	text-transform: uppercase;
	background: none;
	letter-spacing: 1px ;
	font-weight: bold;
	font-size: 14px;
	cursor: pointer;
	text-decoration: none;

	transition: all .3s ease;
}

.single-post .navigation .nav-links a:hover {
	background-color: #0052a0;
	color: white;
}

.single-post .navigation .nav-links a:hover::after,
.single-post .navigation .nav-links a:hover::before {
	color: white !important;
}

.single-post .navigation .nav-links .nav-previous a::before {
	content: "\f060";
	font-family: 'FontAwesome';
	margin-right: 10px;
	color: #0052a0;
	transition: all .3s ease;	
}

.single-post .navigation .nav-links .nav-next a::after {
	content: "\f061";
	font-family: 'FontAwesome';
	margin-left: 10px;
	color: #0052a0;
	transition: all .3s ease;		
}

/* SERVICES */
/* -------------------------------------------------------*/

.oh-services {
	transition: all .3s ease;
}

.oh-services .content-button a {
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
    text-decoration: none !important;
}

.oh-services {
    transition: all .3s ease;
}

.oh-services:hover {
    -webkit-transform: translateY(-15px); 
	-ms-transform: translateY(-15px);
	transform: translateY(-15px);
    box-shadow: 0 0 40px rgba(0,0,0,0.25);
}

.oh-services .content-image {
	margin: 20px 0;
	width: 100% !important;
	padding: 0 75px;
}

/*body div.kc_row_inner[data-kc-equalheight="true"] {
    width: calc(100% + 100px) !important;
    flex-wrap: wrap;
    margin-left:-50px;
}*/


/* 404 PAGE */
/* -------------------------------------------------------*/

.error404 .site {
	background-color: #0052a0;
	padding: 250px 0;
}

section.error-404 {
	display: block;
	width: 90%;
	max-width: 800px;
	margin: 0 auto;
	text-align: center;
}

section.error-404 .page-title,
section.error-404 .page-content {
	color: white;
}

section.error-404 .page-content p a {
	text-decoration: none;
	color: white;
	font-weight: bold;
}



/* NEWS */
/* -------------------------------------------------------*/

.kc-owl-post-carousel .owl-item .list-item {
    background-color:#ffffff;
    border-radius:16px;
    padding-right:50px;
}

body.kc-css-system .kc-owl-post-carousel .title a{
    color:#0052a0;
    text-decoration: none !important;
    float: left;
    margin-top:28px;
}

body.kc-css-system .in-post-content {
    text-align: left !important;
}

/*.oh-news-section-1 .kc_column_inner {
    padding-left:0px;
    padding-right:0px;
}

.oh-news-section-1 .kc_column_inner .oh-news-title {
    width: 1170px !important;
}

.oh-news-section-1 .kc_column_inner .oh-news-button {
    margin-top:24px;
}

.oh-news-carousel .kc_column_inner {
    padding-left:0px !important;
    padding-right:0px;
}

.kc-owl-post-carousel .owl-item {
    padding-right:50px !important;
    width:675px !important;
}*/

.kc-owl-post-carousel .owl-item .kc-read-more {
    text-decoration:none !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #0052a0;
    padding: 0px !important;
    border-radius: 0px !important;
    border: none !important;
    margin-left:12px; 
}

.kc-owl-post-carousel .owl-item .kc-read-more:hover {
    background: none!important;
}

.kc-owl-post-carousel .owl-item .footer-button {
    padding: 20px 0 0 50px !important;
}

.owl-theme .owl-controls .owl-page span {
    background-color:#0052a0 !important;
}

.owl-item .item .post-content .image {
	position: relative;
	display: block;
	float: left;
	width: 200px;
	height: 270px;
	margin-bottom: 0;	
	margin-right: 50px;
}

.owl-item .item .post-content .image img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 16px 0 0 16px;
}

.kc-owl-post-carousel .owl-item .list-item {
	padding-bottom: 0 !important;
}

.owl-item .item .post-content .image .caption {
	position: relative;
	display: block;
	float: left;
	clear: both;
	margin-left: 250px;
	margin-top: 30px;
	background: none !important;
	padding: 0 !important;
	width: auto !important;
}

.owl-item .item .post-content .image .caption a {
	color: #0052a0;
	text-decoration: none !important;
	font-size: 18px;
}

.owl-item .item .post-content .in-post-content {
	padding-top: 70px;
	font-size: 16px;
	padding-left: 50px;
}

.owl-item .item {
	overflow: auto;
	min-height: 270px;
}

.kc-owl-post-carousel .owl-item .title,
.kc-owl-post-carousel .owl-item .title a {
	padding: 0 !important;
	margin: 0 !important;
}

.kc-owl-post-carousel .owl-item .title {
	position: absolute;
	left: 50px;
	top: 30px;
}

.kc-owl-post-carousel .owl-item .kc-read-more {
	margin: 0 !important;
}

.owl-item .footer-button a::before {
	content: "\f061";
	font-family: 'FontAwesome';
	margin-right: 10px;
}

.owl-item .footer-button a:hover {
	padding-left: 10px !important;
}

/*.kc-owl-post-carousel .owl-item {
    padding-right: 20px !important;
    margin-right: 27px !important;
}

.owl-item{
    width:643px !important;
}

.owl-carousel .owl-item{
    margin-right:30px !important;
}*/

.content-desc{
	padding-left:5px !important;
}

/* NEWS - PAGE */
/* -------------------------------------------------------*/

.kc-blog-posts-2 .kc-list-item-2{
    background-color:#ffffff;
    border-radius:16px;
    padding-left:50px !important;
    padding-right:50px !important;
    padding-top:50px !important;
    padding-bottom:50px !important;
    margin-bottom:50px !important;
}

.kc-blog-posts-2 .kc-list-item-2 .post-title-alt a {
    color:#0052a0 !important;
    text-decoration: none !important;
    float: left;
}

.kc-blog-posts .kc-post-2-button {
    text-decoration:none !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #0052a0 !important;
    padding: 0px !important;
    border-radius: 0px !important;
    border: none !important;
    margin-top:30px;    
}

.kc-blog-posts .kc-post-2-button:hover {
    background: none !important;
    color:#0052a0 !important;
}

/*.kc-owl-post-carousel .owl-item {
    padding-right: 20px !important;
    margin-right: 27px !important;
}

.owl-item{
    width:643px !important;
}*/


/* PRESENTATION */
/* -------------------------------------------------------*/
.oh-presentation-column {
    min-height: 300px;
}

.oh-presentation-column .n2-section-smartslider,
.oh-presentation-column .n2-ss-align,
.oh-presentation-column .n2-padding,
.oh-presentation-column .n2-ss-slide,
.oh-presentation-column .n2-ss-slider,
.oh-presentation-column .n2-ss-canvas,
.oh-presentation-column .n2-ss-swipe-element {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.oh-presentation-column .n2-ss-swipe-element,
.oh-presentation-column .n2-ss-layers-container,
.oh-presentation-column .n2-ss-slide,
.oh-presentation-column .n2-ss-slider {
	height: 100% !important;
}

/* HISTORIQUE */
/* -------------------------------------------------------*/

.timeline-main-title {
 display:none !important;   
}

.cool-timeline.white-timeline .timeline-year {
    background: #0052a0 !important;
}

.cool-timeline.white-timeline .timeline-year {
    box-shadow: none !important;
}

.cool-timeline.white-timeline::before{

    background-color: #999999 !important;
    background-image: none !important;
    width:2px !important;
    margin-left:-1px !important;

}

.cool-timeline.white-timeline .timeline-post.even .timeline-content .content-title {
    background: #0052a0 !important;
    padding: 25px 5px 25px 50px !important;
}

.ultimate-style .timeline-post .timeline-content .content-title {
    border-radius:16px 16px 0 0 !important;
}

.cool-timeline .light-grey-post .timeline-content {
    border-radius:16px !important;    
}

.ultimate-style .timeline-post .timeline-content .content-details {
    padding: 50px !important;
}

.cool-timeline.white-timeline .timeline-post.even .icon-dot-full{
    background:#0052a0 !important;
}

.cool-timeline.white-timeline .timeline-post.even .timeline-content .content-title::before {
    border-right-color: #0052a0 !important;
}

.cool-timeline .light-grey-post .timeline-content {
    color: #999999 !important;
    font-size: 17px !important;
    line-height:26px !important;
}

.cool-timeline.white-timeline .timeline-post.odd .timeline-content .content-title {
    background: #0052a0 !important;
    padding: 25px 5px 25px 50px !important;
}

.cool-timeline.white-timeline .timeline-post.odd .timeline-content .content-title::before {
    border-left-color: #0052a0 !important;
}

.cool-timeline.white-timeline .timeline-post.odd .icon-dot-full{
    background:#0052a0 !important;
}

.cool-timeline.white-timeline .timeline-post.even .timeline-meta .meta-details, .cool-timeline.white-timeline .timeline-post.odd .timeline-meta .meta-details{
    margin-top:20px !important;
}

.cool-timeline .timeline-post .timeline-meta .meta-details {
    text-transform: capitalize !important;
}

.cool-timeline .timeline-post.even .timeline-meta {
	display: none !important;
}

.cool-timeline .timeline-post .timeline-meta {
	display: none !important;
}

.cool-timeline .timeline-post .timeline-content h2.content-title{
	text-transform: none !important;
}


/* SERVICES - PAGE */
/* -------------------------------------------------------*/
.page-id-280 .entry-content a {
	color:#0052a0;
	text-decoration: none;
	font-weight: 700;
}


/* BRANDS GALLERY */
/* -------------------------------------------------------*/

.oh-brands .item-grid {
	text-align: center;
	margin: 10px 0;
}

.oh-brands .item-grid img {
	display: inline-block !important;
}


/* MARQUES - PAGE */
/* -------------------------------------------------------*/
body.kc-css-system .kc-image-overlay {
    border-radius:16px !important;
    
}



/* CONTACT */
/* -------------------------------------------------------*/

.oh-contact a {
	text-decoration: none;
	color: white;
	font-weight: bold;
}

/*.kc-container {
    padding-left:0px !important;
    padding-right:0px !important;  
}*/

/*.oh-contact-wrapper .kc_column_inner {
    padding-left:0px !important;
    padding-right:0px !important;  
}*/

/* START : CUSTOMISATION CONTACT FORM 7 */

.wpcf7 p {
	margin: 0;
	padding: 0;
}

.wpcf7-textarea,
.wpcf7-text {
    width:100% !important;
    border:solid #fff;
    border-radius: 16px;
    background: #fff !important;  
    color: #666 !important;     
    font-size: 17px;    
    margin-top: 20px !important;    
    padding: 15px 20px !important;
}

.wpcf7-list-item-label {
color:#fff;
    margin-left: 10px;
}

.wpcf7-list-item {
    margin:0px !important;
    margin-left:28px !important;
    width:85% !important;
    margin-top:30px !important;
}

[type="checkbox"]{
    margin-left:-28px !important;
}

.wpcf7-submit {
	margin-top: 20px;
}

span.wpcf7-list-item {
text-transform:none !important;
letter-spacing: 0px;
font-family: 'IBM Plex Sans';
font-weight: 300;
font-size:18px;   
}

.wpcf7-response-output {
	padding: 16px !important;
	margin: 20px 0 !important;
	border-radius: 16px !important;
	border: 0 !important;
}

.wpcf7-validation-errors, .wpcf7-acceptance-missing {
	background-color: #c54440;
	color: white;
}

div.wpcf7-mail-sent-ok {
	background-color: #28b64c;
	color: white;
}

span.wpcf7-not-valid-tip {
	margin-top: 10px !important;
	margin-left: 20px !important;
	padding-top: 10px !important;
	border-top: 5px solid #c54440 !important;
	color: #c54440 !important;
}

/* END : CUSTOMISATION CONTACT FORM 7 */

/*--- 2 Column Form Styles Start ---*/ 
.wpcf7-form #left { 
    width: 47%; 
    float: left; 
    margin-right:6%; 
} 

.wpcf7-form #right { 
    width: 47%; 
    float: left; 
} 

.clearfix:after { 
    content:"\0020"; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden; 
    overflow:hidden; 
    margin-bottom:10px; 
} 

.clearfix {
    display:block; 
} 

/*--- 2 Column Form Styles End ---*/


/* CONTACT */
/* -------------------------------------------------------*/

.pin-before::before {
	content: "\f3c5";
	font-family: FontAwesome;
	display: block;
	float: left;
	margin-top: 28px;
	margin-right: 20px;
	font-size: 20px;
	height: 340px;
}

iframe {
	border: 0;
}

.oh-contact-section {
	position: relative;
	z-index: 10;
}

.oh-map-wrapper {
	position: relative;
	width: 100%;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: hidden;
	height: 450px;
	z-index: 1;
	margin-top: -46px;
}

.oh-map-overlay {
	position: absolute;
	width: 100%;
	height: 46px;
	background: linear-gradient(120deg, #004f9b, #004689);
	z-index: 999;
}

.oh-map-noscroll {
	display: block;
	position: absolute;
	z-index: 999;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

.oh-map-noscroll.hidden {
	display: none;
}



/* CONTENT */
/* -------------------------------------------------------*/

.site-content {
	overflow: auto;
	overflow-y: hidden;
	overflow-x: hidden;	
}

.grecaptcha-badge {
	display: none;
}

/* FOOTER */
/* -------------------------------------------------------*/

.edit-link {
	display: none;
}

.footer-wrapper {
	overflow: auto;
	overflow-x: hidden;
	overflow-y: hidden;
	background-color: white;
}

.main-footer {
	display: block;
	width: 90%;
	max-width: 1300px;
	margin: 50px auto 30px auto;
	overflow: auto;
	overflow-y: hidden;
	overflow-x: hidden;
	border-bottom: 1px solid #e0e0e0;
	padding-bottom: 30px;
}

.main-footer .footer-col50 {
	display: block;
	width: 50%;
	float: left;
}

.main-footer .hoss-logo {
	fill: #0052a0;
}

.main-footer .social {
	text-align: right;
	margin-top: 50px;
}

.sub-footer span,
.sub-footer a,
.main-footer .social span {
	font-size: 14px;
	color: #999999;
	font-weight: 400;
}

.main-footer span,
.sub-footer span {
	cursor: default;
}

.main-footer .social a {
	text-decoration: none;
	color: #999999;
	margin-left: 20px;

	transition: all .3s ease;
}

.main-footer .social a:hover {
	color: #0052a0;
}

.main-footer .social a i {
	font-size: 16px;
}

.main-footer .social a i.fab-instagram {
	font-size: 18px;
}

.sub-footer {
	display: block;
	width: 90%;
	max-width: 1300px;
	margin: 0 auto;
	overflow: auto;
	overflow-y: hidden;
	overflow-x: hidden;
	margin-bottom: 50px;
}

.sub-footer .sub-footer-col33 {
	display: block;
	width: 33.333%;
	width: calc(100% / 3);
	float: left;
}

.sub-footer .sub-footer-col33.center {
	text-align: center;
}

.sub-footer .sub-footer-col33.right {
	text-align: right;
}

.sub-footer a span,
.sub-footer a {
	text-decoration: none;
	transition: all .3s ease;
}

.sub-footer a:hover span,
.sub-footer a:hover {
	color: #0052a0;
}

.sub-footer a:hover .insane-logo {
	fill: #0052a0;
}

.sub-footer span.sep {
	display: inline-block;
	margin: 0 10px;
	width: 1px;
	height: 15px;
	background-color: #999999;
	vertical-align: middle;
}

.sub-footer .insane-logo {
	display: inline-block;
	width: 90px;
	fill: #999999;
	margin-left: 3px;
	transition: all .3s ease;
}

/* MEDIA QUERIES / MEDIA CURRY :) */
/* -------------------------------------------------------*/


@media only screen and (max-width: 1310px) {
	.main-navigation ul li {
		margin: 0 25px;
	}
}

@media only screen and (max-width: 1240px) {
	.main-navigation {
		display: none;
	}

	.mobile-nav-btn {
		display: block;
	}

	.blog .article-wrapper {
		column-count: 1;
		column-gap: 0px;
	}


}

@media only screen and (max-width: 1108px) {
	.oh-presentation-column {
		width: 100% !important;
		height: 450px;
	}
	
	#n2-ss-3 .n2-ss-layer .n2-font-a888c037539ee197b600956c8f89adf9-hover {
	width: auto !important;
	/*background:brown;*/
	margin-left: auto;	
	}

}

@media only screen and (max-width: 768px) {
	.sub-footer-col33 {
		width: 90% !important;
		clear: both;
		margin: 20px 5%;
	}

	.sub-footer-col33,
	.sub-footer-col33.right {
		text-align: center !important;
	}

	.main-footer .footer-col50 {
		width: 90%;
		margin: 20px 5%;
		text-align: center;
	}

	.footer-col50 .hoss-logo {
		display: inline-block;
		float: none;
	}

	.entry-title,
	.single-post .post-image .post-title {
		text-align: center;
	}

    .entry-header {
        padding-top:50px;
        padding-bottom:50px;
    }
    
	.single-post .navigation .nav-links .nav-previous,
	.single-post .navigation .nav-links .nav-next {
		width: 100%;
		margin: 25px 0;
		text-align: center;
	}

	.blog article .post-content .entry-content p {
		font-size: 14px;
	}

	.wpcf7-form #left { 
	    width: 100%; 
	    margin-right: 0;
	} 

	.wpcf7-form #right { 
	    width: 100%; 
	}

	.wpcf7-submit {
		display: block;
		margin: 20px auto;
	}

	.kc_image_gallery.kc-grid .item-grid.grid-5 {
		width: 33.333% !important;
		width: calc(100%/3)  !important;
	}

	.kc-owl-post-carousel .owl-item {
		padding-right: 0 !important;
	}

}

@media only screen and (max-width: 600px) {
	.owl-item .item .post-content .image {
		width: 100%;

	}

	.kc-owl-post-carousel .owl-item .list-item {
		padding-right: 0;
	}

	.owl-item .item .post-content .in-post-content {
		clear: both;
		padding-right: 50px;
	}

	.owl-item .item .post-content .image .caption {
		margin-left: 50px;
		margin-top: 300px;
	}

	.owl-item .item .post-content .image img {
		border-radius: 16px 16px 0 0;
	}

	.kc-owl-post-carousel .owl-item .footer-button {
		overflow: auto;
		overflow-x: hidden;
		overflow-y: hidden;
		padding: 20px 0 50px 50px !important;
	}

	.oh-history-gallery .item-grid {
		width: 100% !important;
		margin-bottom: 20px;
	}
}