body {

    color: #4f5a61;

    font-family: 'Montserrat', sans-serif, 'Open Sans';

    font-size: 1.2rem

}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
}

.btn-cursor {

    cursor: pointer;

}

.text-gblue {

    color: #1a73e8

}

.text-center{

    text-align: center!important;

}

.margin-auto {

    margin: auto

}



.bg-green-blue {

    background-color: #2eaeb7

}



.bg-darkgreen {

    background-color: #a1b400

}



.bg-green-blue {

    background-color: #2eaeb7

}



.bg-brand {

    background-color: #3B5C8E;
    color: #FFFFFF;

}

.bg-brand h1, .bg-brand h2, .bg-brand h3, .bg-brand p {
    color: #FFFFFF;
}


.bg-grey-blue {

    background-color: #0a4b78

}



.text-wp {

    color: #0a4b78

}



h1.text-gblue:after {

    background-color: #1a73e8

}



.text-greyblue {

    color: #3B5C8E

}



a {

    color: #0a4b78

}



p {

    text-align: left

}



.transition {

    transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    -webkit-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out

}



h1 {

    font-size: 2rem

}



.responsive-padding1rem {

    padding: 1rem

}



.banner .banner-capt-inner .container,

header .container,

footer .container,

.container-creative {

    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%

    }

}



@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%

    }

}



.banner-custom-blog {

    max-width: 220px

}



.blog-block {

    border: solid 1px #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: solid 1px #3B5C8E

}



.blog-block-section p {

    font-size: 15px

}



.blog-block-section h4 {

    font-size: 20px;

    /* font-weight: 500 */

}



.single-blog h1 {

    font-size: 1.8rem

}



.single-blog h2 {

    font-size: 1.5rem

}



.single-blog h2:after {

    display: none

}



.breadcrumb {

    background-color: #FFFFFF;

    padding-left: 0;

}



@media all and (min-width:640px) {

    .banner .banner-capt-inner .imageresp {

        padding: 15px

    }



    h1 {

        font-size: 2.5rem

    }

}



.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

    }

}



header {

    position: fixed;

    z-index: 19;

    left: 0;

    right: 0;

    top: 0;

    padding: 50px 0;

    background: #11538d;

}



header .container {

    max-width: 1600px

}



.christmas-offer.services header{

    background-color: #f00f31;

}



.christmas-offer.services .text-wp{

    color: #f00f31;

}



.christmas-offer.services h1:after {

    background-color: #f00f31;

}

.christmas-offer.services .sec-1{

    /* background-color: #3f7343; */

}

.christmas-offer.services .sec-1 a,

.christmas-offer.services .sec-1 p,

.christmas-offer.services .sec-1,

.christmas-offer.services .sec-1 .breadcrumb-item,

.christmas-offer.services .sec-1 .breadcrumb-item.active,

.christmas-offer.services .sec-1 .breadcrumb,

.breadcrumb-item+.breadcrumb-item::before,

.christmas-offer.services .sec-1 :active {

    /* color: #fff; */

}



.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 {

    background: #3B5C8E;

    padding: 20px 0;

    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2)

}



.services header nav a {

    color: #423a15

}



body._scrolled header {

    background: #3B5C8E;

    padding: 10px 0;

    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2)

}



.notification-box {

    border-radius: 0

}



.notification-box.alert-success {

    color: #423a15;

    background-color: #fede45;

    border-color: #fede45

}



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 {

    display: inline-block;

    position: relative

}



header nav>div ul {

    margin: 0;

    padding: 0;

    padding-top: 0px;

    list-style: none;

    position: absolute;

    background: rgb(0 0 0 / 86%);

    left: 0;

    top: 100%;

    opacity: 0;

    pointer-events: none;

    transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    -webkit-transition: all 0.5s ease-in-out;

    -o-transition: all 0.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: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    -webkit-transition: all 0.5s ease-in-out;

    -o-transition: all 0.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: 0px 20px 3px 20px;

    color: #FFF !important;

    text-decoration: none;

    transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -webkit-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    cursor: pointer;

    white-space: nowrap

}



header nav a:hover,

header nav a._active {

    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

}



.banner .carousel-caption {

    margin-top: 2rem;

    text-align: left;

    position: static;

    color:inherit;

}

.banner .carousel-caption h2{   
    color:inherit;
}



.banner .carousel-caption h2:after {

    background-color: #FFFFFF;

    margin: 15px auto 15px 0

}



.banner .banner-capt-wrap {

    position: absolute;

    left: 0;

    top: 12rem;

    right: 0;

    bottom: 0

}



.banner .banner-capt-inner {

    display: flex;

    height: 100%;

    flex-direction: column;

    justify-content: center

}



.banner .carousel-caption p {

    font-size: 16px;

}



.carousel-control-prev img,

.carousel-control-next img {

    height: 60px;

    width: auto;
    background-color: #11538d;
    padding: 10px 0;


}



.carousel-control-prev img {

    transform: rotate(180deg)

}



.sec-1,

.sec-5 {

    padding: 100px 0;

    max-width: 100%;

    overflow: hidden

}



section.sec-greybg {

    background-color: #f8f9fa;

    color: inherit

}



section.sec-greybg p,

section.sec-greybg h2 {

    color: inherit

}



.sec-2,

.sec-3,

.sec-4,

.sec-6 {

    overflow: hidden

}



.sec-2 .anim-area,

.sec-3 .anim-area,

.sec-4 .anim-area,

.sec-6 .anim-area {

    max-width: 1600px;

    margin: 0 auto

}



.sec-2 {

    /* background-color: #3B5C8E;

    color: #FFF */

}



.sec-2 h2:after {

    background-color: #FFF

}



.sec-3 {

    background-color: #f8f9fa

}



.sec-4 {

    /* background-color: #abc3e4 */

}



.sec-5 {

    color: #FFF;

    background-size: cover;

    background-position: center center;

    background-attachment: fixed

}



.sec-5:after {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    background: #000;

    opacity: 0.7;

    transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    -webkit-transition: all 0.5s ease-in-out

}



.sec-5 .play-icon {

    height: 50px

}



.sec-6 {

    background-color: #9b999c;

    color: #FFF

}



.sec-7 {

    padding: 100px 0;

    background-color: #fff3d1;

    color: #000

}



.sec-services-others {

    padding-left: 25px

}



.sec-8 {}



.sec-8 img._map {

    display: block;

    width: 100%;

    height: auto

}



.sub-footer {

    padding: 4rem 0 1rem;

    max-width: 100%;

    overflow: hidden;

    border-top: solid 1px #4a4a4a

}



.sub-footer .email {

    font-size: 20px

}



footer {

    background: #4a4a4a;

    color: #FFFFFF;

    padding: 6rem 0 0

}



footer .logo {

    display: block;

    margin-bottom: 10px

}



footer p {}



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;

    padding: 3px 0;

    display: block;

    margin-bottom: 0.5rem

}



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 {

    color: inherit;

    text-decoration: none;

    display: block;

    cursor: pointer

}



footer a:hover {

    color: #eed66b;

    text-decoration: none

}



footer .footer-bottom {

    margin-top: 5rem;

    background: rgba(0, 0, 0, 0.2);

    padding: 15px 0;

    text-align: center

}



footer .footer-bottom p {

    margin: 0;

    padding: 0;

    font-size: 14px

}



h1:after {

    content: "";

    display: block;

    margin: 15px auto;

    width: 50px;

    height: 2px;

    background-color: #4f5a61

}



h2 {}



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

}



h2._white {

    color: #FFFFFF

}



h2._white:after {

    background-color: #FFFFFF

}



.btn {
    box-shadow: none;
    white-space: inherit;
    font-weight: 600;
    outline: none;
    display: inline-block;
    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: #000000

}



.btn.btn-dark {

    background: #000000;

    color: #ffde45

}



a.btn.btn-light,

a.btn.btn-light:hover {

    background: #000000;

    color: #fff

}

a.btn.btn-light.whitebtns,

a.btn.btn-light.whitebtns:hover {

    background:#fff;

    color: #000000;

}



.list-1 {

    margin: 0 0 30px;

    padding: 0;

    list-style: none

}



.list-1 li {

    margin: 0 0 15px;

    padding: 0 0 0 30px;

    display: block;

    background: url(../images/tick-icon.png) left 4px no-repeat;

    background-size: 23px;

    text-align: left

}



.slide-img {

    position: absolute;

    top: 0;

    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 {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;

    opacity: 0.25

}



.z-1 {

    z-index: 1

}



.z-2 {

    z-index: 2

}



.article-txt {

    margin-bottom: 40px;

    line-height: 1.8;

    clear: both

}



.pos-static {

    position: static !important

}



.pos-relative {

    position: relative

}



.go-top {

    position: fixed;

    z-index: 9;

    bottom: 0;

    left: 0;

    margin: 25px;

    height: 45px;

    width: 45px;

    background: #2eaeb7;

    text-align: center;

    transform: rotate(-90deg);

    cursor: pointer

}



.go-top._hide,

.dial-to-call._hide {

    opacity: 0;

    pointer-events: none

}



.go-top img {

    display: block;

    height: 60%;

    width: auto;

    margin: 20% auto

}



.dial-to-call {

    position: fixed;

    z-index: 9;

    right: 0px;

    bottom: 0px;

    margin: 25px;

    background: #1c78cc;

    align-items: center;

    padding: 7px 10px;

    border-radius: 50%;

    height: 45px;

    width: 45px;

    box-shadow: 0 0 10px rgb(255 255 255)

}



.dial-to-call img {

    max-height: 100%;

    max-width: 100%

}


h2.hide:after {
    display: none;
}

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-wrap {

        top: 0

    }

}



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

    .carousel-item {

        padding-top: 11rem;

        padding-bottom: 7rem

    }



    .blog-block-section {

        border-bottom: none;

        background-color: #f8f9fa

    }



    .blog-block-section h4 {}



    .carousel-indicators li {

        height: 5px

    }

}



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

    .banner .carousel-caption {

        width: auto;

        margin-top: 0;

        padding: 15px 0 0 0;

        color: inherit;

    }



    .banner .banner-capt-wrap {

        position: static;

    }



    .carousel-caption {}



    .banner .carousel-indicators {

        margin-bottom: 7px

    }



    .banner .carousel-indicators li {}



    .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;

        /* color: #FFFFFF; */

    }



    .banner .carousel-caption h2 {

        /* font-weight: normal */

    }



    .sec-1 h2 {

      /*    margin-top: -30px;

       opacity: 0 */

    }



    .sec-1._anim h1,

    .sec-1._anim h2 {

        margin-top: 0px;

        opacity: 1

    }



    .sec-1 article {

        margin-top: 20px;

        /* opacity: 0 */

    }



    .sec-1._anim article {

        margin-top: 0px;

        opacity: 1

    }



    .sec-2 .slide-img {

        left: -75px;

        opacity: 0.5

    }



    .sec-2._anim .slide-img {

        left: 0;

        opacity: 1

    }



    .sec-3 .slide-img {

        right: -75px;

        opacity: 0.5

    }



    .sec-3._anim .slide-img {

        right: 0;

        opacity: 1

    }



    .sec-4 .slide-img {

        left: -75px;

        opacity: 0.5

    }



    .sec-4._anim .slide-img {

        left: 0;

        opacity: 1

    }



    .sec-5 .play-icon {

        margin-bottom: 5px;

        opacity: 0.4

    }



    .sec-5._anim .play-icon {

        margin-bottom: 30px;

        opacity: 1

    }



    .sec-5:after {

        opacity: 1

    }



    .sec-5._anim:after {

        opacity: 0.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: 0px

    }



    .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 {

        display: none

    }



    h2 {

        margin-bottom: 35px

    }



    h2._left:after {}



    .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

    }



    header,

    body._scrolled 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, 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(1) {

        display: none

    }



    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 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

    }



    h2 {

        font-size: x-large !important

    }



    h2 br {

        display: none

    }



    .sec-2 .anim-area,

    .sec-3 .anim-area,

    .sec-4 .anim-area,

    .sec-6 .anim-area {

        padding: 0

    }

}



.quote-form {

    padding: 25px 30px

}



.form-control {

    border-radius: 0px

}



.mb-0 {

    margin-bottom: 0

}



@media (min-width: 576px) and (max-width: 767px) {

    .container {

        max-width: 100%

    }

}



.anim-area {

    position: relative

}



@media (min-width:768px) {

    .sec-services-others {

        padding-left: 0

    }

}



.header-bg {

    background-color: #f8f9fa;

    text-align: center;

    min-height: 50px;

    padding-top: 2rem

}



.header-bg .svg-image {

    margin: auto;

    max-width: 600px

}



.form-group {

    margin-bottom: 20px

}



.form-group label {

    display: block;

    margin-bottom: 5px;

    text-align: left;

    font-weight: 600

}



.form-group input,

.form-group textarea {

    width: 100%;

    padding: 10px;

    border: 1px solid #ccc;

    border-radius: 4px

}



.form-group textarea {

    height: 120px

}



#cookies-box {

    position: fixed;

    bottom: 0;

    left: 0;

    width: 100%;

    background-color: #f5f5f5;

    color: #333;

    padding: 10px;

    text-align: center;

    font-size: 14px

}

@media all and (min-width:767px) {

    .csn-offer,

    .csn-offer h1,

    .csn-offer h2,

    .csn-offer h3,

    .csn-offer h4 {

        font-size: 3rem;

    }

    .single-blog .csn-offer .img-fluid {

        max-width: 100%;

    }

    section.banner.header-bg {

        background-position: center top;

    }

    body.single-blog .csn-offer p{

        font-size: 3rem;

    }

}    



.csn-offer .img-fluid{

    max-width: 60%;

    margin-bottom: 1rem;

}

.csn-offer .offer-text{

    color: #f00f31;

    font-size: 3rem;

    font-weight: 600;

}

.csn-offer .get-text{

    font-size: 2.5rem!important;

    color: white;

    font-weight: 600;

    outline: 0;

    border-radius: 50px;

    padding: 17px 40px;

    margin: 2rem 0;

    margin-top: 3rem;

    border: #f00f31 solid 1px;

    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 .get-text:after{

    display: none;

}

.csn-offer .get-text span{

    color:#f00f31;

}

.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-weight: 600;

    font-size: 1.4rem;

}

.banner.header-bg{

    background: url(../images/christmas-sale-bg.png) no-repeat;

    background-position: 25% -50px;

    background-size: auto;

}

.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;

}

.csn-offer .blog-block-section a.btn.btn-primary{

    font-size: 1.2rem;

}

.sub-footer ul {

    padding-left: 0;

    display: inline-block;

    list-style: none;

    font-size: 16px;

}