/*********************************RESET******************************/
*{margin:0;padding:0;box-sizing:border-box;}
.clear{ clear:both;}
.cfix:after, .container:after, .row:after {clear: both;}
.cfix:before, .cfix:after, .container:before, .container:after, .row:before, .row:after {content: "";display: table;}
img a{ border:none; }
img{ display:block; }
a, button{text-decoration:none;color:inherit;transition:all .3s ease}
a:hover,a:focus,a:active,button.btn:focus, button.btn:hover {color:inherit;outline:none;text-decoration:none;cursor:pointer;}
a.blanc { color:#FFFFFF!important;}
input:focus, button:focus, textarea:focus{outline:none;transition:all .3s ease}
h1,.h1,h2,.h2,h3,.h3,h4{font-weight:400}
p{ line-height:1.8; }
ul{ list-style:none;}
li{ list-style:none; }
strong{font-weight:700;}
.flex-ie { max-width: 100%; }

.en-text { display: block; font-size: 0.6em; margin-top: 8px; }
.guide-link { display: flex; align-items: center; justify-content: center; opacity: 1; transition: .2s ease; margin-bottom: 15px; text-align: left; }
.guide-link:hover { opacity: 0.6; }
.guide-link img { width: 35px !important; display: inline-block !important; margin: 0 10px 0 0 !important; }


/*
color:#0971ce;
color:#1b2539;
color:#9e9e9e;
color:#c0c0c0;
font-family:'Lato', sans-serif;
font-family:'Roboto Condensed', sans-serif;
*/

/*********************************BASE******************************/
body{ background:#fff; color:#626262; font-family:'Roboto Condensed', sans-serif; font-size:16px; font-weight:400; line-height:1; overflow-x: hidden; }
input, textarea { font-family:'Roboto Condensed', sans-serif;}
h1,.h1,h2,.h2,h3,.h3,h4,.f-title{ font-family:'Lato', sans-serif; font-weight:900; text-transform:uppercase; line-height:1; }
.subtitle-h2 { margin:1.5em 0;}
.t-br{ display:block; }
.t-sm{ font-weight:400; }
.t-xsm{ font-weight:300; }
.center{ text-align:center; }
p{ line-height:1.5; text-align:justify}
p a{ text-decoration:underline; }
p a:hover{ opacity:0.6; text-decoration:underline; }
.content p a, .grid .item p a{ font-weight:700; color:#0971ce; }
sup{ vertical-align: super; font-size: smaller; }
.underline{ text-decoration:underline; }
.lowercase { text-transform:lowercase;}
.hard{ white-space:nowrap; }
a:hover{ }
.container{ margin:0 auto; position:relative; max-width:1500px; width:100%; padding:0 30px; }
.container.narrow{ max-width:1240px; }
.container:after{ clear: both; content: ""; display: block; height: 0; line-height: 0;  visibility: hidden; }
strong, .strong{ font-weight:700; }
.btn, button{ display:inline-block; color:#fff; font-size:13px; letter-spacing:2px; font-family:'Lato', sans-serif; font-weight:900; text-transform:uppercase; line-height:1.3; text-align:center; background:#0971ce; padding:15px 30px; position:relative; }
.btn.light{ background:#fff; color:#0971ce; }
.btn:hover, button:hover{ color:#fff; background:#085fac; }
.btn.light:hover{ background:#dde3ef; color:#0971ce; }
.text-center { text-align: center; }
@media (max-width: 1679px) {

}
@media (max-width: 1359px) {

}
@media (max-width: 1219px) {
	.t-br{ display:inline; }
}
@media (max-width: 1019px) {

}
@media (max-width: 879px) {
	
}
@media (max-width: 619px) {
	body{ font-size:14px; }
	.btn, button{ padding:10px 30px; }
}


/*LAYOUT*/
.wrap{ display:flex; flex-flow:row wrap; }
.wrap-alt{ display:flex; flex-flow:row wrap; flex-direction:row-reverse; }
.wrap-center{ display:flex; flex-flow: row wrap; justify-content: center;}
@media (max-width: 1019px) {
	.wrap-alt{ flex-direction:row; }	
}

/*MOBILE HEADER*/
#mobile-menu{ display:none; }
#mobile-menu .top-bar{ display:block; padding:20px 30px; position:relative; background:#fff; border-bottom:1px solid #f6f6f6; /*box-shadow:0 0 20px rgba(0,0,0,0.1);*/ }
#mobile-menu .mobile-urgence { display:block; width:40px; height:40px; background:url(../images/icn-24-7-no-text.png) center center no-repeat #e43e16; background-size:44px 44px; position:absolute; top:50%; margin-top:-20px; right:70px;}
#mobile-menu .logo img{ max-width:176px; }
#mobile-btn{ display:block;right:20px;margin-top:-20px;cursor:pointer;position:absolute;top:50%; background:url(../images/menu-circle-lines.svg) center center no-repeat #0971ce; width:40px; height:40px; }
#mobile-btn.cross{ background-image:url(../images/menu-circle-cross.svg);}
#mobile-menu .menu{ display:block; background:#fff; width:100%; max-height:0; overflow:hidden; transition:max-height 0.6s ease; }
#mobile-menu .menu.open{ max-height:530px; }
#mobile-menu .menu li{ position:relative; }
#mobile-menu .menu a{ color:#1b2539; font-size:16px; line-height:1; text-transform:uppercase; display:block; padding:20px 30px; border-bottom:1px solid #f6f6f6; }
#mobile-menu .menu a:last-child{ border-bottom:1px solid #f6f6f6; }
#mobile-menu .menu .urgence { background-color:#e43e16; color:#FFFFFF; }
#mobile-menu .menu .urgence:hover { background-color:#e10000;}
#mobile-menu .menu .urgence a { color:#FFFFFF;}
@media (max-width: 1019px) {
	#mobile-menu{ display:block; }
}


/*HEADER*/
#main-header{ position:relative; overflow-x:hidden; }
#main-header.page-header{}
#main-header .top-bar-outer{ background:#fff; position:fixed; width:100%; z-index:101; color:#1b2539; }
#main-header .top-bar{ height:130px; padding:25px 60px; transition:all .3s ease }
#main-header.scroll .top-bar-outer{ box-shadow:0 0 20px rgba(0,0,0,0.1); }
#main-header.scroll .top-bar{ height:100px; }
#main-header .small-bar{ padding:10px 60px; height:58px; border-bottom:2px solid #0971ce; font-weight:700; text-transform:uppercase; transition:all .3s ease  }
#main-header .small-bar>div{ background:url(../images/icn-phone-blue.png) left center no-repeat; background-size:auto 20px; float:right; padding:10px 0 10px 25px; margin-left:60px; }
#main-header .small-bar a:hover { color:#0971ce;}
#main-header .small-bar .mail{ background-image:url(../images/icn-mail-blue.png); padding-left:32px; }
#main-header .small-bar .boutique{ background-image:url(../images/icn-boutique-blue.png); padding-left:32px; }
#main-header .small-bar .star{ background-image:url(../images/icn-star-blue.png); padding-left:32px; }
#main-header.scroll .small-bar{ margin-top:-58px; }
#main-header .logo{ float:left; }
#main-header .logo img{ height:80px; transition:all .3s ease }
#main-header.scroll .logo img{ height:50px; }
#main-header .menu{ float:right; font-weight:700; width:700px; text-align:right; padding:12px 0; transition:all .3s ease }
#main-header.scroll .menu{ padding:0; }
#main-header .menu li{ display:inline-block; }
#main-header .menu a{ position:relative; }
#main-header .menu a:hover{ color:#0971ce; }
#main-header .menu .meta{ padding:0 0 16px 0; transition:all .3s ease }
#main-header.scroll .menu .meta{ padding:0 0 10px 0; }
#main-header .menu .meta a{ display:inline-block; font-size:16px; }
#main-header .menu .meta li{ padding:3px 0; }
#main-header .menu .meta li+li{ margin-left:20px; padding-left:20px; border-left:2px solid #0971ce; }
#main-header .menu .primary a{ display:inline-block; font-size:18px; text-transform:uppercase; }
#main-header .menu .primary a:after{ content:""; background:#1b2539; display:block; position:absolute; bottom:-5px; left:0; height:2px; width:0; transition:all .3s ease }
#main-header .menu .primary a:hover:after{ width:100%; }
#main-header .menu .primary li+li{ margin-left:30px; }


#home-hero{ position:relative; overflow-x:hidden; padding-top:188px; }
#home-hero .outer-slider{ position:relative; }
#home-hero .slide{ /*padding-left:120px;*/ }
#home-hero .slide .inner{ display:flex; flex-direction:column; justify-content:center; height:600px; padding:60px 60px 60px 180px; background-size:cover; background-position:center center; }
#home-hero .slide .inner.right { align-items:flex-end; }
#home-hero .slide .content{ background:#fff; padding:50px; max-width:720px; position:relative; color:#1b2539; }
#home-hero .slide .content:before{ content:""; position:absolute; top:0; left:0; display:block; width:50px; height:50px; background:url(../images/corner-top-left.png) center center no-repeat; }
#home-hero .slide .content:after{ content:""; position:absolute; bottom:0; right:0; display:block; width:50px; height:50px; background:url(../images/corner-bottom-right.png) center center no-repeat; }
#home-hero .content h1 .t-sm,
	#home-hero .content .h1 .t-sm{ font-size:32px; font-weight:300; }
#home-hero .content h1 .t-lg,
	#home-hero .content .h1 .t-lg{ font-size:45px; }
#home-hero .content p{ padding-top:30px; font-size:18px; }
#home-hero .bx-controls{ background:#fff; height:600px; width:120px; position:absolute; top:0; z-index:99; }
#home-hero .bx-controls-direction{ position:absolute; top:50%; margin-top:-47px; left:45px; }
#home-hero .bx-controls a{ display:block; width:30px; height:17px; background:url(../images/slider-down-arrow.png) center center no-repeat; background-size:30px auto; }
#home-hero .bx-controls a:hover{ opacity:0.6; }
#home-hero .bx-controls .bx-prev{ background-image:url(../images/slider-up-arrow.png); margin-bottom:60px; }
#home-hero .bx-controls .bx-pager{ position:absolute; top:290px; width:120px; text-align:center; font-family:'Lato', sans-serif; font-size:18px; color:#1b2539; font-weight:900; }
#home-hero .bx-controls .bx-pager>span{ font-weight:400; font-size:12px; }

.urgence-desktop{ position:absolute; top:150px; right:-350px; z-index:999; transition:all .3s ease } 
.urgence-desktop.open{ right:0; }
.urgence-desktop .trigger{ position:absolute; left:-110px; top:50%; margin-top:-40px; width:86px; height:86px; background:#e43e16; padding:10px; cursor:pointer; box-shadow:0 0 20px rgba(0,0,0,0.1); transition:all .3s ease }
.urgence-desktop .trigger:hover{ background:#e10000; }
.urgence-desktop .trigger>div{ height:66px; width:66px; background:url(../images/icn-24-7.png) center center no-repeat; background-size:66px 66px; }
.urgence-desktop.open .trigger>div{ background-image:url(../images/icn-24-7-close.png); }
.urgence-desktop .panel{ background:#e43e16; width:350px; color:#fff; padding:40px; box-shadow:0 0 20px rgba(0,0,0,0.1); }
.urgence-desktop .panel .h2{ font-size:24px; }
.urgence-desktop .panel .btns{ padding-top:10px; }
.urgence-desktop .panel .btns a{ display:block; border:2px solid #fff; padding:10px 10px 10px 50px; margin-top:10px; background:url(../images/icn-mail-light.png) 15px center no-repeat; background-size:18px 14px; }
.urgence-desktop .panel .btns a:hover{ background-color:#e10000; color:#fff; }
.urgence-desktop .panel .btns a.tel{ background-image:url(../images/icn-phone-light.png); background-size:18px 18px; }

#home-hero-mobile{ display:none; background:url(../images/home-hero-eau.jpg) center center no-repeat; background-size:cover; padding:60px 30px; }
#home-hero-mobile .content{ color:#1b2539; padding:30px; background:#fff; position: relative; }
#home-hero-mobile .content:before { content: ""; position: absolute; top: 0; left: 0; display: block; width: 50px; height: 50px; background: url(../images/corner-top-left.png) center center no-repeat; }
#home-hero-mobile .content:after { content: ""; position: absolute; bottom: 0; right: 0; display: block; width: 50px; height: 50px; background: url(../images/corner-bottom-right.png) center center no-repeat; }
#home-hero-mobile .content h1 .t-sm,
	#home-hero-mobile .content .h1 .t-sm{ font-size:20px; font-weight:300; }
#home-hero-mobile .content h1 .t-lg,
	#home-hero-mobile .content .h1 .t-lg { font-size:25px; }
#home-hero-mobile .content p{ padding-top:15px; }


.page-title{ margin-top:188px; text-align:center; background:url(../images/page-title-bg.jpg) center center no-repeat #1b2539; background-size:cover; }
.page-title .container{ padding-top:100px; padding-bottom:100px; }
.page-title h1{ font-size:50px; color:#fff; }
.page-title h1 .ext{ display:block; font-size:30px; margin-top:15px; }
@media (max-width: 1359px) {
	#main-header .logo img{ height:50px; margin:15px 0; }
	#main-header.scroll .logo img{ margin:0; }
	#main-header .menu{ width:650px; }
	#main-header .menu .primary li+li{ margin-left:15px; }
}
@media (max-width: 1019px) {
	#main-header .top-bar-outer{ display:none; }
	#home-hero{ padding:0; }
	.urgence-desktop{ top:30px; }
	.page-title{ margin-top:0; }
	.page-title h1{ font-size:40px; }
}
@media (max-width: 619px) {
	.urgence-desktop{ display:none; }
	#home-hero{ display:none; }
	#home-hero-mobile{ display:block; }
	.page-title .container{ padding-top:80px; padding-bottom:80px; }
	.page-title h1{ font-size:30px; }
	.page-title h1 .ext{ font-size:25px; margin-top:10px; }
}


/*FOOTER*/
.footer-certifications { padding: 120px 0 80px 0; }
.footer-certifications .content { display: flex; flex-wrap: wrap; justify-content: center; }
.footer-certifications .item img { max-width: 250px; width: auto; opacity: .5; }

#main-footer .wrap>div{ display:flex; flex-direction:column; }
#main-footer .logo{ width:20%; background:#fff; text-align:center; justify-content:center;  padding:50px;}
#main-footer .logo img{ max-width:100%; margin:0 auto; }
#main-footer .logo .rbq{ font-size:20px; margin-top:15px; }
#main-footer .locations { width:80%; display:flex; background:#1b2539; padding:50px;}
#main-footer .locations h2 { width:100%; color:#fff; padding-bottom:25px; text-align:center; border-bottom:1px solid #626262; margin-bottom:25px}
#main-footer .locations .wrap .location{ padding-right:0; color:#BBBBBB; width:25%;}
#main-footer .location h3{ font-size:20px; color:#fff; padding-bottom:20px; }
#main-footer .location p+p{ margin-top:15px; } 
#main-footer .location p>a{ text-decoration:none; }
#main-footer .location p { font-size:18px;}
#main-footer .copy{ font-size:14px; text-transform:uppercase; text-align:center; padding:15px 0 30px; }

@media (max-width: 1359px) {
	#main-footer .logo .rbq{ font-size:16px; }
}
@media (max-width: 1219px) {
	#main-footer .wrap .logo{ width:100%; }
	#main-footer .wrap .locations{ width:100%; }
}
@media (max-width: 1019px) {
	#main-footer .wrap .locations .location{ width:50%; padding-bottom:50px;}
}
@media (max-width: 809px) {
	.footer-certifications .item { width: 33.3333%; }
	.footer-certifications .item img { width: 100%; }
}
@media (max-width: 619px) {
	#main-footer .wrap .locations .location{ width:100%; }
	#main-footer .wrap .locations .location:last-child{ padding-bottom:0; }
	#main-footer .locations .location h3{ font-size:18px; }
	.footer-certifications .item { width: 50%; }
}


.home-main-services{ background:#f6f6f6; padding:100px 0 250px; overflow-x:hidden; }
.home-main-services.btns-first{ margin-top:-130px; }
.home-main-services.btns-first .container{ z-index:100; }
.home-main-services .content{ max-width:850px; text-align:center; margin:0 auto 60px; }
.home-main-services.btns-first .content{ margin:60px auto 0; }
.home-main-services .h1{ font-size:40px; color:#1b2539; margin-bottom:30px; }
.home-main-services .wrap{ position:relative; }
.home-main-services .wrap:before{ content:""; display:block; position:absolute; top:-40px; right:-60px; width:290px; height:164px; background:url(../images/wave-sm-dark.png) 0 0 repeat; z-index:1; }
.home-main-services .item{ display:flex; flex-direction:column; width:33.33333%; padding:0 20px; }
.home-main-services .item>a{ display:flex; flex-direction:column; align-items:center; justify-content:center; height:100%; text-align:center; padding:75px 30px; border:2px solid #0971ce; background:#fff; position:relative; z-index:2; }
.home-main-services .item>a:hover{ background:#1b2539; border-color:#1b2539; }
.home-main-services .item>a:after{ content:""; position:absolute; bottom:-2px; right:-2px; display:block; width:50px; height:50px; background:url(../images/icn-arrow-sm-right.png) center center no-repeat #0971ce; background-size:21px 18px;}
.home-main-services .item h2{ color:#1b2539; transition:all .3s ease }
.home-main-services .item>a:hover h2{ color:#fff; }
.home-main-services .item h2:after{ content:""; display:block; height:4px; width:70px; background:#0971ce; margin:30px auto; }
.home-main-services .item img{ height:100px; }
@media (max-width: 1019px) {
	.home-main-services{ padding:100px 0; }
	.home-main-services .item{ padding:0 10px; }
}
@media (max-width: 619px) {
	.home-main-services.btns-first{ margin-top:0; }
	.home-main-services h1{ font-size:30px; }
	.home-main-services .item{ width:100%; padding:15px 0; }
}

.home-blue-banner{ background:#0971ce; padding:100px 0; position:relative; }
.home-blue-banner.gradient{ background:linear-gradient(135deg, rgba(9,113,206,1) 0%,rgba(8,95,172,1) 100%); }
.home-blue-banner.bg{ background:url(../images/page-title-bg.jpg) center center no-repeat #0971ce; background-size:cover; }
.home-blue-banner.gradient:before{ content:""; display:block; position:absolute; top:0; left:0; width:140px; height:164px; background:url(../images/wave-sm.png) 0 0 repeat; }
.home-blue-banner .wrap>div{ display:flex; flex-direction:column; justify-content:center; align-items:flex-start; width:50%; }
.home-blue-banner .content{ padding-right:100px; }
.home-blue-banner .content h2,
	.home-blue-banner .content .h2{ font-size:40px; color:#fff; }
.home-blue-banner .content p{ margin:30px 0; color:#fff; }
.home-blue-banner .icns .wrap-center{ width:100%; }
.home-blue-banner .icn{ display:flex; width:32%; flex-direction:column; align-items:center; text-align:center; padding:15px; }
.home-blue-banner .icn img{ display:block; margin:0 auto 15px; width:80px; max-width:100%; }
.home-blue-banner .icn .h3{ font-size:18px; color:#fff; }
.home-blue-banner .wrap .offset-img{ align-items:center; }
.home-blue-banner .offset-img img{ margin-top:-200px; max-width:100%; }
@media (max-width: 1019px) {
	.home-blue-banner .wrap>div{ width:100%; }
	.home-blue-banner .content{ padding-right:0; }
	.home-blue-banner .content h2,
		.home-blue-banner .content .h2{ font-size:40px; }
	.home-blue-banner .icns{ padding-top:60px; }
	.home-blue-banner .offset-img img{ margin-top:60px; }
}
@media (max-width: 619px) {
	.home-blue-banner .content h2,
		.home-blue-banner .content .h2{ font-size:30px; }
	.home-blue-banner .icn{ width:100%; padding:30px 15px 15px 15px; }
}

.home-sectors{ padding:100px 0; overflow-x:hidden; }
.home-sectors h3{ padding:0 0 10px 0; font-size:60px; color:#1b2539; }
.home-sectors .row.negative-margin-left{ margin-left:-45px; }
.home-sectors .item{ width:33.33333%; padding:30px 0 30px 45px; float:left; }
.home-sectors .item img{ max-width:100%; }
.home-sectors .item h3{ padding:30px 0 0 0; font-size:30px; border-top:4px solid #0971ce; margin-top:20px; }
.home-sectors .item p{ margin:30px 0; }
@media (max-width: 1019px) {
	.home-sectors h3{ padding:0 0 30px 0; font-size:50px; }
}
@media (max-width: 619px) {
	.home-sectors h3{ font-size:30px; }
	.home-sectors .row{ margin-left:0!important; }
	.home-sectors .item{ width:100%; padding:30px 0; }
}

.home-projects-banner{ background:#f6f6f6; padding:50px 0; }
.home-projects-banner.offset{ padding:0; position:relative; z-index:2; }/*img png*/
.home-projects-banner .wrap>div{ display:flex; flex-direction:column; justify-content:center; align-items:flex-start; width:50%; }
.home-projects-banner .wrap .content .half-container{ padding-left:30px; padding-right:100px; max-width:750px; margin-left:calc(((100vw - 17px) - 1500px) / 2); }
.home-projects-banner .content{ color:#1b2539; padding:50px 0; }
.home-projects-banner.offset .content{ padding:100px 0; }/*img png*/
.home-projects-banner .content .h2{ font-size:50px; }
.home-projects-banner .content .h2>.t-xsm{ font-size:43px; }
.home-projects-banner .content p{ margin:30px 0; }
.home-projects-banner .icns{ width:100%; padding-bottom:30px; }
.home-projects-banner .icns .wrap-center{ width:100%; justify-content:space-between; }
.home-projects-banner .icn{ display:flex; width:32%; flex-direction:column; align-items:center; text-align:center; padding:15px; }
.home-projects-banner .icn img{ display:block; margin:0 auto 15px; width:80px; max-width:100%; }
.home-projects-banner .icn .h3{ font-size:18px; }
.home-projects-banner .wrap .logo{ /* align-items:flex-end; pour ancienne image, qui était rognée sur la droite*/ align-items:center; }
.home-projects-banner .logo img{ max-width:100%; }
.home-projects-banner.offset .logo img{ margin:-100px 0 -100px 0; }/*img png*/
@media (max-width: 1679px) {
	.home-projects-banner .content{ padding-right:0; }
	.home-projects-banner .wrap .content .half-container{ padding-right:0; }
	.home-projects-banner .wrap .logo{ padding-left:60px; }
	.home-projects-banner .icn .h3{ font-size:16px; }
}
@media (max-width: 1500px) { /*container width*/
	.home-projects-banner .wrap .content .half-container{ margin-left:0; }
}
@media (max-width: 1019px) {
	.home-projects-banner .wrap>div{ width:100%; }
	.home-projects-banner .content{ padding-right:60px; }
	.home-projects-banner .content .h2{ font-size:40px; }
	.home-projects-banner .content .h2>.t-xsm{ font-size:35px; }
	.home-projects-banner .content .btn{ margin:0 auto; }
	.home-projects-banner .icn{ width:100%; }
	.home-projects-banner .wrap .logo{ padding-left:0; }
	.home-projects-banner .logo img{ margin:0 auto; }
}
@media (max-width: 619px) {
	.home-projects-banner .content .h2{ font-size:30px; }
	.home-projects-banner .content .h2>.t-xsm{ font-size:25px; }
	.home-projects-banner .icn .h3{ font-size:14px; }
}

.home-map{ background:url(../images/bg-home-map-v2.png) 0 0 repeat-x;}
.home-map .h2{ padding:100px 0; font-size:60px; color:#fff; }
.home-map .map-container {  margin-left:calc((100% - 1440px)/2); }
.home-map .map-container img { width:100%;}
.home-map .btn { display:none; margin-bottom:100px;}
@media (max-width: 1440px) {
	.home-map .map-container {  margin-left:0; }
}
@media (max-width: 1019px) {
	.home-map .h2{ font-size:50px; }
}
@media (max-width: 767px) {
	.home-map .h2 { padding-bottom:50px;}
	.home-map .map-container { display:none;}
	.home-map .btn { display:inline-block;}
}
@media (max-width: 619px) {
	.home-map .h2{ font-size:30px; }
}

.home-partners{ padding:100px 0; }
.home-partners .h2{ font-size:60px; color:#1b2539; text-align:center; }
.home-partners .h2>.t-xsm{ font-size:43px; }
.home-partners .item{ display:flex; flex-direction:column; justify-content:center; align-items:center; width:25%; padding:30px; }
.home-partners .item img{ filter:grayscale(100%); max-width:100%; transition:all .3s ease }
.home-partners .item a:hover img{ filter:grayscale(0%); }
.home-partners .bx-pager{ text-align:center; }
.home-partners .bx-pager-item{ display:inline-block; padding:0 5px; }
.home-partners .bx-pager-link{ display:inline-block; width:26px; height:26px; background:url(../images/slider-bullets.png) 0 -26px repeat; transition:none; text-indent:-999em; }
.home-partners .bx-pager-link.active { background-position:0 0; }
@media (max-width: 1019px) {
	.home-partners .h2{ font-size:40px; }
	.home-partners .h2>.t-xsm{ font-size:32px; }
}
@media (max-width: 619px) {
	.home-partners .h2{ font-size:30px; margin-bottom:30px; }
	.home-partners .h2>.t-xsm{ font-size:25px; }
	.home-partners .item{ width:50%; padding:15px; }
}


.home-testimonial { background: #1b2539; text-align: center; }
.home-testimonial:before { content:''; background: #fff; width: 80px; height: 100%; position: absolute; top: 0; right: 0; }
.home-testimonial .container{ max-width:1800px; }
.home-testimonial .wrap .content{ justify-content: center; align-items: center; width:70%; padding:100px 0 100px 0px; margin: auto; }
.home-testimonial .content h2{ font-size:40px; color:#fff; margin-bottom:30px;}
.home-testimonial .item{ display:flex; flex-direction:column; justify-content:center; align-items:center; width:100%; padding:30px; }
.home-testimonial .contact { display: flex; align-items: center; margin-bottom: 35px; }
.home-testimonial .contact .text { text-align: left; color: #fff; }
.home-testimonial .contact .text .name, .home-testimonial .contact .text .company { display: block; padding-left: 20px; text-transform: uppercase; }
.home-testimonial .contact .text .name { font-size: 18px; font-weight: 600; margin-bottom: 6px; }
.home-testimonial .contact .text .company { font-size: 15px; }
.home-testimonial .quote p { color: #fff; text-align: center;  }
.home-testimonial .bx-pager{ text-align:center; margin-top: 30px; }
.home-testimonial .bx-pager-item{ display:inline-block; padding:0 5px; }
.home-testimonial .bx-pager-link{ display:inline-block; width:26px; height:26px; background:url(../images/slider-bullets.png) 0 -26px repeat; transition:none; text-indent:-999em; }
.home-testimonial .bx-pager-link.active { background-position:0 0; }

@media (max-width: 1019px) {
	.home-testimonial:before { width: 0; }
	.home-testimonial .wrap>div{ width:100%; }
	.home-testimonial .wrap .content{ width:100%; padding:100px 0; }
	.home-testimonial .wrap .content h2{ font-size:26px; }
}
@media (max-width: 500px) {
	.home-testimonial .item { padding: 30px 0; }
}


.page-intro{ background:#f6f6f6; padding:100px 0 220px; color:#1b2539; position:relative; }
.page-intro.alt{ padding-bottom:100px; }
.page-intro:before{ content:""; display:block; position:absolute; top:80px; left:0; width:290px; height:136px; background:url(../images/wave-sm-blue.png) 0 0 repeat; opacity:0.3; }
.page-intro .wrap>div{ display:flex; flex-direction:column; justify-content:center; width:50%; }
.page-intro .wrap>div.wide{ width:100%; }
.page-intro .title{ padding-right:100px; }
.page-intro .title h2{ font-size:40px; }
.page-intro .title h2.sm{ font-size:32px; }
.page-intro .content p{ font-weight:700; }
.page-intro .content p+p{ margin-top:15px; }
.page-intro .content .btn{ margin-top:30px; }
.over-intro{ margin-top:-100px; }
@media (max-width: 1019px) {
	.page-intro .wrap>div{ width:100%; }
	.page-intro .title{ padding-right:0; }
	.page-intro .title h2{ font-size:40px; }
	.page-intro .content{ padding-top:30px; }
}
@media (max-width: 619px) {
	.page-intro .title h2{ font-size:30px; }
	.page-intro .title h2.sm{ font-size:26px; }
}

.page-intro-2{ background:#f6f6f6; padding:100px 0; position:relative; }
.page-intro-2.over-intro{ background:none; padding-top:0; margin-top:-130px; }
.page-intro-2 h2, .page-intro-2 h3{ font-size:30px; color:#1b2539; margin-bottom:30px; }
.page-intro-2 .row{ margin-left:-45px; }
.page-intro-2 .item{ width:50%; padding:30px 0 30px 45px; float:left; }
.page-intro-2 .wide{ margin-bottom:30px; }
.page-intro-2 p+p, .page-intro-2 p+ul, .page-intro-2 ul+p{ margin-top:15px; }
.page-intro-2 ul{ padding-left:30px; }
.page-intro-2 li{ background:url(../images/li-arrow.png) left center no-repeat; padding:3px 0 3px 20px; font-weight:700; }
.page-intro-2 li+li{ margin-top:5px; }
.page-intro-2 img{ width:100%; }
.page-intro-2 img+h2, .page-intro-2 img+h3{ padding-top:30px; border-top:4px solid #0971ce; margin-top:20px; }
@media (max-width: 619px) {
	.page-intro-2 .row{ margin-left:0; }
.page-intro-2 .item{ width:100%; padding:30px 0; float:none; }
}

.logo-bg{ background:url(../images/bg-logo.png) left -30px bottom 60px no-repeat; }
@media (max-width: 1219px) {
	.logo-bg{ background:none; }	
}

.dual-box+.dual-box{ margin-top:160px; }
.dual-box.last{ margin-bottom:160px; }
.dual-box.first{ margin-top:160px; }
.dual-box .wrap>div{ display:flex; flex-direction:column; align-items:flex-start; width:50%; }
.dual-box .img{ position: relative; z-index: 1;}
.dual-box .img:before{ content:""; position:absolute; top:-30px; left:-30px; display:block; width:180px; height:300px; background-color:#0971ce; z-index: -1; }
.dual-box .img img{ max-width:100%; max-height: 500px; height: auto; }
.dual-box .content{ max-width:100%; justify-content:flex-end; padding-bottom:60px; }
.dual-box .content .inner{ padding:60px 40px; /*margin-left:-80px;*/ position:relative; max-width:550px; /*box-shadow:0 0 20px rgba(0,0,0,0.1);*/ }
.dual-box .content .inner.full-bkg { background-color:#fff;}
.dual-box .content .inner:before{ content:""; display:block; background:#fff; position:absolute; height:100%; width:80px; top:0; left:0; }
.dual-box .content h2{ font-size:25px; color:#1b2539; margin-bottom:30px; position:relative; }
.dual-box .content h2:before{ content:""; margin-bottom:20px; display:block; width:60px; height:5px; background-color:#0971ce; }
.dual-box .content p{ position:relative; }
.dual-box .content .btn{ margin-top:30px; position:relative; }
.dual-box .wrap-alt>div{ display:flex; flex-direction:column; align-items:flex-end; width:50%; }
.dual-box .wrap-alt .content .inner{ margin-left:0; /*margin-right:-80px;*/ }
.dual-box .wrap-alt .content .inner:before{ left:auto; right:0; }
.dual-box .wrap-alt .img:before{ bottom:-30px; right:-30px; top:auto; left:auto; }
.dual-box .wrap-alt .blog-img:before{ bottom: 70px; right:-30px; top:auto; left:auto; }
.dual-box.alt .img:before{ top:50%; margin-top:-150px; }
.dual-box.alt .content{ justify-content:center; padding-bottom:0; }
@media (max-width: 1019px) {
	.dual-box+.dual-box{ margin-top:0; }
	.dual-box.last{ margin-bottom:60px; }
	.dual-box .wrap>div{ width:100%; }
	.dual-box .wrap-alt>div{ width:100%; }
	.dual-box .img:before{ top:-15px; left:-15px; width:100px; height:200px; }
	.dual-box .wrap-alt .img:before{ bottom:-15px; right:-15px; top:auto; left:auto; }
	.dual-box .content .inner{ background:#fff; padding:40px 30px; margin:-30px 15px 0; }
	.dual-box .content .inner:before{ display:none; }
	.dual-box .wrap-alt .content .inner{ margin:-30px 15px 0; }
	.dual-box .content h2{ font-size:20px; }
}

.two-boxes{ padding:100px 0; }
.two-boxes .wrap>div{ display:flex; flex-direction:column; align-items:flex-end; width:50%; }
.two-boxes .item{ padding:30px;  }
.two-boxes .img{ padding-right:60px; }
.two-boxes .img img{ max-width:100%; }
.two-boxes .content .inner{ background:#1b2539; padding:60px 40px; margin-top:-80px; margin-left:80px; position:relative; max-width:550px; }
.two-boxes .content h2{ font-size:25px; color:#fff; margin-bottom:30px; }
.two-boxes .content h2:before{ content:""; margin-bottom:20px; display:block; width:60px; height:5px; background-color:#0971ce; }
@media (max-width: 1019px) {
	.two-boxes{ padding:0; }
	.two-boxes .wrap>div{ width:100%; }
	.two-boxes .item{ padding:0 0 100px 0;  }
	.two-boxes .img{ padding-right:30px; }
	.two-boxes .content .inner{ padding:40px 30px; margin-left:30px; }
	.two-boxes .content h2{ font-size:20px; }
}

.two-boxes-lg{ padding-bottom:100px; }
.two-boxes-lg .wrap>div{ display:flex; flex-direction:column; align-items:center; justify-content:space-between; width:50%; background-size:cover; background-position:center center; min-height:600px; }
.two-boxes-lg.wide .wrap>div{ width:100%; min-height:200px; padding:100px 0; }
.two-boxes-lg .content{ padding:30px; max-width:650px; margin:70px auto 0 auto; text-align:center; color:#fff; }
.two-boxes-lg.wide .content{ max-width:960px; }
.two-boxes-lg .content h2{ font-size:40px; margin-bottom:30px; }
.two-boxes-lg .content h2 sup{ font-size:0.6em; }
.two-boxes-lg .content ul.inline{ margin-top:30px; }
.two-boxes-lg .content ul.inline li{ display:inline-block; font-family:'Lato', sans-serif; font-weight:900; text-transform:uppercase; font-size:20px; }
.two-boxes-lg .content ul.inline li+li{ border-left:2px solid #fff; padding-left:15px; margin-left:15px; }
.two-boxes-lg .content .btn{ margin-top:30px; }
.two-boxes-lg .whitebox { background: #fff; padding: 25px 30px; }
.two-boxes-lg .whitebox img { max-width: 100%; margin: auto; } 

@media (max-width: 1019px) {
	.two-boxes-lg{ padding-bottom:60px; }
	.two-boxes-lg .wrap>div{ width:100%; min-height:300px; }
	.two-boxes-lg .content{ padding:100px 30px; }
	.two-boxes-lg .content h2{ font-size:30px; }
}
@media (max-width: 619px) {
	.two-boxes-lg .content ul.inline li{ display:block; }
	.two-boxes-lg .content ul.inline li+li{ border-left:none; padding-left:0; margin-left:0; margin-top:15px; }
}
@media (max-width: 450px) {
	.two-boxes-lg .content{ padding:70px 15px; }
	.two-boxes-lg .content h2{ font-size:25px; }
	.two-boxes-lg .whitebox { padding: 15px 15px; }
}

.faq{ background:url(../images/bg-top-faq.png) 0 0 repeat-x #1b2539; }
.faq .container{ max-width:1800px; }
.faq .wrap>div{ display:flex; flex-direction:column; }
.faq .wrap .img{ justify-content:flex-end; align-items:flex-start; width:40%; }
.faq .wrap .img img{ max-width:100%; }
.faq .wrap .content{ justify-content:flex-start; align-items:flex-start; width:60%; padding:200px 0 100px 60px; }
.faq .content h2{ font-size:40px; color:#fff; margin-bottom:30px;}
.faq .item+.item{ border-top:2px solid rgba(255,255,255,0.2); }
.faq .t-item{ color:#fff; padding:25px 60px 25px 15px; cursor:pointer; position:relative; transition:all .4s ease }
.faq .t-item:hover{ opacity:0.2; }
.faq .t-item h3{ font-size:20px; text-transform:none; }
.faq .t-item .icn{ position:absolute; top:50%; right:15px; margin-top:-16px; display:block; width:33px; height:33px; background:url(../images/icn-plus-minus.png) 0 -33px no-repeat; background-size:33px 66px; }
.faq .t-item.open .icn{ background-position:0 0; }
.faq .c-item{ height:0; overflow:hidden; transition:all 0.4s ease; color:#BBBBBB;}
.faq .c-item.open{ }
.faq .c-item>div{ padding:0 80px 30px 15px; }
.faq .c-item>div p+p, .faq .c-item>div ul+p, .faq .c-item>div p+ul{ margin-top:15px; }
.faq .c-item>div ul{ padding-left:30px; }
.faq .c-item>div li{ list-style:disc; }
.faq .c-item>div li+li{ margin-top:5px; }
.faq .c-item>div li a{ text-decoration:underline; font-weight:700; color:#0971ce; }
.faq .c-item>div li a:hover{ opacity:0.6; text-decoration:underline; color:#9e9e9e; }
@media (max-width: 1019px) {
	.faq{ background:#1b2539; }
	.faq .wrap>div{ width:100%; }
	.faq .wrap .img{ display:none; }
	.faq .wrap .content{ width:100%; padding:100px 0; }
	.faq .wrap .content h2{ font-size:30px; }
	.faq .t-item h3{ font-size:18px; }
	.faq .c-item>div{ padding:0 15px 30px 15px; }
}

#contact-map { height:550px; }
.contact-banner a{ background:#0971ce; display:block; padding:100px 0; color:#fff; position:relative; }
.contact-banner a:hover{ background:#085fac; }
.contact-banner .f-title{ font-size:40px; line-height:1.3; }
.contact-banner .t-xsm{ font-size:35px; }
.contact-banner a:after{ content:""; display:block; background:url(../images/icn-arrow-lg.png) center center no-repeat; background-size:33px 30px; position:absolute; top:50%; right:160px; width:33px; height:30px; margin-top:-15px; transition:all .3s ease }
.contact-banner:hover a:after{ right:150px; }
@media (max-width: 1219px) {
	.contact-banner a:after{ right:100px;}
	.contact-banner:hover a:after{ right:90px; }
}
@media (max-width: 1019px) {
	.contact-banner a{ padding:60px 40px 60px 0; }
	.contact-banner .f-title{ font-size:25px; }
	.contact-banner .t-xsm{ font-size:18px; }
	.contact-banner a:after{ right:30px;}
	.contact-banner:hover a:after{ right:20px; }
}
.contact-banner.home a { padding:30px;}

.products{ background:#1b2539; padding:140px 0 0; }
.products .blocks-inner{ background:url(../images/bg-home-blocks.png) center center repeat-y; }
.products .blocks-inner .container:before{ content:""; display:block; position:absolute; top:-50px; right:15%; width:272px; height:164px; background:url(../images/wave-sm.png) 0 0 repeat; }
.products .block-left{ width:80%; background:#fff; position:relative; padding:60px 0; }
.products .item{ display:block; padding-left:360px; margin:30px -150px 30px 0; }
.products .item .content{ padding:60px 0; }
.products .item .content img{ width:100%; }
.products .item .content .inner{ background:#fff; padding:60px; margin-left:-360px; margin-top:-200px; max-width:700px; position:relative; box-shadow:0 0 20px rgba(0,0,0,0.1); }
.products .item .inner>div{ position:relative; }
.products .item .content .inner h2{ font-size:30px; color:#1b2539; margin-bottom:30px; }
.products .item .content .inner h2:before{ content:""; margin-bottom:20px; display:block; width:60px; height:5px; background-color:#0971ce; }
@media (max-width: 1019px) {
	.products .block-left{ width:100%; padding:30px 0; }
	.products .item{ padding-left:0; margin:30px 0 30px 0; }
	.products .item .content{ padding:0; }
	.products .item .content img{ margin-right:-30px;}
	.products .item .content .inner{ padding:30px 15px; margin-left:0; margin-top:0; box-shadow:none; }
	.products .item .content .inner h2{ font-size:20px; margin-bottom:15px; }
}

.grid{ padding:100px 0; }
.grid.over-intro{ margin-top:-230px; }
.grid .wrap{ position:relative; box-shadow:0 0 20px rgba(0,0,0,0.1); }
.grid .wrap:before{ content:""; position:absolute; top:-30px; left:-30px; display:block; width:180px; height:300px; background-color:#0971ce; }
.grid .wrap>div{ display:flex; flex-direction:column; align-items:center; width:50%; }
.grid .item{ padding:60px; text-align:center; background:#fff; position:relative; border-top:2px solid #f6f6f6; border-left:2px solid #f6f6f6;  }
.grid .item:nth-child(odd){ border-left:none; }
.grid .item:nth-child(1), .grid .item:nth-child(2){ border-top:none; }
.grid .item.double{ width:100%; }
.grid .item.double .inner{ max-width:850px; margin:0 auto; }
.grid .item.patch-double{ display:none; }
.grid .item img{ display:block; margin:0 auto 15px; width:80px; max-width:100%; }
.grid .item img.logo-fournisseur { width:auto; max-height:80px; margin-bottom:40px;}
.grid .item h2{ font-size:25px; color:#0971ce; margin-bottom:30px; }
.grid .item p+p{ margin-top:15px; }
.grid .item.timeline .inner{ padding:60px 0 60px 350px; max-width:100%; position:relative; }
.grid .item.timeline .logo{ position:absolute; top:120px; left:0; width:auto; max-width:325px; margin:0; }
.grid .item.timeline h2{ text-align:left; }
.grid .item.timeline p{ text-align:justify; padding-left:60px; padding-bottom:30px; position:relative; background:url(../images/timeline.png) 0 0 repeat-y; }
.grid .item.timeline p+p{ margin-top:0; }
.grid .item.timeline p.last{ padding-bottom:0; background:none; }
.grid .item.timeline p:after{ content:""; display:block; width:26px; height:26px; background:url(../images/timeline-bullet.png) 0 0 no-repeat; position:absolute; top:0; left:0; }
@media (max-width: 1019px) {
	.grid .item.timeline .inner{ padding:0; }
	.grid .item.timeline .logo{ position:static; margin-bottom:30px; max-width:100%; }
	.grid .item.timeline p{ padding-left:45px; }
}
@media (max-width: 619px) {
	.grid .wrap:before{ top:-15px; left:-15px; }
	.grid .wrap>div{ width:100%; }
	.grid .item{ padding:60px 30px; border-left:0; }
	.grid .item:nth-child(2){ border-top:2px solid #f6f6f6; }
	.grid .item.empty{ display:none; }
}


.all-logos { margin-bottom:100px; }
.all-logos img { width:100%;}
.all-logos img.mobile { display:none;}
@media (max-width: 767px) {
	.all-logos img.desktop { display:none;}
	.all-logos img.mobile { display:block;}	
}

.pompco-banner{ padding:0 0 100px 0; position:relative; }
.pompco-banner .container{ max-width:960px; }
.pompco-banner .wrap>div{ display:flex; flex-direction:column; justify-content:center; }
.pompco-banner .img{ align-items:center; padding-right:50px; width:40%; }
.pompco-banner .img img{ max-width:100%; }
.pompco-banner .content{ align-items:flex-start; padding-left:50px; width:60%; }
.pompco-banner .content p{ max-width:550px; font-size:18px; color:#1b2539; }
@media (max-width: 619px) {
	.pompco-banner .img{ padding:0 0 30px 0; width:100%; }
	.pompco-banner .img img{ max-width:70%; }
	.pompco-banner .content{ padding:0; width:100%; }
}

.home-dark-banner{ background:#1b2539; padding:100px 0; position:relative; }
.home-dark-banner:before{ content:""; display:block; position:absolute; top:0; left:0; width:140px; height:164px; background:url(../images/wave-sm.png) 0 0 repeat; }
.home-dark-banner .wrap>div{ display:flex; flex-direction:column; justify-content:center; align-items:flex-start; width:50%; }
.home-dark-banner .content{ padding-right:100px; }
.home-dark-banner .content h2{ font-size:50px; color:#fff; }
.home-dark-banner .content p{ margin:30px 0; }
.home-dark-banner .icns .wrap-center{ width:100%; }
.home-dark-banner .icn{ display:flex; width:32%; flex-direction:column; align-items:center; text-align:center; padding:15px; }
.home-dark-banner .icn img{ display:block; margin:0 auto 15px; width:80px; max-width:100%; }
.home-dark-banner .icn h3{ font-size:18px; color:#fff; }
@media (max-width: 1019px) {
	.home-dark-banner .wrap>div{ width:100%; }
	.home-dark-banner .content{ padding-right:0; }
	.home-dark-banner .content h2{ font-size:40px; }
	.home-dark-banner .icns{ padding-top:60px; }
}
@media (max-width: 619px) {
	.home-dark-banner .content h2{ font-size:30px; }
	.home-dark-banner .icn{ width:100%; padding:30px 15px 15px 15px; }
}


.marker-content { padding:10px 20px;}
.marker-content h3 { color:#0971ce; border-bottom:2px solid #0971ce; padding-bottom:8px; margin-bottom:12px;}
.marker-content p { line-height:1.5;}

/*.contact-form{ background:#f6f6f6; }*/
.contact-form .container{ max-width:960px; }
.contact-form .intro{ text-align:center; padding:100px 0 60px; font-size:23px; }
.contact-form .form{ padding-bottom:100px; }
.contact-form .form .row{ margin-left:-45px; }
.contact-form .form .item{ width:50%; padding:30px 0 30px 45px; float:left; }
.contact-form .form .item.wide{ width:100%; }
.contact-form .form label{ display:block; width:100%; font-family:'Lato', sans-serif; font-weight:900; text-transform:uppercase; font-size:20px; color:#0971ce; }
.contact-form .form .input{ display:block; width:100%; margin-top:10px; border:1px solid #c0c0c0; padding:15px 10px; font-size:18px; }
.contact-form .form .input:focus{ border-color:#9e9e9e; background:#f6f6f6; }
.contact-form .form .input.error { border-color:red;}
.contact-form .form textarea{ height:150px; }
.contact-form .form button{ border:none; margin:0 auto; cursor:pointer; display:block; width:90%; max-width:400px; font-size:16px; }
.contact-form .form .g-recaptcha>div{ margin:0 auto 30px; }

@media (max-width: 619px) {
	.contact-form .intro{ font-size:16px; }
	.contact-form .form .row{ margin-left:0; }
	.contact-form .form .item{ width:100%; padding:15px 0; float:none; }
	.contact-form .form label{ font-size:16px; }
	.contact-form .form .input{ padding:10px; font-size:16px; }
	.contact-form .form button{ font-size:13px; }
}
.form .item .radio-item { margin:1em 0;}
.form .item .radio-item label { font-weight:normal; text-transform:none;}
.form .messages-validation label.error { text-align:center; text-transform:none; font-size:18px; font-weight:normal; margin-bottom:1em; color:red}

.alert-confirmation {
	color:#155724;
	background-color:#d4edda;
	border:1px solid #c3e6cb;
  	display: none;
	padding:.75rem 1.25rem;
	margin-bottom:1rem;
	border-radius:.25rem;
}

.blog-title {
	margin-bottom: 40px;
}

.login-section {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 60px 20px;
    background-color: #f3f6fa;
}

.login-box {
    background: #fff;
    border: 1px solid #ddd;
    padding: 30px 40px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    width: 100%;
    max-width: 400px;
    text-align: center;
}

.login-title {
    font-size: 22px;
    margin-bottom: 20px;
    color: #333;
}

.login-form {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.login-input {
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 16px;
}

.login-button {
    background-color: #0070cc;
    color: white;
    border: none;
    padding: 12px;
    font-size: 16px;
    border-radius: 6px;
    cursor: pointer;
}

.login-button:hover {
    background-color: #005fa3;
}

.error-message {
    color: #cc0000;
    margin-bottom: 15px;
    font-weight: bold;
}


.posts-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 40px;
}

.posts-table th, .posts-table td {
    padding: 15px;
    border-bottom: 1px solid #ddd;
    text-align: left;
}

.posts-table th {
    background-color: #f9f9f9;
    color: #555;
    font-weight: 600;
}

.posts-table tr:hover {
    background-color: #f1f7fd;
}

.btn {
    padding: 6px 12px;
    text-decoration: none;
    border-radius: 3px;
    font-size: 14px;
}

.btn-edit {
    background-color: #28a745;
    color: white;
    margin-right: 5px;
}

.btn-edit:hover {
    background-color: #218838;
}

.btn-delete {
    background-color: #dc3545;
    color: white;
}

.btn-delete:hover {
    background-color: #c82333;
}

.blog-form {
    background: #f9f9f9;
    padding: 25px;
    border-radius: 6px;
    box-shadow: 0 0 10px rgba(0,0,0,0.05);
}

.blog-form .form-group {
    margin-bottom: 20px;
}

.blog-form label {
    display: block;
    margin-bottom: 6px;
    font-weight: 600;
}

.blog-form input[type="text"],
.blog-form textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
    resize: vertical;
}

.success-msg {
    background-color: #d4edda;
    color: #155724;
    padding: 12px;
    border-radius: 4px;
    margin-bottom: 20px;
}

.error-msg {
    background-color: #f8d7da;
    color: #721c24;
    padding: 12px;
    border-radius: 4px;
    margin-bottom: 20px;
}

.margin-top {
	margin-top: 120px;
}

.blog-centered {
	text-align: center;
}

.blog-text-not-found {
	padding: 10px;
}

.margin-top-60 {
	margin-top: 60px;
}

.blog-content p {
	margin: 10px;
}

.blog-content ul {
	padding-left: 20px;
}

.blog-content ul, .blog-content li {
	list-style: disc;
}

.foreuse-title {
	font-size: large;
}