strong {
    font-weight: 700 !important
}

.posts_from_category h2 {
    font-size: 2rem;
    font-weight: 800
}

.text-gradiant-pink {
    color: #fe6652!important;
    display: inline-block;
}

#container_blog_insurrance ion-icon {
    --ionicon-stroke-width: 20px;
    font-size: 2rem;
    text-align: center
}

.nav-category_post {
    margin: 0rem !important;
    padding: 0 !important;
    text-align: center !important
}

#container_blog_title {
    width: 100%;
    max-width: 1920px;
    min-height: 7em;
    margin: 0 auto;
    padding: 2rem 8rem 2rem 8rem;
    text-align: center;
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    background: url('/img/blog-reparation-telephone-mobile-portable-smartphone.png') -20% -110px no-repeat
}

#container_blog_title h1, #container_blog_title h2, #container_blog_title h3 {
    background: linear-gradient(-45deg, var( --color-blue-h2), #c644fd);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 800;
    margin-bottom: 0 !important;
    text-align: center;
    font-size: 4.5rem;
    line-height: 4.3rem
}

#container_blog_title h2 {
    font-size: 3.5rem
}

#container_blog_title h3 {
    font-size: 1.5rem;
    font-weight: 200
}

#container_blog_title a {
    text-decoration: none
}

#container_blog_title button, #container_blog_content button {
    font-size: 1.3rem;
    font-weight: 400;
    border-radius: 290394px;
    text-align: center;
    padding: .6rem;
    margin: .3rem 0 0 0;
    color: #fff;
    font-family: 'Fredoka One', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    text-transform: none;
    background-image: linear-gradient(#ff4b99, #ff006e)
}

#container_blog_step {
    width: 100%;
    max-width: 1920px;
    height: auto;
    margin: 2rem auto 0 auto;
    text-align: center
}

#container_blog_step img {
    height: 60px;
    width: auto;
    margin: 15px 0 15px 0
}

#container_blog_step h2, #container_blog_insurrance h2 {
    font-family: 'Fredoka One', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1.2em;
    font-weight: 200;
    margin-bottom: 0
}

#container_blog_step h3 {
    font-size: 1rem;
    font-weight: 400;
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif
}

#container_post_blog {
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    padding: 2rem;
    background-color: var(--background-color);
}

#blog_body {
    background-color: var(--background-color);
    width: 100%
}

.post_box_content_desc {
    font-size: .9rem;
    padding: 0 15px 15px 15px;
    line-height: 1.5;
    color: var(--text-color-deep-blue);
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif
}

.post_box_content_date {
    font-size: 14px;
    padding: 10px 5px 0 15px;
    opacity: .8;
    color: var(--text-color-light-gray);
}

.blog_box {
    text-align: center;
    padding: 15px
}

.post_top_box {
    text-align: center;
    padding: 0 15px 0 15px
}

.post_box_content {
    background: var(--background-white);
    width: 350px;
    max-height: 470px;
    height: auto;
    min-height: 100%;
    border-radius: 10px;
    margin: 10px;
    text-align: left !important;
    font-size: 14px;
    -webkit-box-shadow: .25rem .25rem 1.25rem rgba(var(--color-secondary-purple--rgb, --color-secondary-purple), 0.1);
    box-shadow: .25rem .25rem 1.25rem rgba(var(--color-secondary-purple--rgb, --color-secondary-purple), 0.1)
}

.post_box_content h3 {
    color: #ff5e62;
    font-size: 1.3rem;
    margin: 5px 0 5px 0;
    padding: 15px 15px 5px 15px;
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-weight: 700
}

.post_top {
    height: 10rem;
    width: 350px;
    border-radius: 12px;
    background-size: cover;
    background-position: 50%;
    margin: 10px;
    box-shadow: .25rem .25rem 1.25rem rgba(var(--color-secondary-purple--rgb), 0.1)
}

.featured-video {
    height: 100%;
    width: 45rem;
    border-radius: 12px;
    background-size: cover;
    background-position: 50%;
    box-shadow: .25rem .25rem 1.25rem rgba(var(--color-secondary-purple--rgb), 0.1);
    margin: 0 auto 0 4.6rem
}

.featured-video-player {
    background: #fe617e !important;
    align-items: center;
    background: linear-gradient(45deg, #f8549e, #fe6652);
    border-radius: 290394px;
    color: #fff;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    position: absolute;
    font-size: 2rem;
    height: 6rem;
    right: -3.5rem;
    bottom: -1rem;
    transform: translate(0, 0);
    width: 6rem
}

.featured-inner {
    bottom: -2.5rem;
    position: absolute;
    display: flex;
    background: var(--background-white);
    border-radius: 20px;
    padding: 1rem .1rem;
    text-align: center;
    box-shadow: 2px 5px 20px -5px rgba(var(--box-shadow-1), 0.34) !important;
    right: 9rem;
    max-width: 33rem
}

.featured-inner h3 {
    font-size: 1.125rem !important;
    padding: 1rem 2rem;
    line-height: 1.25rem !important;
    font-weight: 700;
    color: var(--color-primary);
    margin-bottom: 0rem !important;
    text-align: left !important
}

.post_box_overlay h3 {
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 800
}

.post_box_overlay hr {
    background: #fff;
    border: 0;
    height: .5rem;
    width: 4rem;
    border-radius: 290394px;
    margin: 1.2rem auto 1.2rem auto
}

.post_box_overlay {
    background: linear-gradient(45deg, rgba(var(--color-link--rgb), 1) 0, rgba(var(--color--purple--rgb), 0.2) 80%);
    height: 100%;
    width: 100%;
    border-radius: 12px;
    -webkit-box-shadow: .25rem .25rem 1.25rem rgba(var(--color-secondary-purple--rgb, --color-secondary-purple), 0.1);
    box-shadow: .25rem .25rem 1.25rem rgba(var(--color-secondary-purple--rgb, --color-secondary-purple), 0.1)
}

.featured-video-overlay {
    background: linear-gradient(-3deg, rgba(var(--color-link--rgb), 1) 30%, rgba(var(--color--purple--rgb), 0.2) 70%);
    height: 100%;
    width: 100%;
    border-radius: 12px;
    -webkit-box-shadow: .25rem .25rem 1.25rem rgba(var(--color-secondary-purple--rgb, --color-secondary-purple), 0.1);
    box-shadow: .25rem .25rem 1.25rem rgba(var(--color-secondary-purple--rgb, --color-secondary-purple), 0.1)
}

.post_box_title {
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 1rem
}

.blog_ads_store, .blog_ads_store_1 {
    border-radius: 20px;
    background-color: #ff5e62;
    color: #fff !important;
    padding: 1.8rem;
    min-width: 100%;
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif
}

.blog_ads_store h3, .blog_ads_store_1 h3 {
    font-size: 1.5rem;
    margin: 0rem;
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-weight: 600
}

.blog_ads_store p, .blog_ads_store_1 p {
    font-size: 1rem;
    margin: 0rem;
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    color: #fff;
    opacity: .9
}

.blog_ads_store_1 {

}

.blog_ads_template {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .05), 0 4px 15px 0 rgba(0, 0, 0, .05);
    border-radius: 20px;
    min-width: 100%;
    padding: .35rem;
    margin: 1.5rem 0rem;
    background: url(/img/blog/asset-blog-ads.png) no-repeat top -30px right -00px;
    background-size: 110px auto
}

.blog_ads_rpc_1 {
    padding: 0 1.5rem;
    text-align: center
}

.blog_ads_template h3 {
    font-size: 1.5rem;
    margin: 1rem 0rem 0rem 0rem !important;
    color: #121212 !important;
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-weight: 600;
    text-transform: none !important
}

.featured_post_title h3 {
    margin: 4rem 1rem 1rem 1rem;
    font-family: 'Fredoka One', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    color: #0d0256
}

.featured_post_box_content {
    margin: 1rem 0rem !important
}

.featured_post_box_content h3 {
    margin: 0 0rem 0 2rem !important
}

.blog_ariane a:link, .blog_ariane a:visited {
    font-size: .875rem;
    text-align: left;
    color: var(--color-ariane);
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-weight: 600
}

#container_page_post {
    position: relative;
    height: 250px;
    width: 100%;
    background-size: cover;
    background-position: 50%;
    -webkit-box-shadow: 0 9px 28px 0 rgba(194, 194, 194, 1);
    -moz-box-shadow: 0 9px 28px 0 rgba(194, 194, 194, 1);
    box-shadow: 0 9px 28px 0 rgba(194, 194, 194, 1)
}

#container_page_post h2 {
    font-size: 18px;
    text-align: center
}

#container_page_post i {
    padding-right: 5px
}

.blog_ariane a:hover {
    opacity: .8
}

.blog_ariane ol {
    list-style-type: none;
    margin: 0 2.5em 0 0
}

.blog_ariane li {
    list-style-type: none;
    white-space: nowrap;
    display: inline;
    color: var(--color-ariane);
}

.blog_post_date {
    font-weight: 600;
    color: var(--color-ariane);
    padding: 0 3rem 0 3rem;
    font-size: 1.125rem
}

.blog_post_desc {
    background: linear-gradient(45deg, var( --color-blue-h2) 0, var( --color-blue-h2) 60%, #c644fd 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
    line-height: 1.625rem;
    margin-bottom: 1rem;
    padding-left: 12px;
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1.125rem
}

.blog_post_img img {
    width: 100%;
    height: 100%
}

.blog_post_social a:link, .blog_post_social a:hover {
    text-decoration: none !important
}


.blog_post_title hr {
  height: 0;
}

.featured_post_box_content img {
    width: 152px;
    height: 101px;
    border-radius: 20px
}

.featured_post_box_content p {
    text-align: right !important;
    font-size: 12px
}

.featured_post_box_content hr {
    margin: .5rem 2rem !important
}

:root {
    --color-secondary-purple: #927dfa;
    --color-secondary-purple--rgb: 146, 125, 250;
    --color-link--rgb: 66.3, 94.605, 255;
    --color--purple--rgb: 197.6352, 68.187, 253.113
}

.blog-modal-body {
    padding: 1.5rem !important;
    color: #616161 !important;
    background: #fff !important;
    -webkit-box-shadow: 2px 5px 20px -5px rgba(173, 173, 173, 0.79);
    -moz-box-shadow: 2px 5px 20px -5px rgba(173, 173, 173, 0.79);
    box-shadow: 2px 5px 20px -5px rgba(173, 173, 173, 0.79);
    font-size: 1.0rem;
    line-height: 1.6rem;
    text-align: left
}

.blog-modal-body p {
    font-size: 1.0rem !important;
    line-height: 1.6rem !important;
    color: inherit !important;
    padding: 0 !important;
    text-align: center !important
}

#container_page_blog_search_form {
    width: 100%;
    max-width: 1920px;
    height: auto;
    margin: 0 auto;
    padding: 15px;
    text-align: center
}

#container_page_blog_search_form button {
    box-shadow: none !important;
    width: 20rem
}

#container_page_blog_search_form h2, #container_page_blog_search_form h3 {
    font-weight: 400;
    margin-bottom: 0 !important;
    text-align: center;
    font-size: 3rem;
    line-height: 3rem;
    font-family: 'Fredoka One', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    color: #fff
}

#container_page_blog_search_form h3 {
    font-size: 2rem !important
}

#container_blog_insurrance {
    width: 100%;
    padding: 2rem 2rem 0rem 2rem;
    max-width: 1920px;
    margin: 0 auto
}

#container_blog_insurrance span {
    font-size: 3rem !important;
    color: #ff006e
}

#container_blog_insurrance h1 {
    font-size: 2.5rem;
    text-align: left;
    font-weight: 800;
    margin-bottom: 0rem;
    color: var( --color-default-black);
}

#container_blog_insurrance h2 {
    font-size: 1.8rem;
    text-align: left;
    color: #0d0256
}

#container_blog_insurrance h3 {
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1.1rem !important;
    text-align: left;
    padding: .5rem 0 0 0;
    color: #313131 !important
}

#container_blog_insurrance p {
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: .875rem !important;
    text-align: left;
    padding: .5rem 0 0 0;
    font-weight: 400;
    color: var(--color-default-black)
}

#container_blog_content {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    margin-bottom: 1.5rem
}

#container_blog_content span {
    font-weight: 200
}

#container_blog_content svg {
    text-align: center
}

#container_blog_content button {
    background: linear-gradient(-45deg, var( --color-blue-h2), #c644fd)
}

#caution-desoxydation img {
    width: auto;
    height: 8rem
}

#caution-desoxydation {
    padding: 1rem !important
}

#caution-desoxydation h2 {
    font-size: 1.3rem;
    text-align: left
}

#caution-desoxydation h3 {
    font-size: .95rem;
    text-align: left;
    font-weight: normal !important;
    line-height: 1.2rem
}

#caution-desoxydation h4 {
    line-height: 1.2rem
}

.checkbox-novalidate {
    outline: 2px solid #e81111ab;
    border: none !important;
    -webkit-animation: shake-horizontal .8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
    animation: shake-horizontal .8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both
}

.blog_result_p {
    font-size: 1rem;
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    background-image: linear-gradient(135deg, #667eea 0, #764ba2 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 600
}

.select2-search--dropdown .select2-search__field {
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    color: black;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: #667eea !important;
    font-weight: 600;
    text-align: center;
    font-size: 1.5rem;
    display: inline-block
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #e1e1e1 !important;
    -webkit-text-fill-color: unset !important;
    color: #fff !important
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
!important;
    border: 0;
!important;
    border-radius: 20px;
!important
}

#blogConfirmOrder, #blogAlertOrder, #blogOverOrder {
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif
}

#blogAlertOrder button {
    margin: .3rem !important
}

#blogAlertOrder span {
    font-size: inherit !important;
    color: inherit !important;
    padding: 0rem !important;
    font-weight: 500 !important
}

#blogConfirmOrder button, #blogAlertOrder button, #blogOverOrder button {
    width: 100%;
    box-shadow: 1px 1px 10px #c8c8c8;
    border-radius: 10px;
    text-align: center;
    font-size: 14px;
    padding: 15px;
    margin: .3rem 1rem .3rem 1rem
}

.blog-modal-content {
    background: none !important;
    box-shadow: none !important
}

.blog-modal-header {
    border-radius: 20px 20px 0 0 !important
}

.blog-modal-header-bg-info {
    background-image: linear-gradient(135deg, #667eea 0, #764ba2 100%)
}

.blog-modal-header-bg-alert {
    background-image: linear-gradient(-20deg, #fc6076 0, #ff9a44 100%)
}

.blog-modal-header h3 {
    font-size: 1.3rem;
    line-height: 1.6rem;
    color: #fff;
    margin: 0 !important;
    padding: .5rem !important;
    font-weight: 500;
    font-family: Lato, Helvetica, Arial, sans-serif
}

.blog-modal-footer {
    border-radius: 0 0 20px 20px !important;
    background-color: #fff;
    border: none !important
}

#container_content_blog {
    font-family: Lato, Helvetica, Arial, sans-serif;
    width: 100%;
    max-width: 1920px;
    height: auto;
    margin: 0 auto;
    padding: 1.2rem 2rem 1rem 2rem;
    text-align: center
}

.blog_help_box_fix_col_xs {
    padding: 0 8px 0 8px
}

.blog_voucher_box_header {
    width: 100%;
    -webkit-box-shadow: 2px 5px 20px -5px rgba(173, 173, 173, 0.79);
    -moz-box-shadow: 2px 5px 20px -5px rgba(173, 173, 173, 0.79);
    box-shadow: 2px 5px 20px -5px rgba(173, 173, 173, 0.79);
    border-radius: 20px 20px 0 0;
    padding: 1.5rem;
    font-size: 1.05rem;
    color: #fff;
    line-height: 1em;
    text-align: left;
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    opacity: .9
}

.blog_voucher_box_header h3 {
    font-weight: 600;
    color: #fff;
    font-size: 1.2rem !important;
    margin: 0
}

.blog_voucher_box_header i {
    font-size: 1.5rem;
    color: #fff !important
}

.blog_voucher_box_content {
    width: 100%;
    background-color: #fff;
    -webkit-box-shadow: 2px 5px 20px -5px rgba(173, 173, 173, 0.79);
    -moz-box-shadow: 2px 5px 20px -5px rgba(173, 173, 173, 0.79);
    box-shadow: 2px 5px 20px -5px rgba(173, 173, 173, 0.79);
    border-radius: 0 0 20px 20px;
    padding: 1.8rem;
    font-size: 1rem;
    line-height: 1.7em;
    text-align: left;
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif
}

.blog_voucher_animate {
    -webkit-animation: bounce-top .9s both;
    animation: bounce-top .9s both
}

@-webkit-keyframes bounce-top {
    0% {
        -webkit-transform: translateY(-45px);
        transform: translateY(-45px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 1
    }
    24% {
        opacity: 1
    }
    40% {
        -webkit-transform: translateY(-24px);
        transform: translateY(-24px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    65% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    82% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    93% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    25%, 55%, 75%, 87% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        opacity: 1
    }
}

@keyframes bounce-top {
    0% {
        -webkit-transform: translateY(-45px);
        transform: translateY(-45px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 1
    }
    24% {
        opacity: 1
    }
    40% {
        -webkit-transform: translateY(-24px);
        transform: translateY(-24px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    65% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    82% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    93% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    25%, 55%, 75%, 87% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        opacity: 1
    }
}

.blog_help_box_header {
    width: 255px;
    -webkit-box-shadow: 2px 5px 20px -5px rgba(173, 173, 173, 0.79);
    -moz-box-shadow: 2px 5px 20px -5px rgba(173, 173, 173, 0.79);
    box-shadow: 2px 5px 20px -5px rgba(173, 173, 173, 0.79);
    border-radius: 20px 20px 0 0;
    padding: 1.5rem;
    font-size: 1.05rem;
    color: #fff;
    line-height: 1em;
    text-align: left;
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    opacity: .9
}

.blog_help_box_header h3 {
    font-weight: 600;
    color: #fff;
    font-size: 1.2rem !important
}

.blog_help_box_header i {
    font-size: 1.5rem
}

.blog_help_box_content {
    width: 255px;
    min-height: 220px;
    -webkit-box-shadow: 2px 5px 15px -5px rgba(173, 173, 173, 0.79);
    -moz-box-shadow: 2px 5px 15px -5px rgba(173, 173, 173, 0.79);
    box-shadow: 2px 5px 15px -5px rgba(173, 173, 173, 0.79);
    border-radius: 0 0 20px 20px;
    padding: 1.8rem;
    font-size: 1rem;
    line-height: 1.7em;
    text-align: left;
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif
}

.blog-ticket-step-title {
    width: 30rem;
    font-weight: 500;
    -webkit-box-shadow: 2px 5px 20px -5px rgba(173, 173, 173, 0.79);
    -moz-box-shadow: 2px 5px 20px -5px rgba(173, 173, 173, 0.79);
    box-shadow: 2px 5px 20px -5px rgba(173, 173, 173, 0.79);
    border-radius: 290394px;
    padding: 10px 20px 10px 20px;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: #fff !important
}

.blog_cart_box {
    -webkit-box-shadow: 2px 5px 20px -5px rgba(173, 173, 173, 0.79);
    -moz-box-shadow: 2px 5px 20px -5px rgba(173, 173, 173, 0.79);
    box-shadow: 2px 5px 20px -5px rgba(173, 173, 173, 0.79);
    border-radius: 20px;
    padding: 3rem 0 1.8rem 0;
    background-color: #fff;
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif
}

.blog_cart_box p {
    color: inherit !important;
    font-size: inherit !important;
    font-family: inherit !important
}

.blog_cart_box hr {
    width: 150px;
    margin: 1rem auto 1rem auto
}

.blog_cart_box h4 {
    font-size: .9rem;
    text-align: left;
    font-weight: 400 !important
}

.blog_cart_content h3 {
    font-size: 1rem;
    line-height: 1.4rem;
    font-weight: 500
}

.blog_cart_content h2 {
    background-image: linear-gradient(135deg, #667eea 0, #764ba2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 1rem;
    line-height: 1.4rem
}

.blog_cart_content span {
    padding: 0 !important;
    font-size: 1rem
}

.blog_cart_content button {
    margin: .3rem 0 0 1.8rem !important
}

.blog_cart_content_button_payment {
    background-color: #ff006e !important
}

.blog_store_address {
    border-radius: 15px;
    padding: 1.4rem;
    background-color: #000000b0;
    color: #fff
}

.blog_body_end {
    max-width: 1920px;
    margin: 0 auto
}

.blog_seo_content {
    text-align: left !important;
    line-height: 1.8em !important;
    font-size: 1.05rem !important;
    padding: 0 2.5rem
}

.blog_seo_content table {
    display: flex;
    flex-direction: column;
    max-width: 100%;
    overflow: hidden;
    overflow-x: hidden;
    overflow-x: auto;
    padding: 0;
    position: relative;
    margin: 1rem auto;
    width: 100%;
    border-spacing: 0;
    box-sizing: inherit;
    text-align: left;
    border: none !important;
    height: 100% !important
}

table, tr, td {
    border: 0
}

.blog_seo_content th {
    font-weight: 700 !important;
    color: var(--color-lien-blue) !important
}

.blog_seo_content tr {
    border-radius: 99px;
    line-height: 1.6;
    display: table;
    width: 100%;
    padding-left: .75rem
}

.blog_seo_content tr:nth-child(even) {
    background-color: var(--color-bg-grey-blue);
    border-radius: 2rem;
    display: table;
    width: 100%
}

.blog_seo_content td, .blog_seo_content th {
    font-weight: 400;
    padding: 1rem;
    background: 0;
    vertical-align: top;
    box-sizing: inherit;
    color: var(--color-black-title);
    font-size: 1em;
    line-height: 1.6;
    width: 33.33333%
}

.blog_seo_content_type_1 {
    background: linear-gradient(-45deg, var( --color-blue-h2), #c644fd);
    color: #fff !important;
    font-size: 1.05rem
}

.has-background-gradiant-pink {
    background: linear-gradient(45deg, #fb6075 0, #f8549e 100%, #f8549e 100%);
    width: 100%
}

.blog_seo_content_type_1 h3 {
    background: none !important;
    color: #fff !important;
    -webkit-text-fill-color: unset !important
}

.blog_seo_content_type_1 a:link, .blog_seo_content_type_1 a:visited {
    color: #fff !important;
    font-weight: 900 !important;
    opacity: .95;
    text-decoration: none;
    background-image: linear-gradient(#fff, #fff);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 0 3px;
    transition: background-size cubic-bezier(0, .5, 0, 1) .3s
}

.blog_seo_content_type_1 a:hover {
    opacity: 1;
    font-weight: 900;
    text-decoration: none;
    background-size: 100% 3px
}

.blog_seo_content_type_1 hr {
    background: #fff !important
}

.blog_seo_content span {
    font-size: 1.05rem !important
}

.blog_seo_content h4 {
    margin: 1.5rem 0rem .5rem 0rem;
    font-size: 1.15em;
    color: #fe6652
}

.blog_seo_content h3 {
    color: #f8de54;
    font-size: 1.375rem !important;
    line-height: 1.125em;
    margin: 1.5rem 0rem 1.5rem 0rem;
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-weight: 700;
    text-transform: uppercase
}

.blog_seo_content h2 {
    color:  #ff5e62;
    font-size: 1.8rem;
    line-height: 1.125em;
    margin: 1.5rem 0rem 1.5rem 0rem;
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center
}

.blog_seo_content img {
    border-radius: 20px;
    max-width: 100%;
    height: auto
}

.blog_seo_content p, .blog_seo_content li {
    color: var(--color-p);
    font-size: 1.125rem;
    line-height: 1.65em;
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif
}

.blog_seo_content hr, #container_blog_insurrance hr {
        height: 0;
}

.blog_seo_box, .blog_cart_content {
    -webkit-box-shadow: 2px 5px 20px -5px rgba(173, 173, 173, 0.79);
    -moz-box-shadow: 2px 5px 20px -5px rgba(173, 173, 173, 0.79);
    box-shadow: 2px 5px 20px -5px rgba(173, 173, 173, 0.79);
    border-radius: 20px;
    padding: 1.8rem;
    background-color: #fff;
    font-size: 1.05rem;
    line-height: 1.65em;
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif
}

.blog_seo_box a:link, .blog_seo_content a:link, .blog_seo_content span, .blog_cart_box a:link, #container_blog_insurrance a:link {
    color: #ff006e !important;
    font-weight: 600;
    text-decoration: none;
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 0 3px;
    transition: background-size cubic-bezier(0, .5, 0, 1) .3s
}


#nav-menu-blog a:link, #nav-menu-blog a:visited {
    color: var(--color-default-black) !important;
    max-width: 100%;
}

#nav-menu-blog a:hover {
    background-position: 0 !important;
    background-size: 0 !important
}

.blog_seo_box a:hover, .blog_seo_content a:hover, .blog_cart_box a:hover, #container_blog_insurrance a:hover {
    text-decoration: none;
    background-position: 0 100%;
    background-size: 100% 3px
}

.blog_seo_content a:link, .blog_seo_content a:visited {
    color: var( --color-blue-h2) !important;
    font-weight: 500 !important;
    background-size: 0 2px !important
}

.blog_seo_content a:hover {
    background-size: 100% 2px !important
}

.blog_seo_content ul {
    list-style: none
}

.blog_seo_content ul li::before {
    color: var( --color-blue-h2) !important;
    content: "\f111";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    width: 1em;
    margin-right: 1rem
}

.blog_seo_box a:visited, .blog_seo_content a:visited, .blog_cart_box a:visited, #container_blog_insurrance a:visited {
    color: #ff006e;
    font-weight: 600;
    text-decoration: none;
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 0 3px;
    transition: background-size cubic-bezier(0, .5, 0, 1) .3s
}

.blog_seo_box h1, .blog_seo_content h1, .blog_cart_content h1 {
    background-image: linear-gradient(135deg, #667eea 0, #764ba2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
    font-size: 1.5rem !important
}

.blog_seo_box h3 {
    background-image: linear-gradient(135deg, #667eea 0, #764ba2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
    font-size: 1.3rem !important
}

.blog_seo_box button, .blog_cart_content button {
    width: 100%;
    box-shadow: 1px 1px 10px #c8c8c8;
    border-radius: 10px;
    text-align: center;
    font-size: 14px;
    padding: 15px;
    margin: .3rem 0 0 0
}

.blog_seo_box input, .blog_seo_box select {
    width: 100%;
    box-shadow: 1px 1px 5px #c8c8c8;
    border-radius: 10px;
    text-align: center;
    font-size: 14px;
    padding: 15px;
    height: 50px;
    margin: .3rem 0 0 0;
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif
}

.blog_seo_box button:hover, .blog_cart_content button:hover, #blogConfirmOrder button:hover {
    opacity: .8
}

.blog_input_imei {
    letter-spacing: .3rem;
    font-weight: 500;
    font-size: 1.0rem !important
}

#customer-infos input {
    text-align: left !important;
    box-shadow: 1px 1px 5px #c8c8c88a !important;
    font-size: 14px;
    padding: 10px !important;
    height: 40px !important;
    margin: .3rem 0 .5rem 0 !important;
    font-weight: 500;
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif
}

.input-novalidate {
    border: 2px solid #e81111ab;
    -webkit-animation: shake-horizontal .8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
    animation: shake-horizontal .8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both
}

.cart-button {
    -webkit-animation: heartbeat 1.5s ease-in-out infinite both;
    animation: heartbeat 1.5s ease-in-out infinite both
}

.btn-cart { /*!*background-image: linear-gradient(135deg, #667eea 0%, #764ba2 100%);*!*/
}

@-webkit-keyframes shake-horizontal {
    0%, 100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    10%, 30%, 50%, 70% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    20%, 40%, 60% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
    80% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px)
    }
    90% {
        -webkit-transform: translateX(-8px);
        transform: translateX(-8px)
    }
}

@keyframes shake-horizontal {
    0%, 100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    10%, 30%, 50%, 70% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    20%, 40%, 60% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
    80% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px)
    }
    90% {
        -webkit-transform: translateX(-8px);
        transform: translateX(-8px)
    }
}

@-webkit-keyframes heartbeat {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    10% {
        -webkit-transform: scale(0.91);
        transform: scale(0.91);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    17% {
        -webkit-transform: scale(0.98);
        transform: scale(0.98);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    33% {
        -webkit-transform: scale(0.87);
        transform: scale(0.87);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    45% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@keyframes heartbeat {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    10% {
        -webkit-transform: scale(0.91);
        transform: scale(0.91);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    17% {
        -webkit-transform: scale(0.98);
        transform: scale(0.98);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    33% {
        -webkit-transform: scale(0.87);
        transform: scale(0.87);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    45% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

.input-auth-code {
    width: 50px !important;
    display: inline-block;
    margin: .3rem 0 0 .4rem !important;
    font-weight: 500;
    font-size: 1.5rem !important
}

#container_content_blog span {
    font-size: 20px;
    font-weight: 400;
    color: #9b9b9b;
    padding: 0 10px 0 10px;
    text-align: center !important
}

.blog-box_rate {
    background-color: #fff;
    -webkit-box-shadow: 2px 5px 20px -5px rgba(173, 173, 173, 0.79);
    -moz-box-shadow: 2px 5px 20px -5px rgba(173, 173, 173, 0.79);
    box-shadow: 2px 5px 20px -5px rgba(173, 173, 173, 0.79);
    border-radius: 290394px;
    margin-bottom: 5px;
    margin-top: 15px;
    text-align: center;
    padding: 10px 20px 10px 20px
}

.blog-box_rate img {
    height: auto;
    width: 1.3em;
    padding-bottom: 5px
}

.blog-box_rate i {
    color: #fccf31;
    font-size: 1.15em
}

.blog-box_title {
    -webkit-box-shadow: 2px 5px 20px -5px rgba(173, 173, 173, 0.79);
    -moz-box-shadow: 2px 5px 20px -5px rgba(173, 173, 173, 0.79);
    box-shadow: 2px 5px 20px -5px rgba(173, 173, 173, 0.79);
    border-radius: 290394px 0 0 290394px;
    margin-bottom: 5px
}

.blog-box_title h3 {
    box-shadow: none !important;
    font-size: 14px !important;
    text-align: left !important;
    font-weight: bold
}

.blog-box_title_left, .blog-box_cart_left {
    background-image: linear-gradient(135deg, #667eea 0, #764ba2 100%);
    -webkit-box-shadow: 2px 5px 20px -5px rgba(173, 173, 173, 0.79);
    -moz-box-shadow: 2px 5px 20px -5px rgba(173, 173, 173, 0.79);
    box-shadow: 2px 5px 20px -5px rgba(173, 173, 173, 0.79);
    border-radius: 290394px 0 0 290394px;
    margin-bottom: 5px
}

.blog-box_title_left h1 {
    font-size: 1.2rem;
    font-weight: 600 !important;
    margin-bottom: 0 !important;
    color: #fff;
    padding: 10px
}

.blog-box_cart_left h1 {
    font-size: 1.0rem;
    font-weight: 600 !important;
    margin-bottom: 0 !important;
    color: #fff;
    padding: 10px
}

.blog-box_title_right, .blog-box_cart_right {
    background-color: #fff;
    -webkit-box-shadow: 2px 5px 20px -5px rgba(173, 173, 173, 0.79);
    -moz-box-shadow: 2px 5px 20px -5px rgba(173, 173, 173, 0.79);
    box-shadow: 2px 5px 20px -5px rgba(173, 173, 173, 0.79);
    border-radius: 0 290394px 290394px 0;
    margin-bottom: 5px
}

.blog-box_title_right h1 {
    font-size: 1.2rem;
    font-weight: 600 !important;
    margin-bottom: 0 !important;
    background-image: linear-gradient(135deg, #667eea 0, #764ba2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding: 10px
}

.main-stop {
    stop-color: #667eea
}

.alt-stop {
    stop-color: #764ba2
}

.svg-purple {
    stop-color: #764ba2
}

.blog-box_cart_right h1 {
    font-size: 1.0rem;
    font-weight: 600 !important;
    margin-bottom: 0 !important;
    background-image: linear-gradient(135deg, #667eea 0, #764ba2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding: 10px
}

.blog_clear-col-md {
    padding: 5px !important
}

.blog_clear-col-md_cart {
    padding: 0 !important
}

.blog_clear-col-md_cart_box {
    padding: 5px 15px 5px 15px !important
}

#blog_cart_box {
    width: 100%;
    margin-top: 40px;
    box-shadow: 1px 1px 10px #c8c8c8;
    border-radius: 10px;
    text-align: left !important;
    font-size: 14px;
    padding: 20px;
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important
}

#blog_cart_box hr {
    width: 100%;
    height: .08em;
    margin: 0;
    border: 0
}

#blog_cart_box span {
    font-size: 14px;
    padding: 0 !important
}

#blog_cart_box h1 {
    text-align: center;
    padding: 5px
}

#blog_cart_box h2 {
    text-align: center;
    font-size: 40px;
    margin-bottom: .0em;
    font-weight: 700
}

#blog_cart_box button {
    width: 100%;
    box-shadow: 1px 1px 10px #c8c8c8;
    border-radius: 10px;
    text-align: center;
    font-size: 14px;
    padding: 12px;
    margin-top: 20px
}

#blog_cart_box button:hover {
    opacity: .8
}

#blog_cart_box h3, #ticket_prestation h3 {
    width: 100%;
    box-shadow: 1px 1px 10px #c8c8c8;
    border-radius: 0 290394px 290394px 0;
    text-align: center;
    font-size: 14px;
    padding: 10px;
    color: #fff;
    font-weight: bold
}

#ticket_prestation h3 {
    background-image: linear-gradient(120deg, #fdfbfb 0, #ebedee 100%);
    text-align: left;
    color: #4a4a4a;
    font-weight: 500
}

#blog_cart_box img {
    width: 60px;
    height: auto
}

#blog_box_content, #blog_box_content_step {
    width: 255px;
    max-height: 143px;
    height: 143px;
    min-height: 100%;
    box-shadow: 1px 1px 10px #c8c8c8;
    border-radius: 10px;
    margin-top: 10px;
    text-align: left !important;
    font-size: 14px;
    padding: 15px;
    cursor: pointer
}

#blog_box_content_step {
    max-height: 160px;
    height: 160px
}

#blog_box_content span, #blog_box_content_step span {
    font-size: 20px;
    text-decoration: line-through;
    float: right;
    color: #fff
}

#blog_box_content h3, #blog_box_content_step h3 {
    font-size: 20px;
    color: #fff !important;
    padding: 5px;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    text-shadow: -1px -1px 1px rgba(255, 255, 255, .1), 1px 1px 1px rgba(0, 0, 0, .2)
}

#blog_box_content h1, #blog_box_content_step h1 {
    font-size: 2.8rem;
    color: #fff !important;
    margin: 0 5px 0 5px;
    padding: 8px;
    font-weight: 700;
    text-align: right
}

#blog_box_content h2, #blog_box_content_step h2 {
    font-size: 35px;
    color: #fff !important;
    margin: 0 5px 0 5px;
    padding: 8px;
    float: left
}

#blog_box_content_img h3 {
    font-size: 20px
}

#blog_box_content_img {
    margin: 0 auto;
    margin-top: 40px
}

#blog_box_content_img img {
    height: auto;
    width: 170px
}

#store_blog_box {
    text-align: center;
    padding: 8px
}

#store_blog_box label {
    -moz-user-select: none;
    -webkit-user-select: none
}

#store_blog_box hr {
    margin: 5px 0 5px 5px;
    text-align: center;
    background: #fff;
    height: .1em;
    width: 45px
}

#store_blog_box div:link {
    text-decoration: none
}

#store_blog_box a:link {
    text-decoration: none
}

#store_blog_box a:hover {
    opacity: .9
}

#store_blog_box div:hover {
    background: #6a6a6a !important
}

.store_blog_box_bg_22 {
    background: linear-gradient(0deg, rgba(38, 231, 174, 1) 0, rgba(35, 205, 180, 1) 100%) !important
}

.store_blog_box_bg_53 {
    background-image: linear-gradient(120deg, #f6d365 0, #fda085 100%) !important
}

.store_blog_box_bg_59 {
    background-image: linear-gradient(-20deg, #fc6076 0, #ff9a44 100%)
}

.store_blog_box_bg_68 {
    background-image: linear-gradient(-20deg, #b721ff 0, #21d4fd 100%)
}

.store_blog_box_bg_60 {
    background-image: linear-gradient(to top, #ff0844 0, #ffb199 100%)
}

.store_blog_box_bg_27 {
    background-image: linear-gradient(to right, #0acffe 0, #495aff 100%)
}

.store_blog_box_bg_28 {
    background-color: #21d4fd;
    background-image: linear-gradient(to right, #ec77ab 0, #7873f5 100%)
}

.store_blog_box_bg_2 {
    background-image: linear-gradient(-225deg, #7742b2 0, #f180ff 52%, #fd8bd9 100%)
}

.store_blog_box_bg_all {
    background-image: linear-gradient(to top, #4481eb 0, #04befe 100%)
}

.store_blog_box_bg_info {
    background-image: linear-gradient(-225deg, #a445b2 0, #d41872 52%, #f06 100%)
}

.store_blog_box_checked {
    background-image: none !important;
    background-color: #6a6a6a !important;
    -webkit-animation: shadow-pop-tr .3s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
    animation: shadow-pop-tr .3s cubic-bezier(0.470, 0.000, 0.745, 0.715) both
}

.blog_help_checked {
    -webkit-animation: wobble-hor-bottom .8s both;
    animation: wobble-hor-bottom .8s both
}

@-webkit-keyframes wobble-hor-bottom {
    0%, 100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%
    }
    15% {
        -webkit-transform: translateX(-30px) rotate(-6deg);
        transform: translateX(-30px) rotate(-6deg)
    }
    30% {
        -webkit-transform: translateX(15px) rotate(6deg);
        transform: translateX(15px) rotate(6deg)
    }
    45% {
        -webkit-transform: translateX(-15px) rotate(-3.6deg);
        transform: translateX(-15px) rotate(-3.6deg)
    }
    60% {
        -webkit-transform: translateX(9px) rotate(2.4deg);
        transform: translateX(9px) rotate(2.4deg)
    }
    75% {
        -webkit-transform: translateX(-6px) rotate(-1.2deg);
        transform: translateX(-6px) rotate(-1.2deg)
    }
}

@keyframes wobble-hor-bottom {
    0%, 100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%
    }
    15% {
        -webkit-transform: translateX(-30px) rotate(-6deg);
        transform: translateX(-30px) rotate(-6deg)
    }
    30% {
        -webkit-transform: translateX(15px) rotate(6deg);
        transform: translateX(15px) rotate(6deg)
    }
    45% {
        -webkit-transform: translateX(-15px) rotate(-3.6deg);
        transform: translateX(-15px) rotate(-3.6deg)
    }
    60% {
        -webkit-transform: translateX(9px) rotate(2.4deg);
        transform: translateX(9px) rotate(2.4deg)
    }
    75% {
        -webkit-transform: translateX(-6px) rotate(-1.2deg);
        transform: translateX(-6px) rotate(-1.2deg)
    }
}

@-webkit-keyframes shadow-pop-tr {
    0% {
        -webkit-box-shadow: 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e;
        box-shadow: 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e;
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0)
    }
    100% {
        -webkit-box-shadow: 1px -1px #3e3e3e, 2px -2px #3e3e3e, 3px -3px #3e3e3e, 4px -4px #3e3e3e, 5px -5px #3e3e3e, 6px -6px #3e3e3e, 7px -7px #3e3e3e, 8px -8px #3e3e3e;
        box-shadow: 1px -1px #3e3e3e, 2px -2px #3e3e3e, 3px -3px #3e3e3e, 4px -4px #3e3e3e, 5px -5px #3e3e3e, 6px -6px #3e3e3e, 7px -7px #3e3e3e, 8px -8px #3e3e3e;
        -webkit-transform: translateX(-8px) translateY(8px);
        transform: translateX(-8px) translateY(8px)
    }
}

@keyframes shadow-pop-tr {
    0% {
        -webkit-box-shadow: 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e;
        box-shadow: 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e;
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0)
    }
    100% {
        -webkit-box-shadow: 1px -1px #3e3e3e, 2px -2px #3e3e3e, 3px -3px #3e3e3e, 4px -4px #3e3e3e, 5px -5px #3e3e3e, 6px -6px #3e3e3e, 7px -7px #3e3e3e, 8px -8px #3e3e3e;
        box-shadow: 1px -1px #3e3e3e, 2px -2px #3e3e3e, 3px -3px #3e3e3e, 4px -4px #3e3e3e, 5px -5px #3e3e3e, 6px -6px #3e3e3e, 7px -7px #3e3e3e, 8px -8px #3e3e3e;
        -webkit-transform: translateX(-8px) translateY(8px);
        transform: translateX(-8px) translateY(8px)
    }
}

.embed-responsive {
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    border: 0;
    z-index: 1
}

@media (max-width: 480px) {
    .featured_post_title h3 {
        margin: 1rem
    }

    .blog_box {
        padding: 15px 0
    }

    #container_blog_title {
        max-width: 100%;
        padding: 1.5rem .5rem 1rem .5rem;
        height: auto;
        background: url('/img/reparation-en-ligne-telephone-portable-mobile-md.png') 26% -100px no-repeat
    }

    #container_post_blog {
        max-width: 100%;
        padding: 0rem 0rem 1rem 0rem
    }

    .blog_seo_content {
        padding: 0rem !important
    }

    .blog_seo_content p, .blog_seo_content li {
        font-size: 1.125rem;
        line-height: 1.5em;
    }

    .blog_seo_content h2 {
        font-size: 1.375rem
    }

    .blog_seo_content ul {
        padding: 0rem .5rem !important
    }

    .blog_seo_content ul li::before {
        margin-right: .5rem !important;
        font-size: .75rem
    }

    .blog_post_title h1 {
        font-size: 26px !important;
        margin: 0rem;
        line-height: 27px
    }

    .blog_post_title hr {
        margin: 0rem auto 1rem
    }

    #container_blog_title {
        display: none
    }

    #container_page_blog_search_form {
        padding: 0rem
    }

    #container_page_blog_search_form h2 {
        font-size: 2rem;
        line-height: 2rem
    }

    #container_page_blog_search_form h3 {
        font-size: 1.8rem !important;
        line-height: 2rem
    }

    #container_blog_insurrance {
        max-width: 100%;
        padding: 2rem .8rem 0rem .8rem
    }

    #container_blog_insurrance h1 {
        line-height: 2.6rem;
        font-size: 2rem
    }

    #container_blog_insurrance img {
        width: 18rem;
        height: auto;
        padding: 0 2rem 2rem 2rem
    }

    #container_blog_insurrance h2 {
        font-size: 1.5rem
    }

    #container_blog_insurrance h3 {
        font-size: 1rem !important
    }

    .blog_seo_content h3 {
        font-size: 1.2rem !important;
        padding: 0rem
    }

    #container_content_blog {
        max-width: 100%;
        padding: 1.2rem .5rem 1rem .5rem
    }

    .blog-box_title_right h1, .blog-box_title_left h1 {
        font-weight: 500 !important;
        font-size: 1rem
    }

    #blog_box_content_img {
        margin: 0 auto
    }

    #blog_box_content_img img {
        width: 70px
    }

    .blog_clear-col-md {
        padding: .1rem !important
    }

    #blog_box_content {
        max-height: 120px;
        height: 120px;
        width: 290px
    }

    #blog_box_content h2 {
        font-size: 1.2rem
    }

    #blog_box_content h1 {
        font-size: 2rem
    }

    #blog_box_content h3 {
        font-size: 1.25rem
    }

    #blog_cart_box {
        margin-top: 0;
        margin-bottom: 1.3rem;
        text-align: center !important
    }

    .device_img_center_box_sd {
        height: 60px !important
    }

    #blog_cart_box button {
        width: auto
    }

    #blog_cart_box h3 {
        padding: .4rem;
        font-size: .8rem;
        font-weight: 500
    }

    .blog_seo_box, .blog_cart_content {
        font-size: .9rem;
        padding: 1rem
    }

    .blog_cart_content h3 {
        font-size: .9rem
    }

    .blog_seo_box button, .blog_cart_content button {
        margin: 1rem 0 0 0
    }

    .blog_seo_box h3 {
        font-size: 1.2rem !important
    }

    .input-auth-code {
        margin: 0rem !important
    }

    .blog-ticket-step-title {
        width: auto
    }

    .blog_store_address {
        margin: 1rem
    }

    .mobile-fix-col {
        padding: 0rem !important
    }

    .posts_from_category h2 {
        font-size: 1.5rem;
        margin-left: .75rem;
        margin-bottom: 0
    }
}

:root {
    --color-secondary-purple: #927dfa;
    --color-secondary-purple--rgb: 146, 125, 250;
    --color-link--rgb: 66.3, 94.605, 255;
    --color--purple--rgb: 197.6352, 68.187, 253.113;
}