.cc-title {}
.cc-title-left { text-align: left !important; }
.cc-title-center { text-align: center !important; }
.cc-title-right { text-align: right !important; }
.cc-title span { color: inherit !important; }  .wpbakery-subpages-layout1 {}
.wpbakery-subpages-layout1 ul,
.wpbakery-subpages-layout1 li {
padding: 0; margin: 0; list-style-type: none;
}
.wpbakery-subpages-layout1 ul li { position: relative; margin-bottom: 40px; }
.wpbakery-subpages-layout1 ul li.current:after {
content: '';
position: absolute;
bottom: -16px;
left: 0;
width: 100%;
height: 2px;
border-bottom: 2px #ffd800 dashed;
}
.wpbakery-subpages-layout1 {}  .wpbakery-portfolio .portfolio-container { display: flex; flex-wrap: wrap; }
.wpbakery-portfolio .item { width: 100%; }
.wpbakery-portfolio[data-items-row="2"] .portfolio-container,
.wpbakery-portfolio[data-items-row="3"] .portfolio-container,
.wpbakery-portfolio[data-items-row="4"] .portfolio-container {
margin: 0 -1%;
}
.wpbakery-portfolio[data-items-row="2"] .item,
.wpbakery-portfolio[data-items-row="3"] .item,
.wpbakery-portfolio[data-items-row="4"] .item {
margin: 0 1% 20px 1%;
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
.wpbakery-portfolio[data-items-row="3"] .portfolio-container { justify-content: center; }
.wpbakery-portfolio[data-items-row="3"] .item { width: 48%; }
.wpbakery-portfolio[data-items-row="4"] .item { width: 48%; }
}
@media screen and (min-width: 1280px) {
.wpbakery-portfolio[data-items-row="2"] .item { width: 48%; }
.wpbakery-portfolio[data-items-row="3"] .item { width: 31.33%; }
.wpbakery-portfolio[data-items-row="4"] .item { width: 23%; }
} .wpbakery-portfolio-layout1 .categories-filter { padding: 0; margin: 0 0 40px 0; list-style-type: none; }
.wpbakery-portfolio-layout1 .categories-filter li { display: inline-block; padding: 0; margin-right: 35px; }
.wpbakery-portfolio-layout1 .categories-filter li a { position: relative; text-transform: uppercase; }
.wpbakery-portfolio-layout1 .categories-filter li a:after {
content: "";
position: absolute;
bottom: -15px;
display: block;
width: 0;
height: 2px;
background: #333;
pointer-events: none;
-webkit-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.wpbakery-portfolio-layout1 .categories-filter li.active a:after,
.wpbakery-portfolio-layout1 .categories-filter li a:hover:after {
width: 100%;
}
.wpbakery-portfolio-layout1 .item { position: relative; margin-bottom: 20px; overflow: hidden; }
.wpbakery-portfolio-layout1 .item .picture {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 300px;
margin-bottom: 25px;
background-color: #F2F2F2;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
background-clip: border-box;
overflow: hidden;
}
.wpbakery-portfolio-layout1 .item .picture a { display: block; width: 100%; height: 100%; }
.wpbakery-portfolio-layout1 .item .picture img { display: none; }
.wpbakery-portfolio-layout1 .item .picture:hover a { background: rgba(255,255,255,0.1); }
.wpbakery-portfolio-layout1 .item h3 { color: #333; margin-bottom: 20px; }
.wpbakery-portfolio-layout1 .item h3 a { color: inherit !important; }
.wpbakery-portfolio-layout1 .item .categories { margin-bottom: 15px; }
.wpbakery-portfolio-layout1 .item .categories a:before {
content: "/";
display: inline-block;
margin-right: 15px;
}
.wpbakery-portfolio-layout1 .item .categories a + a { margin-left: 10px; }
.wpbakery-portfolio-layout1 .item .more { margin-top: 15px; text-transform: uppercase; } .wpbakery-portfolio-layout2 .categories-filter { padding: 0; margin: 0 0 40px 0; list-style-type: none; }
.wpbakery-portfolio-layout2 .categories-filter li { display: inline-block; padding: 0; margin-right: 35px; }
.wpbakery-portfolio-layout2 .categories-filter li a { text-transform: uppercase; }
.wpbakery-portfolio-layout2 .item {
display: flex;
margin-bottom: 20px;
align-items: center;
}
.wpbakery-portfolio-layout2 .item .picture { width: 22%; background-color: #F2F2F2; }
.wpbakery-portfolio-layout2 .item .picture img { display: block; }
.wpbakery-portfolio-layout2 .item .title {
display: flex;
align-items: center;
align-self: stretch;
width: 78%;
padding-left: 20px;
} .wpbakery-portfolio-layout3 .categories-filter { padding: 0; margin: 0 0 40px 0; list-style-type: none; }
.wpbakery-portfolio-layout3 .categories-filter li { display: inline-block; padding: 0; margin-right: 35px; }
.wpbakery-portfolio-layout3 .categories-filter li a { text-transform: uppercase; }
.wpbakery-portfolio-layout3 .item { margin-bottom: 20px; background-color: #F2F2F2; }
.wpbakery-portfolio-layout3 .item .picture {
position: relative;
display: flex;
justify-content: flex-end;
padding-top: 67%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.wpbakery-portfolio-layout3 .item .content {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 40px 20px 20px 20px;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.3) 15%, black 100%);
}
.wpbakery-portfolio-layout3 .item .content * { color: #FFF; }
.wpbakery-portfolio-layout3 .item .categories span:before {
content: "/";
display: inline-block;
margin-right: 15px;
}
.wpbakery-portfolio-layout3 .item .categories span + span { margin-left: 10px; }
.wpbakery-portfolio-layout3 .item .hover {
position: absolute;
top: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
opacity: 0;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.wpbakery-portfolio-layout3 .item .hover a { display: inline-block; padding: 14px 30px; text-transform: uppercase; }
.wpbakery-portfolio-layout3 .item:hover .hover { opacity: 1; }
.wpbakery-portfolio-layout3[data-items-row="2"] .portfolio-container,
.wpbakery-portfolio-layout3[data-items-row="3"] .portfolio-container,
.wpbakery-portfolio-layout3[data-items-row="4"] .portfolio-container,
.wpbakery-portfolio-layout3[data-items-row="2"] .item,
.wpbakery-portfolio-layout3[data-items-row="3"] .item,
.wpbakery-portfolio-layout3[data-items-row="4"] .item {
margin: 0 0 20px 0;
}
@media screen and (min-width: 769px) and (max-width: 1279px) {
.wpbakery-portfolio-layout3[data-items-row="3"] .item { width: 50%; }
.wpbakery-portfolio-layout3[data-items-row="4"] .item { width: 50%; }
}
@media screen and (min-width: 1280px) {
.wpbakery-portfolio-layout3[data-items-row="2"] .item { width: 50%; }
.wpbakery-portfolio-layout3[data-items-row="3"] .item { width: 33.33%; }
.wpbakery-portfolio-layout3[data-items-row="4"] .item { width: 25%; }
} .wpbakery-portfolio-layout4 .portfolio-container { display: block; overflow: hidden; }
.wpbakery-portfolio-layout4 .categories-filter {
text-align: center;
padding: 0;
margin: 0 0 40px 0;
list-style-type: none;
}
.wpbakery-portfolio-layout4 .categories-filter li { display: inline-block; padding: 0; margin-right: 2px; }
.wpbakery-portfolio-layout4 .categories-filter li a {
display: block;
text-transform: uppercase;
padding: 5px 18px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.wpbakery-portfolio-layout4 .categories-filter li.active a,
.wpbakery-portfolio-layout4 .categories-filter li a:hover {
color: #FFF; background-color: #333;
}
.wpbakery-portfolio-layout4 .item { margin-bottom: 20px; overflow: hidden; }
.wpbakery-portfolio-layout4 .item .picture {
position: relative;
width: 100%;
height: 250px;
padding: 0;
background-color: #F2F2F2;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.wpbakery-portfolio-layout4 .item .content {
position: absolute;
top: 70%;
left: 70%;
width: calc(100% - 40px);
height: calc(100% - 40px);
padding: 20px;
background: rgba(0, 0, 0, 0.7);
opacity: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.wpbakery-portfolio-layout4 .item .content .category { color: #FFF; margin-bottom: 10px; }
.wpbakery-portfolio-layout4 .item .content h3 {
color: #FFF;
font-size: 16px;
line-height: 20px;
text-transform: uppercase;
}
.wpbakery-portfolio-layout4 .item .content h3:after {
content: '';
display: block;
width: 30px;
height: 2px;
margin-top: 12px;
background: #FFF;
}
.wpbakery-portfolio-layout4 .item .content .more { position: absolute; bottom: 20px; }
.wpbakery-portfolio-layout4 .item .content .more a {
display: block;
width: 30px;
height: 30px;
color: #FFF;
font-size: 14px;
text-align: center;
padding-top: 2px;
border: 1px solid #FFF;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.wpbakery-portfolio-layout4 .item .content .more a:hover {
color: #FFF;
border-color: #FFF;
}
.wpbakery-portfolio-layout4 .item .picture:hover .content {
top: 20px;
left: 20px;
opacity: 1;
}
.wpbakery-portfolio-layout4[data-items-row="2"] .item:nth-child(4n+1) .picture,
.wpbakery-portfolio-layout4[data-items-row="2"] .item:nth-child(2n+2) .picture {
padding-bottom: 110%;
}
.wpbakery-portfolio-layout4[data-items-row="2"] .item:nth-child(4n+2) .picture,
.wpbakery-portfolio-layout4[data-items-row="2"] .item:nth-child(4n+3) .picture {
padding-bottom: 70%;
}
.wpbakery-portfolio-layout4[data-items-row="3"] .item:nth-child(9n+1) .picture,
.wpbakery-portfolio-layout4[data-items-row="3"] .item:nth-child(9n+5) .picture,
.wpbakery-portfolio-layout4[data-items-row="3"] .item:nth-child(9n+9) .picture {
padding-bottom: 110%;
}
.wpbakery-portfolio-layout4[data-items-row="3"] .item:nth-child(9n+2) .picture,
.wpbakery-portfolio-layout4[data-items-row="3"] .item:nth-child(9n+6) .picture,
.wpbakery-portfolio-layout4[data-items-row="3"] .item:nth-child(9n+7) .picture {
padding-bottom: 70%;
}
.wpbakery-portfolio-layout4[data-items-row="3"] .item:nth-child(9n+3) .picture,
.wpbakery-portfolio-layout4[data-items-row="3"] .item:nth-child(9n+4) .picture,
.wpbakery-portfolio-layout4[data-items-row="3"] .item:nth-child(9n+8) .picture {
padding-bottom: 150%;
}
.wpbakery-portfolio-layout4[data-items-row="4"] .item:nth-child(9n+3) .picture,
.wpbakery-portfolio-layout4[data-items-row="4"] .item:nth-child(9n+5) .picture,
.wpbakery-portfolio-layout4[data-items-row="4"] .item:nth-child(9n+12) .picture,
.wpbakery-portfolio-layout4[data-items-row="4"] .item:nth-child(9n+14) .picture {
padding-bottom: 85%;
}
.wpbakery-portfolio-layout4[data-items-row="4"] .item:nth-child(9n+1) .picture,
.wpbakery-portfolio-layout4[data-items-row="4"] .item:nth-child(9n+7) .picture,
.wpbakery-portfolio-layout4[data-items-row="4"] .item:nth-child(9n+10) .picture,
.wpbakery-portfolio-layout4[data-items-row="4"] .item:nth-child(9n+12) .picture {
padding-bottom: 60%;
}
.wpbakery-portfolio-layout4[data-items-row="4"] .item:nth-child(9n+2) .picture,
.wpbakery-portfolio-layout4[data-items-row="4"] .item:nth-child(9n+8) .picture,
.wpbakery-portfolio-layout4[data-items-row="4"] .item:nth-child(9n+9) .picture,
.wpbakery-portfolio-layout4[data-items-row="4"] .item:nth-child(9n+15) .picture {
padding-bottom: 140%;
}
.wpbakery-portfolio-layout4[data-items-row="4"] .item:nth-child(9n+4) .picture,
.wpbakery-portfolio-layout4[data-items-row="4"] .item:nth-child(9n+6) .picture,
.wpbakery-portfolio-layout4[data-items-row="4"] .item:nth-child(9n+11) .picture,
.wpbakery-portfolio-layout4[data-items-row="4"] .item:nth-child(9n+13) .picture {
padding-bottom: 110%;
} .wpbakery-portfolio-layout5 .portfolio-container {
justify-content: initial;
}
.wpbakery-portfolio-layout5 .item {
width: 150px!important;
margin: 0 7px 7px 7px!important;
}
.wpbakery-portfolio-layout5 .item .picture {position: relative;}
.wpbakery-portfolio-layout5 .item .picture a {
content: '';
position: absolute;
top: calc(50% - 15px);
left: calc(50% - 15px);
height: 30px;
width: 30px;
opacity: 0;
border-radius: 30px;
background: rgba(0,0,0,0.4);
background-image: url(//groupazur.fr/wp-content/plugins/creactivecom/assets/images/wpbakery/plus_small.png);
background-position: center;
background-repeat: no-repeat;
transition: all 300ms ease;
}
.wpbakery-portfolio-layout5 .item .picture:hover a {
opacity: 1;
transition: all 300ms ease;
}
.wpbakery-portfolio-layout5 .item .picture a:hover {
background-color: #FFB700;
transition: all 300ms ease;
}
@media screen and (min-width: 768px) {
.wpbakery-portfolio-layout5 .item {
margin: -2px 2px -2px 0px!important;
}
}
@media screen and (min-width: 992px) {
.wpbakery-portfolio-layout5 .item {
width: 48%!important;
}
}
@media screen and (min-width: 1280px) {
.wpbakery-portfolio-layout5 .item {
width: 31.33%!important;
}
} .wpbakery-portfolio-layout6 .categories-filter {
text-align: center;
padding: 0;
margin: 0 0 40px 0;
list-style-type: none;
}
.wpbakery-portfolio-layout6 .categories-filter li { display: inline-block; padding: 0; margin-right: 2px; }
.wpbakery-portfolio-layout6 .categories-filter li a {
display: block;
text-transform: uppercase;
padding: 5px 18px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.wpbakery-portfolio-layout6 .categories-filter li.active a,
.wpbakery-portfolio-layout6 .categories-filter li a:hover {
color: #FFF; background-color: #333;
}
.wpbakery-portfolio-layout6 .item { margin-bottom: 20px; overflow: hidden; }
.wpbakery-portfolio-layout6 .item .picture {
position: relative;
width: 100%;
height: 0;
padding-bottom: 100%;
background-color: #F2F2F2;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.wpbakery-portfolio-layout6 .item .content {
position: absolute;
top: 70%;
left: 70%;
width: calc(100% - 40px);
height: calc(100% - 40px);
padding: 20px;
background: rgba(0, 0, 0, 0.7);
opacity: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.wpbakery-portfolio-layout6 .item .content .category { color: #FFF; margin-bottom: 10px; }
.wpbakery-portfolio-layout6 .item .content h3 {
color: #FFF;
font-size: 16px;
line-height: 20px;
text-transform: uppercase;
}
.wpbakery-portfolio-layout6 .item .content h3:after {
content: '';
display: block;
width: 30px;
height: 2px;
margin-top: 12px;
background: #FFF;
}
.wpbakery-portfolio-layout6 .item .content .more { position: absolute; bottom: 20px; }
.wpbakery-portfolio-layout6 .item .content .more a {
display: block;
width: 30px;
height: 30px;
color: #FFF;
font-size: 14px;
text-align: center;
padding-top: 2px;
border: 1px solid #FFF;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.wpbakery-portfolio-layout6 .item .content .more a:hover {
color: #FFF;
border-color: #FFF;
}
.wpbakery-portfolio-layout6 .item .picture:hover .content {
top: 20px;
left: 20px;
opacity: 1;
} .wpbakery-portfolio-layout7 {
padding: 34px 0 100px 0;
}
.wpbakery-portfolio-layout7 .categories {
text-align: center;
margin-bottom: 70px;
}
.wpbakery-portfolio-layout7 .categories-filter {
display: inline;
margin: 0;
padding: 14px 7px;
background-color: white;
border-radius: 200px;
}
.wpbakery-portfolio-layout7 .categories-filter li {
display: inline-block;
}
.wpbakery-portfolio-layout7 .categories-filter a {
color: #777777;
padding: 10px 15px;
text-transform: uppercase;
border-radius: 200px;
line-height: 22px;
font-size: 13px;
font-weight: 600;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.wpbakery-portfolio-layout7 .categories-filter a:hover {
background-color: #FFB700;
color: white;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.wpbakery-portfolio-layout7 .grid-items {
width: 100%;
padding: 5px;
}
.wpbakery-portfolio-layout7 .item {
position: relative;
overflow: hidden;
padding-top: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.wpbakery-portfolio-layout7 .item:hover {
background-position-y: -16px;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.wpbakery-portfolio-layout7 .item .layer {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 0;
background-color: #000000;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.wpbakery-portfolio-layout7 .item:hover .layer {
opacity: .4;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.wpbakery-portfolio-layout7 .item .content {
position: absolute;
bottom: -100%;
left: 0;
width: 100%;
padding: 40px 15px 10px;
text-align: center;
background-color: white;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.wpbakery-portfolio-layout7 .item:hover .content {
bottom: 0;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.wpbakery-portfolio-layout7 .item .more {
position: absolute;
top: -25px;
left: calc(50% - 25px);
}
.wpbakery-portfolio-layout7 .item .more a {
position: absolute;
display: block;
height: 50px;
width: 50px;
border-radius: 50px;
background-image: url(//groupazur.fr/wp-content/plugins/creactivecom/assets/images/wpbakery/white_plus.png);
background-repeat: no-repeat;
background-position: center;
background-color: #333333;
transition: all 300ms ease;
}
.wpbakery-portfolio-layout7 .item .more a:hover {
background-color: #ffb700;
transition: all 300ms ease;
}
.wpbakery-portfolio-layout7 .item .title {
font-size: 16px;
font-weight: 600;
line-height: 26px;
text-transform: uppercase;
}
.wpbakery-portfolio-layout7 .item .category a {
font-family: Georgia, 'Times New Roman', Times, serif;
color: #999999;
text-transform: lowercase;
font-style: italic;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.wpbakery-portfolio-layout7 .item .category a:hover {
color: #ffb700;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.wpbakery-portfolio-layout7 .item .category a:not(:last-of-type):after {
content: ' | ';
color: #999999;
}
.wpbakery-portfolio-layout7 .portfolio-show-more {
text-align: center;
margin-top: 50px;
}
.wpbakery-portfolio-layout7 .portfolio-show-more a {
box-shadow: rgb(238, 238, 238) 0px 0px 0px 2px inset;
padding: 14px 34px;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.wpbakery-portfolio-layout7 .portfolio-show-more a:hover {
background-color: #eeeeee;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.wpbakery-portfolio-layout7 .portfolio-show-more a span {
color: #999999;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
} @media screen and (min-width: 640px) {
.wpbakery-portfolio-layout7 .grid-items {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(4, 1fr);
grid-column-gap: 5px;
grid-row-gap: 5px;
}
.wpbakery-portfolio-layout7 .item[data-item="0"] { grid-area: 1 / 1 / 2 / 2; }
.wpbakery-portfolio-layout7 .item[data-item="1"] { grid-area: 1 / 2 / 3 / 3; }
.wpbakery-portfolio-layout7 .item[data-item="2"] { grid-area: 2 / 1 / 4 / 2; }
.wpbakery-portfolio-layout7 .item[data-item="3"] { grid-area: 3 / 2 / 4 / 3; }
.wpbakery-portfolio-layout7 .item[data-item="4"] { grid-area: 4 / 1 / 5 / 2; }
.wpbakery-portfolio-layout7 .item[data-item="5"] { grid-area: 4 / 2 / 5 / 3; }
}
@media screen and (min-width: 992px) {
.wpbakery-portfolio-layout7 .grid-items {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 5px;
grid-row-gap: 5px;
}
.wpbakery-portfolio-layout7 .item[data-item="0"] { grid-area: 1 / 1 / 2 / 2; }
.wpbakery-portfolio-layout7 .item[data-item="1"] { grid-area: 2 / 1 / 3 / 2; }
.wpbakery-portfolio-layout7 .item[data-item="2"] { grid-area: 1 / 2 / 3 / 3; }
.wpbakery-portfolio-layout7 .item[data-item="3"] { grid-area: 1 / 3 / 3 / 4; }
.wpbakery-portfolio-layout7 .item[data-item="4"] { grid-area: 1 / 4 / 2 / 5; }
.wpbakery-portfolio-layout7 .item[data-item="5"] { grid-area: 2 / 4 / 3 / 5; }
} .wpbakery-portfolio-layout8 .categories-filter {
list-style-type: none;
padding: 0;
margin: 0 0 30px 0;
background-color: #EEE;
}
@media screen and (min-width: 768px) {
.wpbakery-portfolio-layout8 .categories-filter {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
}
.wpbakery-portfolio-layout8 .categories-filter li a {
display: block;
padding: 20px;
color: #333;
font-size: 11px;
text-transform: uppercase;
transition: all 0.3s;
}
.wpbakery-portfolio-layout8 .categories-filter li a:hover,
.wpbakery-portfolio-layout8 .categories-filter li.active a {
color: #FFF; background-color: #333;
}
.wpbakery-portfolio-layout8 .portfolio-container { overflow: hidden; }
.wpbakery-portfolio-layout8 .item-container {
position: relative;
padding-bottom: 100%;
}
.wpbakery-portfolio-layout8 .item { overflow: hidden; }
.wpbakery-portfolio-layout8 .item .picture {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
transition: all 0.3s;
}
.wpbakery-portfolio-layout8 .item .info {
position: absolute;
top: 100%;
left: 0;
display: flex;
justify-content: space-between;
width: 100%;
height: 70px;
text-transform: uppercase;
background: #FFF;
transition: all 0.3s;
}
.wpbakery-portfolio-layout8 .item .categories { font-size: 11px; }
.wpbakery-portfolio-layout8 .item .categories span:not(:last-child):after { content: "-"; margin-left: 5px; }
.wpbakery-portfolio-layout8 .item .title { padding: 10px; }
.wpbakery-portfolio-layout8 .item .title h3 { font-size: 14px; margin: 0; }
.wpbakery-portfolio-layout8 .item .more {
display: flex;
justify-content: center;
align-items: center;
width: 70px;
color: #FFF;
font-size: 20px;
background: #333;
}
.wpbakery-portfolio-layout8 .item:hover .picture { margin-top: -70px; } .wpbakery-portfolio-layout9 .categories-filter {
list-style-type: none;
padding: 0;
margin: 0 0 30px 0;
background-color: #EEE;
}
@media screen and (min-width: 768px) {
.wpbakery-portfolio-layout9 .categories-filter {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
}
.wpbakery-portfolio-layout9 .categories-filter li a {
display: block;
padding: 20px;
color: #333;
font-size: 11px;
text-transform: uppercase;
transition: all 0.3s;
}
.wpbakery-portfolio-layout9 .categories-filter li a:hover,
.wpbakery-portfolio-layout9 .categories-filter li.active a {
color: #FFF; background-color: #333;
}
.wpbakery-portfolio-layout9 .portfolio-container { overflow: hidden; }
.wpbakery-portfolio-layout9 .item-container {
position: relative;
padding-bottom: 100%;
}
.wpbakery-portfolio-layout9 .item { overflow: hidden; }
.wpbakery-portfolio-layout9 .item .picture {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
transition: all 0.3s;
}
.wpbakery-portfolio-layout9 .item .info {
position: absolute;
top: 100%;
left: 0;
display: flex;
justify-content: space-between;
width: 100%;
height: 70px;
text-transform: uppercase;
background: #FFF;
transition: all 0.3s;
}
.wpbakery-portfolio-layout9 .item .categories { font-size: 11px; }
.wpbakery-portfolio-layout9 .item .categories span:not(:last-child):after { content: "-"; margin-left: 5px; }
.wpbakery-portfolio-layout9 .item .title { padding: 10px; }
.wpbakery-portfolio-layout9 .item .title h3 { font-size: 14px; margin: 0; }
.wpbakery-portfolio-layout9 .item .more {
display: flex;
justify-content: center;
align-items: center;
width: 70px;
color: #FFF;
font-size: 20px;
background: #333;
}
.wpbakery-portfolio-layout9 .item:hover .picture { margin-top: -70px; }
.wpbakery-portfolio-layout9 .pagination { text-align: center; } .wpbakery-portfolio-layout10 .portfolio-container { overflow: hidden; }
.wpbakery-portfolio-layout10 .item-container {
position: relative;
padding-bottom: 75%;
overflow: hidden;
}
.wpbakery-portfolio-layout10 .item .picture {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
transition: all 0.3s;
}
.wpbakery-portfolio-layout10 .item .info {
position: absolute;
top: 100%;
left: 0;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 35px;
font-size: 13px;
line-height: 26px;
text-transform: uppercase;
text-align: center;
background: #FFF;
transition: all 0.3s;
}
.wpbakery-portfolio-layout10 .item .more {
position: absolute;
top: calc(50% - 17px);
left: calc(50% - 17px);
display: block;
width: 34px;
height: 34px;
color: #FFF;
text-align: center;
padding-top: 4px;
margin-top: 15px;
background: #333;
transition: all 0.3s;
opacity: 0;
}
.wpbakery-portfolio-layout10 .item:hover .picture { margin-top: -35px; }
.wpbakery-portfolio-layout10 .item:hover .more { opacity: 1; margin: 0; }  .wpbakery-testimonials-layout1 { margin-bottom: 20px; }
.wpbakery-testimonials-layout1 .item { width: 100%; }
.wpbakery-testimonials-layout1 .item .content {
position: relative;
padding: 50px 45px 80px;
font-size: 16px;
color: #737373;
line-height: 32px;
background: #FFF;
-webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.05);
}
.wpbakery-testimonials-layout1 .item .author { text-align: center; }
.wpbakery-testimonials-layout1 .item .picture { width: 65px; height: 65px; margin: 0 auto 20px auto; background-color: #737373; border-radius: 100%; overflow: hidden; }
.wpbakery-testimonials-layout1 .item .picture img { object-fit: cover; }
.wpbakery-testimonials-layout1 .item .author { position: relative; margin-top: -32px; z-index: 10; }
.wpbakery-testimonials-layout1 .item .author:after {
content: "";
display: block;
width: 37px;
height: 2px;
margin: 10px auto 0 auto;
background: #ffd800;
}
.wpbakery-testimonials-layout1 .item .job {
color: #9fa3a7;
font-size: 12px;
letter-spacing: 2.4px;
font-weight: 700;
text-transform: uppercase;
}
.wpbakery-testimonials-layout1 .item .job a { color: #9fa3a7; } .wpbakery-testimonials-layout1 .owl-stage { display: flex; }
.wpbakery-testimonials-layout1 .owl-item { display: flex; flex: 1 0 auto; }
.wpbakery-testimonials-layout1 .content { height: calc(100% - 120px); }
@media screen and (max-width: 640px) {
.wpbakery-testimonials-layout1 .item .content { padding: 30px 25px 60px 25px; }
} .wpbakery-testimonials-layout2 { margin-bottom: 20px; }
.wpbakery-testimonials-layout2 .item .picture { width: 95px; height: 95px; margin: 0 auto 20px auto; background-color: #737373; border-radius: 100%; overflow: hidden; }
.wpbakery-testimonials-layout2 .item .picture img { object-fit: cover; }
.wpbakery-testimonials-layout2 .item .stars { text-align: center; margin-bottom: 20px; }
.wpbakery-testimonials-layout2 .item .stars img { display: inline-block; width: auto; }
.wpbakery-testimonials-layout2 .item .content { margin-bottom: 20px; }
.wpbakery-testimonials-layout2 .item .content p { text-align: center; }
.wpbakery-testimonials-layout2 .item .author { text-align: center; } .wpbakery-testimonials-layout3 .item .content { padding-left: 80px; }
.wpbakery-testimonials-layout3 .item .content:before {
content: '\f10d';
position: absolute;
top: 0;
left: 0;
font-family: FontAwesome;
font-size: 42px;
}
.wpbakery-testimonials-layout3 .item .text { font-size: 18px; line-height: 42px; }
.wpbakery-testimonials-layout3 .item .author {
display: flex;
align-items: center;
width: 100%;
padding-right: 120px;
margin-top: 50px;
}
.wpbakery-testimonials-layout3 .item .picture {
margin-right: 20px;
border-radius: 100%;
overflow: hidden;
width: 50px;
height: 50px;
}
.wpbakery-testimonials-layout3 .item .name {
font-size: 18px;
line-height: 24px;
color: #00000a;
margin-bottom: 3px;
}
.wpbakery-testimonials-layout3.owl-theme .owl-nav { position: absolute; bottom: 0; right: 5px; margin: 0; }
.wpbakery-testimonials-layout3.owl-theme .owl-nav [class*=owl-] { color: #d2d5d8; font-size: 36px; margin: 0 10px; transition: all 0.3s; } .wpbakery-testimonials-layout4 .item {
padding: 0 30px 30px 30px;
margin: 46px 15px 0 15px;
background-color: #f5f5f5;
}
.wpbakery-testimonials-layout4 .item .author { text-align: center; margin-bottom: 20px; }
.wpbakery-testimonials-layout4 .item .picture {
max-width: 92px;
max-height: 92px;
margin: -46px auto 20px auto;
border: 4px solid #FFFFFF;
border-radius: 100%;
overflow: hidden;
}
.wpbakery-testimonials-layout4 .item .picture img { object-fit: cover; }
.wpbakery-testimonials-layout4 .item .name { text-transform: uppercase; margin-bottom: 0; }
.wpbakery-testimonials-layout4 .item .job,
.wpbakery-testimonials-layout4 .item .job a {
font-style: italic; color: #999;
}
.wpbakery-testimonials-layout4 .item .content {
color: #777;
font-size: 14px;
line-height: 24px;
text-align: center;
} .wpbakery-testimonials-layout4 .owl-stage { display: flex; }
.wpbakery-testimonials-layout4 .owl-item { display: flex; flex: 1 0 auto; }
.wpbakery-testimonials-layout4 .content { height: calc(100% - 120px); } .wpbakery-testimonials-layout5 .item .text {
font-size: 21px;
line-height: 36px;
font-style: italic;
text-align: center;
margin-bottom: 20px;
}
.wpbakery-testimonials-layout5 .item .quote {
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
color: #FFF;
margin: auto;
background-color: #333;
border-radius: 100%;
}
.wpbakery-testimonials-layout5 .item .author {
min-height: 50px;
text-transform: uppercase;
text-align: center;
margin-top: 50px;
}
.wpbakery-testimonials-layout5 .item .name { font-size: 14px; margin: 0; }
.wpbakery-testimonials-layout5 .item .job { font-size: 12px; }
.wpbakery-testimonials-layout5.owl-theme .owl-nav { position: absolute; bottom: 55px; left: calc(50% - 100px); width: 200px; margin: 0; }
.wpbakery-testimonials-layout5.owl-theme .owl-nav [class*=owl-] { color: #333; font-size: 21px; margin: 0 10px; transition: all 0.3s; }
.wpbakery-testimonials-layout5.owl-theme .owl-nav [class*=owl-]:hover { color: #000; background: none; } .wpbakery-testimonials-layout6 { margin-bottom: 50px; }
.wpbakery-testimonials-layout6 .item { display: flex; }
.wpbakery-testimonials-layout6 .quote { font-size: 60px; margin-right: 30px; }
.wpbakery-testimonials-layout6 .quote .fa { vertical-align: top; }
.wpbakery-testimonials-layout6.owl-theme .owl-nav [class*=owl-] { font-size: 22px; transition: all 0.3s; }
.wpbakery-testimonials-layout6.owl-theme .owl-nav [class*=owl-]:hover { color: #333; background: none; }
.wpbakery-testimonials-layout6-thumbnails { position: relative; } .wpbakery-testimonials-layout6-thumbnails:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.wpbakery-testimonials-layout6-thumbnails .item { display: flex; align-items: center; }
.wpbakery-testimonials-layout6-thumbnails .picture {
width: 72px;
height: 72px;
margin-right: 30px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.wpbakery-testimonials-layout6-thumbnails .name { font-weight: 700; text-transform: uppercase; }
.wpbakery-testimonials-layout6-thumbnails .name:after {
content: '';
display: block;
width: 30px;
height: 2px;
margin: 10px 0 5px 0;
background: #333;
}  .wpbakery-team-layout1 { text-align: center; }
.wpbakery-team-layout1 .wrap {}
.wpbakery-team-layout1 .member-image { margin-bottom: 20px; }
.wpbakery-team-layout1 .member-name { font-weight: 700; text-transform: uppercase; }
.wpbakery-team-layout1 .member-prof {}
.wpbakery-team-layout1 .member-info { padding: 0; margin: 10px 0; list-style-type: none; }
.wpbakery-team-layout1 .member-info li { display: inline-block; }
.wpbakery-team-layout1 .member-info li a { padding: 5px 8px; }
.wpbakery-team-layout1 .member-desc { font-style: italic; } .wpbakery-team-layout2 { text-align: center; }
.wpbakery-team-layout2 .member-image { position: relative; }
.wpbakery-team-layout2 .member-image img { display: block; }
.wpbakery-team-layout2 .member-image:hover .content { opacity: 1; }
.wpbakery-team-layout2 .content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
top: 10px;
left: 10px;
width: calc( 100% - 20px );
height: calc( 100% - 20px );
text-align: center;
background-color: rgba(255,255,255,0.7);
opacity: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.wpbakery-team-layout2 .member-name { font-weight: 700; text-transform: uppercase; }
.wpbakery-team-layout2 .member-info { padding: 0; margin: 10px 0; list-style-type: none; }
.wpbakery-team-layout2 .member-info li { display: inline-block; }
.wpbakery-team-layout2 .member-info li a { padding: 5px 8px; } .wpbakery-team-layout3 { text-align: center; }
.wpbakery-team-layout3 .member-image { position: relative; margin-bottom: 20px; }
.wpbakery-team-layout3 .member-image img { display: block; }
.wpbakery-team-layout3 .member-image:hover .content { opacity: 1; }
.wpbakery-team-layout3 .content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
top: 10px;
left: 10px;
width: calc( 100% - 20px );
height: calc( 100% - 20px );
text-align: center;
background-color: rgba(255,255,255,0.7);
opacity: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.wpbakery-team-layout3 .member-name { font-weight: 700; text-transform: uppercase; }
.wpbakery-team-layout3 .member-prof { font-style: italic; color: #bbb; }
.wpbakery-team-layout3 .member-info { padding: 0; margin: 10px 0; list-style-type: none; }
.wpbakery-team-layout3 .member-info li { display: inline-block; }
.wpbakery-team-layout3 .member-info li a { padding: 5px 8px; background: #333; transition: all 0.3s; } .wpbakery-team-layout4 { position: relative; margin-bottom: 20px; text-align: center; }
.wpbakery-team-layout4 .member-image img { display: block; margin: 0 auto; }
.wpbakery-team-layout4 .content {
position: relative;
padding: 20px;
background: #FFF;
overflow: hidden;
}
.wpbakery-team-layout4 .about { float: right; width: 100%; }
.wpbakery-team-layout4 .member-name { font-weight: 700; text-transform: uppercase; }
.wpbakery-team-layout4 .member-info {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: 0;
left: 50%;
width: 0;
height: 100%;
padding: 0;
margin: 0;
list-style-type: none;
overflow: hidden;
transition: all 0.3s;
}
.wpbakery-team-layout4 .member-info li {
display: inline-block;
margin: 0 30px;
transition: all 0.5s;
}
.wpbakery-team-layout4 .member-info li a {
display: inline-block;
width: 32px;
height: 32px;
color: #FFF;
font-size: 14px;
padding: 6px 8px;
background-color: #CCC;
}
.wpbakery-team-layout4:hover .member-info { left: 0; width: 100%; background: #FFF; }
.wpbakery-team-layout4:hover .member-info li { margin: 0 5px; } .wpbakery-team-layout5 {}
.wpbakery-team-layout5 .member-image { position: relative; }
.wpbakery-team-layout5 .member-image:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.75);
opacity: 0;
transition: all 0.3s;
}
.wpbakery-team-layout5 .member-image img { display: block; }
.wpbakery-team-layout5 .content {
position: absolute;
top: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
width: 100%;
height: 100%;
padding: 30px 10px 10px 10px;
opacity: 0;
transition: all 0.3s;
}
.wpbakery-team-layout5 .member-info {
padding: 30px 10px;
text-transform: uppercase;
text-align: center;
background-color: #F8F8F8;
transition: all 0.3s;
}
.wpbakery-team-layout5 .content .member-social,
.wpbakery-team-layout5 .content .member-social li {
padding: 0; margin: 0;
}
.wpbakery-team-layout5 .content .member-social { text-align: center; }
.wpbakery-team-layout5 .content .member-social li { display: inline-block; }
.wpbakery-team-layout5 .content .member-social li a {
display: inline-block;
width: 30px;
height: 30px;
color: #FFF;
font-size: 18px;
line-height: 30px;
border-radius: 100%;
transition: all 0.3s;
}
.wpbakery-team-layout5 .content .member-social li a:hover { color: #333; background-color: #FFF; }
.wpbakery-team-layout5 .content .member-desc { color: #FFF; }
.wpbakery-team-layout5 .content .member-social + .member-desc { margin-top: 10px; }
.wpbakery-team-layout5 .member-info .member-name,
.wpbakery-team-layout5 .member-info .member-prof {
transition: all 0.3s;
}
.wpbakery-team-layout5 .member-info .member-name { color: #333; font-size: 18px; }
.wpbakery-team-layout5 .member-info .member-prof { color: #8f8f8f; font-size: 11px; }
.wpbakery-team-layout5:hover .member-image:before { opacity: 1; }
.wpbakery-team-layout5:hover .content { padding: 10px; opacity: 1; }
.wpbakery-team-layout5:hover .member-info { background-color: #333; }
.wpbakery-team-layout5:hover .member-info .member-name,
.wpbakery-team-layout5:hover .member-info .member-prof {
color: #FFF;
} .wpbakery-team-layout6 .member-image {
padding-bottom: 130%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.wpbakery-team-layout6 .wrap {
position: relative;
overflow: hidden;
}
.wpbakery-team-layout6 .content {
position: absolute;
top: 80%;
left: 80%;
width: 100%;
height: 100%;
color: #FFF;
padding: 20px;
visibility: hidden;
transition: all 0.3s ease-in-out;
}
.wpbakery-team-layout6 .content > div {
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
padding: 20px;
background: rgba(0, 0, 0, 0.70);
overflow: hidden;
}
.wpbakery-team-layout6 .member-prof { font-weight: 700; }
.wpbakery-team-layout6 .member-name { font-weight: 700; text-transform: uppercase; }
.wpbakery-team-layout6 .member-name:after {
content: '';
display: block;
width: 30px;
height: 2px;
margin: 15px 0;
background: #FFF;
}
.wpbakery-team-layout6 .member-desc { line-height: 18px; }
.wpbakery-team-layout6 .member-info {
display: flex;
flex-wrap: wrap;
list-style-type: none;
padding: 0;
margin: auto 0 0 0;
}
.wpbakery-team-layout6 .member-info .button {
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
padding: 0;
margin: 0 8px 8px 0;
border: 1px solid #FFF;
background: none;
transition: all 0.3s ease-in-out;
}
.wpbakery-team-layout6:hover .content {
top: 0;
left: 0;
opacity: 1;
visibility: visible;
z-index: 1;
}  .wpbakery-articles:not(.wpbakery-articles-layout9) .articles-container { display: flex; flex-wrap: wrap; }
.wpbakery-articles:not(.wpbakery-articles-layout9) .item { width: 100%; }
.wpbakery-articles[data-items-row="2"] .articles-container,
.wpbakery-articles[data-items-row="3"] .articles-container,
.wpbakery-articles[data-items-row="4"] .articles-container {
margin: 0 -1%;
}
.wpbakery-articles[data-items-row="2"] .item,
.wpbakery-articles[data-items-row="3"] .item,
.wpbakery-articles[data-items-row="4"] .item {
margin: 0 1% 20px 1%;
}
@media screen and (min-width: 769px) and (max-width: 1279px) {
.wpbakery-articles[data-items-row="3"] .portfolio-container { justify-content: center; }
.wpbakery-articles[data-items-row="3"] .item { width: 48%; }
.wpbakery-articles[data-items-row="4"] .item { width: 48%; }
}
@media screen and (min-width: 1280px) {
.wpbakery-articles[data-items-row="2"] .item { width: 48%; }
.wpbakery-articles[data-items-row="3"] .item { width: 31.33%; }
.wpbakery-articles[data-items-row="4"] .item { width: 23%; }
} .wpbakery-articles-layout1 .item { position: relative; margin-bottom: 20px; overflow: hidden; }
.wpbakery-articles-layout1 .item .picture {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 300px;
margin-bottom: 40px;
background-color: #F2F2F2;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
background-clip: border-box;
overflow: hidden;
}
.wpbakery-articles-layout1 .item .picture:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.4);
z-index: 5;
opacity: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.wpbakery-articles-layout1 .item .picture img { display: none; }
.wpbakery-articles-layout1 .item .picture a {
position: relative;
display: block;
width: 60px;
height: 60px;
color: #FFF;
font-size: 25px;
text-align: center;
padding-top: 13px;
background: rgba(0,0,0,0.7);
border-radius: 30px;
z-index: 10;
opacity: 0;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.wpbakery-articles-layout1 .item .picture:hover:after,
.wpbakery-articles-layout1 .item .picture:hover a {
opacity: 1;
}
.wpbakery-articles-layout1 .item h3 { color: #333; margin-bottom: 20px; }
.wpbakery-articles-layout1 .item h3 a { color: inherit !important; }
.wpbakery-articles-layout1 .item .more { text-transform: uppercase; }
.wpbakery-articles-layout1 .item .more a { color: #333; font-weight: 700; }
.wpbakery-articles-layout1 .item .date {
position: absolute;
top: 0;
right: 0;
color: #FFF;
text-align: center;
padding: 10px 13px;
background-color: #333;
z-index: 15;
}
.wpbakery-articles-layout1 .item .date span { display: block; }
.wpbakery-articles-layout1 .item .date span.day {
font-size: 20px;
line-height: 22px;
font-weight: 700;
margin-bottom: 5px;
}
.wpbakery-articles-layout1 .item .date span.month {
font-size: 10px;
line-height: 14px;
font-weight: 700;
text-transform: uppercase;
} .wpbakery-articles-layout2 .item { position: relative; margin-bottom: 20px; overflow: hidden; }
.wpbakery-articles-layout2 .item .picture {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 300px;
margin-bottom: 25px;
background-color: #F2F2F2;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
background-clip: border-box;
overflow: hidden;
}
.wpbakery-articles-layout2 .item .picture a { display: block; width: 100%; height: 100%; }
.wpbakery-articles-layout2 .item .picture img { display: none; }
.wpbakery-articles-layout2 .item .picture:hover a { background: rgba(255,255,255,0.1); }
.wpbakery-articles-layout2 .item h3 { color: #333; margin-bottom: 20px; }
.wpbakery-articles-layout2 .item h3 a { color: inherit !important; } .wpbakery-articles-layout3 .item {
display: flex;
margin-bottom: 20px;
align-items: center;
}
.wpbakery-articles-layout3 .item .picture { width: 22%; }
.wpbakery-articles-layout3 .item .picture img { display: block; }
.wpbakery-articles-layout3 .item .title { width: 78%; padding-left: 20px; } .wpbakery-articles-layout4 .item {
position: relative;
margin-bottom: 35px;
padding-bottom: 30px;
overflow: hidden;
}
.wpbakery-articles-layout4 .item .picture {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 58.66%;
margin-bottom: 25px;
background-color: #F2F2F2;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
background-clip: border-box;
overflow: hidden;
}
.wpbakery-articles-layout4 .item .picture a {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.wpbakery-articles-layout4 .item .picture img { display: none; }
.wpbakery-articles-layout4 .item .picture:hover a { background: rgba(255,255,255,0.1); }
.wpbakery-articles-layout4 .item h3 { color: #333; margin-bottom: 20px; }
.wpbakery-articles-layout4 .item h3 a { color: inherit !important; }
.wpbakery-articles-layout4 .item .info { margin-bottom: 10px; }
.wpbakery-articles-layout4 .item .info > div {
color: #1a1a1a;
margin-right: 20px;
display: inline-block;
margin-bottom: 10px;
}
.wpbakery-articles-layout4 .item .more { margin-top: 25px; }
.wpbakery-articles-layout4 .item .more a { position: relative; }
.wpbakery-articles-layout4 .item .more a:after {
content: "";
position: absolute;
bottom: -15px;
display: block;
width: 0;
height: 2px;
background: #333;
pointer-events: none;
-webkit-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.wpbakery-articles-layout4 .item .more a:hover:after { width: 100%; }
.wpbakery-articles-layout4[data-items-row="1"] .item { border-bottom: 1px solid #f2f4f9; } .wpbakery-articles-layout5 .item { display: flex; align-items: center; }
.wpbakery-articles-layout5 .item + .item { padding-top: 20px; margin-top: 20px; border-top: 1px solid #353535; }
.wpbakery-articles-layout5 .item .picture { width: 25%; }
.wpbakery-articles-layout5 .item .picture img { display: block; }
.wpbakery-articles-layout5 .item .content { align-self: flex-start; width: 75%; padding-left: 20px; }
.wpbakery-articles-layout5 .item .title { display: block; font-weight: 700; text-transform: uppercase; margin-bottom: 5px; }
.wpbakery-articles-layout5 .item .date { color: #8e8f90; } .wpbakery-articles-layout6 .item {
position: relative;
padding-left: 80px;
margin-bottom: 45px;
}
.wpbakery-articles-layout6 .item .date-big {
position: absolute;
left: 0;
top: 0;
width: 64px;
text-align: center;
z-index: 99;
}
.wpbakery-articles-layout6 .item .date-big .day { font-size: 26px; font-weight: 700; line-height: 56px; color: #FFF; background-color: #333; }
.wpbakery-articles-layout6 .item .date-big .month { font-size: 12px; font-weight: 700; line-height: 21px; color: #333; text-transform: uppercase; background-color: #F2F2F2; }
.wpbakery-articles-layout6 .item .picture {
position: relative;
width: 100%;
height: 465px;
margin-bottom: 20px;
background-position: center;
background-size: cover;
}
.wpbakery-articles-layout6 .item .picture a {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.wpbakery-articles-layout6 .item .picture img { display: none; }
.wpbakery-articles-layout6 .item .picture .category {
position: absolute;
top: 13px;
right: 17px;
color: #FFF;
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
padding: 4px 12px;
background: #333;
}
.wpbakery-articles-layout6[data-items-row="1"] .item .content:after {
content: '';
display: block;
width: 100%;
height: 1px;
margin-top: 30px;
background: #ddd;
}
.wpbakery-articles-layout6[data-items-row="1"] .item:last-child .content:after { content: none; }
.wpbakery-articles-layout6 .item .title { display: block; font-weight: 700; color: #333; margin-bottom: 8px; }
.wpbakery-articles-layout6 .item .date { text-transform: uppercase; margin-bottom: 10px; }
.wpbakery-articles-layout6 .item .excerpt { margin-bottom: 20px; } .wpbakery-articles-layout7 .item { display: flex; flex-direction: column; align-items: center; margin-bottom: 20px; }
.wpbakery-articles-layout7 .item .picture {
position: relative;
width: 100%;
padding-top: 75%;
margin-bottom: 20px;
background-position: center;
background-size: cover;
}
.wpbakery-articles-layout7 .item .picture a {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.wpbakery-articles-layout7 .item .picture img { display: none; }
.wpbakery-articles-layout7 .item .picture .category {
position: absolute;
top: 10px;
left: 10px;
color: #FFF;
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
padding: 4px 12px;
background: #333;
}
.wpbakery-articles-layout7 .item .content { text-align: center; }
.wpbakery-articles-layout7 .item .title { display: block; font-weight: 700; margin-bottom: 8px; } .wpbakery-articles-layout8 .item { display: flex; align-items: flex-start; }
.wpbakery-articles-layout8 .item + .item { padding-top: 20px; margin-top: 20px; border-top: 1px dashed rgb(62, 66, 72); }
.wpbakery-articles-layout8 .item .picture { position: relative; width: 25%; }
.wpbakery-articles-layout8 .item .picture img { display: block; }
.wpbakery-articles-layout8 .item .picture a {
content: '';
position: absolute;
top: calc(50% - 15px);
left: calc(50% - 15px);
height: 30px;
width: 30px;
opacity: 0;
border-radius: 30px;
background: rgba(0,0,0,0.4);
background-image: url(//groupazur.fr/wp-content/plugins/creactivecom/assets/images/wpbakery/plus_small.png);
background-position: center;
background-repeat: no-repeat;
transition: all 300ms ease;
}
.wpbakery-articles-layout8 .item .picture:hover a {
opacity: 1;
transition: all 300ms ease;
}
.wpbakery-articles-layout8 .item .picture a:hover {
background-color: #FFB700;
transition: all 300ms ease;
}
.wpbakery-articles-layout8 .item .content { align-self: flex-start; width: 75%; padding-left: 20px; }
.wpbakery-articles-layout8 .item .title { display: block; margin-bottom: 5px; font-size: 15px; color: #C4C5C4; transition: all 300ms ease;}
.wpbakery-articles-layout8 .item .title:hover {color: white; transition: all 300ms ease;}
.wpbakery-articles-layout8 .item .date { font-size: 14px; color: #BFBFBF; } .wpbakery-articles-layout9 .item { position: relative; margin-bottom: 20px; overflow: hidden; padding-right: 15px; padding-left: 15px; }
.wpbakery-articles-layout9 .item .picture {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 300px;
margin-bottom: 40px;
overflow: hidden;
}
@media screen and (min-width: 585px) {
.wpbakery-articles-layout9 .item .picture {
height: 200px;
}
}
@media screen and (min-width: 785px) {
.wpbakery-articles-layout9 .item .picture {
height: 300px;
}
}
.wpbakery-articles-layout9 .item .picture:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.4);
z-index: 5;
opacity: 0;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.wpbakery-articles-layout9 .item .picture img {
object-fit: cover;
height: 100%;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.wpbakery-articles-layout9 .item .picture:hover img {
transform: scale(1.1);
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.wpbakery-articles-layout9 .item .picture a {
position: absolute;
display: block;
width: 60px;
height: 60px;
background-color: rgba(0,0,0,0.7);
background-image: url(//groupazur.fr/wp-content/plugins/creactivecom/assets/images/wpbakery/white_plus.png);
background-repeat: no-repeat;
background-position: center;
border-radius: 30px;
z-index: 10;
opacity: 0;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.wpbakery-articles-layout9 .item .picture a:hover {
background-color: #FFB700;
transition: all 300ms ease;
}
.wpbakery-articles-layout9 .item .picture:hover:after,
.wpbakery-articles-layout9 .item .picture:hover a {
opacity: 1;
}
.wpbakery-articles-layout9 .item h3 {
font-size: 18px;
line-height: 36px;
color: #333;
margin-bottom: 10px;
}
.wpbakery-articles-layout9 .item h3 a { color: inherit; transition: all 300ms ease; }
.wpbakery-articles-layout9 .item h3 a:hover { color: #ffb700; transition: all 300ms ease; }
.wpbakery-articles-layout9 .item .content {
padding-bottom: 20px;
text-align: left;
color: #777777;
font-size: 14px;
line-height: 28px;
}
.wpbakery-articles-layout9 .item .more { text-transform: uppercase; text-align: left; }
.wpbakery-articles-layout9 .item .more a {
position: relative;
font-size: 13px;
color: #999999;
letter-spacing: 4px;
font-weight: 600;
line-height: 28px;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.wpbakery-articles-layout9 .item .more a::after {
display: block;
padding: 0px;
width: 100%;
height: 1px;
content: "";
background-color: rgb(238, 238, 238);
position: absolute;
bottom: -5px;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.wpbakery-articles-layout9 .item .more a:hover {
color: #FFB700;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.wpbakery-articles-layout9 .item .more a:hover:after {
background-color: #FFB700;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.wpbakery-articles-layout9 .item .date {
position: absolute;
top: 0;
right: 15px;
color: #FFF;
text-align: center;
padding: 10px 13px;
background-color: #FFB700;
z-index: 15;
}
.wpbakery-articles-layout9 .item .date span { display: block; }
.wpbakery-articles-layout9 .item .date span.day {
font-size: 20px;
line-height: 22px;
font-weight: 700;
margin-bottom: 5px;
}
.wpbakery-articles-layout9 .item .date span.month {
font-size: 10px;
line-height: 15px;
font-weight: 700;
text-transform: uppercase;
}
.wpbakery-articles-layout9 .owl-nav {
position: absolute;
top: calc(50% - 20px);
width: 100%;
}
.wpbakery-articles-layout9 .owl-prev,
.wpbakery-articles-layout9 .owl-next {
position: absolute;
height: 40px;
width: 40px;
opacity: 0;
border-radius: 40px;
box-shadow: rgb(238, 238, 238) 0px 0px 0px 2px inset;
background-position: center!important;
background-repeat: no-repeat!important;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.wpbakery-articles-layout9 .owl-prev {
left: -40px;
text-indent: -99999px;
background-image: url(//groupazur.fr/wp-content/plugins/creactivecom/assets/images/wpbakery/arrow_left.png)!important;
}
.wpbakery-articles-layout9 .owl-next {
right: -40px;
text-indent: -99999px;
background-image: url(//groupazur.fr/wp-content/plugins/creactivecom/assets/images/wpbakery/arrow_right.png)!important;
}
.wpbakery-articles-layout9:hover .owl-prev ,
.wpbakery-articles-layout9:hover .owl-next {
opacity: 1;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.wpbakery-articles-layout9 .owl-prev:hover ,
.wpbakery-articles-layout9 .owl-next:hover {
background-color: #eeeeee!important;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
} .wpbakery-articles-layout10 .item { position: relative; margin-bottom: 20px; overflow: hidden; padding-right: 15px; padding-left: 15px; }
.wpbakery-articles-layout10 .item .picture {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 300px;
margin-bottom: 40px;
overflow: hidden;
}
@media screen and (min-width: 585px) {
.wpbakery-articles-layout10 .item .picture {
height: 200px;
}
}
@media screen and (min-width: 785px) {
.wpbakery-articles-layout10 .item .picture {
height: 300px;
}
}
.wpbakery-articles-layout10 .item .picture:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.4);
z-index: 5;
opacity: 0;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.wpbakery-articles-layout10 .item .picture img {
object-fit: cover;
height: 100%;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.wpbakery-articles-layout10 .item .picture:hover img {
transform: scale(1.1);
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.wpbakery-articles-layout10 .item .picture a {
position: absolute;
display: block;
width: 60px;
height: 60px;
background-color: rgba(0,0,0,0.7);
background-image: url(//groupazur.fr/wp-content/plugins/creactivecom/assets/images/wpbakery/white_plus.png);
background-repeat: no-repeat;
background-position: center;
border-radius: 30px;
z-index: 10;
opacity: 0;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.wpbakery-articles-layout10 .item .picture:hover:after,
.wpbakery-articles-layout10 .item .picture:hover a {
opacity: 1;
transition: all 300ms ease;
}
.wpbakery-articles-layout10 .item .picture a:hover {
background-color: #ffb700;
transition: all 300ms ease;
}
.wpbakery-articles-layout10 .item h3 {
font-size: 18px;
line-height: 36px;
color: #333;
margin-bottom: 10px;
}
.wpbakery-articles-layout10 .item h3 a { color: inherit; transition: all 300ms ease;}
.wpbakery-articles-layout10 .item a:hover {color: #ffb700; transition: all 300ms ease;}
.wpbakery-articles-layout10 .item .content {
text-align: left;
color: #777777;
font-size: 14px;
line-height: 28px;
}
.wpbakery-articles-layout10 .item .more { text-transform: uppercase; text-align: left; }
.wpbakery-articles-layout10 .item .more a {
position: relative;
font-size: 13px;
color: #999999;
letter-spacing: 4px;
font-weight: 600;
line-height: 28px;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.wpbakery-articles-layout10 .item .more a::after {
display: block;
padding: 0px;
width: 100%;
height: 1px;
content: "";
background-color: rgb(238, 238, 238);
position: absolute;
bottom: -5px;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.wpbakery-articles-layout10 .item .more a:hover {
color: #FFB700;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.wpbakery-articles-layout10 .item .more a:hover:after {
background-color: #FFB700;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.wpbakery-articles-layout10 .item .date {
position: absolute;
top: 0;
right: 15px;
color: #FFF;
text-align: center;
padding: 10px 13px;
background-color: #FFB700;
z-index: 15;
}
.wpbakery-articles-layout10 .item .date span { display: block; }
.wpbakery-articles-layout10 .item .date span.day {
font-size: 20px;
line-height: 22px;
font-weight: 700;
margin-bottom: 5px;
}
.wpbakery-articles-layout10 .item .date span.month {
font-size: 10px;
line-height: 15px;
font-weight: 700;
text-transform: uppercase;
}
.wpbakery-articles-layout10 .pagination {
position: relative;
}
.wpbakery-articles-layout10 .pagination::before {
display: block;
width: 100%;
height: 2px;
border-bottom: 1px dashed #eeeeee;
content: "";
position: absolute;
top: 50%;
left: 0;
margin-top: -1px;
}
.wpbakery-articles-layout10 .pagination .links {
position: relative;
display: inline-block;
padding: 0 15px;
background-color: white;
} .wpbakery-articles-layout11 .item { position: relative; margin-bottom: 20px; overflow: hidden; padding-right: 15px; padding-left: 15px; }
.wpbakery-articles-layout11 .item .picture {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 200px;
margin-bottom: 40px;
overflow: hidden;
}  .wpbakery-articles-layout11 .item .picture:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.4);
z-index: 5;
opacity: 0;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.wpbakery-articles-layout11 .item .picture img {
object-fit: cover;
height: 100%;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.wpbakery-articles-layout11 .item .picture:hover img {
transform: scale(1.1);
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.wpbakery-articles-layout11 .item .picture a {
position: absolute;
display: block;
width: 60px;
height: 60px;
background-color: rgba(0,0,0,0.7);
background-image: url(//groupazur.fr/wp-content/plugins/creactivecom/assets/images/wpbakery/white_plus.png);
background-repeat: no-repeat;
background-position: center;
border-radius: 30px;
z-index: 10;
opacity: 0;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.wpbakery-articles-layout11 .item .picture:hover:after,
.wpbakery-articles-layout11 .item .picture:hover a {
opacity: 1;
}
.wpbakery-articles-layout11 .item .picture a:hover {
background-color: #FFB700;
}
.wpbakery-articles-layout11 .item h3 {
font-size: 18px;
line-height: 36px;
color: #333;
margin-bottom: 10px;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.wpbakery-articles-layout11 .item h3:hover {
color: #ffb700;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.wpbakery-articles-layout11 .item h3 a { color: inherit !important; }
.wpbakery-articles-layout11 .item .content p {
text-align: left;
color: #777777;
font-size: 14px;
line-height: 28px;
}
.wpbakery-articles-layout11 .item .more { text-transform: uppercase; text-align: left; }
.wpbakery-articles-layout11 .item .more a {
position: relative;
font-size: 13px;
color: #999999;
letter-spacing: 4px;
font-weight: 600;
line-height: 28px;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.wpbakery-articles-layout11 .item .more a::after {
display: block;
padding: 0px;
width: 100%;
height: 1px;
content: "";
background-color: rgb(238, 238, 238);
position: absolute;
bottom: -5px;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.wpbakery-articles-layout11 .item .more a:hover {
color: #FFB700;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.wpbakery-articles-layout11 .item .more a:hover:after {
background-color: #FFB700;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.wpbakery-articles-layout11 .owl-nav {
position: absolute;
top: -73px;
right: 44px;
width: auto;
}
.wpbakery-articles-layout11 .owl-prev,
.wpbakery-articles-layout11 .owl-next {
position: absolute;
height: 30px;
width: 30px;
border-radius: 30px;
box-shadow: rgb(238, 238, 238) 0px 0px 0px 2px inset;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.wpbakery-articles-layout11 .owl-prev {
right: 5px;
text-indent: -99999px;
}
.wpbakery-articles-layout11 .owl-prev::after {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-image: url(//groupazur.fr/wp-content/plugins/creactivecom/assets/images/wpbakery/arrow_left.png)!important;
background-repeat: no-repeat;
background-position: center;
}
.wpbakery-articles-layout11 .owl-next {
right: -30px;
text-indent: -99999px;
}
.wpbakery-articles-layout11 .owl-next::after {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-image: url(//groupazur.fr/wp-content/plugins/creactivecom/assets/images/wpbakery/arrow_right.png)!important;
background-repeat: no-repeat;
background-position: center;
}
.wpbakery-articles-layout11 .owl-prev:hover ,
.wpbakery-articles-layout11 .owl-next:hover {
box-shadow: rgb(238, 238, 238) 0px 0px 0px 40px inset;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.wpbakery-articles-layout11 .owl-dots {
width: 100%;
text-align: center;
}
.wpbakery-articles-layout11 .owl-dots button.owl-dot {
display: inline-block;
width: 6px;
height: 6px;
background-color: #eeeeee;
border-radius: 10px;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all 300ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
transition: all 300ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
margin: 0 10px;
}
.wpbakery-articles-layout11 .owl-dots button.owl-dot.active {
background-color: #ffb700;
-webkit-transform: scale(2) !important;
transform: scale(2) !important;
} .wpbakery-articles-layout12 .picture {
position: relative;
padding-bottom: 60%;
margin-bottom: 20px;
}
.wpbakery-articles-layout12 .picture:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(51, 51, 51, 0.74);
transition: all 0.3s;
opacity: 0;
z-index: 2;
}
.wpbakery-articles-layout12 .picture img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 1;
}
.wpbakery-articles-layout12 h3 { font-size: 18px; line-height: 22px; text-transform: uppercase; margin-bottom: 5px; }
.wpbakery-articles-layout12 .info {
display: flex;
color: #666;
font-size: 12px;
font-style: italic;
}
.wpbakery-articles-layout12 .info > div:not(:first-child) { margin-left: 20px; }
.wpbakery-articles-layout12 .info i { margin-right: 5px; }
.wpbakery-articles-layout12 .content { font-size: 14px; line-height: 22px; color: #666; }
.wpbakery-articles-layout12 .content:before {
content: '';
display: block;
width: 50px;
height: 4px;
margin: 12px 0;
background: #333;
}
.wpbakery-articles-layout12 .picture:hover:before { opacity: 1; }
.wpbakery-articles-layout12.owl-theme .owl-dots { margin-top: 30px !important; }
.wpbakery-articles-layout12.owl-theme .owl-dots .owl-dot span { width: 52px; height: 5px; background: #EEE; transition: all 0.3s; }
.wpbakery-articles-layout12.owl-theme .owl-dots .owl-dot.active span,
.wpbakery-articles-layout12.owl-theme .owl-dots .owl-dot:hover span {
background: #333;
}
.wpbakery-articles-layout13 .item {
position: relative;
display: flex;
justify-content: space-between;
}
.wpbakery-articles-layout13 .picture-container,
.wpbakery-articles-layout13 .content-container {
width: 50%;
}
.wpbakery-articles-layout13 .picture {
padding-bottom: 110%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.wpbakery-articles-layout13 .content-container {
display: flex;
flex-direction: column;
justify-content: space-between;
padding-top: 90px;
}
.wpbakery-articles-layout13 .content {
font-size: 14px;
line-height: 20px;
padding: 0 30px;
}
.wpbakery-articles-layout13 .info {
font-size: 14px;
padding: 20px 30px;
margin-top: 20px;
border-top: 1px solid #dddddd;
}
.wpbakery-articles-layout13 h3 {
text-transform: uppercase;
}
.wpbakery-articles-layout13 h3:after {
content: '';
display: block;
width: 30px;
height: 2px;
margin: 10px 0 5px 0;
background: #333;
}
.wpbakery-articles-layout13 .author {
position: absolute;
top: 30px;
left: 50%;
color: #FFF;
font-size: 14px;
text-transform: uppercase;
padding: 7px 15px;
transform: translateX(-50%);
background: #000;
z-index: 4;
}  .wpbakery-articles-categories-layout1 .item { margin-bottom: 17px; } .wpbakery-articles-categories-layout2 .item { padding: 11px 0; }
.wpbakery-articles-categories-layout2 .item + .item { border-top: 1px solid #ddd; }
.wpbakery-articles-categories-layout2 .count { float: right; }
.wpbakery-articles-categories-layout2 .name { position: relative; padding-left: 20px; text-transform: uppercase; }
.wpbakery-articles-categories-layout2 .name:before {
content: '';
position: absolute;
top: 5px;
left: 0;
width: 5px;
height: 5px;
text-align: center;
background-color: #333;
}  .wpbakery-overview-layout1 {}
.wpbakery-overview-layout1 .wrap { position: relative; overflow: hidden; }
.wpbakery-overview-layout1 .image img {
display: block;
width: 100% !important;
object-fit: cover;
}
.wpbakery-overview-layout1 .title {
position: absolute;
bottom: 20px;
left: 40px;
font-size: 26px;
line-height: 32px;
color: #FFF;
text-transform: uppercase;
margin: 0;
z-index: 10;
transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 1024px) {
.wpbakery-overview-layout1 .title {
font-size: 20px;
line-height: 26px;
}
}
.wpbakery-overview-layout1 .icon {
position: absolute;
bottom: 70px;
left: 40px;
font-size: 50px;
line-height: 50px;
color: #FFF;
z-index: 10;
transition: all 0.3s ease-in-out;
}
.wpbakery-overview-layout1 .content {
position: absolute;
top: 80%;
left: 80%;
width: 100%;
height: 100%;
color: #FFF;
padding: 20px;
visibility: hidden;
transition: all 0.3s ease-in-out;
}
.wpbakery-overview-layout1 .content > div {
width: 100%;
height: 100%;
padding: 50px 20px 20px 20px;
background: rgba(0, 0, 0, 0.70);
overflow: hidden;
}
@media screen and (max-width: 1024px) {
.wpbakery-overview-layout1 .content > div {
font-size: 14px;
line-height: 20px;
}
}
.wpbakery-overview-layout1 .content * { color: inherit; }
@media screen and (min-width: 769px) {
.wpbakery-overview-layout1:hover .title { bottom: calc(100% - 60px) }
.wpbakery-overview-layout1:hover .icon { bottom: 40px; }
.wpbakery-overview-layout1:hover .content {
top: 0;
left: 0;
opacity: 1;
visibility: visible;
z-index: 1;
}
}
@media screen and (max-width: 768px) {
.wpbakery-overview-layout1 .title {
top: 40px;
bottom: auto;
}
.wpbakery-overview-layout1 .icon { bottom: 40px; }
.wpbakery-overview-layout1 .content {
top: 0;
left: 0;
opacity: 1;
visibility: visible;
z-index: 1;
}
.wpbakery-overview-layout1 .content > div {
padding-top: 75px;
}
} .wpbakery-overview-layout2 { transition: all .2s ease-in-out; }
.wpbakery-overview-layout2 .wrap { position: relative; overflow: hidden; }
.wpbakery-overview-layout2 .image img {
display: block;
width: 100% !important;
object-fit: cover;
}
.wpbakery-overview-layout2 .content { text-align: center; padding: 40px 30px 40px; background: #FFF; }
.wpbakery-overview-layout2 .title { margin-bottom: 25px; }
.wpbakery-overview-layout2:hover { box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.22); } .wpbakery-overview-layout3 { box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.22); }
.wpbakery-overview-layout3 .wrap { position: relative; overflow: hidden; }
.wpbakery-overview-layout3 .image img {
display: block;
width: 100% !important;
object-fit: cover;
}
.wpbakery-overview-layout3 .content { text-align: center; padding: 40px 30px; background: #FFF; }
.wpbakery-overview-layout3 .title { margin-bottom: 25px; }
.wpbakery-overview-layout3 .link { text-align: center; margin-top: 25px; }
.wpbakery-overview-layout3 .link a { position: relative; display: inline-block; text-transform: uppercase; }
.wpbakery-overview-layout3 .link a span { margin-left: 10px; }
.wpbakery-overview-layout3 .link a:after {
content: "";
position: absolute;
bottom: -15px;
display: block;
width: 0;
height: 2px;
background: #ffd800;
pointer-events: none;
-webkit-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.wpbakery-overview-layout3 .link a:hover:after {
width: 100%;
}  .wpbakery-overview-layout4 .content { text-align: center; }
.wpbakery-overview-layout4 .title { font-weight: 700; margin-bottom: 20px; }
.wpbakery-overview-layout4 .text { color: #777; } .wpbakery-overview-layout4 .icon {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 120px;
height: 120px;
color: #333;
margin: 0 auto 30px auto;
background-color: #f7f7f7;
border-radius: 100%;
-webkit-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.wpbakery-overview-layout4 .icon:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 120px;
background: #333;
border-radius: 100%;
opacity: 0;
transform: scale(1.4);
-webkit-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.wpbakery-overview-layout4 .icon span {
position: relative;
font-size: 42px;
line-height: 42px;
z-index: 2;
}
.wpbakery-overview-layout4 .more {
display: inline-block;
color: #777;
font-size: 12px;
letter-spacing: 4px;
text-transform: uppercase;
margin-top: 20px;
-webkit-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.wpbakery-overview-layout4 .more:after {
content: '';
display: block;
width: 100%;
height: 2px;
margin-top: 5px;
background-color: #777;
-webkit-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.wpbakery-overview-layout4:hover .icon:before { opacity: 1; transform: scale(1); }
.wpbakery-overview-layout4:hover .icon { color: #FFF; }
.wpbakery-overview-layout4:hover .more { color: #333; }
.wpbakery-overview-layout4:hover .more:after { background: #333; } .wpbakery-overview-layout5 a { display: block; }
.wpbakery-overview-layout5 .wrap { display: flex; }
.wpbakery-overview-layout5 .title { font-weight: 700; margin-bottom: 5px; }
.wpbakery-overview-layout5 .text { color: #777; }
.wpbakery-overview-layout5 .icon-container { flex: 0 0 100px; }
.wpbakery-overview-layout5 .icon {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 70px;
height: 70px;
color: #333;
margin: auto;
background-color: #f7f7f7;
border-radius: 100%;
-webkit-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.wpbakery-overview-layout5 .icon:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 70px;
height: 70px;
background: #333;
border-radius: 100%;
opacity: 0;
transform: scale(1.4);
-webkit-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.wpbakery-overview-layout5 .icon span {
position: relative;
font-size: 28px;
line-height: 28px;
z-index: 2;
}
.wpbakery-overview-layout5:hover .icon:before { opacity: 1; transform: scale(1); }
.wpbakery-overview-layout5:hover .icon { color: #FFF; }
@media screen and (max-width: 1024px) {
.wpbakery-overview-layout5 .wrap { flex-direction: column; }
.wpbakery-overview-layout5 .icon-container { flex: auto; margin-bottom: 20px; }
.wpbakery-overview-layout5 .content { text-align: center; }
} .wpbakery-overview-layout6 .image {
position: relative;
padding-bottom: 73%;
margin-bottom: 20px;
overflow: hidden;
}
.wpbakery-overview-layout6 .image a { display: block; }
.wpbakery-overview-layout6 .image img {
position: absolute;
top: -9999px;
bottom: -9999px;
left: -9999px;
right: -9999px;
display: block;
width: 100%;
height: 100%;
margin: auto;
object-fit: cover;
z-index: 1;
}
.wpbakery-overview-layout6 .title {
display: flex;
align-items: center;
margin-bottom: 15px;
}
.wpbakery-overview-layout6 .title h3 { margin: 0; }
.wpbakery-overview-layout6 .icon { font-size: 26px; margin-right: 10px; }
.wpbakery-overview-layout6 .text { margin-bottom: 20px; }
.wpbakery-counter-layout1 .number:after {
content: '';
display: block;
width: 30px;
height: 2px;
margin-top: 5px;
background-color: #ffcc33;
}
.wpbakery-counter-layout1[data-align="center"] .number:after{ margin: 5px auto 0 auto; }
.wpbakery-counter-layout1[data-align="left"] .number:after{ margin: 5px auto 0 0; }
.wpbakery-counter-layout1[data-align="right"] .number:after{ margin: 5px 0 0 auto; }
.wpbakery-counter-layout1 .title {
text-transform: uppercase;
font-weight: 400;
font-size: 16px;
line-height: 20px;
} .wpbakery-overview-layout7 .wrap,
.wpbakery-overview-layout8 .wrap {
display: flex;
flex-direction: column;
}
@media screen and (min-width: 1024px) {
.wpbakery-overview-layout7 .wrap,
.wpbakery-overview-layout8 .wrap {
flex-direction: row;
}
.wpbakery-overview-layout7 .image,
.wpbakery-overview-layout7 .content,
.wpbakery-overview-layout8 .image,
.wpbakery-overview-layout8 .content {
flex: 0 0 50%;
max-width: 50%;
}
}
.wpbakery-overview-layout7 .image img,
.wpbakery-overview-layout8 .image img {
display: block;
}
.wpbakery-overview-layout7 .content,
.wpbakery-overview-layout8 .content {
display: flex;
justify-content: center;
align-items: center;
}
.wpbakery-overview-layout7 .content .title,
.wpbakery-overview-layout8 .content .title {
text-transform: uppercase;
}
.wpbakery-overview-layout7 .content .icon,
.wpbakery-overview-layout8 .content .icon {
font-size: 40px;
}
.wpbakery-overview-layout7 .content .title:after,
.wpbakery-overview-layout8 .content .title:after {
content: '';
display: block;
width: 30px;
height: 2px;
margin-top: 10px;
background-color: #ffcc33;
}
.wpbakery-overview-layout7 .content .icon + .title,
.wpbakery-overview-layout8 .content .icon + .title {
margin-left: 20px;
}
@media screen and (min-width: 1024px) {
.wpbakery-overview-layout8 .image { order: 2; }
.wpbakery-overview-layout8 .content { order: 1; }
}  .wpbakery-icon-block-layout1 { text-align: center; }
@media screen and (max-width: 767px) {
.wpbakery-icon-block-layout1 { margin-bottom: 40px; }
}
.wpbakery-icon-block-layout1 .icon {
display: flex;
align-items: center;
justify-content: center;
height: 68px;
width: 68px;
font-size: 32px;
line-height: 60px;
color: #ffffff;
margin: 0 auto 20px auto;
background-color: #666;
border: 4px solid #666;
transition: all 0.3s ease;
}
.wpbakery-icon-block-layout1 .title {
text-transform: uppercase;
margin-bottom: 10px;
}
.wpbakery-icon-block-layout1:hover .icon {
color: #333;
background-color: #FFF;
} .wpbakery-icon-block-layout2 { text-align: center; }
@media screen and (max-width: 767px) {
.wpbakery-icon-block-layout1 { margin-bottom: 40px; }
}
.wpbakery-icon-block-layout2 .icon {
display: flex;
align-items: center;
justify-content: center;
height: 68px;
width: 68px;
font-size: 32px;
line-height: 60px;
color: #666;
margin: 0 auto 20px auto;
background: none;
border: 4px solid transparent;
transition: all 0.3s ease;
}
.wpbakery-icon-block-layout2 .title {
text-transform: uppercase;
margin-bottom: 10px;
}
.wpbakery-icon-block-layout2:hover .icon {
color: #333;
background-color: #FFF;
border-color: #666;
} .wpbakery-icon-block-layout3 .title-container {
display: flex;
align-items: center;
margin-bottom: 20px;
}
.wpbakery-icon-block-layout3 .icon {
display: flex;
align-items: center;
justify-content: center;
height: 60px;
width: 60px;
color: #FFF;
font-size: 26px;
line-height: 55px;
margin-right: 20px;
background-color: #666;
transition: all 0.3s ease;
}
.wpbakery-icon-block-layout2 .title { text-transform: uppercase; } .wpbakery-icon-block-layout4 { text-align: center; }
.wpbakery-icon-block-layout4 .icon {
display: flex;
align-items: center;
justify-content: center;
height: 110px;
width: 110px;
font-size: 32px;
line-height: 60px;
color: #FFF;
margin: 0 auto 20px auto;
background: #333;
border-radius: 100%;
transition: all 0.3s ease;
}
.wpbakery-icon-block-layout4 .title {
text-transform: uppercase;
margin-bottom: 10px;
}
.wpbakery-icon-block-layout4:hover .icon { color: #FFF; background-color: #000; }  .wpbakery-newsletter-layout1 { position: relative; padding: 36px 0; background-color: #F2F2F2; }
.wpbakery-newsletter-layout1 .newsletter-line-container {
display: flex;
width: 100%;
max-width: 1210px;
padding: 0 15px;
margin: auto;
align-items: center;
justify-content: space-between;
}
.wpbakery-newsletter-layout1 .newsletter-line-container .title { width: 30%; font-size: 16px; text-transform: uppercase; }
.wpbakery-newsletter-layout1 .newsletter-line-container .title i { font-size: 28px; margin-right: 25px; vertical-align: middle; }
.wpbakery-newsletter-layout1 .newsletter-line-container .fields { width: 70%; margin: 0 -1%; }
.wpbakery-newsletter-layout1 .newsletter-line-container .fields .field,
.wpbakery-newsletter-layout1 .newsletter-line-container .fields .field-button {
float: left; margin: 0 1%;
}
.wpbakery-newsletter-layout1 .newsletter-line-container .fields .field { width: 36%; }
.wpbakery-newsletter-layout1 .newsletter-line-container .fields .field-button { width: 22%; }
.wpbakery-newsletter-layout1 .newsletter-line-container .fields .consent { clear: both; margin: 0 1%; }
.wpbakery-newsletter-layout1 .newsletter-line-container input[type="button"] {
width: 100%; margin: 0;
}
@media screen and (max-width: 1320px) {
.wpbakery-newsletter-layout1 .newsletter-line-container { flex-direction: column; }
.wpbakery-newsletter-layout1 .newsletter-line-container .title,
.wpbakery-newsletter-layout1 .newsletter-line-container .fields,
.wpbakery-newsletter-layout1 .newsletter-line-container .fields .field,
.wpbakery-newsletter-layout1 .newsletter-line-container .fields .field-button {
float: none; width: 100%; margin: auto;
}
.wpbakery-newsletter-layout1 .newsletter-line-container .title { margin-bottom: 10px; }
.wpbakery-newsletter-layout1 .newsletter-line-container .fields .consent { margin: 0; }
.wpbakery-newsletter-layout1 .newsletter-line-container input[type="button"] { width: auto; min-width: 200px; }
} .wpbakery-newsletter-layout2 .field input[type="text"],
.wpbakery-newsletter-layout2 .consent {
margin-bottom: 20px;
} .wpbakery-newsletter-layout3 .newsletter-container .field input {
background-color: rgba(0,0,0,0.2);
box-shadow: none;
margin-bottom: 15px;
}
.wpbakery-newsletter-layout3 .field-button input {
background-color: rgb(255, 183, 0);
border-radius: 0;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.wpbakery-newsletter-layout3 .field-button input:hover {
background-color: rgb(235, 163, -20);
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
} .wpbakery-newsletter-layout4 input[type="text"] {
height: 30px;
background-color: rgba(255,255,255,0.1);
border: none;
}
.wpbakery-newsletter-layout4 .field-button-container {
position: relative;
}
.wpbakery-newsletter-layout4 .submit-form {
position: absolute;
top: 0;
right: 0;
width: 30px;
height: 30px;
color: #ffb600;
padding: 0;
margin: 0;
background: none;
border: none;
} .wpbakery-contact-line .contact-form-7 { display: none; } .wpbakery-contact-line-layout1 { position: relative; margin: -65px auto 80px auto; z-index: 99; }
.wpbakery-contact-line-layout1 .contact-line-container {
display: flex;
padding: 36px 46px;
background: #000;
}
.wpbakery-contact-line-layout1 .contact-line-container > div {
width: 27%;
padding-left: 20px;
}
.wpbakery-contact-line-layout1 .contact-line-container > div:first-child { padding-left: 0; }
.wpbakery-contact-line-layout1 .contact-line-container > div:last-child { width: 19%; }
.wpbakery-contact-line-layout1 .contact-line-container input {
width: 100%; margin: 0;
}
@media screen and (max-width: 991px) {
.wpbakery-contact-line-layout1 .contact-line-container { flex-direction: column; }
.wpbakery-contact-line-layout1 .contact-line-container > div,
.wpbakery-contact-line-layout1 .contact-line-container > div:last-child {
width: 100%; padding: 0; margin-bottom: 10px;
}
.wpbakery-contact-line-layout1 .contact-line-container > div:last-child { margin: 0; }
}  .wpbakery-product-layout1 { position: relative; margin: 0 auto 20px auto; z-index: 99; }
.wpbakery-product-layout1 .product-container {
position: relative; display: flex;
}
.wpbakery-product-layout1 .picture { flex: 0 0 100px; }
.wpbakery-product-layout1 .picture img { width: 100px; height: 100px; }
.wpbakery-product-layout1 .content { padding-left: 25px; }
.wpbakery-product-layout1 .title { color: #222; text-transform: uppercase; }
.wpbakery-product-layout1 .price {
position: absolute;
top: 0;
right: 0;
font-size: 18px;
}
@media screen and (max-width: 480px) {
.wpbakery-product-layout1 .product-container { flex-direction: column; align-items: center; }
.wpbakery-product-layout1 .picture { flex: auto; margin-bottom: 10px; }
.wpbakery-product-layout1 .content { text-align: center; padding: 0; }
}  .wpbakery-picture-list-layout1 {}
.wpbakery-picture-list-layout1 .title {
color: #FFF;
text-transform: uppercase;
padding: 10px 20px;
background: #333;
}
@media screen and (min-width: 768px) {
.wpbakery-picture-list-layout1 .title {
position: absolute;
top: 20px;
right: -50px;
min-width: 100px;
z-index: 10;
}
}
.wpbakery-picture-list-layout1 .main-pictures .item { height: 400px; }
.wpbakery-picture-list-layout1 .main-pictures .item img {
position: absolute;
width: 100%;
top: -9999px;
bottom: -9999px;
left: -9999px;
right: -9999px;
margin: auto;
}
.wpbakery-picture-list-layout1 .main-pictures .owl-nav { margin: 0; }
.wpbakery-picture-list-layout1 .main-pictures .owl-nav button.owl-prev,
.wpbakery-picture-list-layout1 .main-pictures .owl-nav button.owl-next {
position: absolute;
top: calc(50% - 40px);
height: 80px;
color: #FFF;
font-size: 80px;
line-height: 60px;
margin: 0 5px;
}
.wpbakery-picture-list-layout1 .main-pictures .owl-nav button.owl-prev { left: 0; }
.wpbakery-picture-list-layout1 .main-pictures .owl-nav button.owl-next { right: 0; }
.wpbakery-picture-list-layout1 .main-pictures .owl-nav button.owl-prev:hover,
.wpbakery-picture-list-layout1 .main-pictures .owl-nav button.owl-next:hover {
background: none;
}
.wpbakery-picture-list-layout1 .thumbnail-pictures { padding: 40px 0; margin-top: 100px; overflow: hidden; }
@media screen and (max-width: 991px) {
.wpbakery-picture-list-layout1 .thumbnail-pictures { display: none; }
}
.wpbakery-picture-list-layout1 .thumbnail-pictures .list { overflow: hidden; }
.wpbakery-picture-list-layout1 .thumbnail-pictures .list .item {
height: calc(33.33% - 10px);
margin-bottom: 10px;
overflow: hidden;
}
.wpbakery-picture-list-layout1 .thumbnail-pictures .previous,
.wpbakery-picture-list-layout1 .thumbnail-pictures .next {
position: absolute;
left: 0;
width: 100%;
text-align: center;
color: #333;
font-size: 40px;
line-height: 40px;
}
.wpbakery-picture-list-layout1 .thumbnail-pictures .previous { top: 85px; }
.wpbakery-picture-list-layout1 .thumbnail-pictures .next { bottom: 0; }  .wpbakery-picture-hover-layout1 .picture-hover { opacity: 0; }
.wpbakery-picture-hover-layout1 .pictures-container {
position: relative;
width: 95px;
height: 95px;
margin: 0 auto 15px auto;
border-radius: 100px;
}
.wpbakery-picture-hover-layout1 .picture {
position: absolute;
top: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding: 25px;
border-radius: 100px;
overflow: hidden;
transition: all 0.3s ease-in-out;
}
.wpbakery-picture-hover-layout1 .pictures-container:after {
position: absolute;
width: 100%;
height: 100%;
content: '';
top: 0;
left: 0;
border-radius: 100px;
filter: alpha(opacity=0);
opacity: 0;
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
transform: scale(1.3);
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
z-index: -1;
}
.wpbakery-picture-hover-layout1 .content { text-align: center; padding: 0 20px; }
.wpbakery-picture-hover-layout1 .content .title { margin-bottom: 15px; }
.wpbakery-picture-hover-layout1:hover .picture-main { opacity: 0; }
.wpbakery-picture-hover-layout1:hover .picture-hover { opacity: 1; }
.wpbakery-picture-hover-layout1:hover .pictures-container:after {
filter: alpha(opacity=100);
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
}  .wpbakery-picture-text-layout1 {
display: flex;
align-items: center;
}
.wpbakery-picture-text-layout1 .picture-container {
width: 50%;
order: 1;
}
.wpbakery-picture-text-layout1 .picture-container > div {
position: relative;
padding-bottom: 110%;
background: #000;
overflow: hidden;
}
.wpbakery-picture-text-layout1 .picture-container .picture {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: auto;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
z-index: 1;
}
.wpbakery-picture-text-layout1 .picture-container .background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(46,93,88,0.8);
z-index: 2;
opacity: 0;
-webkit-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.wpbakery-picture-text-layout1 .picture-container .text1,
.wpbakery-picture-text-layout1 .picture-container .text2 {
position: absolute;
width: 50%;
color: #FFF;
opacity: 0;
z-index: 3;
-webkit-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.wpbakery-picture-text-layout1 .picture-container .text1 {
top: 50px;
left: -50px;
text-align: right;
padding-right: 10px;
border-right: 1px solid #FFF;
}
.wpbakery-picture-text-layout1 .picture-container .text2 {
bottom: 50px;
right: -50px;
padding-left: 10px;
border-left: 1px solid #FFF;
}
.wpbakery-picture-text-layout1 .content {
width: 50%;
padding: 40px;
order: 2;
}
.wpbakery-picture-text-layout1 .content .category {
font-weight: 500;
font-size: 20px;
color: rgba(0,0,10,0.3);
}
.wpbakery-picture-text-layout1 .content .title {
font-size: 72px;
line-height: 80px;
margin: 25px 0 10px 0;
}
@media screen and (max-width: 1024px) {
.wpbakery-picture-text-layout1 .content .title { font-size: 48px; line-height: 60px; }
}
@media screen and (max-width: 640px) {
.wpbakery-picture-text-layout1 .content .title { font-size: 32px; line-height: 40px; }
}
.wpbakery-picture-text-layout1 .content .link a {
font-size: 30px;
color: rgba(0,0,0,0.2);
}
.wpbakery-picture-text-layout1[data-position="right"] .picture-container { order: 2; }
.wpbakery-picture-text-layout1[data-position="right"] .content { order: 1; }
.wpbakery-picture-text-layout1:hover .picture-container .text1 { left: 20px; }
.wpbakery-picture-text-layout1:hover .picture-container .text2 { right: 20px; }
.wpbakery-picture-text-layout1:hover .picture-container .text1,
.wpbakery-picture-text-layout1:hover .picture-container .text2,
.wpbakery-picture-text-layout1:hover .picture-container .background {
opacity: 1;
}
@media (max-width: 991px) {
.wpbakery-picture-text-layout1 {
flex-direction: column;
flex-wrap: wrap;
}
.wpbakery-picture-text-layout1 .picture-container,
.wpbakery-picture-text-layout1 .content {
width: 100%;
}
.wpbakery-picture-text-layout1 .picture-container { order: 1 !important; }
.wpbakery-picture-text-layout1 .content { order: 2 !important; }
}  .wpbakery-picture-stylized-layout1-paths,
.wpbakery-picture-stylized-layout1-paths> * {
width: 0px;
height: 0px;
}
.wpbakery-picture-stylized-layout1 {
padding: 30%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.wpbakery-picture-stylized-layout1.wpbakery-picture-stylized {
position: relative;
margin: 2% 10%;
max-width: 100%;
}
.wpbakery-picture-stylized-layout1.wpbakery-picture-stylized .shape1 {
position: absolute;
top: 20px;
right: 10px;
width: 93%;
padding-bottom: 72%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
overflow: hidden;
clip-path: url(#picture-stylised-shape1);
z-index: 2;
}
.wpbakery-picture-stylized-layout1.wpbakery-picture-stylized .shape2 {
position: absolute;
top: 0;
right: 0;
width: 100%;
padding-bottom: 67%;
background-color: #CCC;
clip-path: url(#picture-stylised-shape2);
z-index: 1;
}  .wpbakery-slider-layout1-paths { position: absolute; left: -9999px; }
.wpbakery-slider-layout1 {
padding: 80px 0;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.wpbakery-slider-layout1 .item .container {
display: flex;
align-items: center;
justify-content: center;
max-width: 1380px;
padding: 0 100px;
margin: auto;
}
.wpbakery-slider-layout1 .content { max-width: 520px; }
.wpbakery-slider-layout1 .content .title {
font-size: 60px;
line-height: 78px;
font-weight: 600;
text-transform: none;
margin-bottom: 20px;
}
.wpbakery-slider-layout1 .content .text {
font-size: 38px;
line-height: 54px;
margin-bottom: 40px;
}
.wpbakery-slider-layout1 .picture {
position: relative;
margin-top: 20px;
width: 850px;
height: 550px;
}
.wpbakery-slider-layout1 .picture .shape1 {
position: absolute;
top: 20px;
right: 10px;
width: 93%;
padding-bottom: 72%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
overflow: hidden;
clip-path: url(#slider-shape1);
z-index: 2;
}
.wpbakery-slider-layout1 .picture .shape2 {
position: absolute;
top: 0;
right: 0;
width: 100%;
padding-bottom: 67%;
background-color: #CCC;
clip-path: url(#slider-shape2);
z-index: 1;
}
.wpbakery-slider-layout1.owl-carousel .owl-nav { margin: 0; }
.wpbakery-slider-layout1.owl-carousel .owl-nav button.owl-prev,
.wpbakery-slider-layout1.owl-carousel .owl-nav button.owl-next {
position: absolute;
top: calc(50% - 40px);
height: 80px;
color: #333;
font-size: 50px;
line-height: 50px;
margin: 0 5px;
}
.wpbakery-slider-layout1.owl-carousel .owl-nav button.owl-prev { left: 0; }
.wpbakery-slider-layout1.owl-carousel .owl-nav button.owl-next { right: 0; }
.wpbakery-slider-layout1.owl-carousel .owl-nav button.owl-prev:hover,
.wpbakery-slider-layout1.owl-carousel .owl-nav button.owl-next:hover {
background: none;
}
@media screen and (max-width: 1200px) {
.wpbakery-slider-layout1 .picture { width: 400px; height: 310px; }
.wpbakery-slider-layout1 .content .title { font-size: 40px; line-height: 54px; }
.wpbakery-slider-layout1 .content .text { font-size: 28px; line-height: 38px; }
.wpbakery-slider-layout1.owl-carousel .owl-nav { display: none; }
}
@media screen and (max-width: 768px) {
.wpbakery-slider-layout1 .item .container { flex-wrap: wrap; }
.wpbakery-slider-layout1 .picture { order: 1; margin-bottom: 20px; }
.wpbakery-slider-layout1 .content { order: 2; }
.wpbakery-slider-layout1 .content .title { text-align: center; }
.wpbakery-slider-layout1 .content .text { text-align: center; }
.wpbakery-slider-layout1 .button-container { text-align: center; }
}
@media screen and (max-width: 480px) {
.wpbakery-slider-layout1 .content .title { font-size: 30px; line-height: 40px; }
.wpbakery-slider-layout1 .content .text { font-size: 22px; line-height: 30px; }
.wpbakery-slider-layout1 .item .container { padding: 0 18px; }
.wpbakery-slider-layout1 .picture .shape2 { margin-top: 18px; padding-bottom: 72%; }
} .wpbakery-slider-layout2 .item {
position: relative;
height: 525px;
}
.wpbakery-slider-layout2 .item .picture {
width: 100%;
height: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.wpbakery-slider-layout2 .item .content {
position: absolute;
top: 28%;
left: 10%;
width: 100%;
max-width: 500px;
padding: 40px 40px 80px 40px;
background: rgba(255, 255, 255, 0.8);
}
@media screen and (min-width: 769px) {
.wpbakery-slider-layout2 .item .content[data-position="right"] { left: auto; right: 10%; }
.wpbakery-slider-layout2 .item .content[data-position="center"] { left: -9999px; right: -9999px; margin: auto; }
}
@media screen and (min-width: 1280px) {
.wpbakery-slider-layout2 .item .content { left: 23%; }
.wpbakery-slider-layout2 .item .content[data-position="right"] { left: auto; right: 23%; }
}
.wpbakery-slider-layout2 .item .title {
font-size: 31px;
line-height: 30px;
font-weight: 700;
margin-bottom: 20px;
}
.wpbakery-slider-layout2 .item .text {
font-size: 20px;
line-height: 22px;
font-weight: 400;
}
.wpbakery-slider-layout2 .item .button {
position: absolute;
bottom: -30px;
right: 30px;
}
.wpbakery-slider-layout2 .item .title,
.wpbakery-slider-layout2 .item .text {
color: #333;
}
.wpbakery-slider-layout2.owl-carousel .owl-nav {
margin: 0;
opacity: 0;
transition: all 0.3s ease;
}
.wpbakery-slider-layout2.owl-carousel .owl-nav button.owl-prev,
.wpbakery-slider-layout2.owl-carousel .owl-nav button.owl-next {
position: absolute;
top: calc(50% - 40px);
height: 80px;
color: #333;
font-size: 50px;
line-height: 50px;
margin: 0 5px;
}
.wpbakery-slider-layout2.owl-carousel .owl-nav button.owl-prev { left: 40px; }
.wpbakery-slider-layout2.owl-carousel .owl-nav button.owl-next { right: 40px; }
.wpbakery-slider-layout2.owl-carousel .owl-nav button.owl-prev:hover,
.wpbakery-slider-layout2.owl-carousel .owl-nav button.owl-next:hover {
background: none;
}
.wpbakery-slider-layout2.owl-carousel .owl-dots {
position: absolute;
bottom: 20px;
width: 100%;
text-align: center;
opacity: 0;
z-index: 10;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.wpbakery-slider-layout2.owl-carousel .owl-dots button.owl-dot span {
padding: 10px;
margin: 0 3px;
background: #FFF;
border-radius: 100%;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.wpbakery-slider-layout2.owl-carousel .owl-dots button.owl-dot.active span { background-color: #333; }
.wpbakery-slider-layout2.owl-carousel:hover .owl-nav,
.wpbakery-slider-layout2.owl-carousel:hover .owl-dots {
opacity: 1;
}
@media screen and (max-width: 768px) {
.wpbakery-slider-layout2 .item {
height: 400px;
max-height: 100vh;
padding: 20px;
}
.wpbakery-slider-layout2 .item .content {
position: relative;
left: auto;
right: auto;
top: auto;
width: 100%;
max-width: none;
padding: 20px 20px 50px 20px;
z-index: 10;
}
.wpbakery-slider-layout2 .item .picture { position: absolute; top: 0; left: 0; }
.wpbakery-slider-layout2 .item .title { font-size: 24px; line-height: 26px; margin-bottom: 10px; }
.wpbakery-slider-layout2 .item .text { font-size: 16px; line-height: 20px; }
} .wpbakery-slider-layout3 .item {
position: relative;
height: 100vh;
}
.wpbakery-slider-layout3 .item .picture {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.wpbakery-slider-layout3 .item .picture:after {
content: '';
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: url(//groupazur.fr/wp-content/plugins/creactivecom/assets/images/wpbakery/slider-layout3-grid.png) center center repeat;
z-index: 1;
}
.wpbakery-slider-layout3 .item .layout {
position: relative;
height: 100%;
}
.wpbakery-slider-layout3 .item .content {
position: absolute;
display: flex;
justify-content: center;
flex-direction: column;
width: 100%;
max-width: 768px;
height: 100%;
padding: 0 20px;
z-index: 2;
}
@media screen and (min-width: 769px) {
.wpbakery-slider-layout3 .item .content { padding: 0; }
.wpbakery-slider-layout3 .item .content[data-position="right"] { right: 0; }
.wpbakery-slider-layout3 .item .content[data-position="center"] { text-align: center; }
}
.wpbakery-slider-layout3 .item .text {
margin-bottom: 20px;
}
.wpbakery-slider-layout3 .item .title,
.wpbakery-slider-layout3 .item .subtitle {
font-size: 30px;
font-weight: 700;
line-height: 38px;
text-transform: uppercase;
}
@media screen and (min-width: 769px) {
.wpbakery-slider-layout3 .item .title,
.wpbakery-slider-layout3 .item .subtitle {
font-size: 48px;
line-height: 68px;
}
}
@media screen and (min-width: 1025px) {
.wpbakery-slider-layout3 .item .title,
.wpbakery-slider-layout3 .item .subtitle {
font-size: 62px;
line-height: 72px;
}
}
.wpbakery-slider-layout3 .item .title { color: #333; }
.wpbakery-slider-layout3 .item .subtitle { color: #FFF; }
.wpbakery-slider-layout3 .item .text { font-size: 24px; line-height: 34px; color: #FFF; }
.wpbakery-slider-layout3 .item .button-primary {
color: #FFF;
background: #333;
border: 2px solid #333;
}
.wpbakery-slider-layout3 .item .button-secondary {
color: #FFF;
background: none;
border: 2px solid #FFF;
}
.wpbakery-slider-layout3 .item .button:nth-child(2) { margin-left: 10px; }
.wpbakery-slider-layout3.owl-carousel .owl-nav {
margin: 0;
opacity: 0;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.wpbakery-slider-layout3.owl-carousel .owl-nav button.owl-prev,
.wpbakery-slider-layout3.owl-carousel .owl-nav button.owl-next {
position: absolute;
top: calc(50% - 55px);
width: 40px;
height: 110px;
color: #FFF;
font-size: 16px;
line-height: 16px;
margin: 0;
background: rgba(0,0,0,0.5);
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.wpbakery-slider-layout3.owl-carousel .owl-nav button.owl-prev { left: 0; }
.wpbakery-slider-layout3.owl-carousel .owl-nav button.owl-next { right: 0; }
.wpbakery-slider-layout3.owl-carousel .owl-nav button.owl-prev:hover,
.wpbakery-slider-layout3.owl-carousel .owl-nav button.owl-next:hover {
background: rgba(0,0,0,0.6);
}
.wpbakery-slider-layout3.owl-carousel .owl-dots {
position: absolute;
bottom: 20px;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
text-align: center;
opacity: 0;
z-index: 10;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.wpbakery-slider-layout3.owl-carousel .owl-dots button.owl-dot {
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
}
.wpbakery-slider-layout3.owl-carousel .owl-dots button.owl-dot span {
display: inline-block;
width: 12px;
height: 12px;
margin: 0;
background: #FFF;
border-radius: 100%;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.wpbakery-slider-layout3.owl-carousel .owl-dots button.owl-dot.active span,
.wpbakery-slider-layout3.owl-carousel .owl-dots button.owl-dot:hover span {
width: 24px;
height: 24px;
background-color: #333;
}
.wpbakery-slider-layout3.owl-carousel:hover .owl-nav,
.wpbakery-slider-layout3.owl-carousel:hover .owl-dots {
opacity: 1;
} .wpbakery-slider-layout4 {}
.wpbakery-slider-layout4 .picture {
display: flex;
align-items: center;
justify-content: center;
height: 680px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
@media screen and (max-width: 1280px) {
.wpbakery-slider-layout4 .picture { height: 550px; }
}
@media screen and (max-width: 1024px) {
.wpbakery-slider-layout4 .picture { height: 500px; }
}
@media screen and (max-width: 768px) {
.wpbakery-slider-layout4 .picture { height: 420px; }
}
.wpbakery-slider-layout4 .content {}
@media screen and (min-width: 769px) {
.wpbakery-slider-layout4 .item[data-position="right"] .content { text-align: right; }
.wpbakery-slider-layout4 .item[data-position="center"] .content { text-align: center; }
}
.wpbakery-slider-layout4 .content .title,
.wpbakery-slider-layout4 .content .subtitle {
text-transform: uppercase; margin-bottom: 20px;
}
.wpbakery-slider-layout4 .content .title { font-size: 48px; line-height: 52px; }
.wpbakery-slider-layout4 .content .subtitle {
display: inline-block;
color: #FFF;
font-size: 36px;
line-height: 42px;
padding: 10px 20px;
background-color: #333;
}
.wpbakery-slider-layout4 .content .text {
font-size: 16px;
margin-bottom: 20px;
}
.wpbakery-slider-layout4 .content .button-primary { color: #FFF; background-color: #333; border: 2px solid #333; transition: all 0.3s ease; }
.wpbakery-slider-layout4 .content .button-primary:hover { background-color: #111; border-color: #111; }
.wpbakery-slider-layout4 .content .button-secondary { color: #FFF; background: none; border: 2px solid #FFF; transition: all 0.3s ease; }
.wpbakery-slider-layout4 .content .button-secondary:hover { background-color: #111; border-color: #111; } .wpbakery-slider-layout5 {}
.wpbakery-slider-layout5 .picture {
height: 850px;
text-align: center;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.wpbakery-slider-layout5 .icon { max-height: 120px; margin-bottom: 20px; text-align: center; }
.wpbakery-slider-layout5 .icon img { display: inline-block !important; width: auto !important; max-width: 100%; max-height: 100%; }
.wpbakery-slider-layout5 .content {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
.wpbakery-slider-layout5 .content .title,
.wpbakery-slider-layout5 .content .subtitle {
color: #FFF; text-transform: uppercase; margin-bottom: 20px;
}
.wpbakery-slider-layout5 .content .title { font-size: 28px; line-height: 36px; }
.wpbakery-slider-layout5 .content .subtitle { font-size: 64px; line-height: 72px; font-weight: 700; }
.wpbakery-slider-layout5 .content .button-primary { color: #FFF; margin: 0 5px; background-color: #333; transition: all 0.3s ease; }
.wpbakery-slider-layout5 .content .button-primary:hover { background-color: #111; }
.wpbakery-slider-layout5 .content .button-secondary { color: #333; margin: 0 5px; background: #FFF; transition: all 0.3s ease; }
.wpbakery-slider-layout5 .content .button-secondary:hover { color: #FFF; background-color: #111; }
@media screen and (max-width: 1280px) {
.wpbakery-slider-layout5 .content .title { font-size: 24px; line-height: 32px; }
.wpbakery-slider-layout5 .content .subtitle { font-size: 50px; line-height: 58px; }
}
@media screen and (max-width: 1024px) {
.wpbakery-slider-layout5 .picture {
position: relative;
height: 0;
padding-bottom: 75%;
}
.wpbakery-slider-layout5 .content {
position: absolute;
top: 0;
left: 0;
}
.wpbakery-slider-layout5 .content .title { font-size: 20px; line-height: 28px; }
.wpbakery-slider-layout5 .content .subtitle { font-size: 40px; line-height: 48px; }
}
@media screen and (max-width: 768px) {
.wpbakery-slider-layout5 .content .title { font-size: 18px; line-height: 26px; }
.wpbakery-slider-layout5 .content .subtitle { font-size: 32px; line-height: 40px; }
}
@media screen and (max-width: 640px) {
.wpbakery-slider-layout5 .content .subtitle { font-size: 26px; line-height: 32px; }
} .wpbakery-slider-layout6 {}
.wpbakery-slider-layout6 .picture {
position: relative;
height: 400px;
text-align: center;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
@media screen and (min-width: 769px) {
.wpbakery-slider-layout6 .picture { height: 0; padding-bottom: 50%; }
}
@media screen and (min-width: 1281px) {
.wpbakery-slider-layout6 .picture { height: 100vh; padding: 0; }
}
.wpbakery-slider-layout6 .content {
position: absolute;
top: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
@media screen and (min-width: 769px) {
.wpbakery-slider-layout6 .item[data-position="right"] .content { text-align: right; }
.wpbakery-slider-layout6 .item[data-position="center"] .content { text-align: center; }
}
.wpbakery-slider-layout6 .content .title,
.wpbakery-slider-layout6 .content .subtitle {
color: #000; text-transform: uppercase; margin-bottom: 20px;
}
.wpbakery-slider-layout6 .content .title { font-size: 40px; line-height: 48px; }
.wpbakery-slider-layout6 .content .subtitle { font-size: 110px; line-height: 105px; }
@media screen and (max-width: 1280px) {
.wpbakery-slider-layout6 .content .title { font-size: 32px; line-height: 40px; }
.wpbakery-slider-layout6 .content .subtitle { font-size: 70px; line-height: 70px; }
}
@media screen and (max-width: 768px) {
.wpbakery-slider-layout6 .content .title { font-size: 26px; line-height: 32px; }
.wpbakery-slider-layout6 .content .subtitle { font-size: 52px; line-height: 62px; }
}
@media screen and (max-width: 640px) {
.wpbakery-slider-layout6 .content .subtitle { font-size: 36px; line-height: 48px; }
}
.wpbakery-slider-layout6 .content .button-primary,
.wpbakery-slider-layout6 .content .button-secondary {
color: #FFF;
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
padding: 14px 50px;
margin: 0 5px;
background-color: #000;
transition: all 0.3s ease;
}
.wpbakery-slider-layout6 .content .button-primary:hover,
.wpbakery-slider-layout6 .content .button-secondary:hover {
background-color: #222;
}  .wpbakery-button-layout1 { margin-bottom: 20px; }
.wpbakery-button-layout1 > a { position: relative; display: inline-block; text-decoration: none; }
.wpbakery-button-layout1 .wpbakery-button-body { text-align: left; padding: 20px 40px 20px 30px; background-color: #333; }
.wpbakery-button-layout1 .wpbakery-button-title { color: #FFF; font-weight: bold; }
.wpbakery-button-layout1 .wpbakery-button-sub-title { display: block; color: #FFF; font-weight: bold; font-size: 14px; }
.wpbakery-button-layout1 .wpbakery-button-arrow { margin-right: 20px; transition: all 0.3s ease; }
.wpbakery-button-layout1[data-align="left"] { text-align: left; }
.wpbakery-button-layout1[data-align="center"] { text-align: center; }
.wpbakery-button-layout1[data-align="right"] { text-align: right; }
.wpbakery-button-layout1 > a:hover .wpbakery-button-arrow { margin-right: 0; margin-left: 20px; }  .wpbakery-progressbar-layout1 { position: relative; margin-bottom: 35px; }
.wpbakery-progressbar-layout1 .title {
color: #333;
font-size: 16px;
font-weight: 600;
line-height: 36px;
}
.wpbakery-progressbar-layout1 .progressbar-container { width: 100%; border-radius: 10px; }
.wpbakery-progressbar-layout1 .progressbar {
position: relative;
width: 0;
height: 7px;
border-radius: 10px;
}
.wpbakery-progressbar-layout1 .value {
position: absolute;
top: 9px;
left: 0;
width: 70px;
font-size: 18px;
line-height: 18px;
font-weight: 600;
text-align: center;
margin-left: -35px;
} .wpbakery-progressbar-layout2 { position: relative; margin-bottom: 35px; }
.wpbakery-progressbar-layout2 .title { color: #333; font-weight: 700; text-transform: uppercase; }
.wpbakery-progressbar-layout2 .progressbar-container { width: 100%; margin-top: 10px; }
.wpbakery-progressbar-layout2 .progressbar {
position: relative;
width: 0;
height: 10px;
}
.wpbakery-progressbar-layout2 .value {
position: absolute;
top: 0;
right: 0;
font-weight: 700;
}  .wpbakery-picture-gallery-layout1 {
padding: 0 10px;
}
.wpbakery-picture-gallery-layout1 .item {
padding: 5px 5px;
}
.wpbakery-picture-gallery-layout1 .picture {
position: relative;
}
.wpbakery-picture-gallery-layout1 .layer {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0,0,0,0.4);
opacity: 0;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.wpbakery-picture-gallery-layout1 .picture:hover .layer {
opacity: 1;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.wpbakery-picture-gallery-layout1 .background {
padding-top: 100%;
width: 100%;
background-size: cover;
background-repeat: no-repeat;
}
.wpbakery-picture-gallery-layout1 a {
content: '';
position: absolute;
top: calc(50% - 30px);
left: calc(50% - 30px);
height: 60px;
width: 60px;
opacity: 0;
border-radius: 60px;
background-color: rgba(0, 0, 0, 0.7);
background-image: url(//groupazur.fr/wp-content/plugins/creactivecom/assets/images/wpbakery/white_plus.png);
background-position: center;
background-repeat: no-repeat;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.wpbakery-picture-gallery-layout1 .picture:hover a {
opacity: 1;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.wpbakery-picture-gallery-layout1 a:hover {
background-color: #FFB700;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}  .wpbakery-counter-layout1 { color: #333; text-align: center; }
.wpbakery-counter-layout1[data-align="left"] { text-align: left; }
.wpbakery-counter-layout1[data-align="center"] { text-align: center; }
.wpbakery-counter-layout1[data-align="right"] { text-align: right; }
.wpbakery-counter-layout1 .number {
font-size: 60px;
line-height: 60px;
font-weight: 700;
margin-bottom: 10px;
}
.wpbakery-counter-layout1 .title {
font-size: 20px;
line-height: 24px;
font-weight: 700;
}  .wpbakery-info-list-layout1 {
padding: 0 20px;
background: #f8f8f8;
border-bottom: 3px solid  #333;
}
.wpbakery-info-list-layout1 .item {
display: flex;
align-items: center;
padding: 15px 0;
border-bottom: solid 1px #eee;
}
.wpbakery-info-list-layout1 .item:last-child { border: none; }
.wpbakery-info-list-layout1 .item .icon { width: 25px; color: #333; } .wpbakery-info-list-layout2 .item {
display: flex;
align-items: center;
justify-content: space-between;
padding: 8px 0;
border-bottom: dotted 1px #999;
}
.wpbakery-info-list-layout2 .item:last-child { border: none; }
.wpbakery-info-list-layout2 .item .icon { width: 25px; color: #333; }  .wpbakery-picture-overlay-layout1 { position: relative; }
.wpbakery-picture-overlay-layout1 .picture {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
overflow: hidden;
}
.wpbakery-picture-overlay-layout1 .picture-1 {
width: 75%;
padding-bottom: 105%;
}
.wpbakery-picture-overlay-layout1 .picture-2 {
position: absolute;
top: 22%;
right: 0;
width: 52%;
padding-bottom: 68%;
} .wpbakery-picture-overlay-layout2,
.wpbakery-picture-overlay-layout3,
.wpbakery-picture-overlay-layout4,
.wpbakery-picture-overlay-layout5 {
position: relative;
padding-bottom: 70%;
}
.wpbakery-picture-overlay-layout2 .picture,
.wpbakery-picture-overlay-layout3 .picture,
.wpbakery-picture-overlay-layout4 .picture,
.wpbakery-picture-overlay-layout5 .picture {
position: absolute;
width: 60%;
}
.wpbakery-picture-overlay-layout2 .picture > div,
.wpbakery-picture-overlay-layout3 .picture > div,
.wpbakery-picture-overlay-layout4 .picture > div,
.wpbakery-picture-overlay-layout5 .picture > div {
padding-bottom: 90%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
overflow: hidden;
} .wpbakery-picture-overlay-layout2 .picture-1 { top: 0; right: 0; }
.wpbakery-picture-overlay-layout2 .picture-2 { bottom: 0; left: 0; } .wpbakery-picture-overlay-layout3 .picture-1 { top: 0; left: 0; }
.wpbakery-picture-overlay-layout3 .picture-2 { bottom: 0; right: 0; } .wpbakery-picture-overlay-layout4 .picture-1 { bottom: 0; right: 0; }
.wpbakery-picture-overlay-layout4 .picture-2 { top: 0; left: 0; } .wpbakery-picture-overlay-layout5 .picture-1 { bottom: 0; left: 0; }
.wpbakery-picture-overlay-layout5 .picture-2 { top: 0; right: 0; } .wpb_content_element>.wpb_element_wrapper { transition: all 0.2s ease-in-out; }
.wpb_content_element:hover>.wpb_element_wrapper { background-color: #F2F2F2; }
.vc_navbar { background: #208bae; border-color: #208bae; }
.vc_controls>.vc_controls-cc { background-color: #208bae; }
.vc_control-btn .vc_btn-content:hover { background: #1c7694; }
.vc_custom-element-container .vc_element-icon { float: left; margin-right: 10px; background: none; }
.label-color { display: inline-block; color: #FFF; padding: 2px 4px; } .cc-title-block .title-heading { text-transform: uppercase; } .vc_separator .vc_sep_holder .vc_sep_line { top: auto !important; }.vc_row.vc_column-gap-40 > .vc_column_container { padding: 20px; }
.vc_row.vc_column-gap-50 > .vc_column_container { padding: 25px; }
.vc_row.vc_column-gap-60 > .vc_column_container { padding: 30px; }
.vc_row.vc_column-gap-70 > .vc_column_container { padding: 35px; }
.vc_row.vc_column-gap-80 > .vc_column_container { padding: 40px; }
.vc_row.vc_column-gap-90 > .vc_column_container { padding: 45px; }
.vc_row.vc_column-gap-100 > .vc_column_container { padding: 50px; }
.vc_row.vc_column-gap-110 > .vc_column_container { padding: 55px; }
.vc_row.vc_column-gap-120 > .vc_column_container { padding: 60px; }
.vc_row.vc_column-gap-130 > .vc_column_container { padding: 65px; }
.vc_row.vc_column-gap-140 > .vc_column_container { padding: 70px; }
.vc_row.vc_column-gap-150 > .vc_column_container { padding: 75px; } .empty-space { display: none; width: 100%; height: 0; }
@media (max-width: 767px) {
.empty-space-mobile { display: block; }
}
@media (min-width: 768px) and (max-width: 1024px) {
.empty-space-tablet { display: block; }
}
@media (min-width: 1025px) {
.empty-space-desktop { display: block; }
} .simple-slider.owl-theme { padding-left: 40px; padding-right: 40px; }
.simple-slider.owl-theme .wpb_button,
.simple-slider.owl-theme .wpb_content_element,
.simple-slider.owl-theme ul.wpb_thumbnails-fluid>li {
margin: 0;
}
.simple-slider.owl-theme .owl-nav { margin: 0; }
.simple-slider.owl-theme .owl-nav [class*=owl-] {
position: absolute;
top: 0;
width: 40px;
height: 100%;
margin: 0;
z-index: 99;
}
.simple-slider.owl-theme .owl-nav [class*=owl-]:hover {
background: none;
}
.simple-slider.owl-theme .owl-nav button.owl-prev { left: 0; text-align: left; }
.simple-slider.owl-theme .owl-nav button.owl-next { right: 0; text-align: right; }