/*!
Theme Name: batiadvisor
Theme URI: https://batiadvisor.com
Author: Thomas Rambaud
Author URI: https://bonapp.studio/
Description: Custom theme built for eh! Online
Version: 1.171.0
Tested up to: 5.6.2
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: batiadvisor
*/

/* FONTS */
/* devanagari */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(fonts/pxiEyp8kv8JHgFVrJJbecmNE.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CfF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(fonts/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(fonts/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(fonts/pxiByp8kv8JHgFVrLCz7Z11lFc-K.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(fonts/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(fonts/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* END FONTS */

html, body {margin: 0; padding: 0;font-family: 'Poppins', sans-serif;font-weight: 400;color: #000032;overflow-x: hidden;font-size: 16px; background: #fff;}

p {margin: 16px 0;}

a {text-decoration: none; outline: 0;}
a img {outline: 0;}

h1, h2, h3, h4, h5, h6 {margin: 0; padding:0; font-weight: 400;letter-spacing: 0;}

strong {font-weight: 700;}

img {max-width: 100%; height: auto;}
img.aligncenter {display: block;margin: auto;}

input {border: none; padding: 14px 15px;outline: 0;}
button {cursor:pointer;}
form .submit {text-align: right;}

.field {margin-bottom: 20px;}
.field-mention {font-size: 12px;line-height: 14px;margin: 8px 0 0 0;}
.field-mention a {text-decoration: underline; color: #000032}
.field-mention a:hover {text-decoration: none;}

.std-form input[type="text"],
.std-form input[type="number"],
.std-form input[type="tel"],
.std-form input[type="search"],
.std-form input[type="file"],
.std-form input[type="password"],
.std-form input[type="date"],
.std-form input[type="time"],
.std-form input[type="url"],
.std-form textarea,
.std-form select {border: solid 1px #cecece;padding: 12px 15px;width: 100%;box-sizing: border-box;display: block;}
.std-form input.bigger {font-size: 25px;line-height: 27px;}
.std-form button.bigger {font-size: 21px;}
.std-form label {font-weight: 700;}

.input-button {overflow: hidden;}
.input-button input[type="text"],
.input-button input[type="number"],
.input-button input[type="tel"],
.input-button input[type="search"],
.input-button input[type="file"],
.input-button input[type="password"],
.input-button input[type="date"],
.input-button input[type="time"],
.input-button input[type="url"] {width: calc(100% - 300px);float: left;}
.input-button button {width: 280px;float: right;}

.cbs-inline {display: inline-block;}
.cbs .cb {display: inline-block;margin-left: 25px;}
.cbs .cb label {font-weight: normal;}

.clearfix::after {content: "";clear: both;display: table;}

.hcontainer {max-width: 1165px; margin: auto;}

.valign1 {display: table; width: 100%; height: 100%;overflow-wrap: anywhere;}
.valign2 {display: table-cell;height: 100%;width:100%;vertical-align: middle;}
.valign3 {display: inline-block;width:100%;}

.cursor-drag {cursor: pointer; cursor: drag;}

#primary .vc_row .vc_btn3.vc_general,
#comments form .submit,
.cta, #page .mauticform_wrapper .mauticform-button {background: linear-gradient(90deg, rgba(0,142,186,1) 0%, rgba(127,64,146,1) 76%); display: inline-block;font-weight: 700;color: #fff;padding: 14px 25px;border: none; outline: 0;cursor: pointer;transition: all 200ms linear;box-sizing:border-box;border-radius: 0;font-size: 16px; text-decoration: none; border-radius: 4px; text-align: center;}
.cta.loading-anim {background-image: url(images/loadings/spinning-circles.svg?v=2) !important;background-size: auto 75% !important;background-repeat: no-repeat !important;background-position: center center !important;text-indent: -999em !important;}
.vc_row .vc_btn3.vc_general:hover,
.cta:hover, #page .mauticform_wrapper .mauticform-button:hover {transform: scale(1.025);}
.cta-gradient {background: linear-gradient(90deg, rgba(235,79,87,1) 0%, rgba(235,79,87,1) 32%, rgba(0,142,185,1) 72%); padding: 3px;}
.cta-gradient span {background: #fff; color: #000032; padding: 14px 20px; display: inline-block;}
.cta-gradient-blue span {background: #000031; color: #fff;}
.cta-small {padding: 7px 10px;}
.cta-black-fill {color: #fff;background:#000032;}
.cta-black-fill:hover {color: #fff;background:#000032;}
.cta-black {background: none;border: solid 2px #000032;padding-left: 60px; padding-right: 60px; color: #000032;}
.cta-black:hover {background: #000032;color: #fff;}
.cta.color-white {color: #fff;}
.cta-white {color: #000032;background: #fff;}
.cta-white:hover {background: #000032;color: #fff;}

.centered-cta {text-align: center;margin-top: 60px;}
.righten-cta {text-align: right;}
.centered-cta .cta,
.righten-cta .cta {font-size: 18px;}

.bordered {border: solid 1px #eaeaea;}

.switch {display: block;cursor: pointer;}
.switch input {opacity:0;width:0;height:0}
.switch .slider-container {position:relative;display:inline-block;width:45px;height:24px;float: right;}
.switch .slider {position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s;border-radius:34px}
.switch .slider:before {border-radius:50%;position:absolute;content:"";height:19px;width:19px;left:4px;bottom:3px;background-color:#fff;-webkit-transition:.4s;transition:.4s}
.switch input:checked + .slider {background-color:#323cc2}
.switch input:focus + .slider {box-shadow:0 0 1px #323cc2}
.switch input:checked + .slider:before {-webkit-transform:translateX(19px);-ms-transform:translateX(19px);transform:translateX(19px)}

.awnoei {display: block;}
.awnoei-format1 {margin-top: 30px; text-align: center; margin-bottom: -20px;}
.awnoei img {border:solid 1px #c7c7c7;}

.section-title {font-size: 40px;line-height: 40px;margin-bottom: 80px; padding-left:45px; color: #000032; position: relative; text-shadow: 0px 0px 6px #fff;}
.section-title::before {content: ' ';display: block;width: 136px;height: 136px;background: url(images/square.png) no-repeat top left;position: absolute;top: -36px;left: -11px;}
.section-title.no::before {display:none;}
.section-title.centered {text-align: center;}
.section-title span {position: relative;left: 0;}
.section-title .lowercase {text-transform: lowercase;}
.section-title strong {position: relative; z-index: 1;}

.squared-list {display: grid; grid-template-columns: 25% 25% 25% 25%;}
.squared-list + .centered-cta {margin-top: 30px;}
.squared-list > article {display: block;width: calc(100% - 15px);margin-bottom: 35px;}
.squared-list .image {height: 250px;position: relative;background-size:cover; background-position: center center; background-repeat: no-repeat;border:solid 1px #eaeaea;}
.squared-list .image.fit {background-size: contain;}
.squared-list article h3 {color: #000032;padding:10px 0 5px 0;font-weight: normal;text-transform: none;}
.squared-list .subtitle {font-weight: 700;color: #000032;margin: 0;text-transform: uppercase;}
.squared-list .hover {position: absolute; top: 10px; left:10px; width:calc(100% - 20px); height: calc(100% - 20px);background:#000032;text-align: center;box-sizing: border-box;opacity:0;transition:all 350ms linear;padding: 0 25px;transform:scale(1.1);transform-origin:center center;}
.squared-list .hover p {color: #fff;}
.squared-list .hover .title {font-weight: 700;}
.squared-list .hover p:last-child {margin-bottom: 0;}
.squared-list a:hover .hover {opacity: 1;transform:scale(1);}
.squared-list-column article {width: auto; float: none;margin-right: 0 !important;}
.squared-list-column article a {text-decoration: none !important;}
.squared-list .item-category {text-transform: uppercase;padding-bottom: 10px;display: block;font-weight: bold;}
.section-title + .squared-list.with-cat1 {margin-top: 85px;}

.resources-list {display: grid; grid-template-columns: 25% 25% 25% 25%; }
.resources-list + .centered-cta {margin-top: 30px;}
.resources-list > article {display: block;width: calc(100% - 15px);margin-bottom: 35px !important; background: #ebede7; padding: 20px 20px;position: relative; z-index: 1; box-sizing: border-box;}
.resources-list article h3 {color: #000032;padding:10px 0 5px 0;font-weight: normal;text-transform: none; font-weight: 700; font-size: 24px; line-height: 30px;}
.resources-list article p {font-size: 14px; color: #000032; line-height: 20px;}
.resources-list article .type {font-size: 14px;text-transform: uppercase;color: #000032;}
.resources-list a:hover h3 {text-decoration: underline;}
.resources-list .link {text-align: right; display: block; font-weight: 700; color: #000032;} 
.resources-list .img {background-repeat: no-repeat; background-size: cover; background-position: center center; height: 150px; margin: 20px 0 10px 0;background-color: #d2d2d2;}

.blocks-list > article {display: block;width: calc(33.3333% - 50px);float:left;}
.blocks-list > article:nth-child(3n+1) {margin-right: 75px;clear:left;}
.blocks-list > article:nth-child(3n+3) {margin-left: 75px;}
.blocks-list .image {height: 260px;position: relative;vertical-align: middle;text-align: center;box-shadow: 0 0 10px rgba(0,0,0,0.25);display: table; width: 100%;}
.blocks-list .image img {max-width: 80%;max-height: 80%;}
.blocks-list h3 {color: #000032;padding:10px 0 5px 0;font-weight: 700;padding-top: 35px;}
.blocks-list .subtitle {color: #000032;margin: 0;text-transform: uppercase;}
.blocks-list .text {color: #000032;}
.blocks-list a:hover .hover {opacity: 1;transform:scale(1);}
.blocks-list .one-block {width: auto; float: none;}
.blocks-list .one-block .image {float:left;margin-right: 30px;}
.blocks-list-column article {width: auto; float: none;margin-right: 0 !important;}
.blocks-list-column article a {text-decoration: none !important;}

.bullets {text-align: center;padding-bottom: 25px;}
.bullets span {display: inline-block;width:10px;height:10px;border: 2px solid #000032;margin-right: 4px;cursor: pointer; transition: all 150ms linear;opacity: 0.4;}
.bullets span:last-child {margin-right: 0;}
.bullets span:hover,
.bullets span.active {opacity: 1; transform:rotate(-10deg);}

.label {font-weight: 700;position: absolute;top: 0;left: 0;padding: 7px 13px 6px 13px;background: #008eba;color: #fff;text-transform: uppercase;box-sizing: border-box;z-index:2;}
.label.vertical {transform: rotate(-90deg) translateX(-100%);transform-origin: top left;width: auto;text-align: center;top: 0;}

.boldy {font-size: 28px;font-weight: 700;}

.social-icons a, .social-icons > img {display: inline-block;margin-right: 5px;transition: all 200ms linear;}
.social-icons a[href=""] {cursor: default;}
.social-icons a:hover {opacity: 0.75;}
.social-icons a:last-child {margin-right: 0;}

.carousel .items {position: relative;height: 575px;}
.carousel .item {position: absolute;top: 0; left:0;width:100%;height:100%;z-index: 1;opacity: 0;transition: all 800ms linear;}
.carousel .item.active {z-index: 2;opacity: 1;}
.carousel .item-image {height: 288px;background-repeat: no-repeat;background-size:cover;background-position:center center;background-color:#cbcbcc;}
.carousel .item h3 {font-size: 24px;font-weight: 700;text-transform: uppercase;padding: 14px 0 4px 0;}
.carousel .item p {margin: 0;line-height: 20px; margin: 5px 0 0 0;}
.carousel .item .subtitle {text-transform: uppercase;padding-bottom: 10px;}
.carousel .item .suptitle {text-transform: uppercase; font-size: 14px;padding: 5px 0; margin: 5px 0 -17px 0;}
.carousel .item .cta {margin-top: 23px;}

.slideshow .item {background-repeat: no-repeat;background-size: cover;background-position: center center;}
.slideshow .items {height: 350px;overflow: hidden;position: relative;}
.slideshow .items .item {position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;z-index: 1;transition: all 800ms linear;background-color:#cbcbcc;}
.slideshow .items .item.active {z-index: 2;opacity: 1;}
.slideshow .items .item iframe {height: 100%;}
.slideshow .thumbnails {height: 84px;overflow: hidden;margin: 20px 0 0 0;}
.slideshow .thumbnails-container {width: 9999px;height: 100%;position: relative;}
.slideshow .thumbnails .item {width: 150px; height: 100%;margin-right: 10px;float:left;text-align: center;cursor: pointer;transition: all 250ms linear;border-bottom: solid 4px #fff;box-sizing:border-box;}
.slideshow .thumbnails .item:last-child {margin-right: 0;}
.slideshow .thumbnails .item:hover,
.slideshow .thumbnails .item.active {border-color: #cc1f3b;}
.slideshow .thumbnails .item img {width: 66px; height: auto;}

.slideshow-cta { margin: 30px 0; position: relative;}
.slideshow-cta::before {content: ' '; display: block; position: absolute; top: 0; right: 3%; background:url(images/gim1.png) no-repeat top left; background-size: cover; width: 550px; height: 659px; pointer-events: none;}
.slideshow-cta > div {position: relative; height: 350px;}
.slideshow-cta .item {background-repeat: no-repeat; background-size: cover; background-position: center center; position: absolute; top: 0; left: 0; z-index: 1; height: 100%; width: 100%; transition: all 800ms linear; background-color: #cbcbcc; opacity: 0; border-radius: 6px; box-sizing: border-box; padding: 40px 30px;}
.slideshow-cta .item > a {width: 100%; height: 100%; display: block;}
.slideshow-cta .item h2 {font-weight: 700; font-size: 48px; line-height: 54px; color: #fff;}
.slideshow-cta .item p {font-size: 18px; color: #fff;}
.slideshow-cta .item .text {max-width: 590px;}
.slideshow-cta .item.active {z-index: 2; opacity: 1;}
.slideshow-cta .bullets {position: absolute;z-index: 3;bottom: 0;left: 0;width: 100%;padding-bottom: 10px;}
.slideshow-cta span {border-color: #fff;}

.scrollbar-container {padding: 20px 0;cursor:pointer;cursor: grab;}
.scrollbar {border-radius: 3px;background:#cfd0cd;height: 5px;position: relative;}
.scrollbar span {width: 200px;background:#000032;border-radius: 3px;height: 100%;display: block;position: absolute; top: 0; left:0;transition: background 100ms linear;}
.scrollbar-container:hover span {background: #8a8a8a;}

.scrollable-list .list {width: 9999px;position: relative;}
.scrollable-list .container {height: 400px;margin-bottom: 30px;}
.scrollable-list .container > div {height: 100%;}
.scrollable-list article {display: block; float: left; width: 300px; height: 100%;background-size:cover;background-position: center center; background-repeat: no-repeat;margin-right:20px;box-sizing:border-box;padding: 50px;text-align:center;position:relative;}
.scrollable-list article:before {content: ' '; display: block; background: #000032;opacity:0.2;width: 100%;height:100%;position: absolute; top: 0;left:0;}
.scrollable-list article:last-child {margin-right: 0;}
.scrollable-list img {height: 65px;width: auto;}
.scrollable-list h3 {font-size: 24px; font-weight: 700; text-align: center;margin: 20px auto 50px auto;text-transform: uppercase;color: #fff;}
.scrollable-list .cta {width: 150px;}
.scrollable-list .valign1 {position: relative;z-index: 1;}
.scrollable-list a {transition: all 200ms linear;}
.scrollable-list a:hover {transform:scale(1.05);}

.pagination {position: relative;z-index: 1;padding-bottom: 25px; text-align: center;}
.pagination ul,
.pagination li {margin: 0; padding: 0; list-style-type: none;display: inline-block;}
.pagination li {margin-right: 3px;}
.pagination li:last-child {margin-right: 0;}
.pagination a,
.pagination .current {font-size: 18px;text-decoration: none;transition: all 250ms linear;padding: 0 3px;font-weight: 700;color: #000032;}
.pagination a:hover {opacity: 0.75;}
.pagination .current {text-decoration: underline;}

.brands-group {display: flex;flex-wrap: wrap;}
.brands-group .item {flex: 1 0 12.5%; max-width: 12.5%;}
.brands-group .image {border: solid 1px #eaeaea; padding: 10px; margin: 5px;transition: all 150ms linear;}
.brands-group .item:hover .image {transform: scale(1.02); box-shadow: 0 0 17px -5px rgba(0,0,0,0.2);}
.brands-group .image .valign3 {height: 76px;}
.brands-group img {width: 100%; height: 100%; object-fit: contain;}
.section-brands-group {padding-bottom: 100px;}

.tags {padding: 0 0 20px 0;}
.tags .tag {display: inline-block;margin-right: 5px;background:#cfd0cd;color: #000032;padding: 5px 12px; border-radius: 3px; transition: all 150ms linear;}
.tags .tag:hover {background:#323cc2a8; color: #fff;}
.tags .tag.active {background:#323cc2; color: #fff;}
.tags .tag-block {display: block;float:left;text-align: center;padding: 10px 5px;transition: all 200ms linear;box-sizing:border-box;position:relative;}
.tags .tag-block span {font-weight: 700;display: block;padding:0 0 10px 0;color: #000032; position: relative;}
.tags .tag-block:hover span,
.tags .tag-block.active span {color: #cc1f3b;}
.tags .tag-block::after {content: ' ';display: block;height: 30px;background: #000032;width: 1px;position: absolute;right: -3px;top: 29px;margin-top: -25px;}
.tags .tag-block:last-child {margin-right: 0;}
.tags .tag-block:last-child::after {display: none;}
.tags .tag-block img {display: none;margin: auto;}
.tags .tag-block:before {display: block;content: " ";background: #f5f5f5;width: 98%;height: 100%;position: absolute;top: -9px;left: 2px;opacity: 0; transition: all 150ms linear;;}
.tags .tag-block:hover:before, .tags .tag-block.active:before {opacity: 1;}
.tags input[type="text"] {border: solid 1px #000032;margin-left: 30px; padding: 10px; width: 100%; max-width: 300px; margin-top: 10px;}
.tags a:last-child {margin-right: 0;}
.tags .unselect {display: block;color: #000032;text-decoration: underline;margin-top:10px;font-size: 14px;}
.tags .unselect:hover {text-decoration: none;}
.tags .group {margin-bottom: 20px;overflow: hidden;}
.tags .group:last-child {margin-bottom: 0;}

.whitepapers-list {position: relative; z-index: 1;}
.whitepapers-list article {float:left; width: calc(33.3333% - 30px);margin-bottom: 50px;}
.whitepapers-list article:nth-child(3n+1) {margin-right: 45px;}
.whitepapers-list article:nth-child(3n+3) {margin-left: 45px;}
.whitepapers-list article a {display: block;text-align: center;color:#000032;padding: 40px;box-sizing: border-box;height: 365px;background:#fff;box-shadow: 0 0 10px rgba(0,0,0,0.25);position:relative;}
.whitepapers-list article a:before {content:' ';display: block;width: 114px;height: 114px;background:#67a7af;position: absolute;top:50%;left: 50%;margin-left:-52px;margin-top:-62px;transform:rotate(13deg);transition:all 200ms linear;}
.whitepapers-list article a:hover:before {transform:rotate(21deg);}
.whitepapers-list article a.Bleu:before {background:#67a7af;}
.whitepapers-list article a.Corail:before {background:#fd6b6b;}
.whitepapers-list article a.Vert:before {background:#bbdd8d;}
.whitepapers-list article a.Orange:before {background:#ffa95e;}
.whitepapers-list article a.Jaune:before {background:#323cc2;}
.whitepapers-list article a.Gris:before {background:#bdbdbd;}
.whitepapers-list article .type {font-weight: 700; text-transform: uppercase;position: absolute; top: 50px; left: 0; width: 100%; z-index: 1;}
.whitepapers-list article h3 {font-size: 27px;font-weight: 700;text-transform: uppercase;position: relative;z-index: 1;top:-10px;}
.whitepapers-list article .download {font-weight: 700;padding-top: 30px;background:url(images/download.png) no-repeat top 0 center;position: absolute; bottom: 30px;left:0; width:100%;z-index: 1;transition:all 150ms linear;}
.whitepapers-list article a:hover .download {background-position: top 3px center;}

.videos-list {position: relative; z-index: 1;}
.videos-list article {float:left; width: calc(33.3333% - 30px);margin-bottom: 50px;}
.videos-list article:nth-child(3n+1) {margin-right: 45px;}
.videos-list article:nth-child(3n+3) {margin-left: 45px;}
.videos-list article a {display: block;text-align: center;color:#000032;padding: 50px 25px 20px 25px;box-sizing: border-box;height: 365px;background:#fff;box-shadow: 0 0 10px rgba(0,0,0,0.25);position:relative;background-size:cover;background-repeat: no-repeat;background-position: center center;transition: all 150ms linear;}
.videos-list article a:before {background: #000032;opacity: 0.35;position: absolute; top: 0; left: 0; width: 100%; height: 100%;content:' ';display: block;transition: all 150ms linear;}
.videos-list article a:hover {transform:scale(1.02);}
.videos-list article a:hover:before {opacity: 0.1;}
.videos-list article img {position: relative; z-index: 1;}
.videos-list article h3 {font-size: 26px;font-weight: 700;text-transform: uppercase;position: relative;z-index: 1;top:-10px;color: #fff;padding-top: 25px;}
.videos-list article .view {font-weight: 700;position: absolute; bottom: 25px;left:0; width:100%;z-index: 1;color: #fff;}

.press-list article a {display: flex;justify-content: center;-webkit-box-align: center;align-items: center;}
.press-list article h3 {font-size: 32px;width: 100%;flex: 1;padding-top: 0; top: -20px;}

.articles-list article {width: 85%;margin-bottom: 80px;clear:both; float: left;position:relative;}
.articles-list article .img {background-repeat: no-repeat;background-size:cover;background-position:center center;width:280px;height:360px;float: left;position: relative;z-index: 1;background-color:#fff;box-sizing:border-box;border:solid 1px #eaeaea;}
.articles-list article a {color:#000032;}
.articles-list article .text {float: right; width: calc(100% - 280px);padding-left: 40px;box-sizing: border-box;position: relative;z-index: 1;}
.articles-list article .type {text-transform: uppercase;font-weight: 700;}
.articles-list article h3 {font-size: 30px;text-transform: uppercase;font-weight: 700;padding-top:8px;}
.articles-list article p {font-size:16px;line-height: 20px;}
.articles-list article .cta {margin-top:10px;padding-left: 40px;padding-right: 40px;}
.articles-list article.even {float:right;}
.articles-list article.even .img {float:right;}
.articles-list article.even .text {text-align: right;padding-left: 0;padding-right: 40px;}
.smaller .articles-list article .img {height: 280px;}
.smaller .articles-list article:nth-child(3n+1)::after {display: none;}

.section-une .hcontainer {position:relative;}

.section-selection .left.has-ad {float: left;width: 618px;}
.section-selection .right {float:right;width:calc(100% - 618px - 65px);}

.section-all-categories .hcontainer {position: relative;}
.section-all-categories.unseen .hcontainer::after {bottom: -133px;opacity: 0;}

.section-etalks {background: #0190BB;padding: 90px 0 150px 0;}
.section-etalks .hcontainer {position:relative;}
.section-etalks .section-title {text-align: center;}
.section-etalks .section-title span {left: 0;}
.section-etalks .section-title strong {display: inline-block;position: relative;}
.section-etalks .section-title strong:before,
.section-etalks .section-title strong::after {content: ' ';display: block;position: absolute;top: 23px;right: -58px;height: 6px;width: 33px;background: #000032;}
.section-etalks .section-title strong:before {right: auto; left: -58px;}
.section-etalks .etalk {display: block;position: relative;z-index: 2;height: 564px;background-size:cover;background-repeat: no-repeat;background-position: center center;}
.section-etalks .infos {position: absolute;top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box;padding: 0 80px;}
.section-etalks h3 {color: #fff; font-size: 30px; font-weight: 700;text-transform: uppercase;max-width: 550px;text-shadow: 0 0 9px rgb(0 0 0 / 85%);}
.section-etalks .cta {font-size: 18px;margin-top: 40px;}

.section-videos {background: #000031; padding: 140px 0 100px 0;}
.section-videos .hcontainer {position:relative;}
.section-videos .left {width: 66.6666%;float:left; box-sizing: border-box; padding-right: 13px;}
.section-videos .right {width: 33.3333%;float:right;position: relative;}
.section-videos .videos {height: 420px;position: relative;z-index: 2;margin-top:100px;}
.section-videos .videos > div {height: 100%;}
.section-videos article a {display: block;width: 100%; height: 100%;text-align: center;box-sizing: border-box;padding: 50px 110px;position: relative;transition: all 150ms linear;overflow:hidden; border-radius: 6px;}
.section-videos article a:hover {transform:scale(1.013);}
.section-videos article a:before {content: ' ';display: block;background: #000032;opacity: 0.2;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index:1;}
.section-videos article .bg {background-size:cover;background-repeat:no-repeat;background-position:center center;background-size: cover;background-repeat: no-repeat;background-position: center center;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.section-videos article h3 {font-size: 36px;font-weight: 700;color: #fff;text-transform: uppercase; position: absolute; top: 20px; left: 20px;}
.section-videos article .cta {font-size: 18px;margin-top: 25px;}
.section-videos .left article {height: 100%;box-sizing: border-box;padding-right: 12px;}
.section-videos .right article {height: 48%; margin-bottom: 6%;}
.section-videos .right article a {padding: 25px 45px;}
.section-videos .right article h3 {font-size: 20px;}
.section-videos .right article .icon {width: 85px; height: auto;}
.section-videos .right article:last-child {margin-bottom: 0;}
.section-videos .label {background:#000032;color: #fff;z-index: 2;}
.section-videos .valign1 {position:relative;z-index: 2;}
.section-videos .section-title {color: #fff;}

.section-livresblancs .hcontainer {position:relative;}

.section-articles {padding: 50px 0 60px 0;margin-bottom: 0 !important;margin-top: 0 !important;}
.section-articles + section {margin-top: 0 !important;}
.section-articles + section.section-livresblancs {margin-top: 100px !important;}
.section-articles + section.section-videos-list {margin-top: 100px !important;}
.section-articles .centered-cta {padding-top: 0;}

.section-new .hcontainer {position: relative;}
.section-new .hcontainer:before,
.section-new .hcontainer::after {content:' ';display: block;background:#323cc2;position:absolute;transform:rotate(13deg);transition:all 750ms ease;transition-delay: 250ms;z-index:-1;}
.section-new .hcontainer:before {width:160px;height: 160px;top:55px;left:-100px;}
.section-new .hcontainer::after {width:340px;height: 340px;top:30px;right:-300px;}

.section-howto {background: #ecede7; padding: 140px 0 100px 0;}
.section-howto .clearfix {padding-top: 50px;}
.section-howto .w33 {width: 33.3333%; float: left; text-align: center;}
.section-howto .valign1 {height: 90px;}
.section-howto .w33 img {max-width: 200px; max-height: 80px; width:auto; height: auto; }
.section-howto .w33 p {font-size: 14px; margin: 20px 0; color: #000032;}
.section-howto .w33 strong {display: block; margin-top: 10px; font-size: 24px;}

.section-text {background: #f9f9f9; padding: 120px 0;margin-bottom: 0 !important;}
.section-text + section {margin-top: 0 !important;}
.section-text .wysiwyg {padding-top: 0;}
.section-text .wysiwyg > h2:first-child {padding-top: 0;}

.section-comments #comments {max-width: 700px;}
.section-comments a {color: #0072ff;}
.section-comments .comment-awaiting-moderation {display: none;}
.section-comments .comment-awaiting-moderation + br {display: none;}
.section-comments .comment-list {margin-top:75px;}
.section-comments .comment-list li {list-style-type: none;}
.section-comments .comment-list .comment {list-style-type: none;padding: 20px 0;border-bottom: solid 1px #ccc; }
.section-comments .comment-list .comment cite {font-style: normal; text-transform: uppercase; font-size: 18px;}
.section-comments .comment-list .comment cite a {color: #000; text-decoration: none;}
.section-comments .comment-list .commentmetadata {font-size: 14px; margin-bottom: 10px;}
.section-comments .comment-list .reply {display: none;}
.section-comments .comment-list .comment-body {line-height: 23px;}
.section-comments .comment-list .comment-body > p {margin-bottom: 0; margin-top: 10px;}
.section-comments #reply-title {margin-top: 20px;font-weight: bold;}
.section-comments .logged-in-as,
.section-comments .comment-notes {font-size: 14px;}
.section-comments form label {display: block; color: #000032; font-weight: bold; margin-bottom: 5px;margin-top:12px;}
.section-comments form textarea,
.section-comments form input {border: solid 1px #cecece;padding: 12px 15px;width: 100%;box-sizing: border-box;display: block;}
.section-comments .section-title + #respond {margin-top: 80px;}
.section-comments #respond {padding: 20px;background: #f9f9f9;margin-top: 25px;}

.wysiwyg {padding-top: 30px;line-height: 23px;}
.wysiwyg h1 {font-weight: 700;font-size: 44px;text-transform: uppercase;padding-bottom: 50px;padding-top: 30px;line-height: 56px;}
.wysiwyg h1 + .hcontainer > .awnoei {margin-top: 30px;}
.wysiwyg h2 {font-weight: 700;font-size: 32px;text-transform: uppercase;padding-bottom: 30px;padding-top: 30px;line-height: 34px;}
.wysiwyg h3 {font-size: 18px; text-transform: uppercase;font-weight: 700;padding-top: 30px;padding-bottom: 10px;}
.wysiwyg h3 + p {margin-top: 0;}
.wysiwyg h4 {font-size: 16px; text-transform: uppercase;padding-bottom: 10px;}
.wysiwyg h4 span {text-transform: none;}
.wysiwyg > .hcontainer > .vc_row:first-child h3:first-child,
.wysiwyg > .hcontainer > .vc_row:first-child h2:first-child {padding-top: 0;}
.wysiwyg > .hcontainer > section:first-child {margin-top: 20px !important;}
.wysiwyg a:not(.cta) {color:#0072ff;text-decoration: underline;}
.wysiwyg a:not(.cta):hover {text-decoration: none;}
.wysiwyg .hcontainer > .vc_row {margin-bottom: 50px;}
.wysiwyg .small {font-size: 12px;line-height: 17px;display: block;max-width: 80%;margin: auto;}
.wysiwyg img.alignleft {float:left; margin-right: 20px; margin-bottom: 20px;margin-top: 5px;}
.wysiwyg img.alignright {float:right; margin-left: 20px; margin-bottom: 20px;margin-top: 5px;}
.wysiwyg iframe {max-width: 100%;}
.wysiwyg ul {margin: 20px 0 20px 20px;}
.wysiwyg .article-heading-image {text-align: left;float: left;width: 50%;margin-right: 30px;}
.wysiwyg .article-heading-image + .wpb_text_column .wpb_wrapper > p:first-child + * {clear:both;}
.wysiwyg-article h2 {background:#323cc285;padding: 10px;display: inline-block;margin-top: 30px; margin-bottom: 20px;}

.animated-number {font-size: 60px;font-weight: bold;display: block;padding: 30px 0;}
.animated-number.smaller {font-size: 40px; padding-top: 10px;}

.vc-hoverbox-wrapper {margin-bottom: 50px;}
.vc-hoverbox-wrapper h2 {font-size: 26px; line-height: 32px;}
.vc-hoverbox-inner {height: 350px;}

.vc_column_container.cardbox > div {box-shadow: 0px 0px 20px -7px rgb(0 0 0 / 20%);max-width: 90%;margin: auto;border-radius: 10px;}
.vc_column_container.border-right {border-right: solid 1px #eaeaea;padding-right: 15px;}
.vc_column_container.padding-right {padding-right: 15px;}
.vc_column_container.padding-left {padding-left: 15px;}
.vc_column_container.border-left {border-left: solid 1px #eaeaea;padding-left: 15px;}

.vc_row .vc_images_carousel .vc_carousel-inner {text-align: center;}
.vc_row .vc_images_carousel .vc_carousel-indicators li {border-color: #fff;background: none;margin-right: 15px;}
.vc_row .vc_images_carousel .vc_carousel-indicators li:last-child {margin-right: 0;}
.vc_row .vc_images_carousel .vc_carousel-indicators .vc_active {background: #fff;}
.vc_row .vc_images_carousel .vc_carousel-control .icon-prev:before,
.vc_row .vc_images_carousel .vc_carousel-control .icon-next:before {font-family: 'Roboto Condensed';color: #303030;}
.vc_row .vc_images_carousel .vc_carousel-control .icon-prev:before {content:'<';}
.vc_row .vc_images_carousel .vc_carousel-control .icon-next:before {content:'>';}

.vc_row.paddtop-desktop {padding-top: 80px !important;}

.vc_images_carousel.vc_build .vc_carousel-slideline .vc_carousel-slideline-inner>.vc_item {height: auto !important;}

.wpb_text_column.chapo {font-size: 20px;line-height: 27px;color: #000032;}

.article-sidebar-item {padding: 40px 0 0 0;margin: 40px 0 0 0;border-top: solid 1px #c3c3c4;}
.wpb_column > div > div > .wpb_text_column:first-child .article-sidebar-item {border: none; padding-top: 0; margin-top: 0;}

.wpb_centered_columns {text-align: center;}
.wpb_centered_columns > .wpb_column {display: inline-block;float:none; vertical-align: top;}

.linked-articles {text-align: left;}
.linked-articles h3 {padding-top: 0;}
.linked-articles ul,
.linked-articles li {list-style-type: none;margin: 0; padding: 0;}
.linked-articles a {font-size: 18px;display: block;margin-bottom: 8px !important;}
.linked-articles li:last-child a {margin-bottom: 0 !important;}

.social-grey {padding: 20px 0 10px 0;}
.social-grey span {text-transform: uppercase;font-weight: 700;position: relative;top: -6px;padding-right: 4px;display: inline-block;}
.social-grey a {display: inline-block;margin-right: 3px;transition:all 250ms linear;}
.social-grey a:last-child {margin-right: 0;}
.social-grey a:hover {opacity: 0.8;}
.social-grey a img {width: 25px; height: auto;}

.reed-search-panels {position: relative;}
.reed-search-panels .left {float: left; width: 330px;background: #f6f6f6;padding: 10px 20px 20px 20px;box-sizing: border-box;}
.reed-search-panels .right {float: right; width: calc(100% - 330px);box-sizing: border-box;padding-left: 20px;position:relative;}
.reed-search-panels input[name="s"] {width: 100%;font-size: 16px;line-height: 21px;}
/*.reed-search-panels button {width: 100%;margin-top: 20px;}*/
.reed-search-biglabel {font-size: 29px;padding: 20px 0 20px 0;display: block;}
.reed-search-label {cursor:pointer;font-size: 20px;font-weight: normal;margin-bottom: 5px;background-image:url("https://icons-front.s3-eu-west-1.amazonaws.com/login/down.svg");background-repeat:no-repeat;background-position: right center;display:block;}
.reed-search-label.active {background-image:url("https://icons-front.s3-eu-west-1.amazonaws.com/login/up.svg")}
.reed-search-togglelist {padding: 10px 0 0 0;display: none;position: relative;}
.reed-search-togglelist label {font-weight: normal;cursor:pointer; font-size: 15px;}
.reed-search-togglelist input[name^="cat1"] + label {font-size: 17px;}
.reed-search-togglelist input {margin-right: 3px;}
.reed-search-togglelist.searchable input[type="text"] {background: none;border: none;border-bottom: solid 1px #ababab;margin-bottom: 15px;line-height: 16px;padding: 10px 10px 10px 35px;background-image:url(https://icons-front.s3-eu-west-1.amazonaws.com/filter/search.png);background-repeat:no-repeat;background-position: left 2px center;}
.reed-search-togglelist-uncheck {position: absolute;top: 0;right: 0;font-size: 14px;text-decoration: underline;cursor: pointer;}
.reed-search-togglelist-uncheck:hover {text-decoration: none;}
.reed-search-toggleitem {margin-top: 7px;}
.reed-search-toggleitem > .reed-search-toggleitem {margin-left: 25px;display:none;}
.reed-search-toggleitem > .reed-search-toggleitem:last-child {margin-bottom: 13px;}
.reed-search-toggleitem > .reed-search-toggleitem input[type="checkbox"] {margin-right: 7px;position:relative;top:1px;}
.reed-search-toggleitem input:checked ~ .reed-search-toggleitem {display: flex;}
.reed-search-panels .field-sep {border-top: solid 1px #e2e2e2;padding-top:20px;margin-top: 20px;}
.reed-loading {position: absolute;width:40px;top: 244px;left: 50%;margin-left: -25px;background: rgb(86 86 86 / 55%);padding: 10px;border-radius: 9px;z-index: 2;opacity:0;visibility:hidden;}
.reed-loading.visible {opacity: 1;visibility: visible;}
.reed-search-results {transition: opacity 250ms linear;}
.reed-search-results.loading {opacity: 0.5;}
.reed-search-results .blocks-list > article {margin-bottom: 50px;margin-right: 10px !important; margin-left: 10px !important;width:calc(33.3333% - 20px);}
.reed-search-results .blocks-list .image {height: 170px;}
.reed-search-results .blocks-list h3 {padding-top: 18px;font-size: 16px; font-weight: normal;}
.reed-search-results .blocks-list .text {margin: 0;}
.reed-search-results .squared-list {grid-template-columns: 50% 50%;}
.reed-search-results .squared-list > article {width: calc(100% - 10px);height: auto;}
.reed-search-results .squared-list > article:nth-child(3n+3) {margin-left: 0;}
.reed-search-results .squared-list > article:nth-child(3n+1) {margin-right: 0;}
.reed-search-results .squared-list > article:nth-child(even) {margin-left: 15px;}
.reed-search-results-title {font-size: 29px;margin-top: 0;font-weight: 700;margin-bottom: 0;padding-bottom: 20px;padding-top: 0;}
.reed-search-sort {position: absolute;top: 0; right: 0;z-index: 2;}

#reed-search #searchbox .ais-SearchBox-input {font-size: 20px; box-shadow: none; padding: 25px 20px 25px 40px;}
#reed-search #searchbox {max-width: 600px;margin-left: auto;margin-right: auto;margin-top: -25px;margin-bottom: 70px;}
#reed-search #searchbox .ais-SearchBox-form:before {margin-top: -.15rem;}
.reed-search-panels .left label.title {font-size: 22px;padding: 10px 0;display: block; margin-top: 20px;}
.reed-search-panels .left label.title:first-child {margin-top: 0;}
/*.reed-search-panels .right {top: -18px}*/
.reed-search-panels .right .img {background-size: cover !important;width: 200px;height: 200px;background: #efefef;float: left;margin-right: 20px; background-position: center center; background-repeat: no-repeat;}
.reed-search-panels .right .title strong {font-size: 20px; color: #000032;}
.reed-search-panels .right .algolia-hit-type {text-transform: uppercase; padding-bottom: 5px;}
.reed-search-panels .right .algolia-hit-post .algolia-hit-type {}
.reed-search-panels .right .algolia-hit-fournisseur .algolia-hit-type {}
.reed-search-panels .right .algolia-hit-produit_fournisseur .algolia-hit-type {}
.reed-search-panels .ais-Pagination-list {display: block; width: 100%; margin: 40px 0; text-align: center;}

.searchbox-autocomplete-container {position: relative; max-width: 710px; text-align: left; margin: auto;}
#searchbox-autocomplete {position: absolute;left: 0;width: 100%;top: 100%;z-index: 1;display: none;overflow-y: auto;max-height: 50vh;padding: 20px;background: #fff;box-sizing: border-box;box-shadow: 0 0 9px rgb(0 0 0 / 5%);border: solid 1px #ccc;}
#searchbox-autocomplete h2 {padding: 10px 0; margin: 0;}
#searchbox-autocomplete h2:first-child {padding-top: 0;}
#searchbox-autocomplete .ais-Hits-item {border: none;border-radius: 0;box-shadow: none;padding: 5px 0;margin: 0;}
#searchbox-autocomplete .ais-Hits-item article {width: 100%;}
#searchbox-autocomplete .ais-Hits-item a {color: #424242; font-size: 16px;}
#searchbox-autocomplete .ais-Hits-item:nth-child(n+10) {display: none !important;}
#searchbox-autocomplete .ais-Hits-item .img {background-size: cover !important;width: 50px;height: 50px;background: #efefef;float: left;margin-right: 10px; background-position: center center; background-repeat: no-repeat; border: solid 1px #dedede;}
#searchbox-autocomplete .ais-Hits-item .image + div {padding-top: 15px;}
#searchbox:focus-within + #searchbox-autocomplete {display: block;}

.yellow-container {background: #000032;text-align: center;padding:100px 0;}
.yellow-container + #newsletter {margin-top: 0 !important;}

.section-sidebar {margin-top: 0 !important;border-bottom: solid 1px #cbcbcc;}
.section-sidebar.nomargbot {margin-bottom: 0 !important;}
.section-sidebar .hcontainer {display: flex;}
.section-sidebar .left {width:calc(100% - 300px);box-sizing: border-box;padding-right: 70px;padding-top: 70px;padding-bottom: 50px;}
.section-sidebar .left > .wysiwyg {padding-top: 0;}
.section-sidebar .right {width:300px;box-sizing: border-box;padding: 70px 20px;position: relative;}
.section-sidebar .right > * {position: relative; z-index: 2; display: block;}
.section-sidebar .right:before {content: ' ';display: block;width: 9999px;height: 100%;background:#f9f9f9;position: absolute;top:0;left:0;z-index:1;}
.section-sidebar h2,
.section-sidebar .h2 {font-size: 24px; font-weight: 700; text-align: center;padding-bottom: 20px;}
.section-sidebar .certs,
.section-sidebar .salons {padding-top: 30px; padding-bottom: 20px;}
.section-sidebar .certs h2,
.section-sidebar .salons h2 {text-align: left;padding-bottom: 30px;font-size: 24px;}
.section-sidebar .certs .valign1,
.section-sidebar .salons .valign1 {height: 105px;}
.section-sidebar .certs .cert,
.section-sidebar .salons .salon {float: left; width: 25%;padding-right: 10px;box-sizing: border-box;text-transform: uppercase;text-align: center;}
.section-sidebar .salons > p {text-align: center;margin-bottom: 13px;}
.section-sidebar .salons .salon {width: 50%;transition:all 150ms linear;}
.section-sidebar .salons .salon:hover {opacity: 0.75;}
.section-sidebar .right .logo-brand {height: 160px;width: 160px;position: relative;background: #fff;text-align: center;margin: 0 auto 30px auto;}
.section-sidebar .right .logo-brand img {max-width: 80%;max-height: 80%;}

.sidebar-item > span {text-transform: uppercase;}
.sidebar-item {padding: 20px 0;border-top: solid 1px #c3c3c4;text-align: center;}
.sidebar-item {line-height: 21px;}

.supplier-tel-link {color: #000032; font-weight: bold;}

.brands-listing a {float: left; width: 33.3333%; height: 220px; color: #303033;}
.brands-listing h2 {font-weight: 700; font-size: 18px; text-transform: uppercase; padding-bottom: 0px;}
.brands-listing .image {width: 80px; height: 80px; border: solid 1px #EAEAEA;padding: 4px; float: left; margin-right: 20px;}
.brands-listing .subtitle {font-size: 15px;}
.brands-listing .logo-slogan {padding-right: 20px;}
.brands-listing.larger {display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 20px; margin-top: 40px;}
.brands-listing.larger a {width: 100%;height: auto;padding: 28px; transition: all 250ms linear;}
.brands-listing.bg {padding: 66px 66px 31px 66px; background: #f5f5f5; border: solid 1px #ffbc14;}

.keynumber-block {text-align: center;}
.keynumber-block .wpb_single_image img {height: 70px; width: auto;}
.keynumber-block .wpb_text_column {margin-bottom: 15px;}
.keynumber-block .wpb_text_column .animated-number {padding-bottom: 0;}

.fivestars {margin-top: 10px;}
.fivestars span {cursor: pointer;background:url(images/star-empty.png) no-repeat top left; width: 28px; height: 28px; display: inline-block; margin-right: 2px; background-size: cover; transition: all 150ms linear;}
.fivestars.avoid span {cursor: default;}
.fivestars span.active,
.fivestars span.on {background-image:url(images/star-full.png);}

#header {position: relative; top: 0; left: 0; width: 100%;z-index: 50;transition:all 250ms linear;padding-bottom: 10px; background: #000032;background-size: auto 100%;background-position: top right; background-repeat: no-repeat;}
#header::after {content: ' '; display: block; position: absolute; bottom: 0; left: 0; width: 100%; box-sizing: border-box; background: linear-gradient(90deg, rgba(204,31,59,1) 0%, rgba(204,31,59,1) 33%, rgba(0,142,185,1) 66%); height: 10px;transition: all 250ms linear;}
#header > .hcontainer {position: relative;}
#header-top {text-align: right;position: relative;padding-top:20px;transition:all 250ms linear;font-size: 15px;height: 40px;box-sizing: border-box; margin-bottom: 30px;}
#header-top a {font-size: 14px;}
#header-top a.cta {padding-top: 11px;padding-bottom: 11px;}
#header-top .normal:last-child {margin-right: 0;}
#header-top .normal > a { font-weight: bold; color: #fff;position: relative;display: inline-block;}
#header-top .normal a:hover {text-decoration: underline;}
#header-top .normal::after {content: ' ';display: inline-block;height: 26px;width: 1px;background: #fff;position: absolute;top: -4px;right: -14px; opacity: 0.4;}
#header-top .normal + .normal + .normal::after {display:none;}
#header-top .normal.searchicon img {width: 21px;position: relative;top: 7px;}
#header-top > ul,
#header-top > ul > li {display: inline-block; margin: 0; padding: 0; list-style-type: none; position: relative;}
#header-top > ul > li {margin-right: 20px;}
#header-top > ul > li:last-child {margin-right: 0;}
#header-logo {float:left; width: 99px;height: 83px;background:url(images/logo.png) no-repeat center center;display:block;background-size:cover;transition:all 60ms linear; margin-top: -52px; position: relative;}
#header-logo-corner {position: absolute; top: 30px; left: 20px;z-index: 3;}
#header-main {margin-bottom: 30px;}
#header-main nav {float: right; width: calc(100% - 110px);text-align: right; padding-top: 7px;}
#header-main nav ul,
#header-main nav li {list-style-type: none; vertical-align: middle; width: auto;position: relative; display: inline-block;}
#header-main nav li {margin-right: 8px;}
#header-main nav li:last-child {margin-right: 0;}
#header-main nav li::after {content: ' ';display: block;width: 1px;height: 25px;background: #fff;position: absolute;top: -3px;right: -6px;opacity: 0.4;}
#header-main nav li:last-child::after {display: none;}
#header-main nav a {display: block;text-align: center; color: #fff; font-size: 14px; font-weight: bold; }
#header-main nav a span {display: inline-block; position: relative;}
#header-main nav a span::after {content: ' '; display: block; height: 2px; width: 10%; opacity: 0; background: #fff; position: absolute; bottom: -7px; left: 0; transition: all 200ms linear;}
#header-main nav a.active span::after,
#header-main nav a:hover span::after {width: 100%; opacity: 1;}
#header-main nav > ul > li > a:last-child {margin-right: 0;}
#header-heading-container {transition: all 250ms linear;}
#header-search {text-align: center;margin: 20px 0 30px 0;}
#header-search input {padding:18px;color: #fff;background:#323cc2 url(images/search.png) no-repeat top 12px left 17px;padding-left: 65px; font-size: 18px; width: 100%; box-sizing: border-box; margin:auto;}
#header-search input::placeholder {color: #fff;}
#header-heading h1 {font-size: 44px; line-height: 54px; font-weight: 700; color: #fff; margin-bottom: 30px; text-align: left; margin-top: 21px;}
#header-heading .baseline {font-weight: normal;color: #fff;margin-top: -20px;margin-bottom: 40px;}
#header-heading h2 {text-align: left;}
/*#header-heading.leften {float: left; width: calc(70% - 40px);}
#header-heading.leften + #header-search { float:right; width: 30%; margin-top: 10px;}*/
#header-heading.leften + #header-search input {font-size: 13px;}

#header ul li > div {display: none; position: absolute; top: 38px; left: -30px; background: #000032;width: 340px;padding: 16px 30px 20px 30px;box-sizing: border-box;box-shadow: 0 0 0 rgb(0 0 0 / 30%);z-index: 1; border: solid 1px #ffffff3b;}
#header ul li > div::after {content: ' '; display: block; position: absolute; bottom: 0; left: 0; width: 100%; box-sizing: border-box; background: linear-gradient(90deg, rgba(204,31,59,1) 0%, rgba(204,31,59,1) 33%, rgba(0,142,185,1) 66%); height: 5px;transition: all 250ms linear;}
#header ul ul li,
#header ul ul a {display: block; text-align: left; line-height: 19px;}
#header ul ul {display: block; margin-right: 0;}
#header ul ul a {padding: 10px 0; display: block; color: #fff; font-size: 14px; font-weight: normal;}
#header ul ul li {margin-right: 0;}
#header ul ul li::after {display: none;}
#header ul li.item6 > div,
#header ul li.item7 > div,
#header ul li.item8 > div,
#header ul li.item9 > div {left: auto; right: -30px}
#header ul li.item6 > div a,
#header ul li.item7 > div a,
#header ul li.item8 > div a,
#header ul li.item9 > div a {text-align: right;}

#header-nav {margin: 20px 0; display: grid;grid-template-columns: 50% 50%;}
#header-nav a {font-size: 14px; font-weight: 700; line-height: 17px; color: #fff; text-decoration: none; display: block; border: solid 2px #fff; margin-bottom: 20px; box-sizing: border-box; padding: 10px; border-radius: 5px; transition: all 150ms linear; width: 95%;}
#header-nav a:hover,
#header-nav a.active {background: #fff; color: #000032;}

#header.smaller {position: fixed; background-size: auto;}
#header.smaller #header-heading-container {height: 0; padding: 0; overflow: hidden; opacity: 0;}
#header.smaller #header-main {margin-bottom: 16px;}
#header.smaller::after {height: 4px;}

#header.nav-up #header-logo {width: 43px; height: 36px; margin-top: 0;}
#header.nav-up #header-top {height: 0; overflow: hidden; opacity: 0; padding: 0; margin: 0;}
#header.nav-up #header-main {padding-top: 10px; margin-bottom: 4px;}
#header.nav-up #header-main nav {width: calc(100% - 60px);}
#header.nav-up #header-main nav li {margin-right: 13px;}
#header.nav-up #header-main nav li::after {right:-10px}

#header.already-smaller + main {padding-top: 123px;}

#heading-chapo {padding-top: 50px;}

#banner {background-position:center center;background-size:cover;background-repeat: no-repeat;background-color: #e6e6e6; padding: 350px 0 70px 0;position: relative;box-sizing: border-box;}
#banner.smaller {padding-top: 60px;height: 200px;}
#banner.smaller.with-logo {padding-bottom: 0; height: auto; padding-top: 50px;}
#banner.smaller.with-logo + #tabs {padding-top: 25px;}
#banner.smaller .hcontainer {position: relative;height: 100%;}
#banner h1 {font-size: 45px;letter-spacing: 0px;line-height: 45px;color: #fff;text-shadow: 0 0 9px rgb(0 0 0 / 85%);}
#banner h1 + p {font-size: 24px; color: #fff; line-height: 31px; font-weight: 700;text-shadow: 0 0 9px rgb(0 0 0 / 85%);padding: 11px 0;margin: 0;}
#banner input {font-size: 30px; line-height: 40px;display: block;width: 100%;box-sizing: border-box;}
#banner button {font-size: 21px;}
#banner .field {margin-bottom: 10px;}
#banner .logo-title .logo {float: left;margin-right: 50px;height: 160px;width: 160px;position: relative;text-align: center;border:solid 1px #cbcbcc;background: #fff;}
#banner .logo-title .logo img {max-width: 80%;max-height: 80%;}
#banner .logo-title h1 {margin-top:0; text-shadow: none; color: #000032;padding-top: 50px;}

#primary section {margin: 100px 0;}
#primary section:last-child {margin-bottom: 0;}
#primary .wpb_wrapper > section:first-child {margin-top:40px !important;}
#primary .wpb_wrapper > section.vc_cta3-container {margin-top: -40px !important;}

#footer {background:#fff;padding: 120px 0;}
#footer .hcontainer {max-width: 1120px;}
#footer p {margin: 0; padding: 0;}
#footer .w20 {float:left; width: 20%;box-sizing: border-box;padding: 0 20px;}
#footer .w20:first-child {padding-left: 0;}
#footer .w20:last-child {padding-right: 0;}
#footer .small-section .h2, .footer2.build-by h2  {text-transform: uppercase;font-weight: 700;padding-bottom: 20px;font-size:16px;line-height: 21px; display: block;}
#footer .small-section .h2 a:hover {text-decoration: underline;}
#footer .small-section + .small-section {margin-top: 30px;}
#footer a:not(.cta) {color: #000032;}
#footer .col1 {width: 10%;}
#footer .col2 {width: 30%;}
#footer .col2 p {line-height: 31px;}
/*#footer .social-icons {padding-bottom: 20px;margin-bottom: 20px;border-bottom: solid 1px #000032;}*/
#footer .nl .cta {padding-left: 30px;padding-right: 30px;}
#footer ul,
#footer li {margin: 0; padding: 0; list-style-type: none;}
#footer li {padding: 10px 0;}
#footer li a {color: #000032;}
#footer li a:hover {text-decoration: underline;}
#footer .footer2 {border-top:solid 1px #6e6e70;padding-top: 25px;margin-top: 25px;}
#footer .footer2 a {display: inline-block;margin-right: 20px;}
#footer .footer2 .eh {margin-right: 40px;}
#footer .footer2 a:last-child {margin-right: 0;}
#footer .footer2 img {vertical-align: top;transition:all 250ms linear;}
#footer .footer2 a:hover img {opacity: 0.75;}
#footer .footer2 .relx {float: right;}
#footer .footer2.build-by h3 {margin-top: 12px;}
#footer .footer2.build-by span {padding: 0 8px;}
#footer .footer2.build-by a {margin: 0 0 3px;}
#burger-menu {width: 40px;height:40px;position: fixed; top: 5px;right: 5px;text-align: center;cursor: pointer;z-index: 60;display: none;}
#burger-menu span {display: block; width: 16px; height: 2px; position: absolute;background:#323cc2;top:15px; left: 11px;transition: all 250ms linear;}
#burger-menu span + span {top: 21px;}
#burger-menu span + span + span {top: 27px;}
#burger-menu.active span {transform:rotate(45deg);top:22px;}
#burger-menu.active span + span {opacity: 0;}
#burger-menu.active span + span + span {transform: rotate(-45deg);top:22px;opacity: 1;}
#burger-menu.active + #nav1 {top:0;opacity: 1;}
#burger-menu.active + #nav1 .w33 + .w33 {top: 0;}
#burger-menu.active + #nav1 .w33 + .w33 + .w33 {top: 0;}

#newsletter {padding: 85px 0; background: #ebede7 url(images/gim2.png) no-repeat top 0 left 100px;}
#newsletter img {height: 31px;width: auto;margin: 0 0 0 140px;display: block;}
#newsletter p {font-size: 48px;font-weight: 700;line-height: 52px;}
#newsletter .w50 {float: left; width: 50%;}
#newsletter .cta {margin-top: 100px;margin-left: 100px;}

#primary #reviews {margin-top: 50px}
#reviews .section-title {margin-bottom: 90px;}
#reviews form {padding: 30px; background: #f9f9f9; margin-top: 30px;}
#reviews form label {margin-bottom: 8px; display: inline-block;}
#reviews form textarea {height: 130px;}
#reviews form textarea,
#reviews form input {max-width: 700px;}
#reviews .reviews-none-yet {font-size: 20px; margin-top: 20px;}
#reviews .reviews-publish-message {font-weight: 700; font-size: 18px;}
#reviews .reviews-publish-error {color: rgb(204,31,59);}
#reviews-latests {font-size: 20px;font-weight: bold;text-transform: uppercase;padding-top: 40px;margin-bottom: -15px;padding-bottom: 0;}

#tabs {text-align: center;padding-top: 100px;border-bottom: solid 1px #cbcbcc;padding-bottom: 10px;}
#tabs.nomargtop {padding-top: 25px; padding-bottom: 25px;}
#tabs a {font-weight: 700; margin-right: 30px;position: relative;color: #000032;display: inline-block;}
#tabs a.cta {color: #fff;}
#tabs a::after {content: ' ';display: block;position: absolute; bottom: -8px;height: 3px; background: #cc1f3b;width: 100%;opacity: 0; transition: all 250ms linear;}
#tabs a:last-child {margin-right: 0;}
#tabs a:not(.cta):hover::after,
#tabs a:not(.cta).active::after {opacity: 1;}

#return-to-top {position: fixed;bottom: 20px;right: 20px;display: block;width: 50px;height: 50px;text-align: center;background: #cecece;border-radius: 50%;box-sizing: border-box;transition:all 100ms linear;display:none; z-index:2;}
#return-to-top img {width: 33%;margin-top: 17px;display: inline-block;transition:all 100ms linear;}
#return-to-top:hover {opacity: 0.8;}
#return-to-top:hover img {margin-top: 13px;}

#projects .carousel .item-image {height: 370px}

.category-page #tags-filter-target > section {background: #fff;padding-top: 50px;margin-top: 0;}
.category-page .tags-filters {padding-top: 60px;text-align: center;}
.category-page .tags .tag-block {display: inline-block;float:none;vertical-align: top;}

.breadcrumbs {padding-bottom: 10px; border-bottom: solid 1px #e7e7e7; margin-bottom: 20px;}
.breadcrumbs ol,
.breadcrumbs li {list-style-type: none; margin: 0; padding: 0;}
.breadcrumbs li {display: inline-block;}
.breadcrumbs li:after {    content: ' > '; margin: 0 5px; font-family: monospace; position: relative; top: -1px;}
.breadcrumbs li:last-child::after {display: none;}
.breadcrumbs li a {color: #303033; text-decoration: none;}
.breadcrumbs li a:hover {text-decoration: underline;}
.breadcrumbs li:last-child > span {font-weight: bold;}

.product .title {position: relative;}
.product .title h1 {text-align: left;font-size: 36px; text-transform: uppercase;padding-right: 225px;}
.product .title .fivestars {margin-top: -17px;margin-bottom: -24px;}
.product .title .cta {position: absolute; top: 0; right: 0;}
.product .chapo {padding: 0px 0 20px 0;}
.product h2 a {color: #000032;}
.product #product-details {padding-bottom: 80px;}

.keypoints {margin-bottom: 30px;margin-top:30px;background: #f9f9f9;padding: 10px 30px 20px 30px;}
.keypoints h2 {text-align: left;padding-top: 15px;padding-bottom: 1px;font-size: 22px;}
.keypoints p {background: url(images/fontawesome/check-solid.svg) no-repeat center left;background-size: auto 18px;background-repeat: no-repeat;font-size: 18px;margin: 0;padding: 12px 0 10px 33px;}

body .pum-overlay {background: rgba(0,0,0,0.75) !important;}
body .pum-close {background: #000032 !important;}
body .pum-title {text-transform: uppercase;font-size: 26px;}
body .pum-content .wpb_wrapper > div:last-child {margin-bottom: 10px;}
body .pum-overlay .pum-content {color: #000032;}
body .pum-overlay .pum-title {padding-right: 80px; color: #000032;}

.admin-bar:not(.error404) #header.smaller {top: 32px;}

.mobile-only {display: none;}

.single-post-maxwidth {max-width: 800px;margin: auto;}
.single-social {margin-top:-50px;margin-bottom: 0px;}
.single-social + .wpb-content-wrapper {margin-top: 0 !important}

.landing-page {padding-top: 130px;min-height: calc(100vh - 230px);}
.landing-page-right {float: right; width: 40%;padding-top: 0;}
.landing-page-right .cta {font-size: 20px;}
.landing-page-type {text-transform: uppercase;font-size: 28px;font-weight: bold;}
.landing-page-left {float: left; width: 60%;padding-right: 30px;box-sizing: border-box;position: relative;}
.landing-page-center {text-align: center;}
.landing-page-left::after {content: ' ';display: block;position: absolute;top: 50%;right: 15px;background: #dadada;height: 200px;margin-top: -100px;width: 1px;display:none;}
.landing-page-left h1 {font-size: 50px;font-weight: 700;line-height: 60px;}
.landing-page-left .chapo {font-size: 21px;}
.landing-page-left .wysiwyg {padding-top: 20px;}
.landing-page-left .wysiwyg h2 {font-size: 28px;}
.landing-page-left .wysiwyg > p:first-child,
.landing-page-left .wysiwyg > p:last-child {display: none;}
.landing-page-left.full {width: 100%; float: none;padding-right: 0;}
.landing-page-left.full::after {display: none;}
.landing-page .wysiwyg h2.bg {font-size: 28px;background: #323cc2;padding: 2px 16px;display: inline-block;font-style: italic;margin-top:30px;}
.landing-page .fsBody {padding:0;}
.landing-page .fsBody .fsSectionText p:last-child {margin-bottom: 0;}

.popin-container {background:rgba(0, 0, 0, 0.6); position: fixed; top: 0; left: 0;width: 100%; height: 100%;z-index: 200; display: none;}
.popin-container .popin {max-width: 800px; background: #fff; margin: auto; padding: 50px; box-sizing: border-box; max-height: 80vh; overflow-y: auto; position: relative;}
.popin-container .fsBody, .fsLightbox .fsBody {padding:0;}
.popin-container.fsForm, .fsLightbox .fsForm {margin: 0 !important;}
.popin-container .right, .fsLightbox > .right {position: absolute; top: 20px; right: 20px;}
.popin-container .popin-close {position: absolute; top: 10px; right: 10px; cursor: pointer; transition: all 150ms linear; font-size: 24px}
.popin-container .popin-close:hover {opacity: 0.8;}

.ictab-main-container-wrap {height: auto !important;margin:30px 0 !important;z-index: 1;}
.ictab-available-template-wrap .ictab-inner-wrapper {padding: 5px 0 40px 0;}
.ictab-available-template-wrap .ictab-ctabbutton-wrap + .ictab-ctabbutton-wrap {display: none !important;}
.ictab-available-template-wrap .ictab-ctabbutton-wrap a {text-decoration: none;transition:all 200ms linear;}
.ictab-available-template-wrap .ictab-ctabbutton-wrap a:hover {opacity: 0.85;}
.ictab-common-overlay {background-color: #f5f5f5 !important;border: solid 1px #e1e1e1 !important;}
.ictab-main-container-wrap div.ictab-header-text-wrap h3 {font-size: 28px !important;}
.ictab-template30 .ictab-double-content-wrapper .ictab-content-wrap-section .ictab-right-content-wrap {color:#343434 !important;}
.ictab-hide-btn-ondesktop {display: none !important;}

.reviews-list {margin-top: 30px;}
.reviews-list .review {padding: 13px 0 25px 0; border-top: solid 1px #dcdcdc;}
.reviews-list .fivestars {transform:scale(0.7); transform-origin: top left; display: inline-block; vertical-align: middle;}
.reviews-list .review-date {font-size: 14px; padding-bottom: 7px; display: inline-block; }
.reviews-list .product-review-text {font-size: 18px;}

.default-box {box-sizing: border-box;padding: 30px;background: #f5f5f5;margin: 30px 0;}

.mauticform-selectbox, .mauticform-input, .mauticform-textarea {-webkit-appearance: auto;}

.sitemap-products ul,
.sitemap-products li {list-style-type: none; padding-left: 0; margin-left: 0;}
.sitemap-products li {margin-bottom: 10px;}

@media only screen and (max-width: 1165px){
    .hcontainer {box-sizing: border-box;padding-left: 12px;padding-right: 12px;}
    
    .mobile-only {display: block}
    .desktop-only {display: none;}

    .boldy {font-size: 24px;}
    
    .section-selection .left.has-ad {width: 420px;}
    .section-selection .right {width: calc(100% - 420px - 30px);}
    
    .whitepapers-list article {width: calc(33.3333% - 15px);}
    .whitepapers-list article a {padding-left: 20px; padding-right: 20px;}
    .whitepapers-list article h3 {font-size: 25px;}
    .whitepapers-list article:nth-child(3n+1) {margin-right: 20px;}
    .whitepapers-list article:nth-child(3n+3) {margin-left: 20px;}
    
    .videos-list article {width: calc(33.3333% - 15px);}
    .videos-list article a {padding-left: 20px; padding-right: 20px;}
    .videos-list article h3 {font-size: 25px;}
    .videos-list article:nth-child(3n+1) {margin-right: 20px;}
    .videos-list article:nth-child(3n+3) {margin-left: 20px;}
    
    .section-sidebar .hcontainer {display: block;}
    .section-sidebar .left,
    .section-sidebar .right {width: auto;padding-left: 0; padding-right: 0; background: none;}
    
    .articles-list article h3 {font-size: 24px;}
    
    .awnoei img {margin-left: auto; margin-right: auto;}
    
    #page {padding-top: 120px;}

    #header {background: #fff !important;height: 100vh;width: 50%;left: auto;right: 0;min-width: 355px;overflow-y: auto;transform:translateX(101%);transition: all 500ms ease; position: fixed;}
    #header::after {display: none;}
    #header ul li > div {width: auto; }
    #header-main nav li {display: block;}
    #header-logo {background-image:url(images/logo-black.png);position: absolute;top:20px;left:20px; margin-top: 0;}
    #header-top {position: relative;top: auto;left: auto;right: auto;padding-top: 130px;height: auto;}
    #header-top #langs a {color: #000032;}
    #header-top #langs a::after {background-color: #000032;}
    #header-top #langs {display: block;margin: 0;padding-top: 0; margin-right: 20px;float: left;}
    #header-main nav a, 
    #header-top .normal > a {color: #000032;}
    #header-top a.cta {margin: 10px 0;}
    #header-main nav {float: none;width: 100%;margin: 0;padding:0;box-sizing: border-box;}
    #header-top > ul, #header-top > ul > li,
    #header-main nav ul, #header-main nav li {display: block; text-align: center;margin-right: 0;}
    #header-main nav li {margin-right: 0 !important;}
    #header-main nav ul ul li {margin-left: 15px;}
    #header-main nav a, 
    #header-top .normal > a,
    #header-main nav > ul > li > a {padding: 12px 0;float: none; text-transform: uppercase;}
    #header-main nav > ul > li > a:before {top: 24px; left: 40px;}
    #header-main nav > ul > li > a::after {display: none;}
    #header-main nav li div {position: relative;top: auto;left: auto;right:auto !important;z-index: 1;clear: both;padding: 0 0 20px 0;box-shadow: none;overflow: hidden;box-sizing:border-box;display:none; margin-bottom: 20px;}
    #header ul ul a {text-transform: none; text-align: left !important;}
    #header-main .arrow {display: block;background: url(images/arrow-down.svg) no-repeat center center;width: 30px;height: 20px;position: absolute;top: 10px;right: 5px;}
    #header-main .expanded .arrow {background-image:url(images/arrow-up.svg);}
    
    #header-heading.leften,
    #header-heading.leften + #header-search {float: none; width: auto;margin-top: 0;}
    #header-heading {display: none !important;}
    #header-heading h1,
    #header-heading .baseline {display: none !important;}

    #header-nav a {color: #000032; border-color: #000032;}

    #burger-menu {display: block;}
    #burger-menu.active span {background:#000032;}
    #burger-menu.active + #header {transform:translateX(0);box-shadow: 0 0 21px -10px rgb(0 0 0 / 50%);}

    #footer {padding: 80px 0;}
    #footer .col1 {width: 30%;}
    #footer .col2 {width: 50%;line-height: 44px;}
    #footer .col3 {clear: left;}
    #footer .col3, 
    #footer .col4,
    #footer .col5 {margin-top: 80px;width: 33.3333%;padding-bottom: 30px;}
    #footer .col1 img {max-width: 80%;margin: auto;display: block;}

    .reed-search-mobile-filters {background: #000032; cursor: pointer; position: fixed;bottom: 0;left: 0;width: 100%;font-size: 20px;font-weight: 700;text-align: center;padding: 21px;z-index: 3;box-shadow: 0 0 23px -5px rgb(0 0 0 / 59%);box-sizing: border-box;color: #fff;}
    .reed-search-mobile-filters img {height: 23px;position: relative;top: 3px;margin-right: 5px;margin-left: -20px;}
    .reed-search-mobile-filters::after {content: ' ';display: block;background:rgba(0,0,0,0.3); position: fixed; top:0; left: 0; width: 100%; height: 100%; z-index: -2;opacity:0;transition: all 200ms ease;visibility:hidden;}
    .reed-search-mobile-filters.active::after {opacity: 1;z-index: 15;visibility:visible;}
    .reed-search-panels .left {position: fixed; float: none; z-index: 20;transition: left 200ms ease;left: -400px;top:0;width: 90%;max-width: 320px;height: 100%;overflow-y: auto;}
    .reed-search-panels .left.active {left: 0;}
    .reed-search-panels .right {width: 100%; padding-left: 0;float: none;}
    .reed-search-close {cursor: pointer;position: absolute; top: 20px; right: 20px;width: 20px;}
    
    .ictab-right-content-wrap {margin-top: 0;}
}

@media only screen and (max-width: 640px){
    html, body {margin: 0 !important;}
    
    .admin-bar:not(.error404) #header {top: 0;}
    #wpadminbar {display: none !important;}
    
    .boldy {font-size: 24px;}
    
    .carousel .item-image {height: 200px;}
    .carousel .items {height: 500px;}
    
    .centered-cta {margin-top: 50px;}
    .yellow-container {padding: 70px 0;}
    
    .std-form button.bigger {font-size: 18px;}
    
    .section-title {font-size: 34px;line-height: 40px;}
    .section-title::before {background-size: 38%;top: -5px;left: -9px;}

    .squared-list {display: block;grid-template-columns: 100%;}
    .squared-list > article:nth-child(3n+1),
    .squared-list > article:nth-child(3n+3),
    .squared-list > article {float: none; width: 100%; margin-left: 0; margin-right: 0;margin-bottom: 50px;min-height: 0;min-height: 0;}
    .squared-list > article:nth-child(even) {margin-left: 0;}
    .squared-list > article:last-child {margin-bottom: 0;}

    .resources-list {display: block;grid-template-columns: 100%;}
    .resources-list > article:nth-child(3n+1),
    .resources-list > article:nth-child(3n+3),
    .resources-list > article {float: none; width: 100%; margin-left: 0; margin-right: 0;margin-bottom: 50px !important;min-height: 0;min-height: 0;}
    .resources-list > article:nth-child(even) {margin-left: 0;}
    .resources-list > article:last-child {margin-bottom: 0 !important;}
    
    .section-selection .left.has-ad {width: 100%;float: none;}
    .section-selection .right {width: 100%; float: none; text-align: center;}
    
    .section-etalks .hcontainer::after {display: none;}
    .section-etalks .infos {padding:0 30px;}
    .section-etalks h3 {font-size: 24px;line-height: 38px;}
    .section-etalks .etalk {height: 460px;}

    .section-howto .w33 {width: auto; float: none;}
    
    .section-videos .videos {height: auto;}
    .section-videos .videos > div {padding-right: 0;}
    .section-videos .right,
    .section-videos .left {float: none; width: auto;left: auto;}
    .section-videos .left article,
    .section-videos .right article {height: 250px;transform: none;margin-bottom: 30px; padding-right: 0;}
    .section-videos .right article:last-child {margin-bottom: 0;}
    .section-videos .left article a,
    .section-videos .right article a {padding: 25px;}
    .section-videos .left article h3 {font-size: 24px;}
    .section-videos article .valign3 {transform: none;}
    .section-videos .centered-cta {margin-top: 60px;}
    .section-videos article .icon {width: 80px; height: auto;}
    
    .blocks-list article:nth-child(3n+1),
    .blocks-list article:nth-child(3n+3),
    .blocks-list article,
    .whitepapers-list article:nth-child(3n+1),
    .whitepapers-list article:nth-child(3n+3),
    .whitepapers-list article,
    .videos-list article:nth-child(3n+1),
    .videos-list article:nth-child(3n+3),
    .videos-list article{width: auto; float: none;margin: 0 auto 50px auto;max-width: 250px;}
    
    .articles-list article {width: auto; float: none;}
    .articles-list article.even .img,
    .articles-list article .img {height: 180px;float: none;width: auto;margin-bottom: 15px;}
    .articles-list article.even .text,
    .articles-list article .text {float: none; width:auto;text-align: left;padding: 0;}
    .smaller .articles-list article .img {height: 220px;}
    .section-articles .centered-cta {padding-top: 0;}
    
    .section-sidebar .left {padding-top: 60px;}
    .section-sidebar .right:before {left:-60px;}
    
    .reed-search-mobile-filters {font-size: 18px;}
    .reed-search-mobile-filters img {height: 18px;}
    .reed-search-results .blocks-list > article {margin-left: auto !important;margin-right: auto !important; width: 100%;}
    .reed-search-results-title {padding-bottom: 50px; padding-right: 180px;}
    .reed-loading {position: fixed;top:50%;margin-top:-50px;}
    
    .landing-page-left,
    .landing-page-right {float: none; width: 100%;padding-left: 0; padding-right: 0;}
    .landing-page-left::after {display: none;}
    .landing-page-left h1 {font-size: 37px; line-height: 43px;}
    .landing-page-type {font-size: 20px;margin: 60px 0 6px ;}
    .landing-page-right {padding-top: 0;padding-bottom: 100px;}
    .landing-page-right > img {max-width: 220px;margin: auto;display: block;}
    
    .tags .tag {margin-bottom: 8px;}
    .tags .tag-block {width: auto;height: auto;margin-bottom: 4px;}
    .tags .tag-block img {display:none; }
    .tags .tag-block span {padding-bottom: 0;}
    .tags input[type="text"] {margin: 20px auto; display: block;}

    .brands-group .item {flex: 1 0 20.5%; max-width: 20.5%;}

    .fivestars {margin-top: 10px;transform: scale(0.9);transform-origin: left;}
    
    .wysiwyg h1 {font-size: 31px;line-height: 38px;margin: 0;padding: 0 0 30px 0}
    .wysiwyg .article-heading-image {float: none;width: auto;margin-right: 0;}
    .single-social {margin-bottom: 10px;}
    
    .wpb_centered_columns-mobile {text-align: center;}
    .wpb_centered_columns-mobile > .wpb_column {display: inline-block;float:none; vertical-align: top;}
    .vc_row.paddtop-desktop {padding-top: 0 !important;}
    
    .keynumber-block {margin-bottom: 80px;}
    
    .right-banner {display: none;}
    
    .product .title h1 {padding-right: 0;}
    .product .title .cta {position: relative; top: auto; left: auto;margin-top: 30px;}
    .product .title .fivestars {position:relative; margin-top: 0; top: auto;}

    #banner {padding-top: 210px;}
    #banner h1 {font-size: 32px; line-height: 36px;}
    #banner h1 + p {font-size: 20px;line-height: 24px;}
    #banner input {font-size: 19px;line-height: 26px;}
    #banner button {font-size: 18px;}
    #banner .logo-title {bottom: 30px;left: 20px; width: calc(100% - 40px);}
    #banner .logo-title .logo {margin-right: 30px; margin-bottom: 40px;}
    
    #primary section {margin: 70px 0;}
    #primary > section:first-child {margin-top: 30px;}

    #newsletter .w50 {float: none; width: auto;}
    #newsletter p {font-size: 30px; line-height: 40px;}
    #newsletter p br {display: none;}
    #newsletter .cta {width: 280px;text-align: center;margin: 49px auto 0 auto;display: block;}

    #tabs {display: none;}
    #tabs {padding-top: 50px;}
    #tabs .hcontainer {overflow: hidden;}
    #tabs a {display: block;width: 50%;float: left;box-sizing: border-box;margin: 0;padding: 10px 20px;margin-bottom: 2px;}
    #tabs a::after {left: 0; bottom: 0;}
    #tabs a.cta {display: block;width: 200px;margin: auto;float: none;clear: both;margin-top: 60px;}

    .slideshow-cta .item h2 {font-size: 26px; line-height: 28px;}

    #reviews form label[for="alsopostcomment"] {display: inline;}

    #footer {padding-top: 120px;}
    #footer .col1 {width: 40%;}
    #footer .col2 {width: 60%;line-height: 34px;padding-top: 0;margin-bottom: 70px;}
    #footer .col3, #footer .col4, #footer .col5 {float: none; width: auto;margin-top: 50px;padding: 0;}
    #footer .col4 {float: left; width: 50%;}
    #footer .footer2 .eh {display: block;margin-bottom: 30px;}
    #footer .footer2 .relx {float: none; margin-top: 30px;}

    .brands-listing a {width: 100%;float: none;padding-bottom: 50px;clear: both;height: auto;display: block;}

    .cat-form-iframe iframe {height: 519px;}

    .reed-search-panels .right .img {float: none; width: 100%; margin-bottom: 15px;}
}