.services header,
body._scrolled header {
    background: #3B5C8E;
    box-shadow: 0 0 20px rgba(0, 0, 0, .2)
}

.banner .carousel-caption p,
.csn-offer .blog-block-section a.btn.btn-primary,
body {
    font-size: 16px;
}

.sec-1,
.sec-2,
.sec-3,
.sec-4,
.sec-5,
.sec-6,
.sub-footer {
    overflow: hidden
}

footer a,
footer a:hover,
header nav a {
    text-decoration: none
}

.btn-cursor,
.go-top,
footer a,
header nav a {
    cursor: pointer
}

.btn,
.csn-offer .get-text {
    outline: 0;
    font-weight: 600
}

.btn,
.csn-offer .get-text,
.csn-offer .offer-text,
.csn-offer p,
.form-group label,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600
}

body {
    color: #4f5a61;
    font-family: Montserrat, sans-serif, 'Open Sans'
}

.text-gblue {
    color: #1a73e8
}

.bg-brand,
.bg-brand h1,
.bg-brand h2,
.bg-brand h3,
.bg-brand p,
h2._white {
    color: #fff
}

.text-center {
    text-align: center !important
}

.margin-auto {
    margin: auto
}

.bg-darkgreen {
    background-color: #a1b400
}

.bg-green-blue {
    background-color: #2eaeb7
}

.bg-brand {
    background-color: #3B5C8E
}

.bg-grey-blue {
    background-color: #0a4b78
}

.text-wp,
a {
    color: #0a4b78
}

h1.text-gblue:after {
    background-color: #1a73e8
}

.text-greyblue {
    color: #3B5C8E
}

.sec-5,
.sec-6,
footer {
    color: #fff
}

p {
    text-align: left
}

.transition {
    transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -webkit-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out
}

h1 {
    font-size: 2rem
}

.responsive-padding1rem {
    padding: 1rem
}

.banner .banner-capt-inner .container,
.container-creative,
footer .container,
header .container {
    max-width: 1600px
}

.banner .banner-capt-inner .imageresp {
    padding: 10%;
    margin: auto
}

@media all and (min-width:1500px) {
    .banner .banner-capt-inner .imageresp {
        padding: 15px;
        width: 115%;
        right: -40%
    }

    .carousel-caption-left {
        padding-right: 5%
    }
}

.banner-custom-blog {
    max-width: 220px
}

.blog-block {
    border: 1px solid #3B5C8E;
    padding: 2rem 1rem;
    margin-bottom: 2rem
}

.blog-block-img-fluid {
    max-width: 80px;
    float: left;
    margin-right: 20px;
    height: auto;
    padding: 0
}

.blog-block-img-fluid.large-icon {
    max-width: 150px
}

.blog-block-section {
    border: transparent;
    border-bottom: 1px solid #3B5C8E
}

.blog-block-section p {
    font-size: 15px
}

.blog-block-section h4,
.sub-footer .email {
    font-size: 20px
}

.single-blog h1 {
    font-size: 1.8rem
}

.single-blog h2 {
    font-size: 1.5rem
}

.csn-offer .get-text:after,
.single-blog h2:after,
h2.hide:after {
    display: none
}

.breadcrumb {
    background-color: #fff;
    padding-left: 0
}

.padding3rem1 {
    padding: 3rem
}

.responsive-image {
    width: 100%;
    height: auto
}

@media all and (min-width:767px) {
    .flex-image-wrapper {
        height: 300px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .go-top {
        right: 0;
        left: auto !important
    }

    .csn-offer,
    .csn-offer h1,
    .csn-offer h2,
    .csn-offer h3,
    .csn-offer h4,
    body.single-blog .csn-offer p {
        font-size: 3rem
    }

    .single-blog .csn-offer .img-fluid {
        max-width: 100%
    }

    section.banner.header-bg {
        background-position: center top
    }
}

.btn,
header nav>div {
    display: inline-block
}

header {
    position: fixed;
    z-index: 19;
    left: 0;
    right: 0;
    top: 0;
    padding: 50px 0;
    background: #11538d
}

.christmas-offer.services h1:after,
.christmas-offer.services header {
    background-color: #f00f31
}

.christmas-offer.services .text-wp,
.csn-offer .get-text span {
    color: #f00f31
}

.christmas-offer.services .sec-1 .breadcrumb {
    background-color: transparent;
    color: #fff
}

.christmas-offer.services .sec-1 .blog-block-section,
.christmas-offer.services .sec-1 .blog-block-section p {
    color: #4f5a61
}

.services header {
    padding: 20px 0
}

.services header nav a {
    color: #423a15
}

body._scrolled header {
    padding: 10px 0
}

.form-control,
.notification-box {
    border-radius: 0
}

.notification-box.alert-success {
    color: #423a15;
    background-color: #fede45;
    border-color: #fede45
}

.banner .carousel-caption h2,
footer a,
section.sec-greybg,
section.sec-greybg h2,
section.sec-greybg p {
    color: inherit
}

header .notification-box {
    margin-top: -50px
}

body._scrolled header .notification-box {
    margin-top: -10px
}

header a.logo,
header a.logo img {
    display: block;
    float: left
}

header nav {
    float: right;
    padding: 0
}

header nav>div {
    position: relative
}

header nav>div ul {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    background: rgb(0 0 0 / 86%);
    left: 0;
    top: 100%;
    opacity: 0;
    pointer-events: none;
    transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -webkit-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out
}

header nav>div:hover ul {
    pointer-events: all;
    opacity: 1;
    padding-top: 11px
}

header nav>div ul li {
    display: block;
    margin: 0;
    opacity: 0;
    transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -webkit-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out
}

header nav>div:hover ul li {
    margin-bottom: 4px;
    opacity: 1
}

header nav a {
    display: block;
    font-size: 1.1rem;
    line-height: 1.8;
    padding: 0 20px 3px;
    color: #fff !important;
    transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    white-space: nowrap
}

header nav a._active,
header nav a:hover {
    text-decoration: none;
    color: #ffde45 !important
}

header nav>div ul li a {
    background: rgb(0 0 0 / 86%);
    font-size: 90%
}

header nav>div ul li a:hover {
    background: rgb(0 0 0 / 80%)
}

header nav a._butn {
    border: 1px solid #fff
}

header nav a._butn:hover {
    border: 1px solid #ffde45;
    background: #ffde45 !important;
    color: #555 !important
}

header .nav-butn {
    float: right;
    margin-top: -5px;
    cursor: pointer
}

.large-bullet li {
    line-height: 2rem;
    font-size: .99rem;
    list-style: circle;
    text-align: left;
    padding-left: 10px
}

#cookies-box,
.go-top,
.header-bg {
    text-align: center
}

.banner .carousel-caption {
    margin-top: 2rem;
    text-align: left;
    position: static;
    color: inherit
}

.banner .carousel-caption h2:after {
    background-color: #fff;
    margin: 15px auto 15px 0
}

.banner .banner-capt-wrap {
    position: absolute;
    left: 0;
    top: 12rem;
    right: 0;
    bottom: 0
}

.sec-5:after,
.slide-bg,
.slide-img {
    position: absolute;
    top: 0
}

.banner .banner-capt-inner {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: center
}

.carousel-control-next img,
.carousel-control-prev img {
    height: 60px;
    width: auto;
    background-color: #11538d;
    padding: 10px 0
}

.sec-3,
section.sec-greybg {
    background-color: #f8f9fa
}

.carousel-control-prev img {
    transform: rotate(180deg)
}

.sec-1,
.sec-5 {
    padding: 100px 0;
    max-width: 100%
}

.sec-2 .anim-area,
.sec-3 .anim-area,
.sec-4 .anim-area,
.sec-6 .anim-area {
    max-width: 1600px;
    margin: 0 auto
}

.sec-2 h2:after,
h2._white:after {
    background-color: #fff
}

.sec-5 {
    background-size: cover;
    background-position: center center;
    background-attachment: fixed
}

.sec-5:after {
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: .7;
    transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    -webkit-transition: .5s ease-in-out
}

.sec-5 .play-icon {
    height: 50px
}

.sec-6 {
    background-color: #9b999c
}

.sec-7 {
    padding: 100px 0;
    background-color: #fff3d1;
    color: #000
}

.sec-services-others {
    padding-left: 25px
}

.sec-8 img._map {
    display: block;
    width: 100%;
    height: auto
}

.sub-footer {
    padding: 4rem 0 1rem;
    max-width: 100%;
    border-top: 1px solid #4a4a4a
}

footer {
    background: #4a4a4a;
    padding: 6rem 0 0
}

footer .logo {
    display: block;
    margin-bottom: 10px
}

footer .logo img {
    display: block;
    height: 45px;
    margin-bottom: 1rem
}

footer ul.nav-items {
    margin: 0;
    padding: 0;
    list-style: none
}

footer ul.nav-items li {
    margin: 0 0 .5rem;
    padding: 3px 0;
    display: block
}

footer ul.nav-items li h3 {
    text-transform: uppercase
}

footer h3:after {
    content: "";
    display: block;
    margin: 15px auto 25px 0;
    width: 50px;
    height: 2px;
    background-color: #4f5a61;
    text-align: left
}

footer a {
    display: block
}

footer a:hover {
    color: #eed66b
}

footer .footer-bottom {
    margin-top: 5rem;
    background: rgba(0, 0, 0, .2);
    padding: 15px 0;
    text-align: center
}

.form-group label,
.list-1 li {
    display: block;
    text-align: left
}

footer .footer-bottom p {
    margin: 0;
    padding: 0;
    font-size: 14px
}

h1:after,
h2:after {
    content: "";
    display: block;
    margin: 15px auto;
    width: 50px;
    height: 2px;
    background-color: #4f5a61
}

h1._left:after,
h2._left:after {
    margin: 15px auto 15px 0
}

.btn {
    box-shadow: none;
    white-space: inherit;
    border: .125rem solid transparent;
    text-transform: initial;
    border-radius: 0;
    font-size: 1rem;
    padding: .625rem .75rem;
    min-width: 150px
}

.btn.btn-primary,
a.btn.btn-primary {
    background: #ffde45;
    color: #000
}

.btn.btn-dark {
    background: #000;
    color: #ffde45
}

a.btn.btn-light,
a.btn.btn-light:hover {
    background: #000;
    color: #fff
}

a.btn.btn-light.whitebtns,
a.btn.btn-light.whitebtns:hover {
    background: #fff;
    color: #000
}

.list-1 {
    margin: 0 0 30px;
    padding: 0;
    list-style: none
}

.list-1 li {
    margin: 0 0 15px;
    padding: 0 0 0 30px;
    background: url(../images/tick-icon.png) left 4px/23px no-repeat
}

.slide-img {
    height: auto;
    max-height: 100%;
    width: auto;
    max-width: 50%;
    padding: 30px 0
}

.slide-img._left {
    left: 0
}

.slide-img._right {
    right: 0
}

.slide-bg {
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .25
}

.z-1 {
    z-index: 1
}

.z-2 {
    z-index: 2
}

.article-txt {
    margin-bottom: 40px;
    line-height: 1.8;
    clear: both
}

.dial-to-call,
.go-top {
    z-index: 9;
    margin: 25px;
    height: 45px;
    width: 45px
}

.pos-static {
    position: static !important
}

.anim-area,
.pos-relative {
    position: relative
}

#cookies-box,
.dial-to-call,
.go-top {
    position: fixed;
    bottom: 0
}

.go-top {
    left: 0;
    background: #2eaeb7;
    transform: rotate(-90deg)
}

.dial-to-call._hide,
.go-top._hide {
    opacity: 0;
    pointer-events: none
}

.go-top img {
    display: block;
    height: 60%;
    width: auto;
    margin: 20% auto
}

.dial-to-call {
    right: 0;
    background: #1c78cc;
    align-items: center;
    padding: 7px 10px;
    border-radius: 50%;
    box-shadow: 0 0 10px rgb(255 255 255)
}

.dial-to-call img {
    max-height: 100%;
    max-width: 100%
}

h2.hide {
    margin-bottom: 10px
}

.carousel-indicators {
    bottom: 3rem
}

.carousel-indicators li {
    height: 20px;
    margin-right: 5px;
    margin-left: 3px;
    background-color: #ffde45
}

.carousel-indicators .active {
    background-color: #1676cb
}

@media all and (min-width:640px) {
    .banner .banner-capt-inner .imageresp {
        padding: 15px
    }

    h1 {
        font-size: 2.5rem
    }

    .banner .banner-capt-wrap {
        top: 0
    }
}

@media all and (min-width:991px) {
    .banner .banner-capt-inner .imageresp {
        padding: 15px;
        width: 85%
    }

    .padding10per {
        padding: 0
    }

    .banner.header-bg {
        padding-top: 6rem
    }

    .carousel-inner {
        max-height: 800px
    }

    .banner .carousel-caption h2 {
        margin-bottom: 3rem
    }

    .banner-custom-height {
        min-width: 80%
    }

    .banner-custom-height88 {
        min-width: 88.032%
    }

    .banner-custom-height115 {
        min-width: 115%
    }

    .carousel-item {
        padding-top: 11rem;
        padding-bottom: 7rem
    }

    .blog-block-section {
        border-bottom: none;
        background-color: #f8f9fa
    }

    .carousel-indicators li {
        height: 5px
    }
}

@media all and (max-width:767px) {
    .banner .carousel-caption {
        width: auto;
        margin-top: 0;
        padding: 15px 0 0;
        color: inherit
    }

    .banner .banner-capt-wrap {
        position: static
    }

    .banner .carousel-indicators {
        margin-bottom: 7px
    }

    .carousel-indicators li {
        width: 25%
    }

    .sec-1 {
        padding-top: 15px !important
    }
}

@media all and (min-width:992px) {
    .banner .banner-capt-wrap {
        top: 0
    }

    .banner .carousel-caption {
        width: 65%
    }

    .banner .carousel-caption h1,
    .banner .carousel-caption h2 {
        font-size: 2.5rem
    }

    .sec-1._anim article,
    .sec-1._anim h1,
    .sec-1._anim h2 {
        margin-top: 0;
        opacity: 1
    }

    .sec-1 article {
        margin-top: 20px
    }

    .sec-2 .slide-img,
    .sec-4 .slide-img {
        left: -75px;
        opacity: .5
    }

    .sec-2._anim .slide-img,
    .sec-4._anim .slide-img {
        left: 0;
        opacity: 1
    }

    .sec-3 .slide-img {
        right: -75px;
        opacity: .5
    }

    .sec-3._anim .slide-img {
        right: 0;
        opacity: 1
    }

    .sec-5 .play-icon {
        margin-bottom: 5px;
        opacity: .4
    }

    .sec-5._anim .play-icon {
        margin-bottom: 30px;
        opacity: 1
    }

    .sec-5:after {
        opacity: 1
    }

    .sec-5._anim:after {
        opacity: .7
    }

    .sec-5 p {
        font-size: 1.6rem
    }

    .sec-6 {
        overflow: hidden
    }

    .sec-6 .slide-img {
        opacity: 0;
        padding-bottom: 0;
        bottom: -50%;
        top: auto
    }

    .sec-6._anim .slide-img {
        opacity: 1;
        bottom: 0
    }

    .sec-7 {
        padding: 200px 0
    }

    .sec-7._anim {
        padding: 100px 0 100px 25px
    }

    footer ul.nav-items li h3:after {
        background-color: #e4e4e4
    }

    .sec-2 .anim-area,
    .sec-3 .anim-area,
    .sec-4 .anim-area,
    .sec-6 .anim-area {
        padding: 100px 0
    }

    .dial-to-call {
        display: none
    }
}

@media all and (max-width:991px) {

    .carousel-control-next,
    .carousel-control-prev,
    body._nav-on header .nav-butn img:first-child,
    h2 br {
        display: none
    }

    h2 {
        margin-bottom: 35px;
        font-size: x-large !important
    }

    .slide-img {
        position: static;
        width: auto;
        padding: 0;
        max-width: 85%;
        height: auto;
        margin-bottom: 25px
    }

    .slide-img._left {
        float: left;
        margin-left: -15px
    }

    .slide-img._right {
        float: right;
        margin-right: -15px
    }

    .sec-1,
    .sec-2,
    .sec-3,
    .sec-4,
    .sec-5,
    .sec-6 {
        padding: 50px 0
    }

    .sec-5 .play-icon {
        margin-bottom: 20px
    }

    .sec-6 .slide-img {
        margin: 0 auto 20px;
        float: none;
        width: 100%;
        max-width: none
    }

    body {
        padding-top: 50px
    }

    body._scrolled header,
    header {
        padding: 10px 0;
        background: #abc3e4
    }

    header .logo img {
        height: 30px
    }

    body header nav {
        position: fixed;
        z-index: 4;
        left: 0;
        right: 0;
        top: -100%;
        height: 100%;
        background: rgba(0, 0, 0, .85);
        padding: 25px;
        filter: blur(50px);
        -webkit-filter: blur(50px);
        opacity: 0;
        pointer-events: none
    }

    body._nav-on header {
        background: #000
    }

    body header .nav-butn img:nth-child(2) {
        display: none;
        padding: 5px
    }

    body._nav-on header .nav-butn img:nth-child(2) {
        display: block
    }

    body._nav-on header nav {
        top: 50px;
        filter: blur(0px);
        -webkit-filter: blur(0px);
        opacity: 1;
        pointer-events: all
    }

    header nav>div {
        display: block;
        margin-bottom: 15px
    }

    header nav>div a {
        padding: 5px 5px 5px 15px;
        border-left: 2px solid #d0ba59;
        font-size: large
    }

    header nav a._butn {
        margin: 20px 0 0;
        border-radius: 2px
    }

    header nav>div ul {
        margin-left: 15px;
        padding-top: 11px;
        position: static;
        opacity: 1;
        pointer-events: all
    }

    header nav>div ul li {
        margin-bottom: 6px;
        opacity: 1
    }

    header nav>div ul li a {
        border-left: none;
        border-radius: 0;
        padding: 7px 15px;
        white-space: initial
    }

    footer ul.nav-items {
        margin-top: 25px;
        margin-left: 40px
    }

    .desktop-only {
        display: none !important
    }

    .sec-2 .anim-area,
    .sec-3 .anim-area,
    .sec-4 .anim-area,
    .sec-6 .anim-area {
        padding: 0
    }
}

.quote-form {
    padding: 25px 30px
}

.mb-0 {
    margin-bottom: 0
}

@media (min-width:576px) and (max-width:767px) {
    .container {
        max-width: 100%
    }
}

@media (min-width:768px) {
    .sec-services-others {
        padding-left: 0
    }
}

.header-bg {
    background-color: #f8f9fa;
    min-height: 50px;
    padding-top: 2rem
}

.header-bg .svg-image {
    margin: auto;
    max-width: 600px
}

.form-group {
    margin-bottom: 20px
}

.form-group label {
    margin-bottom: 5px
}

.form-group input,
.form-group textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px
}

.form-group textarea {
    height: 120px
}

#cookies-box {
    left: 0;
    width: 100%;
    background-color: #f5f5f5;
    color: #333;
    padding: 10px;
    font-size: 14px
}

.csn-offer .img-fluid {
    max-width: 60%;
    margin-bottom: 1rem
}

.csn-offer .offer-text {
    color: #f00f31;
    font-size: 3rem
}

.csn-offer .get-text {
    font-size: 2.5rem !important;
    color: #fff;
    border-radius: 50px;
    padding: 17px 40px;
    margin: 3rem 0 2rem;
    border: 1px solid #f00f31;
    background-color: #f00f31;
    box-shadow: rgba(60, 64, 67, .3) 0 2px 3px 0, rgba(60, 64, 67, .15) 0 6px 10px 4px
}

.csn-offer .start-game {
    color: #4ea040
}

.csn-offer .btn.btn-primary,
.csn-offer a.btn.btn-primary {
    box-shadow: rgba(60, 64, 67, .3) 0 2px 3px 0, rgba(60, 64, 67, .15) 0 6px 10px 4px;
    font-size: 2rem;
    border-radius: 40px;
    margin: 1rem 2rem 2rem
}

.csn-offer .callus-text {
    font-weight: 600;
    font-size: 3rem
}

.csn-offer p {
    font-size: 1.4rem
}

.banner.header-bg {
    background: url(../images/christmas-sale-bg.png) 25% -50px no-repeat
}

.csn-offer-img-fix {
    max-width: 400px !important;
    width: 100%
}

.csn-offer .blog-block-section .callus-text,
.csn-offer .blog-block-section .get-text {
    font-size: 2rem !important
}

.sub-footer ul {
    padding-left: 0;
    display: inline-block;
    list-style: none;
    font-size: 16px
}

    .social-icon-block {
        position: absolute;
        bottom: -59px;
        right: 15px;
        top: 52px;
        background-color: #3B5C8E;
        padding-top: 4px;
    }

    .fa {
        padding: 8px 10px 10px 9px;
        font-size: 20px;
        width: 36px;
        text-align: center;
        text-decoration: none;
        margin: 0px 4px 0px 0;
    }

    .fa:hover {
        opacity: 0.7;
    }

    .social-icon-block .fa-whatsapp {
        margin-left: 10px;
    }

    .social-icon-block .fa-linkedin {
        margin-right: 10px;
    }

    footer .fa {
        font-size: 30px;
    }
    .social-icon-block.home-fix {
        bottom: -46px;
        right: 15px;
        top: 47px;
    }
    @media all and (max-width:990px) {
    .social-icon-block{
        top: 24px!important;
        bottom: auto!important;
        right: 0!important;
        }
        div.social-icon-block a {
            border-left: 0 !important;
        }
}.cd-faq-section{
    text-align:left;
}

.cd-faq-item{
    border:1px solid #ddd;
    border-radius:10px;
    margin-bottom:18px;
    background:#fff;
    overflow:hidden;
}

.cd-faq-question{
    width:100%;
    border:0;
    background:#fff;
    padding:22px 60px 22px 28px;
    text-align:left;
    font-size:24px;
    font-weight:700;
    color:#111;
    cursor:pointer;
    position:relative;
    line-height:1.3;
}

.cd-faq-question:after{
    content:"+";
    position:absolute;
    right:28px;
    top:50%;
    transform:translateY(-50%);
    font-size:32px;
    font-weight:700;
    line-height:1;
    color:#111;
}

.cd-faq-item.active .cd-faq-question:after{
    content:"-";
}

.cd-faq-answer{
    max-height:0;
    overflow:hidden;
    background:#fafafa;
    transition:max-height .35s ease;
}

.cd-faq-answer-inner{
    padding:0 28px 28px;
    font-size:22px;
    line-height:1.7;
    color:#43515c;
}

.cd-faq-answer-inner p{
    margin:0;
}
.cd-faq-answer p {
    padding: 10px 10px 0 11px;
}
@media(max-width:767px){
    .cd-faq-question{
        font-size:18px;
        padding:18px 50px 18px 18px;
    }

    .cd-faq-answer-inner{
        font-size:17px;
        padding:0 18px 20px;
    }
}
.cd-faq-section button:focus {
    outline: 0px;
}