/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
 
 .sp-megamenu-wrapper {
	padding-top:72px !important;
	/*padding-left:25px !important;*/
 }
 
 .mod-languages  {
	float:right;
 }
 
 #sp-section-1{
    position: fixed;
    z-index: 10000;
    padding-top: 15px;
    text-align: right;
	width: 100%;
}
.jf_sidebuttons {
	top: 360px !important;
}

.btn-success { 
	background-color: #3d6296 !important;
}
.btn-links{ 
	background-color: #3d6296 !important;
	border:none;
	border-radius:4px;
	color:#fff;
}
.btn-default {
	color: #333 !important;
}
#sp-feature {
	background-color: #3d6296 !important;
	text-align:center;
	margin-bottom: 20px;
	color: #fff;
}
#sp-feature i i {
	display: none;
}

#sp-feature h1 {
	font-size: 28px !important;
}

.color-page {
	color:#fff;
}

.sp-menu-item.sp-has-child a {
	font-weight:bold;
	color: #808080;
}
.sp-menu-item.active a {
	font-weight:bold;
}

.pack-image {
    border: 1px solid #ddd;
    padding: 5px;
    border-radius: 50%;
    width: 160px;
    height: 160px;
	margin: auto;
	z-index: 20;
    position: relative;
	background-color:#fff;
	text-align:center;
	transform-style: preserve-3d;
	transition: transform 1s;
}
.pack-image img {
	opacity: 0.5;
}

.pack:hover .pack-image{
	transform: rotateY( 180deg ) scale(1.2);
	background:#1096f3;
}
.pack:hover  .pack-image img{
	opacity: 1;
}

.pack-title{
    border: 1px solid #ddd;
    padding: 65px 10px 10px 10px;
    margin-top: -50px;
	z-index:10;
	text-align:center;
	background: #f1f1f1;
    border-radius: 4px;
	height: 115px;
}
.pack-title a{
	text-transform: uppercase;
}
.pack-title a:hover {
	color: #b40835 !important;
}
.pack {
    margin-bottom: 20px !important;
}

img.powredby {
	display: inline !important;
}

.gkHighlighterItem a span {
	display:block;
	width:100%;
	color: #0a7ed0;
    font-weight: bold;
	margin-bottom:5px;
	text-transform: capitalize;
}
.gkHighlighterItem a  {
	color: #333;
    /*cursor:default;*/
}

.gkHighlighterGK5 {
    position: relative;
    width: 100%;
    height: 250px;
	overflow:hidden;
}
.sp-news {
	background:#f1f1f1;
	padding: 10px;
	border: 1px solid #eee;
	border-radius: 8px;
}

.menu-gouvernance ul  li  a::before {
    font-family: FontAwesome;
    content: "" !important;
    margin-right: 8px;
	display:none;
}
.menu-gouvernance > ul > li.has-sub > a::after {
    border-right-color: #D1E3FB;
    left: 0px !important;
    top: 20px;
}
#gruemenu.grue_135 ul ul li.has-sub > a::after {
    left: 10px !important;
}
.menu-gouvernance {
    width: 222px !important;
    margin-top: 4px !important;
}

#gruemenu.grue_135 ul li:first-child > a {
    font-size: 9px !important;
    padding-right: 0px !important;
    padding-top: 22px;
}
#gruemenu.grue_135 ul.sub-menu li:first-child > a {
    font-size: 11px !important;
    padding-top: 14px;
}
#gruemenu {
	border-radius: 0 !important;
	/*border-top: 2px solid #fe9f81 !important;
	border-bottom: 2px solid #fe9f81 !important;*/
	right: 20px !important;
    top: 75px !important;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item {
    border-bottom: 1px dashed #ddd !important;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item a {
	font-weight:normal !important;
}

#gruemenu.grue_135 ul li {
	text-align: left !important;
}

.sketchaccordion .clickwrap h3 {
    background: #3d6296 !important;
    border: 1px solid #ddd !important;
    color: #fff !important;
}

img.sp_simple_gallery {
    padding: 2px !important;
    display: inline;
}

#sp-logo:before {
    background: #3d6296;
	right: 20px;
}

.jf_sidebuttons.right li a {
	background-color: #3d6296 !important;
	color: #fff !important;
}

#sp-left .sp-module-title {
	text-align: center;
    font-weight: bold;
}

#sp-footer {
	background: #f1f1f1 !important;
    color: #333 !important;
}
#sp-footer a {
    color: #3d6296 !important;
}

/****************************************/
#slideshow-beautiful-banner-flow div:last-child {
	display:none;
}
#slideshow-beautiful-banner-flow .carousel-container div {
	display:block;
}

#slideshow-beautiful-banner-flow .carousel-container h5 {
	display:none;
}
/*****************************************/

.offcanvas-menu {
    background-color: #3d6296;
}

.view-article #sp-main-body {
    background-color: #fff;
}


@media screen and (max-width: 425px) {

	a#navigation-toggle, #sp-top2 ul.sp-contact-info {
		display: none;
	}
}

@media screen and (min-width: 426px) and (max-width: 768px) {
	#sp-logo:before {
		right: -40px;
	}
	#sp-menu {
		width: 44%;
	}
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
	#sp-logo:before {
		right: -5px;
	}
	#sp-menu {
		width: 75%;
		padding-left: 4%;
	}
	#sp-top3 {
		margin-top: -18.5%;
		margin-left: 68%;
	}
}

#gruemenu.grue_147 > ul > li.active > a, #gruemenu.grue_135 > ul > li.active > a {
	background: #B40835 !important;
}
#gruemenu.grue_147 > ul > li:hover > a, #gruemenu.grue_147 > ul > li > a:hover, #gruemenu.grue_135 > ul > li:hover > a, #gruemenu.grue_135 > ul > li > a:hover {
	background: #3F8FD8 !important;
}