/*
Theme Name: 4 Bornes
Theme URI: https://www.4bornes.com
Author: Webspirit
Author URI: https://webspirit.tn/
Description: Theme for 4 bornes.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, 4bornes
Text Domain: 4bornes

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
@import url('https://fonts.googleapis.com/css?family=Barlow+Condensed:300i&display=swap');

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-size: 100%; 
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	/*vertical-align: baseline;*/
}
strong{
    font-weight: bold;
}
em{
    font-style: italic;
}
html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 62.5%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
    overflow: hidden;
}

*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}


@font-face {
    font-family: quicksand_book;
    src: url('./css/fonts/Quicksand_Book.otf');
}

@font-face {
    font-family: quicksand_bold;
    src: url('./css/fonts/Quicksand_Bold.otf');
}

@font-face {
    font-family: barlowcondensed_italic;
    src: url('./css/fonts/BarlowCondensed-Italic.ttf');
}

@font-face {
    font-family: barlowcondensed_medium;
    src: url('./css/fonts/BarlowCondensed-Medium.ttf');
}

@font-face {
    font-family: barlowcondensed_regular;
    src: url('./css/fonts/BarlowCondensed-Regular.ttf');
}


body {
font-size: 17px;
font-family: barlowcondensed_regular;    
}

/*
.home{
   background-image:  url("./img/backacciuel2.png");
   background-color: #fff !important;
    background-size: 100%;
   background-repeat: no-repeat;
}

.page-projet{
   background-image:  url("./img/bakg7.png");
   background-color: #fff !important;
    background-size: 100%;
   background-repeat: no-repeat;
}

.page-technique{
   background-image:  url("./img/bakg7.png");
   background-color: #fff !important;
    background-size: 100%;
   background-repeat: no-repeat;
}


.page-faq{
   background-image:  url("./img/bakg7.png");
   background-color: #fff !important;
    background-size: 100%;
   background-repeat: no-repeat;
}


.page-contact{
   background-image:  url("./img/bakg7.png");
   background-color: #fff !important;
    background-size: 100%;
   background-repeat: no-repeat;
}

.page-planning{
   background-image:  url("./img/bakg7.png");
   background-color: #fff !important;
   background-size: 100%;
   background-repeat: no-repeat;
}
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}

ol,
ul {
	list-style: none;
}
#page .entry-content ol,
#page .entry-content ul{
    padding-left: 13px;
}
#page .entry-content ol li,
#page .entry-content ul li{
    position: relative;
    color: #e08100;
}
#page .entry-content ol li:before,
#page .entry-content ul li:before{
    content: "<";
    position: absolute;
    top: -2px;
    left: -14px;
    font-weight: 700;
    font-size: 19px;
    color:  #e08100;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

fieldset {
	min-width: inherit;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
}

blockquote,
q {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	quotes: none;
}



a img {
	border: 0;
}



.contpage {
    margin-top: 17px;
}

.contpage p{

    font-size: 20px;  
    font-family: barlowcondensed_regular;
    text-align: justify !important;
    text-justify: inter-word !important;
}

img.border-rad {
    border-radius: 24px;
    width: 100%;
    text-align: left;
    margin-top: 17px;
   
}


.p2{
    font-size: 16px;  
    font-family: barlowcondensed_italic;
    text-align: justify !important;
    text-justify: inter-word !important;
}

h1.hh1{
        margin-top: 15px;
    margin-bottom: 15px;  
}

#primary p {
    margin-top: 16px;
}


@media (min-width: 1200px) { 
.topnavimgblanc {
    background-image: url(./img/top-nav2.png);
    width: 330px;
    height: 35px;
    /* background-size: cover; */
    top: 45px;
    position: relative;
}

.topnavimgrouge {
    background-image: url(./img/top-nav3.png);
    width: 330px;
    height: 35px;
    /* background-size: cover; */
    top: 47px;
    position: relative;
}

}


@media (min-width: 992px) and (max-width: 1199px) {


    .topnavimgblanc {
        background-image: url(./img/top-nav2.png);
        width: 330px;
        height: 35px;
        /* background-size: cover; */
        top: 83px;
        position: relative;
    }

    .topnavimgrouge {
        background-image: url(./img/top-nav3.png);
        width: 330px;
        height: 35px;
        /* background-size: cover; */
        top: 45px;
        position: relative;
    }


}


.contentpage img{
    width: 100%;
}


.backrouge{
    background: #e5404a !important;
    color:#fff !important;
}



.menu-rouge{
    background: #e5404a !important;
}


.menu-rouge ul#menu-header li a{
        font-family: quicksand_book;
        text-decoration: none;
        color: #fff;
        font-size: 16px;
        text-transform: uppercase;
        text-align: left;
    } 
.menu-rouge ul#menu-header li a:hover{
        font-family: quicksand_bold;
        text-decoration: none;
        color: #ffed00 !important;
        font-size: 18px;
        text-transform: uppercase;
        text-align: left;
    }     
.menu-rouge .current-menu-item a{
    color: #ffed00 !important;
    font-family: quicksand_bold !important;    
    }     


.footer-rouge{
 background: #e5404a !important;
    color: #fff !important;
}

.footer-rouge a{
    color: #fff !important;
    text-decoration: none;
}

.footer-rouge a:hover{
    color: #ffed00 !important;
}


@media (max-width: 991px) {
.page-projet{
   background-image:none;
   background-color: #ccc !important;
   background-size: cover !important;;
}
.page-planning{
   background-image:none;
   background-color: #ccc;
   background-size: cover;
}    
.container-img{
    background-image: none!important;
    width: 100%!important;
}
}

   .contentpageg {
    background-image: url("./img/background1.png");
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: -15cm 5cm;
}

ul#menu-footer {
    width: 100%;
}
ul#menu-footer li {
    display: inline;
}

#textfooter{
    font-family: barlowcondensed_medium;
    font-size:15px;    
}
#menu-footer a{
    font-family: quicksand_book;    
    text-decoration:none;
    padding-right: 10px;
    color: #000;
    font-size: 13px;
}

.rougeback{
background:#e5404a !important;     
}

@media (max-width: 560px) {
div#primary {
    padding-left: 33px !important;
    padding-right: 33px !important;
    padding-bottom: 27px;
}
nav {
    padding-left: 33px !important;
    padding-right: 33px !important;
}
footer {

    padding-left: 33px !important;  
    padding-right: 33px !important;
}
}

.contentpaged {
    padding-top: 30px;
}
.top30 {
    padding-top: 30px;
}


/*************** Nav ***********/
.menu-rouge .menu2 li a{
   font-family: quicksand_book;
        text-decoration: none;
        color: #fff;
        font-size: 18px;
        text-transform: uppercase;
        text-align: left;
}

.menu-rouge .menu2 li a:hover{
   font-family: quicksand_bold;
        text-decoration: none;
        color: #ffed00;
        font-size: 18px;
        text-transform: uppercase;
        text-align: left;
}

.menu-rouge .menu2 li{
margin-top: 10px;
    width: 100%;
    display: block;
}


.iconbar-rouge{
    background: #fff;
    border: 0;
}

.iconbar-blanc{
    background: #fff;
    border: 0;
    margin-left: -12px;
}

.texticonbar-blanc {
    color: #000;
    text-transform: uppercase;
    margin-left: 6px;
    font-family: quicksand_bold;
    font-size: 20px;
    vertical-align: middle;
}


.texticonbar-rouge {
    color: #fff;
    text-transform: uppercase;
    margin-left: 6px;
    font-family: quicksand_bold;
    font-size: 20px;
    vertical-align: middle;
}




.wpcf7-form{
    width: 100%;

}
.wpcf7-form input[type=submit],
.wpcf7-form input[type=button],
.wpcf7-form input[type=text],
.wpcf7-form input[type=email],
.wpcf7-form textarea,
.wpcf7-form label
{
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 16px;
    color: #fff;

}
.wpcf7-form label {
   
    color: #000;
    font-family: quicksand_book;
    position: absolute;
    top: -37px;
    left: 13px;
    height: 100%;
    cursor: text;
    -webkit-transition: -webkit-transform .2s ease-out;
    transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out, -webkit-transform .2s ease-out;
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    text-align: initial;
    -webkit-transform: translateY(12px);
    transform: translateY(12px);
    pointer-events: none;
}
.wpcf7-form label > span{
    display: inline-block;
    float: left;
    width: 150px;
}
.wpcf7-form input[type=text],
.wpcf7-form input[type=email] 
{
    background: transparent;
    border: none;
    border-bottom: 1px solid #ccc;
    width: 100%;
    outline: none;
    padding: 0px 0px 0px 0px;
    color: #000;
        margin-bottom: 30px;
}
.wpcf7-form textarea{
width: 100%;
    padding: 0px 0px 0px 0px;
    background: transparent;
    outline: none;
    border: none;
    border-bottom: 1px solid #ccc;
   
    overflow: hidden;
    resize:none;
    height:20px;
    color: #000;
    
}

.wpcf7-form textarea:focus, 
.wpcf7-form input[type=text]:focus,
.wpcf7-form input[type=email]:focus,
.wpcf7-form input[type=email] :focus
{
    border-bottom: 1px solid #000;
}

.wpcf7-form input[type=submit],
.wpcf7-form input[type=button]{
    margin-top:  20px;  
    background: #e08100;
    border: none;
    padding: 8px 10px 8px 10px;
    border-radius: 5px;
    color: #fff;
}
.wpcf7-form input[type=submit]:hover,
.wpcf7-form input[type=button]:hover{
background: #636e11;
}

.wpcf7-form-control-wrap  {
    position: relative;
    width: 100% !important;
}

.wpcf7-form-control-wrap input  {
    margin-left: 0px;
}

.contact1 {
    display: -webkit-box;
    width: 100%;
    margin-bottom: 20px;
    overflow: hidden;
}
.cordonne{
    font-size: 16px;
    font-family: quicksand_book;
    line-height: 27px;
}

div.wpcf7-response-output {
    margin: 1em 0.0em 1em;
    padding: 0.2em 1em;
}


@media (max-width: 767px) {
.contact1 {
    width: 100%;
    margin-bottom: 20px;
    overflow: hidden;
    display: block;
}
 .wpcf7-form-control-wrap input {
    margin-left: 0;
}   
}




/*----- Accordion -----*/
.accordion, .accordion * {
	-webkit-box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	box-sizing:border-box;
}

.accordion {
	overflow:hidden;
	box-shadow:0px 1px 3px rgba(0,0,0,0.25);
	border-radius:3px;
	background:#f7f7f7;
}

/*----- Section Titles -----*/
.accordion-section-title {
	width:100%;
	padding:8px;
	display:inline-block;
	border-bottom:1px solid #636e11;
	background:#636e11;
	transition:all linear 0.15s;
	/* Type */
	font-size:1.1em;
	text-shadow:0px 1px 0px #636e11;
	color:#fff;
}

.accordion-section-title.active, .accordion-section-title:hover {
	background: #e08100;
    border-bottom:1px solid #e08100;
	/* Type */
	text-decoration:none;
}

.accordion-section:last-child .accordion-section-title {
	border-bottom:none;
}

/*----- Section Content -----*/
.accordion-section-content {
	padding:15px;
	display:none;
}

.mainbef:before {
    width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:-1;
	content:'';
}


/*
   .back2 {
    background-image: url("./img/background1.png");
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: -2cm 10cm;
}
*/

/*
.backrouge3 {
    background-image: url("./img/background2.png");
    background-color: #e5404a;
    background-repeat: no-repeat;
    background-position: -3cm 14cm;
}  
*/

.focussed > input{
    border-bottom: 1px solid #000 !important;
}

span.wpcf7-not-valid-tip {
    color: #e5404a;
    font-weight: normal;
    display: block;
    margin-top: -22px;
    margin-bottom: 30px;
}


.imgaccl{
   background-image:  url("./img/bottom.png");
   background-color: #fff !important;
    background-size: 100%;
   background-repeat: no-repeat;
}

.top10{
      margin-top: 0cm;
    text-align: center;
}


.timeline-series dd {
    background: url(./img/flesh.png) left center no-repeat;
    clear: left;
    margin-left: -8px;
}



@media  (max-width: 991px) {

.top10{
      margin-top: 1cm;
    text-align: center;
}

}








/*----- Accordion -----*/
.accordion2, .accordion2 * {
	-webkit-box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	box-sizing:border-box;
}

.accordion2 {
	overflow:hidden;
	border-radius:3px;
}

/*----- Section Titles -----*/
.accordion-section-title2 {
	width:100%;
	padding:8px;
	display:inline-block;
	transition:all linear 0.50s;
	/* Type */
	font-size:20px;
	color:#fff;
}

.accordion-section-title2.active, .accordion-section-title2:hover {
	/* Type */
	text-decoration:none;
    border: none;
}

.accordion-section2:last-child .accordion-section-title2 {
	border-bottom:none;
      border: none;
}

/*----- Section Content -----*/
.accordion-section-content2 {
    padding-left: 0px;
    display: none;
    margin-left: 9px;
	display:none;
    background: url(./img/p2.png) left center no-repeat;
    min-height: 70px;
    margin-top: -12px;
}

.accordion-section-content3 {
    padding-left: 0px;
    display: none;
    min-height: 77px;
    margin-left: 3px;
    background: url(./img/p1.png) left center no-repeat;
	display:none;
    margin-bottom: -35px;
    margin-top: -20px;
}




p.ptextp {
    color: #fff;
    margin: 0 auto;
    /* text-align: center; */
    margin-left: 210px;
    padding-top: 59px;
}

@media (max-width: 600px) {
p.ptextp {
    color: #fff;
    margin: 0 auto;
        margin-bottom: 0px;
        margin-left: auto;
    text-align: center;
    margin-left: 6px;
    padding-top: 146px;
    margin-bottom: 26px;
}

}


@media (min-width: 992px) and (max-width: 1199px) {

    h1.h1accuiel {
    font-size: 35px !important;
    line-height: 59px;
    text-align: center;
    margin-top: 0px !important;
}
}
@media (max-width: 991px) {
body{
   background-image:  url("./img/bckg.jpg") !important;
   background-size: cover;
   background-repeat: no-repeat;
}
 h1.h1accuiel {
    font-size: 35px !important;
    line-height: 59px;
    text-align: center;
    margin-top: 60px !important;
}
}

.a-actualite{
    -ms-transform: rotate(270deg); /* IE 9 */
    -webkit-transform: rotate(270deg); /* Safari */
    transform: rotate(270deg); /* Standard syntax */
    position: absolute;
}
.a-actualite{
    color: #000;
    text-transform: uppercase;
    font-size: 22px;
}


a.accordion-section-title{
    color:#fff;
}
a.accordion-section-title:hover{
    color:#fff;
}



/* responsive ac*/



.a-actualite{
    /*font-size: 20px;
    left: 133px;*/
    top: 0px;
    font-size: 1.5vw; 
    left: 0;
    

}
.a-actualitee{
    background-image:url('img/leftact.png');
    background-repeat: no-repeat;
    width: 283px;
    height: 28px;
    background-size: cover; 
    content: "";
    display: block; 
    color: rgb(0, 0, 0);
    text-transform: capitalize;
    font-size: 21px; 
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg); 
    text-align: center;
    position: absolute;
    left: -127px;
    text-align: right;
    padding: 0;
    padding-right: 27px;
    line-height: 25px; 
    font-family: quicksand_book;
} 




#comment{
    width: 100%;
}

footer.comment-meta {
    margin: 0px;
    padding: 0;
}

#email,#url,#author{
    width: 100%;
}

#submit{
    margin-top: 20px;
    background: #e5404a;
    border: none;
    padding: 8px 10px 8px 10px;
    border-radius: 5px;
    color: #fff;
    font-family: barlowcondensed_regular; 
}

.imgcent{
    margin-bottom: 24px;
    margin-top: 22px;
}

.titre-pagee{
    width: 100%;
    display: inline-block;
    margin-top: 20px;
}

@media  (max-width: 991px) {

.center-sm {
    text-align: center;
    margin-bottom: 15px;
}
}
.accordion-section2 a:hover{
    color: #fff;
}
footer{
    background: transparent;
    margin: 0 auto;
    padding-left: 0;
    padding-top: 9px;
    padding-bottom: 8px;
    /* border-radius: 0px 0px 20px 20px; */
    /* border-top: 2px solid #ddd; */
    padding-right: 60px;
    text-align: center;
    width: 84.4%;
    position: fixed;
    bottom: 0px;
    left: 7.8%;
}


@media (max-width: 991px) {
#primary {
    min-height: auto !important;
    height: auto !important;
    max-height: auto !important;
    overflow: hidden;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 27px;
}   

    footer{
    width: 100% !important;
}
    
}


.nav-menulbot li {
    display: inline;
    padding-right: 8px;
}

.nav-menulbot li a{
color: #000;
}



h2.hh1 {
    margin-top: 15px;
}



a.a-actualite2 {
    top: 401px;
    position: absolute;
    color: #000;
    transform: rotateY(90deg);
    left: 108px;
}

.actualite {
    position: relative; 
    top: 345px;
    left: 0;
}

@media (max-width: 991px) {
.logos{
    display: none!important;
}
.actualite {
display: none;
}

.a-actualite {
display: none;
}  
}


.logoheader{
    width: 45%;
}

@media (max-width: 991px) {

    html{
        overflow: auto !important;
    }
    footer{     
background: #fff;
margin: 0 auto;
padding-left: 0;
padding-top: 9px;
padding-bottom: 8px;
margin-bottom: 20px;
padding-right: 60px;
text-align: center;
width: 84.4%;
position: inherit;        
    }  
    
    .logoheader{
    width: auto;
}
    a.read-more {
    width: 100%;
    display: block;
}
}

  @media (min-width: 1200px) { 

div#content {
    min-height: 100vh;
    background: #fff !important;
}


div#content2 {
    min-height: 100vh;
    background: #e5404a;
}
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  #content {  

    min-height: 100vh;
    background: #fff !important;

}
    
}

_::-webkit-full-page-media, _:future, :root #content {
    
    min-height: 100vh;
    background: #fff !important;

}

_::-webkit-full-page-media, _:future, :root footer{
    
    background: #ffffff;
    margin: 0 auto;
    padding-left: 0;
    padding-top: 9px;
    padding-bottom: 8px;
    padding-right: 60px;
    text-align: center;
    width: 672px;
    position: fixed;
    bottom: 0px;
    left: 28.98%;

}


@media only screen and (-webkit-min-device-pixel-ratio: 1) {
     ::i-block-chrome, footer {
            background: #fff;
    margin: 0 auto;
    padding-left: 0;
    padding-top: 9px;
    padding-bottom: 8px;
    padding-right: 60px;
    text-align: center;
    width: 670px;
    position: fixed;
    bottom: 0px;
    left: 29.1%;
    }

}


@media only screen and (-webkit-min-device-pixel-ratio: 1) {
    ::i-block-chrome, #content {
    min-height: 100% !important;
    background: #fff !important;
    }
}

@media (max-width: 370px) {
    .recaptbottom iframe{
     width: 235px !important;
     float: left !important;  
}
}

@media (max-width: 320px) {
    .recaptbottom iframe{
     width: 210px !important;
     float: left !important;  
}
}
  

@media (min-width: 992px) {
    #menu-item-226{
        display: none !important;
    }
}


@media (min-width: 992px) and (max-width: 1600px) {
nav {
    padding-bottom: 19px !important;
}
    
}


@media (min-width: 768px) and (max-width: 991px) {
.home .contentpaged {
    padding-top: 106px;
}
}


@media (max-width: 350px){
h1.h1accuiel {
    font-size: 24px !important;
    line-height: 59px;
    text-align: center;
    margin-top: 60px !important;
}
    
h2.h2accuiel {
    color: #fff;
    text-transform: none;
    text-align: center;
    font-size: 17px !important;
    line-height: 46px;
    width: 71%;
    margin: 0 auto;
}    
    
}


@media (min-width: 768px) and (max-width: 991px) {
.home  .contentpaged {
    padding-top: 45px;
}
}

.topd {
    margin-top: 9px;
}


@media (min-width: 992px) and (max-width: 1199px) {
  #content {  

    min-height: 100vh;
    background: #fff !important;

}
    
      #content2 {  

    min-height: 100vh;
    background: #e5404a !important;

}
}



@media (min-width: 992px) {

.backrouge3 {
    background-image: url("/wp-content/themes/4bornes/img/background25.png") !important;
    background-repeat: no-repeat;
    background-position: -1cm 8cm;
}
    
.back2 {
    background-image: url("/wp-content/themes/4bornes/img/background1.png");
    background-repeat: no-repeat;
    background-position: -2cm 10cm;
}        
    
}



@media (max-width: 991px) {

.backrouge3 {
    background-image: url("/wp-content/themes/4bornes/img/background25.png") !important;
    background-repeat: no-repeat;
    background-position: -1cm 8cm;
}
    
.back2 {
    background-image: url("/wp-content/themes/4bornes/img/background1.png");
    background-repeat: no-repeat;
    background-position: -2cm 10cm;
}  
  #content {  

    min-height: 100vh;
    background: #fff !important;

}
    
      #content2 {  

    min-height: 100vh;
    background: #e5404a !important;

}    
    
}


.a-actualite {
  /*  opacity: 0;*/
}
/************************************************/


footer.hidden-lg.hidden-md.visible-sm.visible-xs {
    background: transparent;
    margin: 20px auto 0;
    margin-bottom: 0px;
    padding-left: 0;
    padding-top: 9px;
    padding-bottom: 8px;
    margin-bottom: 0;
    padding-right: 0px;
    text-align: center;
    width: 84.4%;
    position: inherit;
    width: 100% !important;
    display: block!important;
}
.backrouge3 footer.hidden-lg.hidden-md.visible-sm.visible-xs{
    background: transparent;
    color: #fff;
}
.backrouge3 footer.hidden-lg.hidden-md.visible-sm.visible-xs #menu-footer li a{
    color: #fff;
}
.container-img{
    max-width: 1420px;
    margin: auto;
    width: 90%;
    background-image: url("img/masque238.png");
    background-size: 100%;
    background-repeat: no-repeat;
    position: relative;
}
.logos{
    position: absolute; 
    background-image: url("img/logos.png");
    background-repeat: no-repeat;
    /*width: 105px;
    height: 60px;*/
    top: 90px;
    left: 180px;
    background-size: 73%;
    width: 165px;
    height: 80px;
}
#menus #site-navigation{
    padding-left: 40px!important;
}
ul#menu-header li { 
    margin-right: 18px !important;
}

#social-wrapper {
    position: absolute;
    right: 80px;
    bottom: calc(100% - -2px);
}
#social-wrapper a {
    text-decoration: none;
    font-size: 24px;
    color: #ffffff;
    margin-right: 5px;
}
#social-wrapper a:last-child {
    margin-right: 0;
}
#social-wrapper a:hover {
    color: #e08100;
}

.logos .valderuz{
    position: absolute; 
    top: 0; 
    left: 0; 
    height: 100%; 
    width: 55px;
}
.logos .sonvilier{
    position: absolute;
    top: 0;
    right: 43px;
    height: 100%;
    width: 48px;
}

.d-flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
.jc-space-b{
    justify-content: space-between;
}
.f-wrap{
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}


.media-elements {}
.media-elements .items{}
.media-elements .items .item{
    width: calc(33.33% - 20px);
    margin-right: 20px;
}
.media-elements .items .item .img {
    display: block;
    height: 90px;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    background-color: #eee;
    position: relative;
}
.media-elements .items .item .img a{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.media-elements .items .item .img img {
    display: block;
    max-width: 100%;
    opacity: 0;
}
.media-elements .items .item .entry-title-media{
    display: block;
    margin-top: 10px;
    margin-bottom: 25px;
}
.media-elements .items .item .entry-title-media a{
    font-family: 'Barlow Condensed', sans-serif;
    font-style: italic;
    font-size: 16px;
    color: #000000;
    letter-spacing: 0.16px;
    line-height: 18px;
}
@media screen and (max-width: 767px){
    .media-elements .items .item{
        width: calc(50% - 20px);
    }
    .media-elements .items .item .img{
        height: 140px;
    }

}
@media screen and (max-width: 480px){
    .media-elements .items .item{
        width: 100%;
    }
    .media-elements .items .item .img{
        height: 120px;
    }

}