.row {
    margin: 0 !important;
    padding: 0 !important;
}

/* Add here all your CSS customizations */
/*Css by vandana*/
.list.list-icons li>[class*="fa-"]:first-child {
    color: #21ecd1 !important;
    border-color: #21ecd1 !important;
}

.list-icons {
    margin: 0 0 1.0em 2em;
}

.custom-section-padding {
    padding: 20px 0px;
}

.custom-section-padding-2 {
    padding-top: 60px;
}

.custom-section-padding-3 {
    padding-left: 110px !important;
}

.custom-opacity-font {
    opacity: 0.6;
    transition: ease all 300ms;
}

.custom-opacity-font:hover {
    opacity: 1;
}

.custom-border-radius {
    padding: 11px 30px !important;
}

.custom-border-radius.custom-border-radius-small {
    padding: 7px 17px !important;
    font-size: 12px;
}

.btn-outline.custom-border-width {
    border-width: 2px;
}

.scroll-to-top .fas {
    line-height: 2 !important;
}

.logo-size {
    width: 80%;
    text-align: center;
}

@media (min-width: 991px) {
    .custom-md-border-top {
        border-top: 1px solid rgba(255, 255, 255, 0.12);
    }
}

.custom-position-1 {
    position: relative;
    margin-top: -177px;
}

.header-logo .header_logo {
    width: 100%;
}

@media (min-width: 991px) and (max-width: 1024px) {
    .header-container .header-column {
        margin-left: 0 !important;
    }
}

@media screen and (min-width: 1349px) {
    .header-container {
        width: 87%;
    }
}

@media (min-width: 1085px) and (max-width:1160px) {
    #header .header-nav-main nav>ul>li>a {
        font-size: 16px !important;
    }
}

@media (min-width: 992px) and (max-width:1084px) {
    #header .header-nav-main nav>ul>li>a {
        font-size: 16px !important;
        padding: 0 .6rem !important;
    }

    .btn-outline.btn-xl {
        padding: 10px 16px;
    }
}

@media (max-width: 991px) {
    .custom-position-1 {
        margin-top: 0;
        background: #101019;
    }

    .carousel-indicators li .carousel-indicators__label {
        font-size: 35px !important;
    }

    .site-footer .footer-copy-links {
        justify-content: left !important;
    }

    .last-col {
        margin-top: 15px;
        text-align: left !important;
    }

    .second-col {
        margin-top: 20px;
    }

    .carousel-overview .carousel-inner .carousel-item p {
        font-size: 20px !important;
    }

    .lead {
        font-size: 1rem !important;
    }

    .new_letter h6 {
        font-size: 24px !important;
    }

    .text-lead {
        font-size: 20px !important;
    }
}

@media (max-width: 1023px) {
    #header .header-column.justify-content-end {
        margin-left: 0px !important;
    }

    .mb-3 {
        margin-bottom: unset !important;
    }
}

.portfolio-item .thumb-info-title .thumb-info-type {
    background: transparent !important;
    font-size: 12px;

}

.portfolio-section {
    font-weight: 700;
    font-size: 1.8rem;
}

.custom-content-grid .counters .counter {
    margin-left: 80px;
    text-align: left;
}

.custom-content-grid .counters .counter .counter-icon {
    float: left;
    margin-left: -50px;
    margin-top: 8px;
}

button.btn.btn-light:hover {
    color: #777 !important;
}

.card-news__body-title:hover,
.card-news__body-title:focus {
    color: #001b35;
    border-bottom-color: #1ff8dc;
    text-decoration: unset !important;
}

.card-news__body-title {
   /* text-transform: uppercase;*/
    position: relative;
    display: block;
    padding: 16px 0 32px 0;
  /*  font-family: "ProximaNova", "Times New Roman", Georgia, serif; */
    font-size: 22px;
    font-weight: 600;
    border-bottom: solid 4px #c3ced1;
    color: #001b35;
    text-decoration: none;
}

.card-news__body-title:after {
    transition: all .2s ease-in-out;
    position: absolute;
    content: "";
    height: 4px;
    width: 0%;
    left: 0;
    bottom: -4px;
    background-color: #1ff8dc;
}

.social-icons li a i {
    padding: 18px !important;
}

.coming-soon {
    color: #1ff8dc !important;
    font-weight: bolder !important;
}

.btn-gradient.btn-outline {
    border-image: linear-gradient(135deg, #0088CC 0%, #1ff8dc 80%);
}

html .text-color-secondary,
html .text-secondary {
    color: black !important;
}

.scroll-button {
    padding-top: 8px;
}

.thumb-info-social-icons a i {
    padding: 9px;
}

html .text-color-primary {
    color: #1ff8dc !important
}

html .bg-color-secondary,
html .bg-secondary {
    background-color: #b4deb1 !important;
}

html .text-dark {
    color: black !important;
}

.breadcrumb li {
    color: #21ecd1 !important;
}

.breadcrumb li a {
    color: #21ecd1 !important;
}

#outer-box {
    display: block;
    position: relative;

}

.blur-pages {
    filter: blur(8px);
    -webkit-filter: blur(5px);
}

#inner-box {
    background-color: #0000004d;
    /* Fallback color */
    font-weight: bold;
    position: absolute;
    z-index: 2;
    width: 80%;
    padding: 20px;
    text-align: center;
}

.main-content {
    top: 41%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.main-content button {
    color: #21ecd1 !important;
}

.new_letter h6 {
    width: 80%;
    margin: auto;
    font-weight: lighter !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    font-family: "Open Sans", Arial, sans-serif;
}

.new_letter {
    padding: 2% !important;
}

strong {
    font-weight: 700 !important;
}

h2 small {
    color: #1ce8ce;
    display: block;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: .5px;
}

.text-lead {
    font-size: 20px;
    font-weight: 300;
    color: #616d71;
}

/*.tparrows{*/
/*    display: none;*/
/*}*/

.tp-bgimg.defaultimg {
    height: 92% !important;
}

.slider-container.light.rev_slider_wrapper {
    background: #011426;
}

.icon:before {
    font-family: "ml-icons" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    line-height: 2.0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: none !important;
    speak: none;
}

.carousel-main-banner .carousel-inner .carousel-item .item-content__wrapper,
.carousel-main-banner .carousel-inner .carousel-item.active .item-content__wrapper {

    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    z-index: 2;
    height: 85vh;
    padding-top: 84px;
    padding-bottom: 60px;
}

.carousel-main-banner .carousel-inner .carousel-item .item-content__category .item-content__category-name,
.carousel-main-banner .carousel-inner .carousel-item.active .item-content__category .item-content__category-name {
    text-shadow: 3px 3px 2px rgba(0, 0, 0, .4);
    display: inline-block;
    margin-bottom: 14px;
    color: #1ff8dc;
    font-size: 4vh;
}

.carousel-main-banner .carousel-inner .carousel-item blockquote,
.carousel-main-banner .carousel-inner .carousel-item.active blockquote {
    margin: 0;
    padding: 0;
    border: 0;
    width: 80%;
    line-height: 1.2;
}

.carousel-main-banner .carousel-inner .carousel-item .item-content__desc,
.carousel-main-banner .carousel-inner .carousel-item.active .item-content__desc {
    font-size: 20px;
    color: #c3ced1;
    margin: 14px 0
}

.carousel-main-banner .carousel-inner .carousel-item .item-content__action,
.carousel-main-banner .carousel-inner .carousel-item.active .item-content__action {
    margin-top: 24px;
}

.carousel-main-banner .item-content__banner {
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
}

.carousel-main-banner .carousel-indicators__wrapper {
    position: relative;
    top: -100px;
}

.carousel-control-next,
.carousel-control-prev {
    width: 3.5% !important;
}

.carousel-main-banner .carousel-indicators__wrapper .carousel-indicators {
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    flex-direction: row;
    /* -webkit-box-pack: end;
    justify-content: flex-end;
    left: 24px;
    right: auto; */
    width: auto;
    margin: 0;
    text-align: center !important;
}

.carousel-main-banner .carousel-inner .carousel-item blockquote p,
.carousel-main-banner .carousel-inner .carousel-item.active blockquote p {
    text-shadow: 3px 3px 2px rgba(0, 0, 0, .4);
    margin: 0;
    font-family: "Klima", Helvetica, Arial, sans-serif;
    font-size: 4vw;
    font-weight: 700;
    color: #fff !important;
    line-height: 1;
}

.carousel-main-banner .carousel-inner .carousel-item .item-content__action .btn-raised-banner,
.carousel-main-banner .carousel-inner .carousel-item.active .item-content__action .btn-raised-banner {
    transition: all .2s ease-in-out;
    padding: 0;
    font-family: "ProximaNova", "Times New Roman", Georgia, serif;
    font-size: 17px;
    color: #c3ced1;
    line-height: 1;
    border-radius: 0 !important;
}



.carousel-main-banner .carousel-inner .carousel-item .item-content__action .btn-raised-banner .fas {
    border-radius: 50%;
    background-clip: padding-box;
    transition: all .2s ease-in-out;
    display: inline-block;
    width: 55px;
    height: 55px;
    border: solid 2px #1ff8dc;
    margin-right: 8px;
    font-size: 22px;
    line-height: 55px;
}

.carousel-main-banner .carousel-indicators__wrapper .carousel-indicators li {
    position: relative;
    border: 0;
    width: 40px;
    height: 3px;
    margin: 0 16px 0 0;
    padding: 0;
}

.carousel-main-banner .carousel-indicators__wrapper .carousel-indicators li:active {
    width: 40px;
    height: 3px;
}

.carousel-main-banner .carousel-indicators__wrapper .carousel-indicators li .carousel-indicators__control {
    opacity: .4;
    filter: alpha(opacity=40);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-clip: padding-box;
    width: 40px;
    height: 3px;
    background-color: #fff;
}

.section-services:before {
    opacity: .55;
    filter: alpha(opacity=55);
    content: "";
    position: absolute;
    width: 320px;
    height: 400px;
    top: 20px;
    background: url(./../img/bg-abstract-hexagon.png) left top no-repeat;
    background-size: contain;
}

a.btn.btn-raised-banner:hover>i {
    background: #1ff8dc;
    color: #001b35;
}

.btn-default:before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    width: 40px;
    height: 1px;
    background-color: #1ff8dc;
    transform: translateY(-50%);
}

.btn-default:after {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-clip: padding-box;
    position: absolute;
    content: "";
    left: 20%;
    top: 50%;
    width: 7px;
    height: 7px;
    background-color: #1ff8dc;
    transform: translateY(-50%);
}

.btn-default:hover,
.btn-default:active,
.btn-default:focus {
    color: #333 !important;
    border-radius: 0;
    background-color: #e6e6e6 !important;
    border-color: #adadad !important;
}

@media screen and (max-height:520px) {
    .carousel-main-banner .carousel-inner .carousel-item blockquote p {
        font-size: 28px !important;
    }

    .slider_1,
    .slider_2,
    .slider_3,
    .sk_slider_1,
    .sk_slider_2 {
        height: 105vh !important;
    }

    .sk_slider_1 {
        height: 115vh !important;
    }

    .carousel-main-banner .carousel-inner .carousel-item .item-content__wrapper,
    .carousel-main-banner .carousel-inner .carousel-item.active .item-content__wrapper {
        min-height: 380px;
    }
}


/*why choose us*/
.carousel-overview {
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    flex-direction: row;
}

.carousel-overview .carousel-indicators li:hover .carousel-indicators__label {
    color: #000078;
}

.carousel-overview .carousel-inner .carousel-item p {
    font-size: 20px;
    color: #616d71;
}

.section-services {
    position: relative;
}

.section-spacer {
    padding: 96px 0;
}

.carousel-overview .carousel-indicators__wrapper {
    margin: 0;
    padding: 0;
    width: 50%;
}

.carousel-overview .carousel-indicators {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    position: relative;
    justify-content: flex-start;
    flex-direction: column;
    -webkit-box-pack: start;
    margin: 0;
    padding: 0 0 0 24px;
    border-left: solid 1px rgba(195, 206, 209, .5);
}

.carousel-overview .carousel-inner {
    width: 50%;
}

.carousel-indicators li .carousel-indicators__label {
    transition: all .2s ease-in-out;
    font-size: 42px;
    line-height: 1;
    color: #c3ced1;
}

.carousel-overview .carousel-indicators li.active .carousel-indicators__label:before {
    position: absolute;
    top: -4px;
    right: -20px;
    color: #1ff8dc;
    font-size: 24px;
}


.carousel-overview .carousel-indicators li.active .carousel-indicators__label:after {
    position: absolute;
    content: "";
    left: -24px;
    top: 0;
    width: 4px;
    height: 48px;
    background-color: #1ff8dc;
}

.carousel-overview .carousel-indicators li {
    opacity: 1;
    display: flex;
    font-weight: 700;
    transition: all .2s ease-in-out;
    width: auto;
    height: unset;
    margin: 0;
    padding: 0;
    text-indent: 0;
}

.carousel-indicators li::before {
    position: absolute;
    top: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: "";
}

.carousel-indicators li::after {
    position: absolute;
    bottom: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: "";
}

.carousel-overview .carousel-indicators li.active .carousel-indicators__label {
    position: relative;
    color: #001b35;
}

.carousel-overview .carousel-indicators li .carousel-indicators__control {
    text-indent: 0;
    display: block;
    width: auto;
}

.spacer-out-none {
    margin: 0;
}

.card-news__header-category {
    display: inline-block;
    font-family: "Klima", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #1ff8dc;
}

.card-news__header-date {
    margin-right: 8px;
    display: inline-block;
    color: #616d71;
    font-size: 14px;
    font-family: "Klima", Helvetica, Arial, sans-serif;
}

.news_letter_form .form-control {
    background-color: #f0f0f0cc;
    padding: 8px 24px;
    letter-spacing: 1px;
    font-size: 0.85rem;
    line-height: 1.85;
    border: none;
    display: inline-block;
    width: auto;
}

.news_letter_form .btn {
    background: #1ff8dc;
    border-color: #1ff8dc;
    border-radius: 5px;
    display: inline-block;
    color: White;
    font-size: 16px;
    font-weight: 600;
    padding: 5px 13px;
}

.news_letter_form .btn:hover {
    background: #1cecd1;
    border-color: #1cecd1;
    border-radius: 5px;
    display: inline-block;
}

.nav-pills-tertiary a {
    color: #1d7fbe;
}

li.nav-item:active>a {
    background-color: #1ff8dc;
    color: white;
}

.font-weight-bold,
b,
strong {
    font-weight: 600 !important;
}

#cases {
    position: relative;
    filter: blur(4px);
    -webkit-filter: blur(4px);
    height: 100%;
}

#cases:before {
    content: "";
    display: block;
    position: absolute;
    height: 90%;
    width: 100%;
    z-index: 10;
    background-color: transparent;
}

html .bg-color-tertiary,
html .bg-tertiary {
    background-color: #1d7fbe !important;
}

.footer-hide {
    display: none;
}

li {
    font-weight: 300;
    font-family: "Open Sans", Arial, sans-serif;
}

.carousel-fade .carousel-item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.carousel-main-banner .carousel-inner .carousel-item img,
.carousel-main-banner .carousel-inner .carousel-item.active img {
    min-height: 100%;
    height: auto;
    width: 100%;
}

.carousel-main-banner .carousel-inner .carousel-item:after,
.carousel-main-banner .carousel-inner .carousel-item.active:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

/*Css by pinark*/
/* Add here all your CSS customizations */

.slider_buton {
    font-family: 'Roboto', serif !important;
}

.slider_1,
.slider_2,
.slider_3,
.sk_slider_1 {
    width: 100%;
    min-height: 300px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.sk_slider_1 .container {
    margin-top: 17vh;
    padding-top: 30px !important;
}

@media screen and (max-width: 640px) {
    .carousel-main-banner .carousel-indicators__wrapper {
        display: none !important;
    }
}

@media screen and (max-height: 580px) {
    .carousel-main-banner .carousel-indicators__wrapper {
        display: none !important;
    }

    .sk_slider_1 .container {
        margin-top: 85px !important;
        padding-top: 25px !important;
    }
}

@media screen and (max-width: 768px) {

    .slider_1,
    .slider_2,
    .slider_3,
    .sk_slider_1 {
        height: 90vh;
    }

    .carousel-main-banner .carousel-inner .carousel-item .item-content__wrapper,
    .carousel-main-banner .carousel-inner .carousel-item.active .item-content__wrapper {
        height: 100%;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .sk_content .content_1,
    .sk_content .content_2,
    .sk_content .content_3,
    .sk_content .content_4,
    .sk_content .content_5,
    .sk_content .content_6,
    .sk_content .content_7,
    .sk_content .content_8,
    .sk_content .content_9,
    .sk_content .content_10 {
        padding: 15px;
    }
}

.slider_1 {
    background-image: url('../img/slider-1.jpg');
}

/* 
.sk_slider_logo {
    
} */
.sk_slider_logo img {
    width: 100%
}

.sk_slider_1,
.slider_2 {
      background-size:     cover; 
  /*  background-image: url('../img/slider-2.jpg');*/
  background-image: url('../img/slider/sketchup.jpg');
}

.slider_3 {
    background-size:     cover; 
/*  background-image: url('../img/slider-2.jpg');*/
background-image: url('../img/slider/lumion.jpg');
}
.slider_8 {
    background-size:     cover; 
/*  background-image: url('../img/slider-2.jpg');*/
background-image: url('../img/slider/bluebeam_hero.jpg');
}

.slider_9 {
    background-size:     cover; 
/*  background-image: url('../img/slider-2.jpg');*/
background-image: url('../img/slider/planearly_hero.jpg');
}

.slider_15 {
    background-size:     cover; 

background-image: url('../img/slider/gs-main.jpg');
}

@media screen and (max-width: 680px) {
   
}

@media screen and (min-width: 681px) {
 /*   .slider_2 {
    background-image: url('../img/slider-2.jpg');
  }
  
    .slider_3 {
        background-image: url('../img/slider-3.jpg');
    } */
}

.slider_4 {
    background-size:     cover; 

background-image: url('../img/slider/unity-bg.jpg');
}

.slider_10 {
background-size:     cover; 

background-image: url('../img/slider/bluebeam_hero.jpg');
}

/* Overview */
.changeText {
    background-color: #21ecd1;
    color: #ffffff;
}

.changeText b {
    padding: 0 10px;
}

.bg-gray {
    background-color: #f7f7f7;
}

.team .thumb-info-type {
    background: #21ecd1;
    font-size: 12px;
    margin: 8px -2px -15px 0px !important;
}

/* Footer */
.site-footer {
    position: relative;
    background-color: #001b35;
    padding: 48px 0 48px 0;
}

.site-footer:before {
    opacity: .3;
    filter: alpha(opacity=30);
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(./../img/background.png) right top no-repeat;
    background-size: auto;
}

.site-footer .site-brand .site-brand__anchor {
    display: block;
    width: 114px;
    height: 53px;
    margin-left: 0 !important;
    background: url(./../img/logo-2.png) left top no-repeat;
}

.site-footer .site-brand .site-brand__desc {
    margin: 16px 0 0 0;
    font-family: "Klima", Helvetica, Arial, sans-serif;
    color: #c3ced1;
    font-size: 18px;
    line-height: 1.2;
}

.site-footer .site-footer-contact .site-footer-contact__phone {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    line-height: 1;
    padding-top: 20px;
}

.site-footer .site-footer-contact .site-footer-contact__phone .fas {
    font-size: 20px;
    color: #1ff8dc;
    margin-right: 8px;
    line-height: 1;
}

address {
    margin: 0 0 1.5em;
}

.site-footer .site-footer-contact .site-footer-contact__address {
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
    margin-top: 20px;
    font-size: 14px;
    color: #c3ced1;
}

.site-footer .site-footer-contact .site-footer-contact__address .fas {
    font-size: 20px;
    color: #1ff8dc;
    margin-right: 8px;
    line-height: 1;
}

.site-footer .links-social {
    margin-top: 32px;
}

.site-footer .links-social .link-item {
    border-radius: 48px;
    background-clip: padding-box;
    transition: all .2s ease-in-out;
    border: solid 2px rgba(255, 255, 255, .2);
    width: 48px;
    height: 48px;
    margin-right: 8px;
    display: inline-block;
    text-align: center;
    line-height: 44px;
    text-decoration: none;
}

.site-footer .links-social .link-item .fab {
    transition: all .2s ease-in-out;
    font-size: 18px;
    color: #c3ced1;
    text-decoration: none;
    line-height: 2.3;
}

.site-footer .links-social .link-item:hover,
.site-footer .links-social .link-item:focus {
    border: solid 2px #1ff8dc;
}

.site-footer .links-social .link-item:hover>i,
.site-footer .links-social .link-item:focus>i {
    color: white
}

.site-footer .btn-footer-c2a {
    -webkit-border-radius: 60px;
    border-radius: 60px;
    background-clip: padding-box;
    transition: all .2s ease-in-out;
    display: inline-block;
    height: 60px;
    font-weight: 700;
    padding: 12px 25px;
    border: solid 2px transparent;
    background-color: #1ff8dc;
    font-size: 18px;
    color: #001b35;
    text-decoration: none;
    line-height: 2;
}

.site-footer .btn-footer-c2a .fab {
    margin: 0 8px;
    line-height: 1;
}

.site-footer .btn-footer-c2a:hover,
.site-footer .btn-footer-c2a:focus {
    border: solid 2px #1ff8dc;
    background-color: transparent;
    color: #fff;
}

.site-footer .footer-copy {
    margin: 32px 0 0 0;
    font-size: 14px;
    color: #fff;
}

.site-footer .footer-copy-links {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    margin-top: 4px;
}

.site-footer .footer-copy-links a {
    font-size: 14px;
    color: #1ff8dc;
}

.site-footer .footer-copy-links .sep {
    opacity: .4;
    margin: 0 8px;
    color: #fff;
}

.site-footer .footer-copy-links a {
    font-size: 14px;
    color: #1ff8dc;
}

.list li {
    font-weight: 300 !important;
}

#header .header-nav.header-nav-line nav>ul .shop-button:hover>a:before {
    background: none !important;
}

.head-button:hover {
    border-bottom: none !important;
}

.copyright {
    margin: 32px 0 0 0;
    font-size: 14px;
    color: #fff;
}

a:hover,
a:focus,
a:active {
    color: #191970;
    text-decoration: none;
}

.block {
    overflow: hidden;
    width: 800px;
    margin: 50px auto;
    background: #fff;
}

.animation {
    width: auto;
    height: 100px;
    font-size: 0px;
}

.animation div {
    display: inline-block;
    width: auto;
    float: none;
    padding: 0 10px;
}


/* Sketchup Page CSS */
.sk_section {
    padding: 50px 10px;
}

.sk_section h1,
.sk_section h2,
.sk_section h3,
.sk_section h4,
.sk_section h5,
.sk_section h6 {
    text-transform: capitalize;
}

.sk_section img {
    width: 100%;
}

.tbl_cell {
    display: table-cell;
    padding: 10px;
}

.tbl_cell i {
    vertical-align: middle;
    color: #0d74b4;
}

.tbl_cell h4 {
    text-transform: capitalize;
    margin: 10px 0;
}

.tbl_cell .spn {
    display: inline-block;
}

.tbl_cell .spn_blue,
.tbl_cell .spn_green {
    display: inline-block;
    text-transform: uppercase;
    padding: 5px 10px;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
}

.tbl_cell .spn_green {
    background: #10aa5d;
}

.tbl_cell .spn_blue {
    background: #1065aa;
}

.tbl_cell p {
    color: #202020;
    font-weight: 400;
    text-align: justify;
    text-indent: 10px;
}

.sk_pro h3 {
    margin: 15px 0;
    color: black;
    font-weight: 700 !important;
}

.sk_pro h3 a {
    transition: all .4s;
    text-decoration: none;
}

.sk_content {
    padding: 25px 0;
}

.sk_content h6 {
    font-weight: 800 !important;
    letter-spacing: .5px;
    color: #6d6d6d;
}

.sk_content h4 {
    padding: 12px 5px;
    font-weight: 800 !important;
    letter-spacing: .6px;
    color: #6d6d6d;
}

.sk_content p {
    color: #9c9c9c;
    font-weight: 400;
}

.sk_content .content_1,
.sk_content .content_2,
.sk_content .content_3,
.sk_content .content_4,
.sk_content .content_5,
.sk_content .content_6,
.sk_content .content_7,
.sk_content .content_8,
.sk_content .content_9,
.sk_content .content_10 {
    padding: 15px;
}

.sk_italic {
    font-style: italic;
    font-weight: 600 !important;
    color: #7c7c7c !important;
}

.sk_content a {
    text-decoration: none;
}

.sk_content .content_10 h3 {
    font-weight: 700 !important;
}

.sk_content .form_div h2 {
    font-weight: 300 !important;
    color: #a8a8a8 !important;
}

.comment_form {
    padding: 35px;
    background: #e9e9e9;
}

@media screen and (min-width:992px) {
    .sk_content .row {
        padding-top: 25px !important;
    }

    .sk_content .content_1,
    .sk_content .content_2,
    .sk_content .content_3,
    .sk_content .content_4,
    .sk_content .content_5,
    .sk_content .content_6,
    .sk_content .content_7,
    .sk_content .content_8,
    .sk_content .content_9,
    .sk_content .content_10 {
        padding: 30px;
    }
}

@media screen and (max-width: 991px) {
    .section-services:before {
        opacity: .15;
        filter: alpha(opacity=55);
        content: "";
        position: absolute;
        width: 320px;
        height: 400px;
        top: 20px;
        background: url(./../img/bg-abstract-hexagon.png) left top no-repeat;
        background-size: contain;
    }

    .py-5 {
        padding-bottom: 1rem !important;
    }

    .py-5 {
        padding-top: 1rem !important;
    }

    .mt-5 {
        margin-top: 1rem !important;
    }

    .mb-5 {
        margin-bottom: 1rem !important;
    }

    .pt-5 {
        padding-top: 1rem !important;
    }

    .section-spacer {
        padding: 20px 0;
    }

    .pb-5,
    .py-5 {
        padding-bottom: 1.1rem !important;
    }

    .sk_section {
        padding: 30px 30px;
    }

    .cg_content {
        padding: unset !important;
    }

    .rmt {
        margin-top: 30px !important;
    }
}

.contact-form {
    width: 90% !important;
}

.in_details, .uk_details,
.uae_details {
    padding: 8px 18px;
    margin: 4px 3px;
    color: #1ff8dc;
    background-color: transparent;
    border: 2px solid #1ff8dc;
    border-radius: 4px;
    transition: all .4s;
    font-weight: 600;
}

.in_details:hover, .uk_details:hover,
.uae_details:hover {
    color: #fff;
    background-color: #1ff8dc;
}

.active_btn {
    color: #fff;
    background-color: #1ff8dc;
    border: 2px solid #1ff8dc;
}

.in_details:focus, .uk_details:focus,
.uae_details:focus,
.contact_form input[type="submit"]:focus,
.request_demo input[type="submit"]:focus {
    outline: none;
    box-shadow: none;
}

.contact_form input[type="submit"],
.request_demo input[type="submit"] {
    padding: 8px 18px;
    margin: 4px 3px;
    color: #1ff8dc;
    background-color: transparent;
    border: 2px solid #1ff8dc;
    border-radius: 4px;
    transition: all .4s;
    font-weight: 600;
}

.contact_form input[type="submit"]:hover,
.request_demo input[type="submit"]:hover {
    color: #fff;
    background-color: #1ff8dc;
}

.visible-sm {
    display: none;
}

@media(min-width: 600px) and (max-width: 1024px) {
    h4 {
        font-size: 1em;
    }
}

@media(max-width: 450px) {
    .item-content__category-name {
        margin-top: 40px !important;
    }
}

@media screen and (max-width: 768px) {
    .service article {
        text-align: center;
    }
}

@media screen and (max-width: 568px) {
    .s_mt_25 {
        margin-top: 25px;
    }

    .s_mb_0 {
        margin-bottom: 0px !important;
    }

    .s_font_sz_title {
        font-size: 1.8em !important;
    }
}

@media screen and (max-width: 991px) {
    .s_font_sz_title {
        font-size: 1.8em !important;
    }

    .m_mt_10 {
        margin-top: 10px;
    }

    #old_news article.post .post-content p.news_content {
        color: #212529;
        text-decoration: none;
    }

    #old_news article.post h2 a {
        color: #5f5b5b !important;
    }

    #old_news article.post h2 {
        font-size: 1.2em !important;
    }
}

#news_post .post_title h2 a,
#events_post .post_title h2 a {
    color: #474747;
    text-decoration: none;
}

#news_post .post_title h2 a :hover,
#events_post .post_title h2 a :hover {
    color: #646060 !important;
}

#news_post .post_image,
#events_post .post_image {
    width: 100%;
    min-height: 230px;
    background-size: contain;
    background-position: top;
    background-repeat: no-repeat;
}

/* sejal by css */
ul.dropdown-menu.techdm-2 {
    width: 60% !important;
    margin: auto !important;
}

ul.dropdown-menu.techdm {
    width: 40% !important;
    margin: auto !important;
}

ul.dropdown-menu.all-dm {
    min-width: 150px !important;
    margin: auto !important;
}

.shop-btn {
    color: #fff ;
    background-color: #1ff8dc !important;
    border: none;
    transition: all .7s;
}

.shop-btn:hover {
    color: #fff !important;
    background-color: #6cffeb;
}

.market-img {
    width: 100% !important;
    height: auto;
}

.isotope-item .portfolio-item {
    margin: 20px auto !important;
}


/***** Terms and Conditions CSS *****/
.termscondition p {
    color: #555555 !important;
}
.termscondition span {
    color: #727272 !important;
    font-weight: 600;
}

.termscondition a {
    font-weight: 500;
}

.termscondition ul li{
    color: #555555 !important ;
}


@media only screen and (max-width: 600px) {
    .modal-dialog{
        max-width: 100% !important; 
    }
    .form-control {
  
    background-color: rgb(216 216 216);
    border-color: rgb(216 216 216);
}
  }
  
  @-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}
  
  .neon {
    text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 0.6s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
  color: #fff;
  text-shadow:
    0 0 5px #fff,
    0 0 10px #fff,
    0 0 20px #fff,
    0 0 40px #0ff,
    0 0 80px #0ff,
    0 0 90px #0ff,
    0 0 100px #0ff,
    0 0 150px #0ff;
    
}

/* customizable snowflake styling */
.snowflake {
  color: #fff;
  font-size: 1em;
  font-family: 'Molle', cursive;
  text-shadow: 0 0 1px #000;
}

@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%{-webkit-transform:translateX(0px);transform:translateX(0px)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}100%{-webkit-transform:translateX(0px);transform:translateX(0px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%{transform:translateX(0px)}50%{transform:translateX(80px)}100%{transform:translateX(0px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}


@media (min-width: 576px){
.width-dialog {
    min-width: 700px !important;
    max-width: 700px !important;
}
}


.thumb-info .thumb-info-title {
    transition: all 0.3s;
    background: rgba(33, 37, 41, 0.8);
    color: #FFF ;
    font-weight: 600;
    left: 0;
    letter-spacing: -.05em;
    position: absolute;
    z-index: 2;
    max-width: 100%;
    font-size: 17px;
    padding: 13px 21px 2px;
    bottom: 1%;
}


.countdown-container{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
}
.big-text{
    font-weight: bold;
    font-size: 6rem;
    line-height: 1;
    margin: 0 2rem;
}
.cont-el{
    text-align: center;
    width: 140px;
    margin: 0 15px;
}
.cont-el span{
    font-size: 1.3rem;
}
.date{
    margin: 85px 0 0 0;
    padding: 10px 25px;
    font-size: 1.1rem;
    border: none;
    border-radius: 5px;
}
@media screen and (max-width: 767px){
    h1{
        font-size: 3rem;
        padding: 20px;
    }
    .countdown-container{
        flex-wrap: wrap;
    }
}

#date{
    display: none;
}

.o-livechat-root{
    position: absolute !important;
    z-index: 999 !important;
}
.slider_8 {
background-size:     cover; 

background-image: url('../img/slider/bluebeam_hero.jpg');
}

.carousel-main-banner .carousel-inner .carousel-item img, .carousel-main-banner .carousel-inner .carousel-item.active img{
    width: 50%;
}