
@font-face {
font-family: 'Frutiger';
font-style: normal;
font-weight: normal;
src: url('/templates/travus/fonts/Frutiger.woff') format('woff');
}


@font-face {
font-family: 'Frutiger Bold';
font-style: normal;
font-weight: normal;
src: url('/templates/travus/fonts/Frutiger_bold.woff') format('woff');
}


/* ****************************************************************************************************** */
/* GLOBAL
/* ****************************************************************************************************** */

body {
	font-family: "Frutiger","Helvetica Neue",Arial,sans-serif;
	color: #464855;
	color: #333;
	color: #1F1F1F;
}

body p {
    font-size: 18px;
    line-height: 24px;
    color: #464855;
    color: #333;
	color: #1F1F1F;
}
body .bdcp, body .bdcp p, .bdcp {
	color: #8dc8fc !important;
	font-weight: 400;
}
#sp-top-bar {
    background: #333;
}
#sp-header {
    background: #000;
}

#sp-footer, #sp-bottom {
    background: #000;
    color: #fff;
}

#sp-header.header-sticky .logo img {
    height: 70px;
}

.logo-image {
    height: 55px;
    max-width: none;
}

a {
	color: #8dc8fc;
}

h1 {
	font-size: 40px;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
}

span.h3span {
    font-size: 55px !important;
}

.oeuvre-objet span.h3span {
    font-size: 48px !important;
}

span.h3small {
    font-size: 30px !important;
}

span.h3small span.h3span {
    font-size: 40px !important;
}

.contact-page-title span.h3span {
    font-size: 66px !important;
}

h1 span.h1span {
    font-size: 95px !important;
    text-transform: lowercase !important;
}

span.h2span {
	font-size: 2.75rem;
	 text-transform: lowercase !important;
}

.mgtitle h2 {
	font-size: 50px;
}

.mgtitle span.h2span  {
	font-size: 69px;
}

.objtitle h1 {
	font-size: 34px;
}

.objtitle span.h1span  {
	font-size: 47px !important;
}

.masqued-section {
	display: none;
}

@media (max-width: 767px) {
	body p, body p span, body span {
		font-size: 12pt !important;
	}
	
	h1 {
		font-size: 30px !important;
    	line-height: 40px !important;
	}
	
	h2 {
		font-size: 25px !important;
	}
	
	span.h2span {
		font-size: 26pt !important;
		 text-transform: lowercase !important;
	}
	
	h3, h4, span.h3small {
		font-size: 20px !important;
	}
	

	
	.logo-image {
	    height: 55px !important;
	    max-width: none;
	}
	
	span.h3span, span.h3small span.h3span {
	    font-size: 27px !important;
	}
	
	.oeuvre-objet span.h3span {
	    font-size: 27px !important;
	}

	
	.contact-page-title span.h3span {
	    font-size: 26px !important;
	}
	
	h1 span.h1span {
	    font-size: 39px !important;
	    text-transform: lowercase !important;
	}
	
	.objtitle span.h1span  {
		font-size: 41px !important;
	}

}


.sppb-addon-image-layout-caption {
    padding: 10px 0px;
}

li {
	color: #1F1F1F !important;
}

/* ****************************************************************************************************** */
/* FORMS
/* ****************************************************************************************************** */
select {
	padding: 0 25px !important;
}

/* ****************************************************************************************************** */
/* Accordion
/* ****************************************************************************************************** */
.sppb-panel-heading {
	border-bottom: 1px solid #8CC8FC !important;
}


.sppb-panel-heading.active {
	background-color: #8CC8FC;
	color: #fff;
}

.sppb-panel-heading.active .sppb-toggle-direction {
	color: #fff
}

/* ****************************************************************************************************** */
/* Sliders
/* ****************************************************************************************************** */
div[data-arrow-content=icon_only].sp-slider .sp-nav-control .nav-control {
    font-size: 28px;
    width: 40px;
    height: 40px;
}

div.sp-slider .sp-nav-control .nav-control {
    line-height: 33px;
}

div[data-arrow-content=icon_only] .sp-nav-control .nav-control i {
    line-height: 38px;
}

.sppb-addon-sp-slider .sp-item .sp-background:before {
	background-image: none;
}

/* ****************************************************************************************************** */
/* message business form
/* ****************************************************************************************************** */
.formHeader, .formFooterContainer {
	display: none;
}

/* ****************************************************************************************************** */
/* BUTTONS
/* ****************************************************************************************************** */

.content.btn-blue .sppb-btn, .btn.btn-blue {
	color: #fff;
    background-color: #8dc8fc;
}

.content.btn-blue .sppb-btn:hover, .btn.btn-blue:hover {
	color: #fff;
    background-color: #222;
}

.content.btn-gold .sppb-btn, .btn.btn-gold {
    color: #000;
    background-color: rgb(212, 175, 55);
}

.content.btn-gold .sppb-btn:hover, .btn.btn-gold:hover {
	color: #fff;
    background-color: #222;
}

.content.btn-black .sppb-btn, .btn.btn-black {
	color: #fff;
	background-color: #222;
}

.content.btn-black .sppb-btn:hover, .btn.btn-black:hover {
	color: #fff;
	background-color: #8dc8fc;
}


/* ****************************************************************************************************** */
/* SOCIAL ICONS
/* ****************************************************************************************************** */

.social-icons-block img {
	display: inline;
	height: 16px;
}

.social-icons-block p {
	display: inline;
}

/* footer social icons */
#sp-footer2 .social-icons-block img {
	height: 32px;
}

.sppb-social-share a {
	background-color: #fff !important;
	position: relative;
}
.sppb-social-share .fa-facebook:before {
	content: '';
	width: 48px;
	height: 48px;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(/images/icons/Facebook_BCDP_web.png);
	background-size: contain;
}
.sppb-social-share .fa-linkedin-square:before {
	content: '';
	width: 48px;
	height: 48px;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(/images/icons/LinkedIn_BCDP_web.png);
	background-size: contain;
}
.sppb-social-share .fa-twitter:before {
	content: '';
	width: 48px;
	height: 48px;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(/images/icons/Twitter_BCDP_web.png);
	background-size: contain;
}


/* ****************************************************************************************************** */
/* LANGUAGES MODULE
/* ****************************************************************************************************** */
.mod-languages .inputbox {
	background: transparent;
    color: #fff;
    border: none;
    padding: 0;
    font-size: 16px;
    width: auto;
    display: inline;
    height: 24px !important;
}

.mod-languages form:before {
    content: '\f0ac';
    font-family: FontAwesome;
    font-size: 16px;
    color: #FFFFFF;
    display: inline-block;
}


/* ****************************************************************************************************** */
/* BREADCRUMB
/* ****************************************************************************************************** */
.breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    margin-bottom: 0;
    list-style: none;
    background-color: transparent;
    border-radius: .25rem;
    color: #fff;
    margin-top: 10px;
}

.breadcrumb-item, .breadcrumb-item.active {
    color: #fff;
}

ol.breadcrumb li span {
    color: #222;
    font-size: 14px;
    text-transform: lowercase;
}

/* MEDIA 768 */
@media (min-width: 768px) {
	#sp-top1.col-lg-6, #sp-top2.col-lg-6 {
		width: 50%;
	}
}

/* MEDIA 768 */
@media (max-width: 767px) {
	#sp-top1 {
		display: none;
	}
	ol.breadcrumb {
		margin-left: 5px;
	}
	ol.breadcrumb li span {
	    color: #222;
	    font-size: 10px !important;
	}

}


/* ****************************************************************************************************** */
/* MENU
/* ****************************************************************************************************** */
.sp-megamenu-parent > li > a {
    color: #fff;
}

.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
    color: #8dc8fc;
}

.sp-megamenu-parent > li:hover > a {
    color: #8dc8fc;
}

#offcanvas-toggler > .fa {
    color: #fff !important;
}

body.ltr .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-right {
    left: -23px;
    top: 65%;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
	background-color: #000;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    color: #fff;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover,.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
    color: #8dc8fc;
}

#sp-menu {
	text-align: left;
}

#offcanvas-toggler {
	display: block !important;
}

@media (min-width: 992px) {
	#offcanvas-toggler {
		display: none !important;
	}
}


/* ****************************************************************************************************** */
/* OFF CANVAS MENU
/* ****************************************************************************************************** */
.offcanvas-menu .offcanvas-inner .sp-module .sp-module-content > ul {
	margin-top: 25px;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span {
    line-height: 2rem;
}

.offcanvas-menu .offcanvas-inner .menu .current.active > a {
	border-bottom: 1px solid #222;
}

.offcanvas-menu .offcanvas-inner .menu .menu-child {
	display: block;
}

/* ****************************************************************************************************** */
/* LSIDE ACCUEIL
/* ****************************************************************************************************** */
#section-id-1548232839555 {
	background-color:#000 !important;
}

#sppb-addon-1548232873605 .sppb-addon-sp-slider .sp-item {
    align-items: center !important;
    display: flex;
}

/** textes */
.sppb-addon-sp-slider .sp-item div[class*=sp-slider-content-align] {
    max-width: 520px;
    float: right;
}

/* ****************************************************************************************************** */
/* LSIDE ACCUEIL
/* ****************************************************************************************************** */

.fancybox-caption__body h6 {
	display: none;
}

.fancybox-caption__body p {
	color: #ffffff;
}

/* ****************************************************************************************************** */
/* EVENT BOOKING
/* ****************************************************************************************************** */
.eb-form-heading {
	font-size: 18px;
	background-color: #e5e5e5;
}
.eb-event-price-container .eb-individual-price {
	display: none;
}
label, input {
	font-size: 18px !important;
}

#total_amount {
	width: 120px !important

}

@media (min-width: 767px) {
	#field_first_name.form-row {
		width:45%;
		display: inline-flex;
	}
	#field_last_name.form-row {
		width:45%;
		display: inline-flex;
	}
	#field_address #address {
		width: 450px !important;
	}
	#field_city #city {
		width: 450px !important;
	}
	#field_country #country {
		width: 250px !important;
	}
	#field_email #email {
		width: 300px !important;
	}
}

/* ****************************************************************************************************** */
/* HIKASHOP
/* ****************************************************************************************************** */
.hikashop_checkout_cart {
	margin-top: 40px;
}

.hikashop_checkout_shipping_cost {
	float: right;
}
