body {
    overflow-x: hidden;
}

input:focus:required:invalid, textarea:focus:required:invalid, select:focus:required:invalid {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

input:required:valid, textarea:required:valid, select:required:valid {
    border: 1px solid #0fa00f;
    background-color: #ddf7ec;
}

.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.field-validation-valid {
    border: 1px solid #0fa00f;
    background-color: #ddf7ec;
}

.valid {
    border: 1px solid #0fa00f;
    background-color: #ddf7ec;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}

.tab .nav-tabs {
    display: inline-block;
    background: #fff;
    /*border-radius: 50px;*/
    width: 100%;
    border: none;
    padding: 6px;
    background-color: #ffffff;
    position: relative;
    top: -50px;
    margin-top: 3%;
    box-shadow: -1px 2px 10px 0 rgba(173, 177, 240, 1);
}

    .tab .nav-tabs li {
        float: none;
        display: inline-block;
        position: relative;
    }

        .tab .nav-tabs li a {
            font-size: 16px;
            font-weight: 700;
            background: none;
            color: #999;
            border: none;
            padding: 10px 25px;
            border-radius: 50px;
            transition: all 0.5s ease 0s;
        }

            .tab .nav-tabs li a:hover {
                background: #ffa399;
                color: #fff;
                border: none;
            }

        .tab .nav-tabs li.active a,
        .tab .nav-tabs li.active a:focus,
        .tab .nav-tabs li.active a:hover {
            border: none;
            background: #f26622;
            color: #fff;
        }

.tab .tab-content {
    font-size: 14px;
    color: #686868;
    line-height: 25px;
    position: relative;
    top: -50px;
    margin-top: 3%;
    box-shadow: -1px 2px 10px 0 rgba(173, 177, 240, 1);
    text-align: left;
    padding: 5px 20px;
}

    .tab .tab-content h3 {
        font-size: 22px;
        color: #5b5a5a;
    }

@media only screen and (max-width: 480px) {
    .tab .nav-tabs {
        border-radius: 10px;
    }

        .tab .nav-tabs li {
            width: 100%;
            text-align: center;
            margin-bottom: 5px;
        }
}

.text_building {
    color: #fff;
    font-weight: 700;
}

.text_ecosystem {
    color: #fff;
    font-weight: 700;
}

.readmore_btn {
    background-color: #2d3381;
    border-left: transparent !important;
    line-height: 35px;
    font-weight: 500;
}

.services {
    /*padding-bottom: 90px;*/
    display: inline-block;
    width: 100%;
}

    .services .email-quote {
        background-color: #fff;
        position: relative;
        top: -50px;
        /*z-index: 500;*/
        padding: 35px 15px 20px 15px;
        margin-bottom: 40px;
        box-shadow: 0px 5px 30px 0px rgba(50, 50, 50, 0.1);
    }

        .services .email-quote h4 {
            display: inline-block;
            float: left;
            margin: 10px 30px 0px 0px;
            color: #ffffff;
            text-transform: uppercase;
        }

        .services .email-quote form {
            overflow: hidden;
        }

        .services .email-quote input.col-md-6 {
            width: 50%;
        }
/*input[type="text"] {
    width: 100%;
    height: 40px;
    padding: 0 15px;
    border: none;
    background-color: #fff;
}*/
.inputclass {
    /*width: 100%;*/
    height: 40px;
    padding: 0 15px;
    border: none;
    background-color: #fff;
}

.top_input {
    margin-right: 25px;
}
/*.services .email-quote select {
    height: 40px;
    border: none;
    padding: 0 10px;
    cursor: pointer;
    position: relative;
    display: inline;
    width: 62%;
    float: left;
}*/
.camera_overlayer {
    background: transparent;
}

.services .email-quote button {
    background-color: #00adef;
    color: #ffffff;
    border: none;
    height: 40px;
    padding: 0 30px;
    margin-bottom: 5px;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    /*letter-spacing: 0.1em;*/
    /*margin-left: 15px;*/
}

.features-item {
    position: relative;
    overflow: hidden;
    padding: 20px 20px 20px 150px;
    margin-bottom: 40px;
    -webkit-box-shadow: 0px 5px 30px 0px rgba(50, 50, 50, 0.1);
    -moz-box-shadow: 0px 5px 30px 0px rgba(50, 50, 50, 0.1);
    box-shadow: 0px 5px 30px 0px rgba(50, 50, 50, 0.1);
}

    .features-item .icon-wrap {
        background-color: #f26622;
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        padding: 0px 35px;
        line-height: 120px;
    }

        .features-item .icon-wrap i {
            font-size: 60px;
            color: #ffffff;
            line-height: 165px;
        }

.my_padding {
    padding-top: 0px;
    padding-bottom: 0px;
}

.icons-box {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin: -20px -15px;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
}

[class*="page-section"] {
    padding: 50px 0;
}

.fx-cols-4 > * {
    -webkit-flex-basis: 25%;
    flex-basis: 25%;
}

.icons-box .icons-wrap {
    padding: 1px 1px;
    overflow: hidden;
    background-color: #e6e6f0;
    border: 2px solid #fff;
}

    .icons-box .icons-wrap .icons-item:not(.type-3) {
        position: relative;
        border: 2px solid #e6e6f0;
        border-radius: 0px;
        background-color: #e6e6f0;
    }

        .icons-box .icons-wrap .icons-item:not(.type-3) > .item-box {
            position: relative;
            z-index: 2;
            padding: 40px 30px;
            overflow: hidden;
            text-align: center;
        }

            .icons-box .icons-wrap .icons-item:not(.type-3) > .item-box > * {
                -webkit-transition: color .35s ease;
                -o-transition: color .35s ease;
                transition: color .35s ease;
            }

    .icons-box .icons-wrap .icons-item > .item-box .icons-box-title {
        font-weight: 600;
        line-height: 25px;
        color: #2c3182;
    }

.counter-section {
    background-image: url(../images/counter-bg.jpg);
    background-size: cover;
    background-position: center center;
}

.wrapper {
    padding: 100px 0;
}

.col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.counter-section h2 {
    color: #0B60A9;
    margin-bottom: 20px;
}

    .counter-section h2:after {
        content: '';
        display: block;
        margin-top: 20px;
        width: 50px;
        border-top: 2px solid #0B60A9;
    }

.counter-section p.heading {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}

.counter-section p {
    color: #ffffff;
}

.testimonials {
    width: 100%;
    float: left;
    text-align: center;
    padding: 80px 0;
}

.content-carousel {
    width: 100%;
    float: left;
}

/*---------------------------Start slick.css -----------------------*/
.slick-slider {
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

    .slick-track:before,
    .slick-track:after {
        display: table;
        content: '';
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}
/*---------------------------End slick.css -----------------------*/

.testimonials figure {
    display: block;
    margin-bottom: 20px;
}

.testimonials blockquote {
    border: none;
    font-size: 16px;
    font-weight: 300;
}

.content-carousel .slick-dots {
    width: 100%;
    float: left;
    margin-top: 20px;
    text-align: center;
}

    .content-carousel .slick-dots li {
        display: inline-block;
        margin: 0 5px;
    }

.testimonials i {
    font-size: 50px;
    color: #ffba00;
}

.testimonials figure img {
    display: inline-block;
    max-width: 100%;
}

.testimonials h4 {
    font-weight: 700;
    font-size: 27px;
    color: #413686;
    margin: 0;
}

.testimonials small {
    color: #ffba00;
    font-weight: 700;
    font-size: 13px;
}

.content-carousel .slick-dots li button {
    width: 10px;
    height: 10px;
    float: left;
    text-indent: -99999px;
    padding: 0;
    border-radius: 50%;
}

.content-carousel .slick-dots li button {
    width: 10px;
    height: 10px;
    float: left;
    text-indent: -99999px;
    padding: 0;
    border-radius: 50%;
}

button[type="button"] {
    height: 40px;
    background: #413686;
    color: #fff;
    padding: 0 20px;
    border: none;
    font-size: 15px;
    font-weight: 700;
}

.ion-android-hangout:before {
    content: "\f38d";
}

.section_title .title h2 {
    font-size: 30px;
    line-height: 25px;
    color: #2c3280;
}

.bottom_img {
    width: 54px;
    height: 51px;
}

.features-item .icon-wrap1 {
    background-color: #f26622;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    padding: 25px 28px;
    /*padding: 0px 28px;*/
    line-height: 120px;
}

.bottom_img1 {
    width: 50px;
    height: 50px;
}

.bottom_small1 {
    width: 15px;
    margin-top: -80px;
}

.bg_myimg {
    min-height: 423px;
    height: auto;
    width: 100%;
    background-image: url('../images/from_DeptoDes.jpg');
}

.head_title {
    color: #fff;
    padding-bottom: 20px;
    text-align: center;
}

.head_title_p {
    color: #c2c2c2;
    font-size: 16px;
    text-align: center;
}

.mycol_default {
    margin: 7% 0%;
}

.item_img {
    width: 32px;
    height: 32px;
    margin-bottom: 20px;
}

.services_head {
    color: #323685;
    font-weight: 500;
    font-size: 17px;
}

.realtime_img {
    width: 100%;
    /*height:349px;*/
}

footer {
    background: #f36621;
}

.dark-footer {
    width: 100%;
    float: left;
    /*margin-top: 60px;*/
    overflow-x: hidden;
}

    .dark-footer .newsletter {
        width: 100%;
        height: 500px;
        float: left;
        background: #413686;
        padding-left: 30px;
        position: relative;
    }

        .dark-footer .newsletter:after {
            content: '';
            width: 1000px;
            height: 100%;
            position: absolute;
            left: 100%;
            top: 0;
            background: #413686;
        }

    .dark-footer .footer-content {
        width: 100%;
        float: left;
        color: #fff;
    }

    .dark-footer .title {
        width: 100%;
        float: left;
        font-size: 21px;
        color: #fff;
        font-weight: 700;
        position: relative;
        margin-top: 80px;
        margin-bottom: 20px;
    }

    .dark-footer p {
        width: 100%;
        float: left;
        font-size: 14px;
        line-height: 15px;
        color: #fff;
    }

    .dark-footer .newsletter input[type="text"] {
        width: 68%;
        float: left;
        border: none;
        color: #272242;
        background-color: #fff;
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 0px;
    }

    .dark-footer .newsletter button[type="submit"] {
        background: #ffba00;
    }

button[type="submit"] {
    height: 40px;
    background: #413686;
    color: #fff;
    padding: 0 20px;
    border: none;
    font-size: 15px;
    font-weight: 700;
}

.dark-footer .newsletter small {
    display: block;
    margin-top: 10px;
    color: #fff;
}

.footer_address {
    padding-top: 30px;
    padding-bottom: 25px;
}

    .footer_address .address_right {
        display: inline-block;
        width: calc(100% - 27px);
        vertical-align: middle;
        color: #fff;
        padding-left: 0px;
    }

.address_right > a {
    display: block;
    color: #fff;
    line-height: 20px;
}

.tiny_footer {
    background: #413686;
}

.footer_text_wrapper:before {
    background: #fff;
}

.tiny_footer .footer_text_wrapper p {
    color: #f57637;
}

.footer_text {
    height: 30px;
}

.footer_text_wrapper {
    position: relative;
    padding-top: 20px;
    padding-bottom: 30px;
}

.footer-left1 {
    float: left;
    width: 130px;
    padding-left: 0px;
    padding-top: 5px;
}

.footer-left2 {
    float: left;
    width: 140px;
    padding-top: 5px;
}

    .footer-left1, .footer-left2 div {
        color: #fff;
    }


/*----------------------------- header and slides ---------------------*/
#header {
    position: relative;
    z-index: 1000;
}

.top-header {
    background: #fff;
    padding: 6px 0px;
    margin-top: 10px;
}

.home-slider {
    display: inline-block;
    float: left;
    width: 100%;
}

    .home-slider li {
        background-size: cover;
        background-position: center center;
    }

    .home-slider .caption-wrap {
        position: absolute;
        top: 45%;
        width: 35%;
        z-index: 100;
    }

        .home-slider .caption-wrap p {
            color: #ffffff;
            font-size: 20px;
        }

a.button-normal {
    background-color: #0B60A9;
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    padding: 10px 30px;
    margin-top: 20px;
    display: inline-block;
}

.website_logo {
    width: 190px;
}

.signin_img {
    width: 35px;
    margin-left: 10px;
}

.ourpartner {
    max-width: 150px;
}

.slider_top {
    margin-top: -120px;
}


/*----------------------------- header and slides ---------------------*/


@media only screen and (max-width: 1024px) {

    .services .email-quote {
        padding: 30px 25px;
    }
}

@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}


@media only screen and (max-width: 992px) {

    .pricing-tables-holder.cols-4 .pricing-table, .fx-cols-4 > *, .counters-holder-bg.cols-4 .counter {
        -webkit-flex-basis: 50%;
        flex-basis: 50%;
    }

    .counter-item {
        text-align: center;
        margin-bottom: 40px;
    }

    .counter-section h2:after {
        margin-left: auto;
        margin-right: auto;
    }

    .features-item .icon-wrap {
        height: 100%;
        padding: 0px 35px;
        line-height: 90px;
    }

    .features-item .icon-wrap1 {
        line-height: 90px;
        padding: 0px 26px;
    }

    .bottom_small1 {
        width: 15px;
        margin-top: -55px;
    }

    .mycol_default {
        margin: 12% 0%;
        float: right;
    }

    .ourpartner {
        max-width: 100px;
    }

    .slider_top {
        margin-top: -190px;
    }
}

@media only screen and (max-width: 768px) {
    .features-item .icon-wrap {
        height: 100%;
        padding: 0px 35px;
        line-height: 135px;
    }

    .features-item .icon-wrap1 {
        line-height: 135px;
    }

    .bottom_small1 {
        width: 15px;
        margin-top: -100px;
    }

    .ourpartner {
        max-width: 80%;
    }
}

@media only screen and (max-width: 480px) {
    [class*="fx-cols-"] > * {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
    }

    .features-item .icon-wrap {
        height: 100%;
        padding: 0px 35px;
        line-height: 225px;
    }

    .features-item .icon-wrap1 {
        line-height: 225px;
    }
    /*.website_logo{
          width: 100px;
  }*/
    .slider_top {
        margin-top: -210px;
    }
}







.col-centered {
    float: none;
    margin: 0 auto;
}

.carousel-control { 
    width: 8%;
    width: 0px;
}
.carousel-control.left,
.carousel-control.right { 
    margin-right: 40px;
    margin-left: 32px; 
    background-image: none;
    opacity: 1;
    margin-top: 40px;
    /*margin-right: -6px;
    margin-left: -32px;
    background-image: none;
    opacity: 1;
    margin-top: 40px;*/
}
.carousel-control > a > span {
    color: white;
	  font-size: 29px !important;
}

.carousel-col { 
    position: relative; 
    min-height: 1px; 
    padding: 5px; 
    float: left;
 }

 .active > div { display:none; }
 .active > div:first-child { display:block; }

/*xs*/
@media (max-width: 767px) {
  .carousel-inner .active.left { left: -50%; }
  .carousel-inner .active.right { left: 50%; }
	.carousel-inner .next        { left:  50%; }
	.carousel-inner .prev		     { left: -50%; }
  .carousel-col                { width: 50%; }
	.active > div:first-child + div { display:block; }
}

/*sm*/
@media (min-width: 768px) and (max-width: 991px) {
  .carousel-inner .active.left { left: -50%; }
  .carousel-inner .active.right { left: 50%; }
	.carousel-inner .next        { left:  50%; }
	.carousel-inner .prev		     { left: -50%; }
  .carousel-col                { width: 50%; }
	.active > div:first-child + div { display:block; }
}

/*md*/
@media (min-width: 992px) and (max-width: 1199px) {
  .carousel-inner .active.left { left: -33%; }
  .carousel-inner .active.right { left: 33%; }
	.carousel-inner .next        { left:  33%; }
	.carousel-inner .prev		     { left: -33%; }
  .carousel-col                { width: 33%; }
	.active > div:first-child + div { display:block; }
  .active > div:first-child + div + div { display:block; }
}

/*lg*/
@media (min-width: 1200px) {
  .carousel-inner .active.left { left: -25%; }
  .carousel-inner .active.right{ left:  25%; }
	.carousel-inner .next        { left:  25%; }
	.carousel-inner .prev		     { left: -25%; }
  .carousel-col                { width: 25%; }
	.active > div:first-child + div { display:block; }
  .active > div:first-child + div + div { display:block; }
	.active > div:first-child + div + div + div { display:block; }
}

.block {
	width: 306px;
    padding: 25px;
    height: 100px;
    border: 1px solid #a7a7a7;
}

.red {background: red;}

.blue {background: blue;}

.green {background: green;}

.yellow {background: yellow;}