@font-face {
    font-family: Raleway;
    src: url(../css/a3383acf060bf813362be2526a97e69c.eot);
    src: local("Raleway"), local("Raleway"), url(../css/a3383acf060bf813362be2526a97e69c.eot) format("embedded-opentype"), url(../css/90076e4e9db2aec16dcf91197713e9e3.woff) format("woff"), url(../css/580d0778ad254335be45bf58bb449f43.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: BlippoBlack;
    src: url(../css/d41d8cd98f00b204e9800998ecf8427e.eot);
    src: local("BlippoBlack"), local("BlippoBlack"), url(../css/d41d8cd98f00b204e9800998ecf8427e.eot) format("embedded-opentype"), url(../css/c002b897a13d68b9d359991f0e1eb0fd.woff) format("woff"), url(../css/675db47e3806bc58bc04ea1c71b7bd41.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: download;
    src: url(../css/54b8b93ddf90199a36a52967f690a36c.svg);
    src: local("download"), local("download"), url(../css/54b8b93ddf90199a36a52967f690a36c.svg) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: GOTHIC;
    src: url(../css/c5d87d73c0144e773c8c0a093b65b555.eot);
    src: local("GOTHIC"), local("GOTHIC"), url(../css/c5d87d73c0144e773c8c0a093b65b555.eot) format("embedded-opentype"), url(../css/5f8f2cfb47273891419717247af40db7.woff) format("woff"), url(../css/cfce6abbbff0099b15691345d8b94dcc.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: GOTHICB;
    src: url(../css/b437dd38be9ccbbe8a646b45391a1ac0.eot);
    src: local("GOTHICB"), local("GOTHICB"), url(../css/b437dd38be9ccbbe8a646b45391a1ac0.eot) format("embedded-opentype"), url(../css/d5674efb5897085346038444c11b13b8.woff) format("woff"), url(../css/bc420c1c2b98e2ee8b2a75c1ce1fe083.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: MyriadPro;
    src: url(../css/816fe143afd9317d9934242beeb7e454.eot);
    src: local("MYRIADPRO"), local("MYRIADPRO"), url(../css/816fe143afd9317d9934242beeb7e454.eot) format("embedded-opentype"), url(../css/b02a8c614a0c937b6812d3215e9f0ff2.woff) format("woff"), url(../css/793bb1b5efe3a1e8e25a0b0f639ad2c8.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

header {
    box-shadow: 1px 1px 3px 1px silver;
    position: -webkit-sticky;
    position: sticky;
    background: #fff;
    width: 100%;
    z-index: 9999;
    top: 0
}

header #top-nav-bar {
    background: #0b3160;
    padding-top: .25rem;
    padding-bottom: .15rem
}

header #top-nav-bar nav div {
    display: inline-block;
    float: right
}

header #top-nav-bar nav div .telcotec-nav-link a {
    text-decoration: none;
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase
}

header #top-nav-bar nav div .telcotec-nav-link a span i {
    font-size: 1.2rem
}

header #top-nav-bar nav div .telcotec-nav-link .separator {
    color: #fff;
    visibility: hidden
}

header #top-nav-bar nav div .telcotec-nav-link ul {
    margin: 0;
    padding: 0
}

header #top-nav-bar nav div .telcotec-nav-link ul li {
    display: contents
}

header #top-nav-bar nav div .telcotec-nav-link ul li a img {
    height: 1.5rem;
    width: 1.5rem;
    border-radius: 50%
}

header #top-nav-bar nav div .telcotec-nav-link ul:before {
    color: #fff;
    font-size: 1rem
}

@media screen and (max-width:768px) {
    header #top-nav-bar nav div .telcotec-nav-link a {
        font-size: 14px
    }

    header #top-nav-bar nav div .telcotec-nav-link a span i {
        font-size: .8rem
    }

    header #top-nav-bar nav div .telcotec-nav-link ul {
        margin: 0;
        padding: 0;
        padding-top: .1rem
    }

    header #top-nav-bar nav div .telcotec-nav-link ul li {
        display: contents
    }

    header #top-nav-bar nav div .telcotec-nav-link ul li a img {
        height: .8rem;
        width: .8rem;
        border-radius: 50%
    }

    header #top-nav-bar nav div .telcotec-nav-link ul:before {
        color: #fff;
        font-size: 1rem
    }
}

header #top-nav-bar nav .telcotec-phone-number {
    float: left
}

header #top-nav-bar nav .telcotec-phone-number a {
    text-decoration: none;
    color: #fff;
    font-size: .8125rem;
    font-weight: 700;
    text-transform: uppercase
}

@media screen and (max-width:768px) {
    header #top-nav-bar nav div {
        width: auto
    }

    header #top-nav-bar nav .telcotec-phone-number a {
        font-size: 10px
    }
}

header #site-navigation {
    padding-top: .25rem;
    padding-bottom: .25rem
}

header #site-navigation nav div {
    display: inline-block
}

header #site-navigation nav .logo {
    float: left;
    padding-right: 2rem;
    padding-left: 2rem
}

header #site-navigation nav .logo a.icon {
    display: none;
    float: right;
    padding-right: 2rem;
    padding-top: 1rem
}

header #site-navigation nav .logo a.icon i {
    font-size: 24px;
    color: #0b3160
}

header #site-navigation nav .sub-menu {
    display: block;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 100%;
    z-index: 100;
    display: none;
    transition: all .9s ease;
    -moz-transition: all .9s ease;
    -webkit-transition: all .9s ease;
    -ms-transition: all .9s ease;
    -o-transition: all .9s ease;
    padding: 20px 15px;
    width: 200px;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 0 10px #000;
    margin-top: 1rem
}

header #site-navigation nav .sub-menu li {
    display: block !important
}

header #site-navigation nav #myTopnav li {
    float: left;
    margin-right: 20px
}

header #site-navigation nav #myTopnav li,
header #site-navigation nav #myTopnav li a {
    position: relative;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

header #site-navigation nav #myTopnav li a {
    line-height: 30px;
    padding: 33px 0
}

header #site-navigation nav #myTopnav li .sub-menu li {
    display: block !important;
    width: 100%
}

header #site-navigation nav #myTopnav li .sub-menu li a {
    color: #7c7b7b;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 1rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    font-family: GOTHIC
}

header #site-navigation nav #myTopnav li .sub-menu li:hover {
    border-bottom: none
}

header #site-navigation nav #myTopnav li .sub-menu li:hover a,
header #site-navigation nav #myTopnav li:hover a {
    color: #128c7e
}

header #site-navigation nav #myTopnav li:hover .sub-menu {
    display: block;
    visibility: visible;
    opacity: 1;
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg)
}

@media screen and (max-width:768px) {
    header #site-navigation nav .logo {
        float: left
    }

    header #site-navigation nav .logo .icon {
        position: absolute;
        right: 0;
        top: 0
    }

    header #site-navigation nav .logo a.icon {
        float: right;
        display: block
    }
}

header #site-navigation nav .navbar {
    float: right
}

header #site-navigation nav .navbar div ul li {
    display: inline-block
}

header #site-navigation nav .navbar div ul li a {
    color: #0b3160;
    font-size: 20px;
    font-weight: 700;
    padding: 5px;
    text-transform: uppercase
}

header #site-navigation nav .navbar div ul li:hover {
    border-bottom: solid;
    border-color: #128c7e;
    border-width: .4rem
}

header #site-navigation nav .navbar div ul li:hover a {
    color: #128c7e;
    text-decoration: none
}

header #site-navigation nav .navbar div .separator {
    color: #0b3160
}

header #site-navigation nav .navbar div form {
    display: inline-block
}

header #site-navigation nav .navbar div form input {
    display: none
}

header #site-navigation nav .navbar div form button {
    border: none;
    border-radius: 50%;
    background-color: #0b3160;
    width: 2.5rem;
    cursor: pointer;
    height: 2.5rem
}

header #site-navigation nav .navbar div form button i {
    font-size: 1.2rem;
    color: #fff
}

header #site-navigation nav .navbar div form button:hover {
    background-color: #128c7e
}

header #site-navigation nav .navbar .nav-menu {
    float: right;
    padding-top: .75rem
}

@media screen and (max-width:768px) {

    header #site-navigation nav .navbar .nav-menu #searchform,
    header #site-navigation nav .navbar .nav-menu .separator,
    header #site-navigation nav .navbar .nav-menu .topnav,
    header #site-navigation nav .navbar .nav-menu a:not(:first-child) {
        display: none
    }

    header #site-navigation nav .navbar .nav-menu .topnav.responsive {
        position: relative;
        display: block
    }

    header #site-navigation nav .navbar .nav-menu .topnav.responsive a {
        float: none;
        display: block;
        text-align: left
    }

    header #site-navigation nav .navbar .nav-menu .topnav.responsive li {
        display: block
    }
}

@media screen and (max-width:768px) {
    header #site-navigation nav .navbar {
        padding: 0
    }

    header #site-navigation nav #navbar.responsive {
        background-color: #0b3160;
        margin-top: .5rem
    }

    header #site-navigation nav #navbar.responsive div {
        width: 100%
    }

    header #site-navigation nav #navbar.responsive ul {
        padding: 0;
        margin: 0
    }

    header #site-navigation nav #navbar.responsive ul li {
        border-bottom: .25rem solid #fff;
        padding-left: 2rem
    }

    header #site-navigation nav #navbar.responsive ul li a {
        color: #fff
    }

    header #site-navigation nav #navbar.responsive ul li:last-child {
        border: none
    }
}

@media screen and (max-width:768px) {
    header #site-navigation {
        padding-top: 1.25rem;
        padding-bottom: 0
    }

    header #site-navigation nav .navbar .nav-menu {
        padding-top: 0;
        float: left
    }
}

body.search-open {
    overflow: hidden
}

.close {
    margin-top: 1rem;
    margin-right: 1rem;
    opacity: 1;
    border: 0;
    font-size: 1.1rem;
    font-weight: 700;
    display: block;
    cursor: pointer;
    border-radius: 50%;
    outline: none;
    float: right;
    padding: 1rem !important;
    text-shadow: none !important
}

.close,
.close:hover {
    color: #fff
}

.close .search-box.search-elem {
    color: #fff;
    opacity: 1
}

.search-box.search-elem {
    margin: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: rgba(0, 0, 0, .7);
    transition: all .3s ease-in-out;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.search-box.search-elem .row {
    width: 70%;
    margin: 0 auto;
    position: relative;
    top: 50%;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.search-box.search-elem .row input[type=text] {
    padding: 20px;
    height: 4rem;
    font-size: 32px;
    font-weight: 300;
    border: none;
    border-bottom: 2px solid #fff !important;
    transition: border .3s;
    border-radius: 3px;
    background-color: transparent;
    color: #fff;
    width: 100%
}

.search-box.search-elem .row input[type=text]:active,
.search-box.search-elem .row input[type=text]:focus,
.search-box.search-elem .row input[type=text]:visited {
    box-shadow: none;
    outline: none;
    background-color: transparent
}

.search-box.search-elem .row label.placeholder {
    position: absolute;
    top: 10px;
    left: 2rem;
    font-size: 32px;
    font-weight: 300;
    color: #0b3160;
    transition: all .3s
}

.search-box.search-elem .row label.placeholder.move-up {
    top: -25px;
    color: #fff;
    font-size: 1rem
}

.search-box.search-elem .row label {
    color: #fff;
    font-weight: 300
}

.search-box.search-elem .row button.submit {
    outline: none;
    position: absolute;
    top: 0;
    right: 15px;
    height: 70px;
    padding: 10px 2rem;
    background: #0b3160;
    font-size: 1rem;
    color: #fff
}

.search-box.search-elem .row button.submit[disabled] {
    background: #ccc;
    color: #0b3160
}

.search-box.search-elem.search-open {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.search-btn {
    text-transform: uppercase;
    font-size: .875rem;
    padding: 0 10px;
    display: inline-block
}

.search-btn:hover {
    color: #128c7e
}

.container-1 {
    vertical-align: middle;
    white-space: nowrap;
    position: relative
}

.container-1 .icon {
    position: absolute;
    top: 25%;
    margin-left: -4rem;
    z-index: 1;
    color: #fff;
    background: transparent;
    border: none;
    outline: none;
    cursor: pointer
}

.container-1 .icon i {
    font-size: 2rem
}

.container-1 input#search:active,
.container-1 input#search:focus,
.container-1 input#search:hover {
    outline: none;
    background: #fff
}

body {
    font-family: GOTHICB;
    background-color: #fff;
    overflow-x: hidden
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body p {
    cursor: default
}

body .vc_row {
    margin: auto
}

body #nos-valeurs #background-video {
    height: 450px;
    width: 100vw;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    margin-top: 3rem
}

body #nos-valeurs #valeurs-png {
    text-align: center;
    padding: 0;
    margin: 0;
    margin-top: -3rem;
    margin-bottom: unset !important;
    -webkit-animation: fadeIn 1s ease-in both !important;
    animation: fadeIn 1s ease-in both !important
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -20%, 0);
        transform: translate3d(0, -20%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -20%, 0);
        transform: translate3d(0, -20%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

body .wpb_animate_when_almost_visible:not(.wpb_start_animation) {
    -webkit-animation: auto !important;
    animation: auto !important
}

body #a-propos,
body #about-us {
    padding-top: 3rem;
    padding-bottom: 3rem
}

body #a-propos h2,
body #about-us h2 {
    font-size: 42px;
    text-transform: uppercase;
    color: #0b3160;
    padding-bottom: 1rem
}

body #a-propos p,
body #about-us p {
    font-size: 20px;
    font-weight: 500;
    font-family: GOTHIC;
    text-align: center !important;
    color: #0b3160
}

body #a-propos .a-propos-video,
body #about-us .a-propos-video {
    background-color: #0b3160;
    padding: 0;
    margin: 0
}

body #a-propos .a-propos-video .identity-label,
body #about-us .a-propos-video .identity-label {
    text-align: left !important
}

body #a-propos .a-propos-video .identity-label p,
body #about-us .a-propos-video .identity-label p {
    font-size: 1.5rem;
    color: #0b3160 !important;
    font-family: BlippoBlack
}

body #a-propos .a-propos-video .identity-label span,
body #about-us .a-propos-video .identity-label span {
    font-size: 1rem;
    color: #0b3160 !important;
    font-family: GOTHIC
}

body #a-propos .a-propos-video .identity-label#text,
body #about-us .a-propos-video .identity-label#text {
    padding-left: 0 !important
}

body #a-propos .a-propos-video .identity-label#text .identity-label,
body #about-us .a-propos-video .identity-label#text .identity-label {
    border-left: .25rem groove rgba(0, 0, 0, .1);
    padding-left: 1rem;
    margin-top: 4rem;
    margin-left: 0
}

body #a-propos .a-propos-video .identity-label#text .identity-label p,
body #about-us .a-propos-video .identity-label#text .identity-label p {
    color: #128c7e !important;
    font-size: 2rem
}

body #a-propos .a-propos-video .identity-label#text .identity-label p:first-child,
body #about-us .a-propos-video .identity-label#text .identity-label p:first-child {
    color: #0b3160 !important;
    font-size: 3rem;
    font-weight: 600
}

body #a-propos .a-propos-video .identity-box,
body #about-us .a-propos-video .identity-box {
    min-height: 250px;
    text-align: left !important;
    border: .0125rem groove rgba(0, 0, 0, .1);
    width: 32%;
    margin-right: .125rem;
    margin: .4rem
}

body #a-propos .a-propos-video .identity-box p,
body #a-propos .a-propos-video .identity-box span,
body #about-us .a-propos-video .identity-box p,
body #about-us .a-propos-video .identity-box span {
    text-align: left !important;
    color: #0b3160
}

body #a-propos .a-propos-video .identity-box .vc_icon_element,
body #about-us .a-propos-video .identity-box .vc_icon_element {
    margin-bottom: unset !important
}

body #a-propos .a-propos-video .identity-box .vc_icon_element-icon:before,
body #about-us .a-propos-video .identity-box .vc_icon_element-icon:before {
    color: #128c7e;
    font-size: 2.5rem
}

body #a-propos .a-propos-video #video,
body #about-us .a-propos-video #video {
    padding: 0
}

body #a-propos .a-propos-video #video div,
body #about-us .a-propos-video #video div {
    padding-right: 0;
    padding-left: 0;
    margin: 0
}

body #a-propos .a-propos-video #text,
body #about-us .a-propos-video #text {
    padding-left: 2rem;
    padding-right: 2rem
}

body #a-propos .a-propos-video #text div,
body #about-us .a-propos-video #text div {
    padding: 0
}

body #a-propos .a-propos-video #text h2:first-child,
body #about-us .a-propos-video #text h2:first-child {
    padding-top: 2.5rem
}

body #a-propos .a-propos-video #text h2,
body #about-us .a-propos-video #text h2 {
    font-size: 20px;
    text-transform: uppercase;
    color: #fff;
    padding: 0
}

body #a-propos .a-propos-video #text p,
body #a-propos .a-propos-video #text ul li,
body #about-us .a-propos-video #text p,
body #about-us .a-propos-video #text ul li {
    font-size: 18px;
    font-weight: 500;
    font-family: GOTHIC;
    text-align: justify !important;
    color: #0b3160;
    padding: 0;
    line-height: normal
}

body #a-propos .a-propos-video #text ul,
body #about-us .a-propos-video #text ul {
    list-style-type: square
}

body #nos-valeurs,
body #telcotec-services {
    padding-bottom: 2rem
}

body #nos-valeurs h2,
body #telcotec-services h2 {
    text-align: center;
    font-size: 42px;
    text-transform: uppercase;
    color: #0b3160
}

body #nos-valeurs .services,
body #telcotec-services .services {
    text-align: center;
    cursor: pointer;
    padding-bottom: 1rem
}

body #nos-valeurs .services h3 a,
body #telcotec-services .services h3 a {
    text-align: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
    color: #128c7e;
    text-transform: uppercase;
    font-family: GOTHICB;
    font-size: 1.5rem;
    cursor: pointer;
    text-decoration: none
}

body #nos-valeurs .services div,
body #telcotec-services .services div {
    padding: 0;
    margin: 0
}

body #nos-valeurs .services div img,
body #telcotec-services .services div img {
    width: 200px;
    height: 200px
}

body #telcotec-hp-contact {
    background-position: top !important;
    padding-top: 1rem;
    padding-bottom: 2rem
}

body #telcotec-hp-contact .container {
    float: none
}

body #telcotec-hp-contact .container #telcotec-hp-contact-text {
    padding-left: 16rem
}

body #telcotec-hp-contact .container #telcotec-hp-contact-text h2 {
    text-transform: uppercase;
    font-family: GOTHIC;
    font-size: 1.5rem;
    font-weight: 600
}

body #telcotec-hp-contact .container #telcotec-hp-contact-text p {
    font-family: GOTHIC;
    font-size: 1rem
}

body #telcotec-hp-contact .text {
    color: #fff
}

body #telcotec-hp-contact #telcotec-hp-contact-btn {
    margin: 0
}

body #telcotec-hp-contact #telcotec-hp-contact-btn div {
    margin: 0;
    padding: 0
}

body #telcotec-hp-contact #telcotec-hp-contact-btn div a,
body #telcotec-hp-contact #telcotec-hp-contact-btn div button {
    color: #fff;
    text-transform: uppercase;
    background: #0b3160;
    border: none;
    font-family: GOTHIC;
    font-size: 1.3rem;
    margin-top: 3rem;
    border-radius: 10px
}

body #telcotec-hp-testimonial {
    min-height: 350px;
    text-align: center;
    -ms-flex-line-pack: center;
    align-content: center;
    background-repeat: no-repeat;
    padding-top: 2rem
}

body #telcotec-hp-testimonial .wpb_text_column {
    margin-bottom: 1rem
}

body #telcotec-hp-testimonial h3 {
    color: #0b3160;
    font-size: 1.1rem;
    text-align: center;
    margin: 0;
    padding: 0
}

body #telcotec-hp-testimonial p {
    text-align: center;
    color: #0b3160;
    font-family: GOTHIC;
    font-size: 1.1rem;
    line-height: 2;
    margin: 0
}

body #telcotec-hp-testimonial .social-links {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

body #telcotec-hp-testimonial .social-links .wpb_column {
    width: auto;
    text-align: center !important
}

body #Page-Title {
    background-repeat: no-repeat;
    padding-top: 20px;
    padding-bottom:20px;
}

body #Page-Title #Page-Title-BG {
    background: hsla(0, 0%, 81%, .6);
    height: auto;
    padding: .5rem;
    padding-top: .75rem;
    margin: 1rem
}

body #Page-Title #Page-Title-BG div {
    padding-bottom: 0;
    padding-top: 0;
    margin-bottom: .5rem
}

body #Page-Title #Page-Title-BG h1 {
    font-size: 2rem;
    font-family: GOTHICB;
    text-transform: uppercase;
    position: relative;
    display: inline;
    color: #0b3160
}

body #Page-Title #Page-Title-BG .line {
    padding: 0;
    margin: 0;
    content: "";
    position: absolute;
    left: 1rem;
    bottom: 0;
    width: 65px;
    top: 1rem;
    border-bottom: 5px solid #fff;
    min-height: 30px
}

body #Page-Title #Page-Title-BG p {
    text-align: justify;
    color: #0b3160;
    font-family: GOTHIC;
    font-size: 17px;
    font-weight: 500;
    padding-top: 10px;
    margin: 0
}

body #telcotec-hp-partenaires {
    text-align: center
}

body #telcotec-hp-partenaires h2 {
    text-align: center;
    font-size: 42px;
    text-transform: uppercase;
    color: #0b3160
}

body #telcotec-hp-partenaires #partenaires {
    padding-right: 5rem;
    padding-left: 5rem;
    height: 200px;
    text-align: center
}

body #telcotec-hp-partenaires #partenaires .vc_item {
    padding: 0;
    margin: 0;
    visibility: unset;
    width: 25%
}

body #telcotec-hp-partenaires #partenaires .wpcp-carousel-section .wpcp-single-item img {
    max-width: 200px;
    max-height: 150px
}

body #telcotec-hp-partenaires #partenaires a {
    opacity: unset;
    text-shadow: none;
    border-radius: 50%;
    width: 50px;
    top: 50px;
    border: 2px solid #0b3160;
    height: 50px;
    margin-left: 0;
    margin-right: 0
}

body #telcotec-hp-partenaires #partenaires a span:before {
    color: #0b3160
}

body #telcotec-hp-partenaires #partenaires a:hover {
    background: #0b3160
}

body #telcotec-hp-partenaires #partenaires a:hover span:before {
    color: #fff
}

body #telcotec-hp-pub {
    margin: 0;
    padding: 0
}

body #telcotec-hp-pub div {
    padding: 0;
    width: 100%;
    margin: 0
}

body #telcotec-hp-pub figure,
body #telcotec-hp-pub img {
    width: 100%
}

body #telcotec-hp-pub iframe {
    height: 300px
}

#telcotec-hp-testimonial {
    padding-top: 0 !important;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

#telcotec-hp-testimonial #wpsm_counter_b_row_1663 .wpsm_counterbox {
    margin-top: 0 !important;
    border-radius: 10px;
    background: #ffffffd1;
    padding: .5rem;
    padding-top: 1.5rem
}

#telcotec-hp-testimonial #wpsm_counter_b_row_1663 .wpsm_counterbox .wpsm_count-icon i,
#telcotec-hp-testimonial #wpsm_counter_b_row_1663 .wpsm_counterbox .wpsm_count-title,
#telcotec-hp-testimonial #wpsm_counter_b_row_1663 .wpsm_counterbox .wpsm_number {
    margin-top: 0 !important;
    color: #202d6e
}

.telcotec-slider-p div p {
    font-family: MyriadPro;
    font-size: 2.5rem !important;
    font-weight: 400;
    word-spacing: .75rem !important;
    font-weight: 400 !important;
    margin-left: 4.5rem !important;
    margin-top: -1rem !important
}

.telcotec-slider-h1 h1,
.telcotec-slider-p div p {
    color: #fff;
    text-shadow: none;
    line-height: normal;
    font-style: normal;
    text-decoration: none;
    text-align: left;
    letter-spacing: normal;
    text-transform: none
}

.telcotec-slider-h1 h1 {
    font-family: BlippoBlack;
    font-size: 5.5rem !important;
    font-weight: 400;
    word-spacing: normal;
    font-weight: 500
}

.word {
    font-family: MyriadPro;
    color: #fff;
    font-size: 2.5rem;
    text-shadow: none;
    line-height: normal;
    font-style: normal;
    text-decoration: none;
    text-align: left;
    letter-spacing: normal;
    word-spacing: .75rem;
    text-transform: none;
    font-weight: 400;
    margin-left: 9rem;
    margin-top: -1rem
}

div#n2-ss-1 .n2-font-b3345663dc8b9cef8e1c2d7598218f7d-hover {
    color: #0b3160 !important
}

#desc1-entreprise,
#desc-entreprise {
    width: 49% !important;
    display: inline-table;
    background: #9ca2a726;
    padding: .5rem;
    margin: .125rem;
    height: 200px;
    border-radius: 10px;
    position: relative
}

#desc-entreprise {
    padding-right: .5rem;
    float: left
}

#desc1-entreprise {
    padding-left: .5rem;
    float: right
}

#entreprise-img-col img {
    width: 100%;
    margin-top: -6rem;
    height: 800px !important;
    border-radius: 10px
}

#telcotec-hp-slider div {
    padding: 0
}

#telcotec-hp-slider div .telcotec-slider-img {
    padding: 0 !important
}

#telcotec-hp-slider div .telcotec-slider-img .telcotec-slider-h1 {
    margin: 0 !important
}

#telcotec-hp-slider div .telcotec-slider-img .telcotec-slider-h1 h1 {
    padding-left: 8.5rem;
    font-size: 5.5rem !important;
    padding-top: 8.5rem
}

#telcotec-hp-slider div .telcotec-slider-img .telcotec-slider-p p {
    padding-left: 3.45rem;
    line-height: 0;
    font-size: 1.83rem
}

#footer {
    font-family: GOTHIC;
    background-color: #161f4c;
    padding-top: 2rem;
    letter-spacing: .12rem
}

#footer .nav-footer {
    padding-bottom: 1.5rem
}

#footer .nav-footer div {
    display: inline-block;
    vertical-align: middle
}

#footer .nav-footer div span {
    display: block;
    text-transform: uppercase;
    color: #fff;
    font-size: 26px;
    font-weight: 700;
    padding-bottom: .7rem;
    cursor: default
}

#footer .nav-footer div img {
    max-width: 60%;
    padding-bottom: .5rem
}

#footer .nav-footer div ul {
    list-style-type: none;
    padding: 0
}

#footer .nav-footer div ul li a {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0
}

#footer .nav-footer div.telcotec-contact-info {
    display: block;
    max-width: 100%
}

#footer .nav-footer div.telcotec-contact-info .telcotec-address {
    cursor: default
}

#footer .nav-footer div.telcotec-contact-info a {
    text-decoration: none
}

#footer .nav-footer div.telcotec-contact-info a span {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    text-transform: none;
    padding: 0;
    letter-spacing: 0;
    cursor: default
}

#footer .nav-footer div.telcotec-contact-info .telcotec-email span,
#footer .nav-footer div.telcotec-contact-info .telcotec-tel span {
    cursor: pointer
}

#footer .nav-footer div.telcotec-contact-info .telcotec-nav-social-link {
    padding-top: 2rem
}

#footer .nav-footer div.telcotec-contact-info .telcotec-nav-social-link a h4 {
    display: block;
    text-transform: uppercase;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    cursor: default
}

#footer .nav-footer div.telcotec-contact-info .telcotec-nav-social-link a span {
    display: inline-block
}

#footer .nav-footer div.telcotec-contact-info .telcotec-nav-social-link a span i {
    font-size: 1.5rem
}

#footer .nav-end-footer {
    padding: 0
}

#footer .nav-end-footer div:last-child span {
    float: right
}

#footer .nav-end-footer div:last-child span,
#footer .nav-end-footer div:last-child span a {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0
}

#footer .nav-end-footer div:last-child span a img {
    width: 50px
}

@media screen and (max-width:768px) {
    #footer .nav-end-footer div:last-child span {
        float: none
    }
}

#footer .nav-end-footer ul {
    list-style-type: none;
    padding: 0
}

#footer .nav-end-footer ul li {
    display: inline-block
}

#footer .nav-end-footer ul li a {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0
}

#footer .nav-end-footer ul li:after {
    color: #fff;
    font-size: 1rem;
    padding-right: .5rem;
    content: "|";
    padding-left: .5rem
}

#footer .nav-end-footer ul li:last-child:after {
    content: "";
    padding: 0
}

#footer .separator {
    border-top: 1px solid #fff;
    padding-bottom: .5rem
}

#telcotec-sitemap {
    margin-top: 3rem;
    margin-bottom: 3rem;
    padding: 3rem
}

#telcotec-sitemap div {
    margin: 0;
    padding: 0
}

#telcotec-sitemap h2 {
    display: none;
    color: #0b3160;
    text-transform: uppercase;
    font-size: 1.1rem;
    font-weight: 500
}

#telcotec-sitemap ul li {
    font-size: 1rem;
    margin-bottom: 1rem
}

#telcotec-sitemap ul li a {
    color: #0b3160;
    text-decoration: none
}

#telcotec-sitemap ul li a:hover {
    color: #128c7e;
    text-decoration: underline
}

#faq span {
    font-size: 1rem
}

#faq span,
#faq span:before {
    color: #0b3160
}

#faq span.ac_title_class {
    font-family: GOTHICB;
    background: transparent !important
}

#faq span.ac_open_cl_icon {
    display: none !important;
    background: transparent !important
}

#faq div.wpsm_panel-body {
    color: #000 !important;
    font-size: .9rem !important;
    font-weight: 500 !important;
    font-family: GOTHICB !important;
    border-color: transparent !important;
    padding-left: 2.7rem
}

#faq div div.wpsm_panel-default div.wpsm_panel-heading {
    background-color: transparent !important;
    border-color: transparent !important
}

#p-data,
#telcotec-ml {
    margin: 0;
    font-family: GOTHICB;
    margin-top: 3rem;
    margin-bottom: 3rem;
    padding: 3rem
}

#p-data h3,
#telcotec-ml h3 {
    font-size: 1.1rem
}

#p-data h3,
#p-data h4,
#telcotec-ml h3,
#telcotec-ml h4 {
    text-transform: uppercase;
    font-weight: 700;
    color: #0b3160;
    font-family: GOTHIC;
    margin-bottom: 0;
    margin-top: .75rem
}

#p-data h4,
#telcotec-ml h4 {
    font-size: 1rem
}

#p-data p,
#telcotec-ml p {
    color: #000;
    text-align: justify;
    padding-top: .5rem;
    margin: 0
}

#p-data label,
#telcotec-ml label {
    color: #0b3160;
    font-size: 1.2rem;
    font-weight: 700;
    font-family: BlippoBlack;
    margin: 0;
    padding: 0
}

#p-data strong,
#telcotec-ml strong {
    color: #128c7e
}

#p-data a,
#telcotec-ml a {
    color: #0b3160
}

#p-data a label,
#telcotec-ml a label {
    color: #0b3160;
    font-size: .9rem;
    font-weight: 700
}

.elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {
    padding: 0 !important
}

#contact-us {
    margin-top: 3rem;
    margin-bottom: 4rem
}

#contact-us .space {
    cursor: pointer;
    margin-left: .5rem;
    margin-right: .5rem;
    margin-top: 1rem
}

#contact-us .space .vc_column-inner {
    background-repeat: no-repeat;
    background-size: cover;
    padding: 7rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

#contact-us .space .vc_column-inner div {
    margin: 0
}

#contact-us .space .vc_column-inner .icon {
    cursor: pointer
}

#contact-us .space .vc_column-inner .icon i:before {
    color: #fff;
    font-size: 3rem
}

#contact-us .space .vc_column-inner .title {
    cursor: pointer;
    color: #fff;
    margin-top: .5rem;
    margin-bottom: .5rem;
    text-transform: uppercase
}

#contact-us .space .vc_column-inner .title h2 {
    cursor: pointer
}

#contact-us .space .vc_column-inner .desc {
    cursor: pointer;
    color: #fff;
    font-family: Century Gothic, Arial, Ubuntu, Helvetica, sans-serif
}

#contact-us .space .vc_column-inner .desc p {
    font-size: 1.1rem
}

#contact-us .space a {
    text-decoration: none;
    cursor: pointer
}

#contact-us .space a .desc,
#contact-us .space a .desc p,
#contact-us .space a .icon,
#contact-us .space a .title {
    cursor: pointer
}

#contact-us-form {
    margin-top: 4rem;
    margin-bottom: 4rem
}

#contact-us-form .file-upload-wrapper {
    position: relative;
    width: 100%;
    padding: 1rem
}

#contact-us-form .file-upload-wrapper:after {
    content: attr(data-text);
    font-size: 18px;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    display: block;
    width: calc(100% - 40px);
    pointer-events: none;
    z-index: 20;
    padding: 1rem;
    color: #0b3160
}

#contact-us-form .file-upload-wrapper:before {
    content: url("/wp-content/themes/telcotec/assets/images/paperclip-solid.svg");
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    background: #0b3160;
    color: #fff;
    font-weight: 700;
    z-index: 25;
    text-transform: uppercase;
    pointer-events: none;
    width: 11%;
    height: 100%;
    padding: .5rem
}

@media (max-width:768px) {
    #contact-us-form .file-upload-wrapper:before {
        width: 12%
    }
}

#contact-us-form .file-upload-wrapper input {
    opacity: 0;
    position: absolute;
    z-index: 99;
    display: block;
    cursor: pointer;
    width: 100%
}

#contact-us-form label {
    width: 100%
}

#contact-us-form .file-upload-wrapper,
#contact-us-form input[type=email],
#contact-us-form input[type=file],
#contact-us-form input[type=tel],
#contact-us-form input[type=text],
#contact-us-form select,
#contact-us-form textarea {
    padding: 1rem;
    width: 100%;
    border: 1px solid #7a7a7a;
    color: #0b3160;
    font-family: GOTHIC;
    font-size: 1.3rem
}

#contact-us-form .file-upload-wrapper::-webkit-input-placeholder,
#contact-us-form input[type=email]::-webkit-input-placeholder,
#contact-us-form input[type=file]::-webkit-input-placeholder,
#contact-us-form input[type=tel]::-webkit-input-placeholder,
#contact-us-form input[type=text]::-webkit-input-placeholder,
#contact-us-form select::-webkit-input-placeholder,
#contact-us-form textarea::-webkit-input-placeholder {
    color: #0b3160
}

#contact-us-form .file-upload-wrapper:-ms-input-placeholder,
#contact-us-form input[type=email]:-ms-input-placeholder,
#contact-us-form input[type=file]:-ms-input-placeholder,
#contact-us-form input[type=tel]:-ms-input-placeholder,
#contact-us-form input[type=text]:-ms-input-placeholder,
#contact-us-form select:-ms-input-placeholder,
#contact-us-form textarea:-ms-input-placeholder {
    color: #0b3160
}

#contact-us-form .file-upload-wrapper::placeholder,
#contact-us-form input[type=email]::placeholder,
#contact-us-form input[type=file]::placeholder,
#contact-us-form input[type=tel]::placeholder,
#contact-us-form input[type=text]::placeholder,
#contact-us-form select::placeholder,
#contact-us-form textarea::placeholder {
    color: #0b3160
}

#contact-us-form .file-upload-wrapper:focus,
#contact-us-form input[type=email]:focus,
#contact-us-form input[type=file]:focus,
#contact-us-form input[type=tel]:focus,
#contact-us-form input[type=text]:focus,
#contact-us-form select:focus,
#contact-us-form textarea:focus {
    outline-color: #0b3160
}

#contact-us-form select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, #fff 0), linear-gradient(135deg, #fff 50%, transparent 0), linear-gradient(90deg, #0b3160, #0b3160);
    background-position: calc(100% - 25px) calc(1em + 10px), calc(100% - 20px) calc(1em + 10px), 100% 0;
    background-size: 5px 5px, 5px 5px, 2.5em 3.5em;
    background-repeat: no-repeat
}

#contact-us-form .file-upload-wrapper {
    margin-top: 1.5rem;
    margin-bottom: 0
}

#contact-us-form .upload-label {
    width: 70px
}

#contact-us-form input[type=submit] {
    float: right;
    font-family: GOTHICB;
    font-size: 1.3rem;
    padding: 1rem;
    padding-left: 3rem;
    padding-right: 3rem;
    background: #0b3160;
    border: none;
    color: #fff;
    border: 2px solid #0b3160;
    cursor: pointer
}

#contact-us-form input[type=submit]:hover {
    background: transparent;
    color: #0b3160
}

#contact-us-form #upload-l span span,
#contact-us-form #upload span span {
    display: none
}

#contact-us-form .not-uploaded {
    color: red;
    font-family: GOTHICB;
    font-size: .9rem
}

#contact-us-form #send-form-result,
#contact-us-form .submit {
    padding: 0;
    margin: 0
}

#contact-us-form .wpcf7-aborted,
#contact-us-form .wpcf7-mail-sent-ng,
#contact-us-form .wpcf7-not-valid-tip {
    font-family: GOTHICB;
    font-size: .9rem
}

#contact-us-form .icon-in-circle {
    background-color: red
}

#contact-us-form .wpcf7-mail-sent-ok {
    border: none;
    color: #128c7e;
    font-family: GOTHICB;
    padding: 0;
    margin: 0;
    font-size: 1rem
}

#contact-us-form .wpcf7-aborted,
#contact-us-form .wpcf7-acceptance-missing,
#contact-us-form .wpcf7-mail-sent-ng,
#contact-us-form .wpcf7-spam-blocked,
#contact-us-form .wpcf7-validation-errors {
    border: none
}

#contact-us-form .wpcf7-aborted,
#contact-us-form .wpcf7-acceptance-missing,
#contact-us-form .wpcf7-mail-sent-ng,
#contact-us-form .wpcf7-validation-errors {
    font-family: GOTHICB;
    font-size: 1rem;
    padding: 0;
    margin: 0;
    color: red
}

#contact-us-form .ajax-loader {
    background-size: 75px 75px;
    width: 75px;
    height: 75px;
    padding: 0;
    margin: 0;
    margin-top: -1rem
}

.search-result h2 {
    font-family: GOTHICB;
    padding-top: 1rem;
    font-size: 2rem;
    margin-bottom: 0;
    color: #0b3160 !important;
    margin-bottom: .5rem
}

.search-result li {
    list-style-type: square
}

.search-result li a {
    color: #128c7e;
    text-decoration: none
}

.search-result li a:hover {
    text-decoration: underline
}

.search-result li span {
    display: block;
    text-align: justify;
    color: #000;
    margin-bottom: 1rem;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.8
}

.search-result .alert-info {
    color: #0b3160;
    padding: 0;
    border: none;
    background-color: transparent;
    font-family: GOTHIC;
    font-size: 1rem
}

.search-result .alert-info p {
    margin-bottom: 0
}

#services-list {
    margin-top: 4rem;
    margin-bottom: 4rem
}

#services-list h2 {
    text-align: center;
    font-size: 42px;
    text-transform: uppercase;
    color: #0b3160
}

#services-list *,
#services-list :after,
#services-list :before {
    box-sizing: border-box
}

@-webkit-keyframes rotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

#services-list .services {
    padding-right: .75rem;
    padding-left: .75rem;
    text-align: center;
    cursor: pointer;
    padding-bottom: 1rem
}

#services-list .services h3 a {
    text-align: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
    color: #128c7e;
    text-transform: uppercase;
    font-family: GOTHICB;
    font-size: 1.5rem;
    cursor: pointer;
    text-decoration: none
}

#services-list .services h4 a {
    text-align: center;
    font-family: GOTHIC;
    cursor: pointer;
    font-size: 1.4rem;
    color: #0b3160;
    text-transform: none;
    text-decoration: none
}

#services-list .services div {
    padding: 0;
    margin: 0
}

#services-list .services div img {
    width: 200px;
    height: 200px
}

#services-list .services:hover {
    position: relative;
    z-index: 0;
    border-radius: 5px;
    overflow: hidden;
    padding: .5rem
}

#services-list .services:hover:before {
    content: "";
    position: absolute;
    z-index: -2;
    left: -50%;
    top: -50%;
    width: 200%;
    height: 200%;
    background-color: #128c7e;
    background-repeat: no-repeat;
    background-size: 50% 50%, 50% 50%;
    background-position: 0 0, 100% 0, 100% 100%, 0 100%;
    background-image: linear-gradient(#128c7e, #128c7e), linear-gradient(#0b3160, #0b3160);
    -webkit-animation: rotate 3s linear infinite;
    animation: rotate 3s linear infinite
}

#services-list .services:hover:after {
    content: "";
    position: absolute;
    z-index: -1;
    left: 6px;
    top: 6px;
    width: calc(100% - 12px);
    height: calc(100% - 12px);
    background: #fff;
    border-radius: 5px
}

#services-list .List-service {
    margin-top: 2rem
}

#produit-desc,
#service-desc {
    margin-top: 3rem;
    margin-bottom: 3rem;
    padding: .75rem;
    border-radius: 5px
}

#produit-desc .vc_gitem-zone,
#service-desc .vc_gitem-zone {
    border-radius: 10px
}

#produit-desc .img-conseils img,
#service-desc .img-conseils img {
    margin-top: -9rem !important
}

#produit-desc img,
#service-desc img {
    width: 100% !important;
    height: 100% !important
}

#produit-desc label,
#service-desc label {
    color: #0b3160;
    font-size: 1.2rem;
    font-weight: 700;
    font-family: BlippoBlack;
    margin: 0;
    padding: 0
}

#produit-desc h2,
#service-desc h2 {
    text-align: left;
    font-size: 1.5rem;
    text-transform: uppercase;
    color: #0b3160
}

#produit-desc .line,
#service-desc .line {
    padding: 0;
    margin: 0;
    content: "";
    position: absolute;
    left: 1rem;
    bottom: 0;
    width: 65px;
    top: 1rem;
    border-bottom: 5px solid #128c7e
}

#produit-desc p,
#service-desc p {
    text-align: justify;
    color: #0b3160;
    font-family: GOTHIC;
    font-size: 17px;
    font-weight: 500;
    padding-top: 0;
    margin: 0
}

#produit-desc .produit,
#produit-desc .service,
#service-desc .produit,
#service-desc .service {
    margin-top: 2rem;
    text-align: center
}

#produit-desc .produit .img,
#produit-desc .service .img,
#service-desc .produit .img,
#service-desc .service .img {
    text-align: center;
    border-radius: 5px
}

#produit-desc .produit .img .vc_align_left,
#produit-desc .service .img .vc_align_left,
#service-desc .produit .img .vc_align_left,
#service-desc .service .img .vc_align_left {
    text-align: unset
}

#produit-desc .img img,
#service-desc .img img {
    border-radius: 5px;
    min-width: 260px;
    min-height: 200px
}

#produit-desc #telcotec-ref,
#service-desc #telcotec-ref {
    text-align: center;
    margin-top: 2rem
}

#produit-desc #telcotec-ref h2,
#service-desc #telcotec-ref h2 {
    text-align: left;
    font-size: 1.5rem;
    text-transform: uppercase;
    color: #0b3160
}

#produit-desc #telcotec-ref h2:after,
#service-desc #telcotec-ref h2:after {
    content: "";
    position: absolute;
    left: 1rem;
    bottom: 0;
    width: 65px;
    height: 3px;
    top: 2.5rem;
    border-bottom: 5px solid #128c7e
}

#produit-desc #telcotec-ref #partenaires,
#service-desc #telcotec-ref #partenaires {
    padding-right: 1rem;
    padding-left: 1rem;
    height: 200px;
    text-align: center
}

#produit-desc #telcotec-ref #partenaires .vc_item,
#service-desc #telcotec-ref #partenaires .vc_item {
    padding: 0;
    margin: 0;
    visibility: unset;
    width: 25%
}

#produit-desc #telcotec-ref #partenaires a,
#service-desc #telcotec-ref #partenaires a {
    opacity: unset;
    text-shadow: none;
    border-radius: 50%;
    width: 50px;
    top: 50px;
    border: 2px solid #0b3160;
    height: 50px;
    margin-left: 0;
    margin-right: 0
}

#produit-desc #telcotec-ref #partenaires a span:before,
#service-desc #telcotec-ref #partenaires a span:before {
    color: #0b3160
}

#produit-desc #telcotec-ref #partenaires a:hover,
#service-desc #telcotec-ref #partenaires a:hover {
    background: #0b3160
}

#produit-desc #telcotec-ref #partenaires a:hover span:before,
#service-desc #telcotec-ref #partenaires a:hover span:before {
    color: #fff
}

#list-ref-desc,
#search-desc {
    margin-top: 3rem;
    margin-bottom: 3rem;
    padding: 3rem
}

#list-ref-desc h2,
#search-desc h2 {
    text-align: left;
    font-size: 1.5rem;
    text-transform: uppercase;
    color: #0b3160
}

#list-ref-desc .line,
#search-desc .line {
    padding: 0;
    margin: 0;
    content: "";
    position: absolute;
    left: 1rem;
    bottom: 0;
    width: 65px;
    top: 1rem;
    border-bottom: 5px solid #128c7e
}

#list-ref-desc p,
#search-desc p {
    text-align: justify;
    color: #0b3160;
    font-family: GOTHIC;
    font-size: 17px;
    font-weight: 500;
    padding-top: 0;
    margin: 0
}

#list-ref-desc .ref,
#search-desc .ref {
    margin-top: 2rem;
    text-align: center
}

#list-ref-desc .ref .img,
#search-desc .ref .img {
    text-align: center
}

#list-ref-desc .ref .img .vc_align_left,
#search-desc .ref .img .vc_align_left {
    text-align: unset
}

#list-ref-desc #telcotec-ref,
#search-desc #telcotec-ref {
    text-align: center;
    margin-top: 2rem
}

#list-ref-desc #telcotec-ref h2,
#search-desc #telcotec-ref h2 {
    text-align: left;
    font-size: 1.5rem;
    text-transform: uppercase;
    color: #0b3160
}

#list-ref-desc #telcotec-ref h2:after,
#search-desc #telcotec-ref h2:after {
    content: "";
    position: absolute;
    left: 1rem;
    bottom: 0;
    width: 65px;
    height: 3px;
    top: 2.5rem;
    border-bottom: 5px solid #128c7e
}

#list-ref-desc #telcotec-ref #partenaires,
#search-desc #telcotec-ref #partenaires {
    padding-right: 1rem;
    padding-left: 1rem;
    height: 200px;
    text-align: center
}

#list-ref-desc #telcotec-ref #partenaires .vc_item,
#search-desc #telcotec-ref #partenaires .vc_item {
    padding: 0;
    margin: 0;
    visibility: unset;
    width: 25%
}

#list-ref-desc #telcotec-ref #partenaires a,
#search-desc #telcotec-ref #partenaires a {
    opacity: unset;
    text-shadow: none;
    border-radius: 50%;
    width: 50px;
    top: 50px;
    border: 2px solid #0b3160;
    height: 50px;
    margin-left: 0;
    margin-right: 0
}

#list-ref-desc #telcotec-ref #partenaires a span:before,
#search-desc #telcotec-ref #partenaires a span:before {
    color: #0b3160
}

#list-ref-desc #telcotec-ref #partenaires a:hover,
#search-desc #telcotec-ref #partenaires a:hover {
    background: #0b3160
}

#list-ref-desc #telcotec-ref #partenaires a:hover span:before,
#search-desc #telcotec-ref #partenaires a:hover span:before {
    color: #fff
}

#page-content {
    margin-top: 3rem;
    margin-bottom: 3rem;
    padding: 3rem
}

#products-list {
    margin-top: 4rem;
    margin-bottom: 4rem
}

#products-list h2 {
    text-align: center;
    font-size: 42px;
    text-transform: uppercase;
    color: #0b3160
}

#products-list .hexagon {
    position: relative;
    background: #128c7e;
    width: auto;
    min-height: 277.5px;
    min-width: 75%;
    padding: 0;
    margin: 0;
    margin-right: 2rem;
    margin-left: 2rem;
    float: left;
    background-position: 50%;
    z-index: 1;
    line-height: 110px;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 700;
    color: transparent;
    cursor: pointer;
    transition: color .5s ease, text-shadow .5s ease, background-color .5s ease, -webkit-transform 1s ease-in-out
}

#products-list .hexagon:before {
    position: absolute;
    content: "";
    top: 4px;
    left: 4px;
    height: calc(100% - 8px);
    width: calc(100% - 8px);
    background: transparent
}

#products-list .image:before {
    background-image: var(--data-image);
    background-size: cover;
    background-repeat: no-repeat;
    content: attr(data-content) "\A\F06E";
    line-height: 25px;
    padding-top: 6.5rem;
    white-space: break-spaces
}

#products-list .image:hover:before {
    background-color: rgba(81, 162, 146, .6);
    background-blend-mode: multiply
}

#products-list div {
    margin: 0;
    padding: 0
}

#products-list .hexagon:hover {
    color: #fff;
    text-shadow: 0 0 10px #fff
}

#products-list .hexagon,
#products-list .hexagon:before {
    -webkit-clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
    clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%)
}

#products-list .prod1 {
    margin-left: 4rem
}

#products-list .prod2 {
    margin-left: 3.5rem
}

#products-list .prod1:not(:first-child) .vc_col-sm-4,
#products-list .prod2 .vc_col-sm-4 {
    margin-top: -2rem !important
}

#products-list .prod1 .vc_col-sm-4,
#products-list .prod2 .vc_col-sm-4:not(:first-child) {
    margin-right: -2.5rem !important
}

#products-list .prod1 .vc_col-sm-4:first-child {
    margin-left: 1rem !important
}

#products-list .prod1 .vc_col-sm-2:first-child {
    margin-left: .25rem !important
}

#white-papers {
    margin-top: 4rem;
    margin-bottom: 4rem
}

#white-papers .white-p-bg {
    font-family: GOTHIC;
    line-height: unset;
    background-color: #161f4c;
    padding: 1rem;
    padding-bottom: 0;
    margin-bottom: 1rem;
    padding-right: 0;
    padding-left: 0
}

#white-papers .white-p-bg .img {
    line-height: unset;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content
}

#white-papers .white-p-bg .img div {
    margin: 0;
    width: 100%;
    padding-right: 0;
    padding-left: 0
}

#white-papers .white-p-bg .img div figure {
    width: 100%
}

#white-papers .white-p-bg .img div figure img {
    text-align: center;
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem
}

#white-papers .white-p-bg .desc {
    color: #fff;
    padding: .5rem;
    padding-left: 0;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
    padding-right: 0
}

#white-papers .white-p-bg .desc p {
    line-height: unset;
    text-align: justify
}

#white-papers .white-p-bg .desc .date {
    margin: 0;
    font-family: GOTHICB;
    padding: 0;
    padding-bottom: .5rem;
    font-size: .95rem
}

#white-papers .white-p-bg .desc .title {
    margin: 0;
    padding: 0;
    font-family: GOTHICB;
    font-size: 1.1rem;
    padding-bottom: .5rem
}

#white-papers .white-p-bg .desc .desc-p,
#white-papers .white-p-bg .desc .link a {
    margin: 0;
    padding: 0;
    padding-bottom: .5rem;
    font-size: 1rem
}

#white-papers .white-p-bg .desc .link a {
    background: none;
    border: none;
    border-radius: unset;
    border-bottom: 5px solid #128c7e;
    color: #fff;
    font-family: GOTHICB
}

@media (min-width:768px) {
    #white-papers .white-p-bg {
        margin-left: 3rem;
        width: 45%
    }
}

@media (max-width:768px) {
    #white-papers .white-p-bg .img div {
        margin: auto;
        width: 100%;
        padding-right: auto;
        padding-left: auto
    }

    #white-papers .white-p-bg .img div figure {
        width: 100%;
        text-align: center
    }

    #white-papers .white-p-bg .img div figure img {
        float: unset;
        width: 50%
    }
}

#white-paper {
    margin-top: 4rem;
    margin-bottom: 4rem
}

#white-paper .white-p-bg {
    font-family: GOTHIC;
    line-height: unset;
    background-color: #161f4c;
    padding: 3rem;
    padding-right: 0;
    padding-left: 0
}

#white-paper .white-p-bg .img {
    line-height: unset;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content
}

#white-paper .white-p-bg .img .vc_column-inner {
    background-repeat: no-repeat;
    background-position: 50%;
    text-align: center
}

#white-paper .white-p-bg .img div {
    margin: 0;
    width: 100%;
    padding-right: 0;
    padding-left: 0
}

#white-paper .white-p-bg .img div a {
    text-align: center;
    width: 20%;
    height: 75px;
    border-radius: 25px;
    box-shadow: none;
    background: rgba(11, 49, 96, .7);
    border: none
}

#white-paper .white-p-bg .img div a i {
    padding-top: 1rem
}

#white-paper .white-p-bg .img div a i:before {
    font-size: 3rem
}

#white-paper .white-p-bg .desc {
    color: #fff;
    padding: .5rem;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
    padding-right: 3rem
}

#white-paper .white-p-bg .desc p {
    line-height: unset;
    text-align: justify
}

#white-paper .white-p-bg .desc .date {
    margin: 0;
    font-family: GOTHICB;
    padding: 0;
    padding-bottom: .5rem;
    font-size: .95rem
}

#white-paper .white-p-bg .desc .title {
    margin: 0;
    padding: 0;
    font-family: GOTHICB;
    font-size: 2.5rem;
    padding-bottom: 1.5rem
}

#white-paper .white-p-bg .desc .title:after {
    content: "";
    position: absolute;
    left: 1.4rem;
    bottom: 0;
    width: 100px;
    height: 3px;
    top: 6rem;
    border-bottom: 8px solid #128c7e
}

#white-paper .white-p-bg .desc .desc-p {
    margin: 0;
    padding: 0;
    padding-bottom: .5rem;
    font-size: 1rem
}

@media (max-width:768px) {
    #white-paper .white-p-bg .img {
        padding-left: 1rem;
        padding-right: 1rem
    }

    #white-paper .white-p-bg .desc {
        padding-left: 0;
        padding-right: 0;
        padding-top: 1rem
    }

    #white-paper .white-p-bg .desc .title:after {
        left: 1rem
    }
}

.animate {
    -webkit-animation-duration: 3s !important;
    animation-duration: 3s !important;
    -webkit-animation-delay: 2s !important;
    animation-delay: 2s !important;
    -webkit-animation-iteration-count: infinite !important;
    animation-iteration-count: infinite !important
}

.animated {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
    -webkit-animation-duration: 3s !important;
    animation-duration: 3s !important;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

#telcotec-hp-contact-btn a:before,
#telcotec-hp-contact-btn button:before {
    content: "";
    position: absolute;
    height: 150px;
    width: 50px;
    background: #fff;
    right: -100px;
    top: -40px;
    -webkit-transform: rotate(37deg);
    transform: rotate(37deg);
    transition: all .5s;
    opacity: .3
}

#telcotec-hp-contact-btn a:hover:before,
#telcotec-hp-contact-btn button:hover:before {
    right: 105%
}

#telcotec-hp-contact-btn a,
#telcotec-hp-contact-btn button {
    position: relative;
    overflow: hidden
}

.identity-box:hover {
    position: relative;
    z-index: 0;
    border-radius: 5px;
    overflow: hidden;
    padding: .5rem
}

.identity-box {
    max-height: 250px
}

.identity-box:hover:after {
    content: "";
    position: absolute;
    z-index: -1;
    left: 6px;
    top: 6px;
    width: calc(100% - 12px);
    height: calc(100% - 12px);
    background: #fff;
    border-radius: 5px
}

.identity-box:hover:before {
    content: "";
    position: absolute;
    z-index: -2;
    left: -50%;
    top: -50%;
    width: 200%;
    height: 200%;
    background-color: #128c7e;
    background-repeat: no-repeat;
    background-size: 50% 50%, 50% 50%;
    background-position: 0 0, 100% 0, 100% 100%, 0 100%;
    background-image: linear-gradient(#128c7e, #128c7e), linear-gradient(#0b3160, #0b3160);
    -webkit-animation: rotate 3s linear infinite;
    animation: rotate 3s linear infinite
}

@media (max-width:1980px) {
    .telcotec-slider-h1 {
        margin-top: 9rem !important
    }
}

@media (max-width:1300px) {
    .telcotec-slider-h1 {
        margin-top: 8rem !important
    }
}

@media (max-width:1050px) {
    .telcotec-slider-h1 {
        margin-top: 6rem !important
    }

    .telcotec-slider-h1 h1 {
        font-size: 4.5rem !important
    }

    .word {
        font-weight: 2rem !important;
        margin-left: 8.5rem !important
    }

    .identity-box {
        width: 31.8% !important;
        max-height: 255px !important
    }

    #footer .nav-end-footer div:last-child span,
    #footer .nav-end-footer div:last-child span a {
        font-size: 13px !important
    }

    body #telcotec-hp-contact .container #telcotec-hp-contact-text {
        padding-left: 7rem !important
    }

    #contact-us .space .vc_column-inner .title h2 {
        font-size: 1.5rem
    }

    #contact-us .space .vc_column-inner .desc p {
        font-size: 1rem
    }

    body #a-propos .a-propos-video .identity-box,
    body #about-us .a-propos-video .identity-box {
        min-height: 300px
    }

    body #nos-valeurs .services div img,
    body #telcotec-services .services div img {
        width: 150px;
        height: 150px
    }

    body #nos-valeurs .services h3 a,
    body #telcotec-services .services h3 a {
        font-size: 1rem
    }
}

@media (max-width:820px) {
    header #site-navigation nav .navbar div ul li a {
        font-size: 17px
    }

    .telcotec-slider-h1 {
        margin-top: 5rem !important
    }

    .telcotec-slider-h1 h1 {
        font-size: 3.5rem !important
    }

    .word {
        font-size: 1.5rem;
        margin-left: 7.5rem !important;
        margin-top: .5rem !important
    }

    body #a-propos h2,
    body #about-us h2 {
        font-size: 35px
    }

    body #a-propos p,
    body #about-us p {
        font-size: 18px;
        text-align: justify !important
    }

    body #a-propos .a-propos-video .identity-label#text .identity-label p:first-child,
    body #about-us .a-propos-video .identity-label#text .identity-label p:first-child {
        font-size: 2rem
    }

    .identity-box {
        width: 31.2% !important
    }

    #wpsm_counter_b_row_1663 .wpsm_col-sm-6 {
        width: 33% !important
    }

    #wpsm_counter_b_row_1663 .wpsm_counterbox .wpsm_count-icon i {
        font-size: 40px !important
    }

    #wpsm_counter_b_row_1663 .wpsm_counterbox .wpsm_number {
        font-size: 25px !important
    }

    #wpsm_counter_b_row_1663 .wpsm_counterbox .wpsm_count-title {
        font-size: 30px !important
    }

    #footer .col-md-4 {
        max-width: 30% !important
    }

    #footer .nav-footer div img {
        max-width: 100%
    }
}

@media (max-width:768px) {

    header #site-navigation nav #navbar.responsive,
    header #site-navigation nav .logo {
        width: 100%;
        max-width: 100%;
        -webkit-box-flex: unset;
        -ms-flex: unset;
        flex: unset
    }

    header #site-navigation nav .navbar .nav-menu .topnav.responsive li {
        width: 100%
    }

    #menu-item-1359 .sub-menu {
        position: relative !important;
        width: 100% !important;
        padding-left: 0 !important
    }

    #menu-item-1359 .sub-menu li a {
        font-size: 16px !important;
        font-weight: 700 !important;
        font-family: GOTHICB !important
    }

    #myTopnav li {
        padding-left: 0 !important
    }

    #myTopnav li a {
        padding-left: 1rem !important
    }

    header #site-navigation nav #navbar.responsive {
        background-color: #fff !important
    }

    header #site-navigation nav #navbar.responsive li {
        border-bottom: 2px solid #128c7e !important
    }

    header #site-navigation nav #navbar.responsive li:last-child {
        border-bottom: none !important
    }

    header #site-navigation nav #navbar.responsive li a {
        color: #0b3160 !important
    }
}