.owl-carousel .animated {
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
} .owl-height {
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
} .owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent; position: relative;
z-index: 1;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
display: none;
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel .owl-item img {
display: block;
width: 100%;
-webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
}
.owl-carousel .owl-grab {
cursor: move;
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
} .no-js .owl-carousel {
display: block;
} .owl-carousel .owl-item .owl-lazy {
opacity: 0;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
transform-style: preserve-3d;
} .owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(//www.haurec.fr/wp-content/themes/haurec/css/owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
-webkit-transition: scale 100ms ease;
-moz-transition: scale 100ms ease;
-ms-transition: scale 100ms ease;
-o-transition: scale 100ms ease;
transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
-webkit-transition: scale(1.3, 1.3);
-moz-transition: scale(1.3, 1.3);
-ms-transition: scale(1.3, 1.3);
-o-transition: scale(1.3, 1.3);
transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
}.owl-theme .owl-controls{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-controls .owl-nav [class*=owl-]{color:#fff;font-size:14px;margin:5px;padding:4px 7px;background:#d6d6d6;display:inline-block;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.owl-theme .owl-controls .owl-nav [class*=owl-]:hover{background:#869791;color:#fff;text-decoration:none}.owl-theme .owl-controls .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}@import url("https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900"); @import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700,800"); body {
margin: 0px;
font-family: "Open Sans", Sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 300;
letter-spacing: 0.4px;
font-family: "Open Sans", Sans-serif;
color: #232323;
}
p {
font-family: 'Roboto', sans-serif;
font-size: 15px;
font-weight: 300;
line-height: 23px;
letter-spacing: 0.2px;
color: #000000;
}
.white p {
color: #ffffff !important;
}
.dark-bg p {
color: #B1B1B1;	
}
a:active, a.active {
color: #000000 !important;
}
a, a:hover, a:focus, a:active, a.active {
outline: 0;
}
.linkMailto {
color: #000000 !important;
text-decoration: none;
}
.whiteLInk:hover {
color: #31b256 !important;
}
::selection {
text-shadow: none;
background: #fed136;
} .navbar-right {
float: right !important;
margin-right: 0;
}
.navbar {
border: 0px solid transparent;
margin-bottom: 0px !important;
min-height: 50px;
position: relative;
}
@media (min-width: 768px) {
section {
padding: 150px 0;
}
}
section {
padding: 70px 0;
}
ul {
padding-left: 0;
padding-top: 10px;	
} .row.vertiCenter {
align-items: center;
display: flex;
}
ul li {
color: #ffffff;
font-family: "Open Sans",sans-serif;
font-size: 25px;
font-weight: 500;
letter-spacing: 0.2px;
line-height: 35px;
list-style: outside none none;
padding-bottom: 10px;
text-transform: uppercase;
}
section ul li:before {
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
display: inline-block;
text-decoration: inherit;
content: "\f105";
padding-right: 7px;
color: #23AD21;
} .row-0-gutter {
margin-left: -13px;
margin-right: -13px;
}
.col-0-gutter {
padding-left: 0;
padding-right: 0;
} .navbar-default {
background-color: #31b256;
border-color: transparent
}
.navbar-default .navbar-brand {
color: #fff;
font-family: "Montserrat",sans-serif;
padding: 0px;
}
.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:active,.navbar-default .navbar-brand.active {
color: #fec503
} .navbar-default .navbar-toggle {
background-color: #c4244a;
border-color: #c4244a;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #fff
}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {
background-color: #870C28;
}
.navbar-default .nav li a {
font-family: "Roboto",sans-serif;
text-transform: uppercase;
font-weight: lighter;
letter-spacing: 2px;
color:#ffffff;
}
.navbar-default .nav li a:hover,.navbar-default .nav li a:focus {
color: #c4244a;
outline: 0
}
.navbar-default .navbar-nav>.active>a {
border-radius: 0;
color: #fff;
background-color: #fed136
}
.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus {
color: #fff;
background-color: #fec503
}
#site-navigation {
display: table !important;
float: none !important;
margin: 0 auto !important;
text-align: center !important;
width: 100% !important;
}
.navbar-right {
display: inline-block !important;
float: none !important;
margin: 0 auto !important;
text-align: center !important;
} @media (min-width:768px) {
.navbar-default
{
background-color: #31B256;
padding: 5px 0;
-webkit-transition:padding .3s;
-moz-transition:padding .3s;
transition:padding .3s;
border:0
}
.navbar-default .navbar-brand {
font-size: 2em;
-webkit-transition:all .3s;
-moz-transition:all .3s;
transition:all .3s
}
.navbar-default .navbar-nav>.active>a {
border-radius: 3px
}
.navbar-default.navbar-shrink {
background-color: #31B256;
border-bottom: 0px solid #828282;
padding: 0px 0
}
.navbar-default.navbar-shrink .navbar-brand {
font-size: 1.5em;
margin-top: 10px;
}
} header {
background-image: url(//www.haurec.fr/wp-content/themes/haurec/images/demo/bg-sanza.jpg);
background-repeat: none;
background-attachment: scroll;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
text-align: center;
color: #fff;
}
header .intro-text {
padding-top: 100px;
padding-bottom: 50px;
}
.header-mentions-container {
background-image: url(//www.haurec.fr/wp-content/themes/haurec/images/header-mentions-white.jpg);
background-repeat: none;
background-attachment: scroll;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
text-align: center;
color: #fff;
padding: 10px 0 10px 0;
}
@media (min-width: 768px) {
header .intro-text {
padding-top: 230px;
padding-bottom: 400px;
}
}
header .intro-text .intro-lead-in {
display: inline-block;
background-color: rgba(255, 255, 255, 0.65);
margin-bottom: 25px;
padding: 4px 20px;
font-family: "Open Sans",sans-serif;
font-size: 19px;
color: #3E3E3E;
font-weight: 300;
line-height: 40px;
}
.home-link:hover {
color: #ba0f27;
}
.home-link {
float: left;
position: absolute;
top: 15%;
color: #ffffff;
font-size: 30px;
left: 25%;
}
.col-md-12.title-mentions {
padding: 0 0 10px 0;
}
.container.marge-mentions {
padding: 10px 0 30px 0;
}
.bold {
font-weight: 600;
}
@media (min-width: 768px) {
header .intro-text .intro-lead-in {
font-size: 29px;
line-height: 40px;
margin-bottom: 45px;
}
}
header .intro-text .intro-heading {
text-transform: uppercase;
font-weight: 900;
font-size: 40px;
line-height: 48px;
margin-bottom: 25px;
letter-spacing: -3px;
word-spacing: 10px;
color: #FFFFFF;
text-shadow: 1px 1px 1px rgb(0, 0, 0);
}
@media (min-width: 768px) {
header .intro-text .intro-heading {
line-height: 95px;
font-size: 77px;
margin-bottom: 50px;
}
}
.noPadding {
padding: 0 0 0 0;
}
.container.sectionContact {
width: 100%;
}
.noPadding {
padding-left: 0;
padding-right: 0;
}
.slider {
width: 100%;
padding-left: 0;
padding-right: 0;
}
.tp-caption.rev-scroll-btn.revs-dark.tp-withaction {
display: none !important;
} .section-title h2 {
font-size: 34px;
text-transform: uppercase;
color: #5D5D5D;
font-weight: 800;
letter-spacing: -0.6px;
position: relative;
margin-bottom: 20px;
padding-bottom: 15px;
}
.section-title h2:after {
left: 50%;
z-index: 1;
width: 40px;
height: 2px;
content: " ";
bottom: -5px;
margin-left: -20px;
text-align: center;
position: absolute;
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.dark-bg .section-title h2 {
color: #fff;
}
.section-title p {
font-size: 15px;
font-weight: 300;
line-height: 25px;
margin: 20px 100px 60px 100px;
}
.tittleWhite.small.text-center {
text-transform: none;
}
.blockTittleWhiteRed.small {
text-transform: none;
}
.blockTittleWhiteGreen.small {
text-transform: none;
}
.wpgmp_map_container {
border: 0 solid transparent !important;
border-radius: 0 !important;
box-shadow: 0 0 0 rgba(0, 0, 0, 0.3) !important;
box-sizing: border-box !important;
outline: medium none !important;
position: relative !important;
} .firstWord {
color: #c4244a;
font-weight: 100;
}
.firstWord2 {
color: #ffffff;
font-weight: 100;
}
.white-bg {
background-color: #ffffff;
padding-bottom: 0;
}
#triangle-up {
border-left: 0 solid transparent;
border-right: 100vw solid transparent;
border-top: 4vw solid #ffffff;
height: 0;
left: 0;
position: relative;
right: 0;
width: 100%;
}
#triangle-down { 
height: 0;
left: 0;
position: relative;
right: 0;
width: 100%;
border-left: 0px solid transparent; 
border-right: 100vw solid transparent; 
border-bottom: 4vw solid #ffffff;
}
#about.dark-bg {
padding: 0px 0;
background: url(https://www.haurec.fr/wp-content/uploads/2017/01/Fotolia_50930312_XL_-Schwoab.jpg);
background-size: cover;
background-attachment: fixed;
}
.tittleRed {
color: #c4244a !important;
}
.tittleWhite {
color: #ffffff !important;
}
.mz-module-about h3 {
font-weight: 500;
font-size: 19px;
text-transform: uppercase;
color: #000000;
letter-spacing: 2px;
margin-bottom: 20px;
}
.dark-bg .mz-module-about h3 {
color: #FFFFFF;
}
.mz-module-about p {
font-size: 14px;
font-weight: 300;
line-height: 22px;
color: #969696;
}
.ot-circle {
height: 95px;
width: 95px;
text-align: center;
line-height: 98px;
color: #FFFFFF; border-radius: 100px;
background-color: #23AD21;
margin: 0 2px 4px;
font-size: 24px;
}
#trapezoid{
border-left: 10px solid transparent;
border-right: 30px solid transparent;
border-top: 50px solid rgba(255, 255, 255, 0.5);
bottom: -128px;
content: "";
height: 0;
left: -95px;
position: absolute;
width: 204px;
}
.blockTittleWhiteGreen {
background-image: url(https://www.haurec.fr/wp-content/uploads/2017/01/background-white-1.png);
background-position: center center;
background-repeat: no-repeat;
background-size: 100% auto;
color: #31b256 !important;
font-weight: 600 !important;
margin: 0 50% !important;
padding-top: 16px;
text-align: center;
width: 500px !important;
}
.blockTittleWhiteRed {
background-image: url(https://www.haurec.fr/wp-content/uploads/2017/01/background-red-1.png);
background-position: center center;
background-repeat: no-repeat;
background-size: 100% auto;
color: #ffffff !important;
font-weight: 600 !important;
margin: 0 50% !important;
padding-top: 7px;
text-align: center;
width: 400px !important;
}
#shape {
position:relative;
height: 0; 
width: 240px;
border-top: 50px solid #ffffff;
border-right: 10px solid transparent;
}
#shape:hover{
border-top-color:#ffffff;
}
#shape:hover:before{
border-left-color:#ffffff;
}
#shape a{
display:block;
margin-top:-42px;
color:#31b256;
text-align:center;
text-decoration: none;
font-family:"Lucida Grande";
font-size: 25px;
}
#shape:before{
content:"";
border-top: 10px solid transparent;
border-left:250px solid #ffffff;
position:absolute;
top:-60px
} .section-text h3 {
margin: 0 0 30px;
font-weight: 800;
color: #5D5D5D;
}
.section-text h4 {
margin: 0 0 20px;
font-weight: 700;
font-size: 17px;
}
.dark-bg .section-text h3 {
color: #dfdfdf;
}
.dark-bg .section-text h4 {
color: #dfdfdf;
}
.red-bg {
background-color: #c4244a;
}
.green-bg {
background-color: #31b256;
}
.imgSvgLeft, .imgSvgRight {
padding-left: 0;
padding-right: 0;
float: left;
}
.imgSvgLeft {
margin: 0 0 0 1.4%;
padding: 2% 0 0 !important;
width: 59%;
}
.imgSvgRight {
margin: 0 0 0 -5.5%;
width: 44%;
}
.lighter {
font-weight: 100;
} figure {
position: relative;
overflow: hidden;
margin: 0 1px 1px 0;
background: #726FB9;
text-align: center;
cursor: pointer;	
}
figcaption {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;	
}
.ot-portfolio-item figure figcaption > a {
z-index: 1000;
text-indent: 200%;
white-space: nowrap;
font-size: 0;
opacity: 0;
}
.ot-portfolio-item figure figcaption, .ot-portfolio-item figure figcaption > a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
figure.effect-bubba {
background: #000;
margin-bottom: 1px;
}
figure.effect-bubba img { -webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
figure.effect-bubba:hover img {
opacity: 0.4;
}
figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
content: '';
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
figure.effect-bubba figcaption::before {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: scale(0,1);
transform: scale(0,1);
}
figure.effect-bubba figcaption::after {
border-right: 1px solid #fff;
border-left: 1px solid #fff;
-webkit-transform: scale(1,0);
transform: scale(1,0);
}
figure.effect-bubba h2 {
opacity: 0;
color: #fff;
font-size: 15px;
font-weight: 700;
text-transform: uppercase;
padding-top: 30%;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0,-20px,0);
transform: translate3d(0,-20px,0);
}
figure.effect-bubba p {
color: #fff;
font-size: 13px;
font-weight: 500;
padding: 20px 2.5em;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0,20px,0);
transform: translate3d(0,20px,0);
}
figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
figure.effect-bubba:hover h2,
figure.effect-bubba:hover p {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.line-title::after {
margin-right: -50%;
right: -0.5em;
}
.line-title::before {
left: -0.5em;
margin-left: -50%;
}
.line-title::before, .line-title::after {
background: #31b256 none repeat scroll 0 0;
content: "";
display: inline-block;
height: 2px;
position: relative;
vertical-align: middle;
width: 4%;
}
.line-title {
display: block;
font-size: 1.5em;
margin-bottom: 1.3em;
overflow: hidden;
position: relative;
text-align: center;
}
.colorGreen {
color: #31b256;
font-weight: bold;
}
.prestaImgLeft {
padding-left: 0;
padding-right: 0;
width: 33.333%;
float: left;
margin: 0 0px 0px 2.6%;
}
.prestaImgMiddle {
padding-left: 0;
padding-right: 0;
width: 33.333%;
float: left;
margin: 0 -2.5%;
}
.prestaImgRight {
padding-left: 0;
padding-right: 0;
width: 33.333%;
float: left;
}
.prestaImgOne {
padding-left: 0;
padding-right: 0;
width: 19.3%;
margin: 0 -1% 0px 3.8%;
float: left;
}
.prestaImgTwo {
padding-left: 0;
padding-right: 0;
width: 19.3%;
margin: 0px -1% 0 0;
float: left;
}
.prestaImgTree {
padding-left: 0;
padding-right: 0;
width: 19.3%;
margin: 0 -1% 0 0;
float: left;
}
.prestaImgFour {
padding-left: 0;
padding-right: 0;
width: 19.3%;
margin: 0 -1% 0 0;
float: left;
}
.prestaImgFive {
padding-left: 0;
padding-right: 0;
width: 19.3%;
float: left;
}
.pictoDechets {
padding-left: 0;
padding-right: 0;
width: 14.285%;
float: left;
}
.textPictoDechets {
color:#c4244a;  
font-weight: bold;
}
.prestaImgLeftBis {
padding-left: 0;
padding-right: 0;
width: 31.5%;
float: left;
margin: 0 0px 0px 5%;
}
.prestaImgMiddleBis {
padding-left: 0;
padding-right: 0;
width: 31.5%;
float: left;
margin: 0px -2.1%;
}
.prestaImgRightBis {
padding-left: 0;
padding-right: 0;
width: 31.5%;
float: left;
} .light-bg {
background-color: #f8f8f8;
}
.dark-bg {
background-color: #333231;	
color: #fff;
}
.short-section {
border-top: 1px solid #5D5D5F;
border-bottom: 1px solid #5D5D5F;
padding-top: 70px;
padding-bottom: 70px;
}
.counter-item h2 {
color: #fff;
font-size: 60px;
font-weight: 900;
}
.counter-item h6 {
color: #FFF;
font-size: 16px;
font-weight: 700;
margin: 10px 0 0 0;
text-transform: uppercase;
}
.textSectionMap {
color: #000000 !important;
font-size: 30px;
font-weight: bold;
line-height: 35px;
text-align: center;
} section#contact form {
margin-top: 15px;
}
section#contact.form-group {
margin-bottom: 25px;
}
section#contact .form-group input, section#contact .form-group textarea {
padding: 15px;
border: 1px solid #BBBBBB;
border-radius: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
font-size: 13px;
}
.contact h3 {
margin-bottom: 30px;
}
.contact p {
font-size: 13px;
}
.contact .day {
display: inline-block;
width: 80px;
}
.contact i {
margin-right: 5px;
} footer {
padding: 30px;
background-color: #c4244a;	
}
footer p {
color: #ffffff;
font-size: 20px;
font-weight: lighter;
letter-spacing: 1.6px;
margin: 0;
text-transform: none;
}
footer p a {
color: #fff;
}
footer p a span {
color: #23AD21;
font-size: 10px;
letter-spacing: 1px;
font-weight: 700;
} .btn-xl:hover, .btn-xl:focus, .btn-xl:active, .btn-xl.active, .open .dropdown-toggle.btn-xl {
color: #fff;
background-color: #fec503;
border-color: #f6bf01;
}
.btn:hover, .btn:focus, .btn:active, .btn.active, .open .dropdown-toggle.btn {
color: #fff;
background-color: #fec503;
border-color: #f6bf01;
}
.btn {
display: inline-block;
padding: 8px 20px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
background-color: #23AD21;
}
.btn-xl {
color: #fff;
background-color: #23AD21; font-family: "Open Sans",sans-serif;
text-transform: uppercase;
font-weight: 800;
border-radius: 0;
letter-spacing: 2px;
font-size: 16px;
padding: 17px 45px;
} #back-top {
position: fixed;
z-index: 1000;
bottom: 40px;
right: 50px;
}
#back-top a {
width: 60px;
height: 60px;
display: block;
text-align: center;
font: 11px/100% Arial, Helvetica, sans-serif;
text-transform: uppercase;
text-decoration: none;
color: #FFFFFF;
background: #A9A9B1; -webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}
#back-top a:hover {
background: #fed136;
} #back-top i {
margin-top: 15px;
font-size: 28px;
}
@media only screen
and (min-width : 320px)
and (max-width : 480px) {
#back-top {
position: fixed;
bottom: 10px;
right: 30px;
}
#back-top a {
width: 40px;
height: 40px;
}
#back-top i {
margin-top: 7px;
font-size: 20px;
}
}
.navbar-brand {
display: none;
}
.navbar-fixed-bottom, .navbar-fixed-top {
left: 0;
position: sticky !important;
right: 0;
z-index: 1030;
}
@media only screen
and (min-width : 320px)
and (max-width : 480px) {
.navbar-brand {
display: block;
}
.section-title p {
font-size: 15px;
font-weight: 300;
line-height: 25px;
margin: 20px 30px 20px 30px;
}
.section-title h2 {
color: #5d5d5d;
font-size: 20px;
font-weight: 800;
letter-spacing: -0.6px;
margin-bottom: 20px;
padding-bottom: 15px;
position: relative;
text-transform: uppercase;
}
.blockTittleWhiteGreen {
background-image: url(https://www.haurec.fr/wp-content/uploads/2017/01/background-white.png);
background-position: center center;
background-repeat: no-repeat;
background-size: 100% auto;
color: #31b256 !important;
font-weight: 600 !important;
margin: 0 0% !important;
padding-top: 16px;
text-align: center;
width: 300px !important;
}
.row.vertiCenter {
align-items: center;
display: block !important;
}
.col-lg-4.col-md-4.col-sm-6.col-xs-6.listeClients {
text-align: center;
width: 100%;
}
.listeClients ul li {
font-size: 20px;
line-height: 20px;
}
section {
padding: 20px 0;
}
.blockTittleWhiteRed {
background-image: url(https://www.haurec.fr/wp-content/uploads/2017/01/background-red.png);
background-position: center center;
background-repeat: no-repeat;
background-size: 100% auto;
color: #ffffff !important;
font-weight: 600 !important;
margin: 0 10% !important;
padding-top: 7px;
text-align: center;
width: 250px !important;
}
.line-title::before, .line-title::after {
background: #31b256 none repeat scroll 0 0;
content: "";
display: ruby-base-container;
height: 2px;
position: relative;
vertical-align: middle;
width: 5%;
}
.col-lg-1.text-center.pictoDechets {
width: 33%;
}
.textPictoDechets {
color: #c4244a;
font-size: 10px;
font-weight: bold;
}
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
ul li {
color: #ffffff;
font-family: "Open Sans",sans-serif;
font-size: 20px;
font-weight: 500;
letter-spacing: 0.2px;
line-height: 35px;
list-style: outside none none;
padding-bottom: 10px;
text-transform: uppercase;
}
}
@media screen and (min-width: 568px) and (max-width: 768px) {
ul li {
color: #ffffff;
font-family: "Open Sans",sans-serif;
font-size: 13px;
font-weight: 500;
letter-spacing: 0.2px;
line-height: 35px;
list-style: outside none none;
padding-bottom: 10px;
text-transform: uppercase;
}
.blockTittleWhiteGreen {
margin: 0 25% !important;
}
.blockTittleWhiteRed {
margin: 0 25% !important;
}
}
@media screen and (min-width: 768px) and (max-width: 992px) {
ul li {
color: #ffffff;
font-family: "Open Sans",sans-serif;
font-size: 15px;
font-weight: 500;
letter-spacing: 0.2px;
line-height: 35px;
list-style: outside none none;
padding-bottom: 10px;
text-transform: uppercase;
}
.blockTittleWhiteGreen {
margin: 0 33% !important;
}
.blockTittleWhiteRed {
margin: 0 33% !important;
}
}.navbar-bootbites {
background-color: #6f5499;
margin-bottom: 0;
color: #e3e3e3;
}
.navbar-bootbites .navbar-brand,
.navbar-bootbites .navbar-nav > li > a {
color: #e3e3e3;
}
.navbar-bootbites .btn {
color: #f3f3f3;
}
.jumbotron-bootbites {
background-color: #EBE1F9;
}
.content {
padding: 3em 0;
}
.footer {
border-top: 5px solid #eee;
padding: 3em 0;
margin-top: 3em;
text-align: center;
} .btn {
border-radius: 0;
}
.btn-bootbites {
background: #6f5499;
border-color: #6f5499 !important;
border-radius: 0;
}
.btn-bootbites:hover,
.btn-bootbites:focus,
.btn-bootbites:active,
.btn-bootbites.active {
background: #523e71;
}
.btn-bootbites-invert {
background: #523e71;
border-color: #523e71 !important;
border-radius: 0;
}
.btn-bootbites-invert:hover,
.btn-bootbites-invert:focus,
.btn-bootbites-invert:active,
.btn-bootbites-invert.active {
background: #6f5499;
} .intro {
margin-bottom: 3em;
padding-bottom: 3em;
border-bottom: 5px solid #eee;
}
.demos .demo {
margin-bottom: 3em;
padding-bottom: 3em;
border-bottom: 1px solid #eee;
}
.demos .demo:last-child {
border-bottom: none;
padding-bottom: 0;
}
hr {
margin-bottom: 3em;
margin-top: 3em;
height: 1px;
background: #eee;
}
hr.hr-lg {
height: 5px;
}.sticky.navbar {
border-radius: 0;
padding-top: 0px;
padding-bottom: 0px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.sticky .show-is-sticky,
.sticky .show-not-sticky {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
opacity: 0;
visibility: hidden;
}
.sticky .show-not-sticky {
opacity: 1;
visibility: visible;
}
.sticky.is-sticky {
position: fixed;
left: 0;
right: 0;
top: 0;
z-index: 1000;
width: 100%;
}
.sticky.is-sticky.navbar {
background-color: #31b256;
}
.sticky.is-sticky .show-is-sticky {
opacity: 1;
visibility: visible;
}
.sticky.is-sticky .show-not-sticky {
opacity: 0;
visibility: hidden;
}