/*
Theme Name:     Divi-AxV
Description:    Thème Axe Vision
Author:         AXV
Template:       Divi

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/
@font-face{
    font-family: cabourg_otbold;
    src: url('./font/Cabourg OT Bold.otf');
}
:root {
    --title-color: #282728;
    --color-dark: #1c1c1b;
    --color-blue: #0033cc;
    --color-dark-blue: #011a42;
    --color-green: #009900;
    --color-grey: #e9e9e9;
    --color-dark-grey: #9c9c9c;
    --color-light-grey: #f5f5f5;
    --color-white: #ffffff;
    --linear-gradient-to-right: linear-gradient(90deg, rgba(0,51,204,1) 0%, rgba(3,190,195,1) 37%, rgba(255,255,255,1) 37%, rgba(255,255,255,1) 38%, rgba(3,190,195,1) 38%, rgba(1,153,0,1) 51%, rgba(255,255,255,1) 51%, rgba(255,255,255,1) 52%, rgba(1,153,0,1) 52%, rgba(1,153,0,1) 60%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 61%, rgba(1,153,0,1) 61%, rgba(1,153,0,1) 68%, rgba(255,255,255,1) 68%, rgba(255,255,255,1) 69%, rgba(1,153,0,1) 69%, rgba(1,153,0,1) 72%, rgba(255,255,255,1) 72%);
    --linear-gradient-to-right: linear-gradient(90deg, rgba(0,51,204,1) 0%, rgba(3,190,195,1) 37%, transparent 37%, transparent 38%, rgba(3,190,195,1) 38%, rgba(1,153,0,1) 51%, transparent 51%, transparent 52%, rgba(1,153,0,1) 52%, rgba(1,153,0,1) 60%, transparent 60%, transparent 61%, rgba(1,153,0,1) 61%, rgba(1,153,0,1) 68%, transparent 68%, transparent 69%, rgba(1,153,0,1) 69%, rgba(1,153,0,1) 72%, transparent 72%);
    --linear-gradient-to-bottom: linear-gradient(to bottom, rgba(0,51,204,1) 0%, rgba(3,190,195,1) 37%, transparent 37%, transparent 38%, rgba(3,190,195,1) 38%, rgba(1,153,0,1) 51%, transparent 51%, transparent 52%, rgba(1,153,0,1) 52%, rgba(1,153,0,1) 60%, transparent 60%, transparent 61%, rgba(1,153,0,1) 61%, rgba(1,153,0,1) 68%, transparent 68%, transparent 69%, rgba(1,153,0,1) 69%, rgba(1,153,0,1) 72%, transparent 72%);
    --linear-gradient-to-right-separator: linear-gradient(90deg, rgba(0,51,204,1) 0%, rgba(3,190,195,1) 37%, transparent 37%, transparent 39%, rgba(3,190,195,1) 39%, rgba(1,153,0,1) 51%, transparent 51%, transparent 53%, rgba(1,153,0,1) 53%, rgba(1,153,0,1) 60%, transparent 60%, transparent 62%, rgba(1,153,0,1) 62%, rgba(1,153,0,1) 68%, transparent 68%, transparent 70%, rgba(1,153,0,1) 70%, rgba(1,153,0,1) 72%, transparent 72%);
    --linear-gradient-to-right-100: linear-gradient(90deg, rgba(0,51,204,1) 0%, rgba(3,190,195,1) 65%, transparent 65%, transparent 67%, rgba(3,190,195,1) 67%, rgba(1,153,0,1) 79%, transparent 79%, transparent 81%, rgba(1,153,0,1) 81%, rgba(1,153,0,1) 88%, transparent 88%, transparent 90%, rgba(1,153,0,1) 90%, rgba(1,153,0,1) 96%, transparent 96%, transparent 98%, rgba(1,153,0,1) 98%, rgba(1,153,0,1) 100%);

    --border-radius: 0 !important;
}
a {
    text-decoration: none !important;
}
h1 {
    font-size:30px
}
h2 {
    font-size:26px
}
h3 {
    font-size:22px
}
h4 {
    font-size:18px
}
h5 {
    font-size:16px
}
h6 {
    font-size:14px
}
h2{
    font-weight: 600 !important;
    color: var(--title-color) !important;
    text-transform: uppercase !important;
}
/*
* Logo
*/
.logo h1{
    margin: 0 !important;
    padding-bottom: 0 !important;
}
/*
* Button
*/
.et_button_no_icon .et_pb_button,
.et_button_no_icon .et_pb_button:hover{
    font-weight: 600;
    padding: 1.05em 2.5em !important;
}
/*
* Sections
*/
/*background: rgb(0,51,204);
background: linear-gradient(90deg, rgba(0,51,204,1) 19%, rgba(0,187,214,1) 43%, rgba(15,97,169,1) 57%, rgba(0,153,0,1) 81%);*/
.header-section{
    background-blend-mode: multiply;
    background-image: url(img/homepage-bg-1440x720.png),
        url('img/header-bg-light.png') !important;
    /*background-image: url(maquette/stock-photo-outsourcing-global-recruitment-hr-business-finance-concept-1868912746-1440x721.png),
        url('img/header-bg-light.png') !important;*/
    /*linear-gradient(90deg, rgb(255, 255, 255) 50%, rgb(255, 255, 255,0) 100%),
    linear-gradient(180deg,rgba(0,0,0,0.21) 92%,#f5f5f5 100%),
    linear-gradient(90deg, rgb(169, 253, 226) 0%, rgb(255, 255, 255) 100%) !important

    linear-gradient(90deg, rgb(255, 255, 255) 25%, rgba(255, 255, 255, 0) 90%), 
    linear-gradient(180deg,rgba(0,0,0,0.21) 92%,#f5f5f5 100%), 
    linear-gradient(90deg, rgb(169, 253, 226) 25%, rgb(255, 255, 255) 100%) !important

    linear-gradient(90deg, rgb(255, 255, 255) 25%, rgba(255, 255, 255, 0) 90%), 
    linear-gradient(90deg, rgb(169, 253, 226) 25%, rgba(255, 255, 255, 0) 100%) !important*/
}
.header-section.section_has_divider.et_pb_bottom_divider .et_pb_bottom_inside_divider {
    background-image: url('img/header-bg-mask.png') !important;
    transform: scale(1,1) !important;
    opacity: .5;
}
.ar-section{
    background-size: initial;
    background-blend-mode: multiply;
    background-image: url('img/ar-bg-mask.png') !important;
    background-position: bottom right -5px;
}
.optical-fiber-section{
    background-size: initial;
    /*background-image: radial-gradient(circle at center,#011a42 0%,rgba(255,255,255,0) 0%,#011a42 56%), 
        url(/wp-content/uploads/2022/12/optical-fiber-bg.png) !important;
    background-size: initial;

    background-image: radial-gradient(circle at center,transparent 30%,#011a42 56%), url(/wp-content/uploads/2022/12/optical-fiber-bg.png) !important;*/
    background-image: linear-gradient(90deg, #011a42 20%, transparent 40%, transparent 48%, #011a42 80%), url(/wp-content/uploads/2022/12/optical-fiber-bg.png) !important;
}
.footer-bottom-section .et_pb_background_mask{
    display: none;
}
@media (min-width: 1200px) {
    .footer-bottom-section .et_pb_background_mask{
        display: block;
        transform: scale(1,1) !important;
        background-size: calc(100% + 2px) calc(250% + 2px) !important;
        background-position: right 35% bottom 5% !important;
    }
}
/*
* Packages
*/
.fiber-optic-package .et_pb_toggle_content{
    background-color: var(--color-white);
    padding: 20px;
    margin-top: 20px;
}

.fiber-optic-package .et_pb_toggle_content:before{
    background: var(--linear-gradient-to-right-100);
    position: absolute;
    content: '';
    height: 10px;
    right: 0;
    left: 0;
    bottom: 0;
}
.rate div div.price div:first-child{
    /*width: 50%;*/
    font-size: 46px;
    margin: .5rem 0;
    text-align: end;
    font-weight: 600;
}
.rate div div.price div:last-child{
    text-align: start;
    font-size: inherit;
}
.rate div div.price div:last-child span:first-child{
    font-weight: 600;
}
/*
 * Solutions
 */
.solutions div.et_pb_blog_grid article.et_pb_post{
    max-width: 240px !important;
    min-width: 180px !important;
    margin: 0 auto !important;
    padding-bottom: 10px !important;
}
@media (max-width: 980px){
    .solutions div.et_pb_blog_grid article.et_pb_post {
        margin-bottom: 16.21% !important;
    }
}
@media (max-width: 767px){
    .et_pb_column .et_pb_blog_grid .column.size-1of1 .et_pb_post {
        margin-right: 0;
        margin-bottom: 9.5% !important;
        width: 100%;
    }
}
.solutions div.et_pb_blog_grid article.et_pb_post .post-content .post-content-inner{
    margin-bottom: 20px;
}
.solutions div.et_pb_blog_grid article.et_pb_post .post-content .post-content-inner p{
    margin:0;
    padding:0;
}
.solutions div.et_pb_blog_grid article.et_pb_post .post-content .post-content-inner p i{
    width: 81px;
    font-size: 81px;
    color: var(--color-blue);
}
.solutions div.et_pb_blog_grid article.et_pb_post .post-content .post-content-inner h3{
    margin-top: 20px;
    font-size: 16px;
    font-weight: 600 !important;
    color: var(--title-color) !important;
    text-transform: uppercase !important;
}
.solutions  a.more-link,
.solutions div.et_pb_blog_grid article.et_pb_post .post-content a.more-link{
    visibility: collapse;
    font-size: 0;
}
.solutions a.more-link::before,
.solutions div.et_pb_blog_grid article.et_pb_post .post-content a.more-link::before {
    /*font-family: FontAwesome !important;
    content: '\f054';
    visibility: visible;
    font-size: 16px;
    border: 1px solid var(--color-blue);
    border-radius: 50%;
    padding: 3px 6px;*/
}
.solutions a.more-link::before,
.solutions div.et_pb_blog_grid article.et_pb_post .post-content a.more-link::before {
    font-family: ETmodules !important;
    content: "\3d";
    font-size: 42px;
    visibility: visible;
}
.solutions div.pagination > .alignleft,
.solutions div.pagination > .alignright{
    transition: all .2s ease-in-out;
    opacity: 0;
}
.solutions div.pagination > .alignleft:before,
.solutions div.pagination > .alignleft a:before {
    /*font-family: FontAwesome !important;
    content: '\f053';
    font-size: 3em;
    left: -150px;*/
    font-family: ETmodules !important;
    content: "5";
    font-size: 5rem;
    /*left: -182px;*/
    /*right: -176px;*/
    right: -7.6rem;
    font-weight: 300;
    visibility: visible;
    position: absolute;
    color: var(--color-dark-grey);
    /*left: -.3em;*/
}
.solutions div.pagination > .alignleft:before{
    color: var(--color-grey);
}
.solutions div.pagination > .alignleft a {
    visibility: collapse;
}
.solutions div.pagination > .alignright{
    text-align: right;
}
.solutions div.pagination > .alignright:before,
.solutions div.pagination > .alignright a:before {
    /*font-family: FontAwesome !important;
    content: '\f054';
    font-size: 3em;
    right: -150px;*/
    font-family: ETmodules !important;
    content: "4";
    font-size: 5rem;
    /*right: -176px;*/
    /*left: -182px;*/
    left: -7.8rem;
    font-weight: 300;
    visibility: visible;
    position: absolute;
    color: var(--color-dark-grey);
    /*right: -.3em;*/
}
.solutions div.pagination > .alignright:before{
    color: var(--color-grey);
}
.solutions div.pagination > .alignright a {
    visibility: collapse;
}
.solutions div.pagination{
    display: block !important;
}
@media screen and (min-width: 980px) {
    .solutions div.pagination{
        position: absolute;
        width: 100%;
        top: 50%;
    }
}
.solutions:hover div.pagination > .alignleft,
.solutions:hover div.pagination > .alignright {
    left: -1.8rem !important;
    opacity: 1;
}
/*
* Separator
*/
.separator:before{
    /*background: linear-gradient(to right, #bcbcbc 5%,#ffcd02 25%, #ffcd02 50%, #fff 50%, #fff 55%, #65c1ac 55%, #65c1ac 60%, #fff 60%);*/
    background: var(--linear-gradient-to-right-100);
    position: absolute;
    content: '';
    height: 5px;
    right: 0;
    left: 0;
    bottom: 0;
}
.separator{
    margin: 1em auto !important;
    width: 25%;
    height: 5px;
}
/*
* Image border
*/
.img-border-left:before{
    background: var(--linear-gradient-to-bottom);
    position: absolute;
    content: '';
    height: 100%;
    width: 14px;
    right: 0;
    left: 0;
    top: 0;
}
.img-border-left{
    padding-left:45px;
    padding-top:0;
}
.img-border-bottom:before{
    /*background: linear-gradient(to right, #bcbcbc 5%,#ffcd02 25%, #ffcd02 50%, #fff 50%, #fff 55%, #65c1ac 55%, #65c1ac 60%, #fff 60%);
    background: linear-gradient(to right,#0033cc 19%,#00bbd6 43%,#0f61a9 57%,#009900 81%);
    background: linear-gradient(90deg, rgba(0,51,204,1) 0%, rgba(3,190,195,1) 37%, rgba(255,255,255,1) 38%, rgba(255,255,255,1) 39%, rgba(3,190,195,1) 40%, rgba(1,153,0,1) 51%, rgba(255,255,255,1) 51%, rgba(255,255,255,1) 52%, rgba(1,153,0,1) 53%, rgba(1,153,0,1) 60%, rgba(255,255,255,1) 61%, rgba(255,255,255,1) 62%, rgba(1,153,0,1) 63%, rgba(1,153,0,1) 68%, rgba(255,255,255,1) 69%, rgba(255,255,255,1) 70%, rgba(1,153,0,1) 71%, rgba(1,153,0,1) 73%, rgba(255,255,255,1) 74%);
    background: linear-gradient(90deg, rgba(0,51,204,1) 0%, rgba(3,190,195,1) 37%, rgba(255,255,255,1) 37%, rgba(255,255,255,1) 38%, rgba(3,190,195,1) 38%, rgba(1,153,0,1) 51%, rgba(255,255,255,1) 51%, rgba(255,255,255,1) 52%, rgba(1,153,0,1) 52%, rgba(1,153,0,1) 60%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 61%, rgba(1,153,0,1) 61%, rgba(1,153,0,1) 68%, rgba(255,255,255,1) 68%, rgba(255,255,255,1) 69%, rgba(1,153,0,1) 69%, rgba(1,153,0,1) 72%, rgba(255,255,255,1) 72%);*/
    background: var(--linear-gradient-to-right);
    position: absolute;
    content: '';
    height: 14px;
    width: 100%;
    right: 0;
    left: 0;
    bottom: 0;
}
.img-border-bottom{
    padding-left:0px;
    padding-bottom:45px;
}
/*
* News
*/
.news-2-columns > div{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
    gap: 50px;
}
.news-2-columns article{
    background-color: #ffffff !important;
    border: none !important;
    border-radius: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 1.5em;

}
.news-2-columns article:before{
    background: var(--linear-gradient-to-right-100);
    position: absolute;
    content: '';
    height: 10px;
    right: 0;
    left: 0;
    bottom: 0;
}
.news-2-columns article.et_pb_post .post-content a.more-link{
    margin-top: 1rem;
    text-align: end;
    visibility: collapse;
    font-size: 0;
}
.news-2-columns article.et_pb_post .post-content a.more-link::before {
    font-family: ETmodules !important;
    content: "\3d";
    font-size: 42px;
    visibility: visible;
    color: var(--color-dark-grey);
}
@media (max-width: 767px){
    .news-2-columns > div{
        grid-template-columns: repeat(auto-fill, minmax(90%, 1fr));
    }
    .news-2-columns article{
        margin-top: 1rem !important;
    }
}
/*
* Testimonials
*/
.testimonials div.et_pb_slides{
    width: 73%;
    background-color: #ffffff;
    box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.3);
    margin: 1em auto;
}
.testimonials.testimonials2 div.et_pb_slides{
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
}
.testimonials div.et-pb-slider-arrows .et-pb-arrow-prev,
.testimonials div.et-pb-slider-arrows .et-pb-arrow-next{
    top: 43% !important;
}
.testimonials div.et-pb-slider-arrows .et-pb-arrow-prev::before,
.testimonials div.et-pb-slider-arrows .et-pb-arrow-next::before{
    font-size: 5rem !important;
    font-weight: 300 !important;
}
.testimonials:hover .et-pb-arrow-prev {
    left: -1.8rem !important;
    opacity: 1;
}
.testimonials:hover .et-pb-arrow-next {
    right: -1.5rem !important;
    opacity: 1;
}
/*
* Page header
*/
.page-header-separator div.et_pb_title_container{
    min-height: 10px;
}
.page-header-separator div.et_pb_title_container:after{
    background: var(--linear-gradient-to-right-100);
    position: absolute;
    content: '';
    height: 10px;
    right: 0;
    left: 0;
    bottom: 0;
    max-width: 345px;
}
/*.page-header h1.entry-title:after{
    background: var(--linear-gradient-to-right-100);
    position: absolute;
    content: '';
    height: 10px;
    right: 0;
    left: 0;
    bottom: 0;
    max-width: 345px;
}*/
/*
* Breadcrumb
*/
.breadcrumb,
.breadcrumb a{
    font-weight: 300 !important;
    color: var(--color-white) !important;
}
.breadcrumb span{
    font-size: 20px;
}
.breadcrumb span span{
    font-size: 14px;
}
/*
* Footer and to top
*/
.footer-section a,
.menu-footer a{
    color: var(--color-white) !important;
}
.menu-footer{
    color: var(--color-white);
    font-weight: 300;
    line-height: 62px;
}
.menu-footer > div > div{
    line-height: 70px;
}
.menu-footer span{
    margin: 0 33px;
}
@media (min-width: 1200px) {
    .menu-footer span{
        margin: 0 20px;
    }
}
@media (min-width: 1400px) {

    .menu-footer span{
        margin: 0 33px;
    }
}
.to-top{
    width: 60px;
    line-height: 50px;
    border: 1px solid #848492;
    margin: 5px auto;
    background: var(--color-dark-blue);
    text-align: center;
}
@media (min-width: 1200px) {
    .to-top{
        width: 70px;
        line-height: 62px;
        border:0;
        margin:0;
    }
}
.to-top span::before {
    font-family: ETmodules !important;
    content: "\32";
    color: #fff;
    font-size: 30px;
}
/*
* Secondary Menu
*/
#et-secondary-menu{
    padding-right: 22px;
}
#et-secondary-nav{
    margin-bottom: 0 !important;
}
li.menu-icon-item > a > i{
    margin-right: .5em;
}
.et-cart-info{
    display: none;
}
/*
* Mega menu item icon
*/
#top-menu li.mega-menu ul.sub-menu {
    display: flex;
    padding: 0px 40px 0px 20px;
    border: 0px;
}
#top-menu li.mega-menu ul.sub-menu li.mega-menu-item {
    text-align: center;
    margin: 0 !important;
    width: 19% !important;
}
#top-menu li.mega-menu ul.sub-menu li.mega-menu-item a {
    width: 100% !important;
    padding: 0 !important;
}
#top-menu li.mega-menu ul.sub-menu li.mega-menu-item span{
    font-size: 12px;
    text-transform: uppercase;
}
#top-menu li.mega-menu > ul > li{
    width: 10%;
}
#top-menu li.mega-menu > ul > li:first-child{
    width: 40%;
    margin-top: 65px;
    line-height: 1.2em !important;
}
#top-menu li.mega-menu > ul > li:first-child h4{
    font-weight: 600;
    color: var(--color-blue);
}
#top-menu li.mega-menu > ul > li:first-child span{
    font-weight: 300;
    text-transform: none;
    font-size: 13px;
    line-height: 1em !important;
}
#top-menu li.mega-menu > ul > li:first-child a:first-child {
    padding-top: 0 !important;
    border-bottom: 0px solid rgba(0,0,0,0.03) !important;
    color: var(--color-dark);
}
#top-menu li.mega-menu > ul > li:first-child a:first-child:hover{
    color: var(--color-dark);
    background-color: transparent !important;
    opacity: 1 !important;
}
@media (max-width: 1400px) {
    #top-menu li.mega-menu ul.sub-menu {
        padding: 0px 20px 0px 20px !important;
    }
    #top-menu li.mega-menu > ul > li:first-child{
        display: none !important;
    }
}
#top-menu li.mega-menu > ul > li > a:first-child {
    padding-top: 0 !important;
    font-weight: 600;
    border-bottom: 0px solid rgba(0,0,0,0.03) !important;
    color: var(--color-dark);
}
#top-menu li.mega-menu > ul > li > a:first-child:hover{
    color: var(--color-blue);
    background-color: rgba(0,0,0,.03) !important;
    opacity: 1 !important;
}
#top-menu li.mega-menu > ul > li.mega-menu-item > a:first-child > div:first-child{
    width: 100%;
    height: 145px;
    background-size: 65px;
    background-repeat: no-repeat;
    background-position: bottom center;
}
#top-menu li.mega-menu > ul > li.mega-menu-item > a:first-child > div:last-child{
    padding-top: 3px;
    padding-bottom: 83px;

}
#top-menu li.mega-menu ul.sub-menu li.mega-menu-item a div.home-office{
    background-image: url(img/icon/home-office.png) !important;
}
#top-menu li.mega-menu ul.sub-menu li.mega-menu-item a:hover div.home-office{
    background-image: url(img/icon/home-office-light.png) !important;
}
#top-menu li.mega-menu ul.sub-menu li.mega-menu-item a div.telephone{
    background-image: url(img/icon/telephone.png) !important;
}
#top-menu li.mega-menu ul.sub-menu li.mega-menu-item a:hover div.telephone{
    background-image: url(img/icon/telephone-light.png) !important;
}
#top-menu li.mega-menu ul.sub-menu li.mega-menu-item a div.wifi-router{
    background-image: url(img/icon/wifi-router.png) !important;
}
#top-menu li.mega-menu ul.sub-menu li.mega-menu-item a:hover div.wifi-router{
    background-image: url(img/icon/wifi-router-light.png) !important;
}
#top-menu li.mega-menu ul.sub-menu li.mega-menu-item a div.wire{
    background-image: url(img/icon/wire.png) !important;
}
#top-menu li.mega-menu ul.sub-menu li.mega-menu-item a:hover div.wire{
    background-image: url(img/icon/wire-light.png) !important;
}
#top-menu li.mega-menu ul.sub-menu li.mega-menu-item a div.hub{
    background-image: url(img/icon/hub.png) !important;
}
#top-menu li.mega-menu ul.sub-menu li.mega-menu-item a:hover div.hub{
    background-image: url(img/icon/hub-light.png) !important;
}
#top-menu li.mega-menu ul.sub-menu li.mega-menu-item a div.server{
    background-image: url(img/icon/server.png) !important;
}
#top-menu li.mega-menu ul.sub-menu li.mega-menu-item a:hover div.server{
    background-image: url(img/icon/server-light.png) !important;
}
#mobile_menu{
    font-weight: 500;
}
#mobile_menu li.mega-menu > ul > li:first-child{
    display: none !important;
}
/*
* Modal
*/
.modal-backdrop {
    background-color: var(--color-blue) !important;
}
.modal-content{
    border-radius: 0;
}
h2.modal-title{
    font-weight: 300;
}
/*
* Form
*/
form.start-experience input,
form.start-experience textarea{
    border: 1px solid #bbb;
    background-color: #eee;
    width: 100%;
    border-width: 0;
    border-radius: 0;
    color: #999;
    font-size: 14px;
    padding: 16px;
}
form.start-experience label{
    font-weight: 300;
    margin: 0 .5rem;
}
form.start-experience button{
    font-size: 16px;
    border-width: 0px !important;
    border-radius: 0px;
    font-weight: 600;
    font-style: normal;
    text-transform: uppercase;
    text-decoration: none;
    padding: 1.05em 2.5em !important;
}
div#experience-confirm{
    margin: 1em 0;
}
div#experience-confirm span{
    animation-name: animation-experience-confirm;
    animation-duration: 2s;
    animation-iteration-count: 1;
    -moz-animation-name: animation-experience-confirm;
    -o-animation-name: animation-experience-confirm;
    -webkit-animation-name: animation-experience-confirm;
    -moz-animation-duration: 2s;
    -o-animation-duration: 2s;
    -webkit-animation-duration: 2s;
    -moz-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
}
@keyframes animation-experience-confirm {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes animation-experience-confirm {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes animation-experience-confirm {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-o-keyframes animation-experience-confirm {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-ms-keyframes animation-experience-confirm {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}