/*
Name: 			theme.css
Written by: 	Okler Themes - (http://www.okler.net)
Version: 		3.1.0
*/
    
    @import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');
    .pt-3 {
        padding-top: 2rem !important;
    }
    
    .pb-3 {
        padding-bottom: 2rem !important;
    }
    
    .pb-5 {
        padding-bottom: 3rem !important;
    }
    
    .pt-5 {
        padding-top: 3rem !important;
    }
    
    .padd-0 {
        padding: 0px !important;
    }
    
    .p-15-30 {
        padding: 12px 24px !important;
        background-color: #fff;
    }
    
    .pt-3-cutm {
        padding-top: 5rem;
    }
    
    .mtb {
        margin-top: 7rem !important;
        margin-bottom: 7rem !important;
    }
    
    .mt-5 {
        margin-top: 3rem !important;
    }
    
    .mt-3 {
        margin-top: 1.5rem !important;
    }
    
    .mt-2 {
        margin-top: 1rem !important;
    }
    
    .mb-2 {
        margin-bottom: 1rem !important;
    }
    
    .m-t-b-15 {
        margin-top: 15px !important;
        margin-bottom: 15px !important;
    }
    
    .mb-10 {
        margin: 0 0 20px 0 !important;
    }
    
    html {
        overflow-x: hidden;
        overflow-y: auto;
    }
    
    .tp-simpleresponsive .tp-caption.map-font-size {
        font-size: 48px;
        text-align: center;
    }
    
    .ethereum-img {
        position: relative;
        top: -70px;
    }
    
    .smart-img {
        width: 100%;
        margin-left: 30px;
    }
    
    .fa-angle-double-right:before {
        content: "\f101";
    }
    
    .icon-map-marker:before {
        content: "\f041";
    }
    
    .icon-phone:before {
        content: "\f095";
    }
    
    .icon-envelope:before {
        content: "\f0e0";
    }
    
    .breadcrumb>.active a {
        color: #999;
    }
    
    body {
        background-color: white;
        color: #777777;
        font-family: 'Open Sans', sans-serif;
        font-size: 15px;
        line-height: 22px;
        margin: 0;
    }
    
    .homepage section.user-case {
        background: #0099e8;
    }
    
    .homepage section.user-case .accordian {
        margin: 0 auto;
        background: #0099e8;
        max-width: 1500px;
        overflow: hidden;
        height: 380px;
    }
    
    #contact_info {
        padding: 0px;
        border: 1px solid #ddd;
        border-radius: 4px;
    }
    
    ul#contact_info li {
        padding: 15px 20px 10px;
    }
    
    .homepage section.user-case .accordian ul {
        margin: 0 auto;
        list-style-type: none;
    }
    
    .homepage section.user-case .accordian li {
        overflow: hidden;
        float: left;
        position: relative;
        background-color: #008acf;
        width: 20%;
        min-width: 20%;
        height: 380px;
        display: block;
        cursor: pointer;
        transition: all 0.5s ease;
    }
    
    .homepage section.user-case .accordian li .pic.business {
        background-image: url(../img/user-case-01.png);
        float: left;
        margin-right: 30px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
    
    .section-text-light .testimonial.testimonial .testimonial-author span,
    .section-text-light .testimonial.testimonial .testimonial-author strong {
        opacity: 0.6;
        color: #FFF;
        text-align: center;
    }
    
    .testimonial .testimonial-author span {
        color: #666;
        display: block;
        font-size: 12px;
    }
    
    .data_manage_bg {
        padding-left: 0px;
        background: #eee;
    }
    
    .testimonial.testimonial-with-quotes blockquote:before {
        color: #fff;
        display: block !important;
        left: 10px;
        top: 0;
        content: "\201C";
        font-size: 80px;
        font-style: normal;
        line-height: 1;
        position: absolute;
    }
    
    .testimonial.testimonial-with-quotes blockquote:after {
        color: #fff;
        display: block !important;
        right: 10px;
        font-size: 80px;
        font-style: normal;
        line-height: 1;
        position: absolute;
        bottom: -0.5em;
        content: "\201D";
    }
    
    .testimonial blockquote {
        border-radius: 10px;
        border: 0;
        color: #666;
        font-family: Georgia, serif;
        font-style: italic;
        margin: 0;
        padding: 10px 50px;
        position: relative;
    }
    
    .homepage section.user-case .accordian li.selected .pic {
        display: block;
    }
    
    .homepage section.user-case .accordian li .status {
        font-size: 22px;
        font-family: "Gotham SSm A", "Gotham SSm B", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
        font-weight: 700;
        font-style: normal;
        position: absolute;
        bottom: 10px;
        left: 20px;
        color: #FFF;
    }
    
    .status.right_arrow {
        display: none;
    }
    
    .homepage section.user-case .accordian li .status.left {
        text-align: left;
    }
    
    .maright_bottom {
        margin-bottom: 65px;
    }
    
    .section-tlte:after {
        background: #0098ef;
        content: "";
        display: block;
        width: 60px;
        height: 3px;
        margin: 0px auto;
        margin-top: 30px;
    }
    
    .homepage section.user-case .accordian li h3 {
        color: #FFF;
        font-size: 20px;
        font-weight: 600;
        font-style: normal;
        margin: 20px;
    }
    
    .homepage section.user-case .accordian li .text {
        opacity: 0;
        transition: all 0.1s ease;
    }
    
    .homepage section.user-case .accordian li p {
        font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
        font-weight: 300;
        font-style: normal;
        font-size: 16px;
        color: #FFF;
        margin: 20px;
    }
    
    .homepage section.user-case .accordian li.selected {
        width: 80%;
        cursor: default;
        background: #0099e8;
    }
    
    .homepage section.user-case .accordian li.selected .text {
        opacity: 1;
        display: table-cell;
        vertical-align: middle;
    }
    
    .text_ctr {
        display: table;
        height: 100%;
        margin: 0 auto;
    }
    
    .homepage section.user-case .accordian li .text .learn-more a {
        margin-top: 40px;
        color: #FFF;
        font-size: 16px;
        font-family: "Gotham SSm A", "Gotham SSm B", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
        font-weight: 700;
        font-style: normal;
        text-transform: uppercase;
    }
    
    .homepage section.user-case .accordian li .pic.scientist {
        background-image: url(../img/user-case-02.png);
        float: right;
        margin-left: 30px;
        background-position: center;
        background-size: cover;
    }
    
    .homepage section.user-case .accordian li .pic {
        transition: all 0.5s ease;
        min-width: 40%;
        height: 430px;
        overflow: hidden;
        background-position: center top;
        background-repeat: none;
        display: none;
    }
    
    #business-plan {
        padding-bottom: 90px;
        padding-top: 90px;
    }
    
    .business-item-img {
        margin: 0 auto;
        width: 70%;
    }
    
    #business-plan-center {
        padding-bottom: 90px;
        padding-top: 90px;
    }
    
    .pd-70-left {
        padding-left: 70px;
    }
    
    #business-plan {
        background: #f9f9f9;
    }
    
    #it-service-list-menus ul {
        margin: 0px;
        padding: 0px;
        list-style-type: none;
    }
    
    #it-service-list-menus ul li {
        margin-bottom: 20px;
    }
    
    #it-service-list-menus ul li a {
        text-decoration: none;
        font-size: 15px;
        transition: all 0.5s;
    }
    
    #it-service-list-menus ul li a:hover {
        color: #468fcc !important;
    }
    
    .border-ftr-udeline {
        border-bottom: 2px solid #468fcc;
        text-align: center;
        overflow: hidden;
        margin: 0 0 40px;
        display: inline-block;
        padding-bottom: 15px;
    }
    
    .content-ctr {
        display: table;
        height: 100%;
        padding-top: 10px;
        margin: 0 auto;
    }
    
    .text-justfy-p {
        text-align: justify;
        margin-right: 125px;
    }
    
    .tbl-prpts {
        display: table-cell;
        vertical-align: middle;
    }
    
    #data-nav-tabs .data-nav {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 35px;
        white-space: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
    }
    
    #data-nav-tabs .data-nav li.active a {
        color: #fff;
        border: none;
        background-color: #468fcc;
        /* border-top: #fff; */
        border-top: 3px solid #aaa;
    }
    
    #data-nav-tabs .data-nav li a {
        padding: 18px 15px;
        font-size: 16px;
        border-radius: 0px;
    }
    /*alert popup mesg css*/
    /* .myAlert-top {
position: fixed;
top: 5px;
left: 2%;
width: 96%;
}

.alert {
display: none;
} */
    /*end here*/
    
    .m-topten {
        margin-top: 5rem;
    }
    
    body::-webkit-scrollbar {
        width: 0.2em;
    }
    
    .list li:before {
        font-family: FontAwesome;
        position: absolute;
        left: 15px;
        color: #008AD1;
        font-size: 15px;
    }
    
    .list .two {
        margin-bottom: 25px;
        margin-left: 3px;
    }
    
    li.two:before {
        content: "\f0a4";
    }
    
    .bullts-t {
        padding-left: 30px;
    }
    
    body::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    }
    
    body::-webkit-scrollbar-thumb {
        background-color: darkgrey;
        outline: 1px solid slategrey;
    }
    /* Hide HTML5 Up and Down arrows. */
    
    input[type="number"]::-webkit-outer-spin-button,
    input[type="number"]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }
    
    input[type="number"] {
        -moz-appearance: textfield;
    }
    
    .sidebar-top {
        border-top: 5px solid #0088cc !important;
    }
    
    .bi-img {
        padding-right: 14px;
        padding-bottom: 1px;
    }
    
    .h4-weight {
        padding-top: 10px;
        font-weight: 400 !important;
        padding-bottom: 20px;
    }
    
    #footer ul li p {
        font-weight: normal !important;
    }
    
    .ibm-icon {
        background-color: transparent !important;
    }
    
    #footer p {
        font-weight: normal !important;
    }
    
    #tab-two .fa-iconall {
        position: relative;
    }
    
    .header_main-top ul.it-consuting {
        margin: 0px auto;
        padding: 0px;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .icon-it .icon-featured {
        line-height: 18px;
    }
    
    .ml-ai-img {
        position: relative;
        top: 85px;
    }
    
    .mt-30 {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    
    .social-icons-postion {
        float: right;
    }
    
    .p-left-10 {
        padding-left: 10px;
    }
    
    .icon-one {
        background-color: #E36159 !important;
        color: #fff !important;
    }
    
    .box-content-widths {
        border-radius: 8px !important;
        border-top: 3px solid #33B8FF;
        border-top-width: 4px !important;
        padding: 30px 30px 10px 30px !important;
        background: linear-gradient(to bottom, white 1%, #f9f9f9 98%) repeat scroll 0 0 transparent;
        /* min-height: 380px !important; */
        height: 100%;
    }
    
    .feartured-all {
        border-radius: 100%;
        color: #fff !important;
        font-size: 40px !important;
        line-height: 110px;
        margin: 25px 0 !important;
        padding: 25px !important;
        display: inline-block;
        padding: 0;
        width: 110px !important;
        height: 110px !important;
    }
    
    .icon-two {
        background-color: #0088cc !important;
        color: #fff !important;
    }
    
    .icon-three {
        background-color: #2BAAB1 !important;
        color: #fff !important;
    }
    
    .icon-four {
        background-color: #734BA9 !important;
        color: #fff !important;
    }
    
    #tab-cont {
        box-shadow: none !important;
        border: none !important;
        padding: 15px 0px;
    }
    
    .bg-clrform {
        background-color: #f7f7f7 !important;
        margin-bottom: 10px;
    }
    
    .btn-cutm-bnr {
        border: 2px solid #478fcc;
        padding: 15px 12px;
        color: #478fcc;
        font-size: 15px;
        transition: all .8s;
        /* background-color: #fff; */
    }
    
    .btn-cutm-bnr:hover {
        border: 2px solid #478fcc;
        color: #fff;
        background-color: #478fcc;
    }
    
    .f-align {
        line-height: 24px;
        color: #fff;
    }
    
    .mrg-bottm {
        margin-bottom: 2rem;
        text-transform: uppercase;
        line-height: 1.3;
    }
    
    .hyperled-side-h {
        position: relative;
        top: 30px;
        left: 15px;
        padding-bottom: 15px;
    }
    
    .line-h {
        line-height: 1.3;
        text-transform: uppercase;
    }
    
    .icon-th-large:before {
        position: relative !important;
        top: 15% !important;
    }
    
    .crm-img {
        width: 100%;
        margin-left: 30px;
        margin-top: 10px;
    }
    
    .ecommerce-img {
        width: 100%;
        margin-left: 30px;
        position: relative;
        /* top: 90px; */
    }
    
    .e-img {
        width: 100%;
        margin-left: 60px;
        margin-top: 10px;
    }
    
    .ehterm-img {
        width: 100%;
        margin-left: 30px;
    }
    
    .m-80 {
        margin-top: 80px;
    }
    
    .center-tx {
        position: relative;
        top: 80px;
    }
    
    .padd-top-bootm {
        padding: 40px 0px;
    }
    
    .pd-leftbullets {
        padding-left: 20px;
    }
    
    .key-featureslist {
        text-align: justify;
        position: relative;
        top: 20px;
        padding-left: 40px;
        margin-bottom: 15px !important;
    }
    
    .img-orcle {
        padding: 15px;
    }
    
    .iot-imgs {
        width: 480px;
        margin-left: 30px;
        float: right;
    }
    
    .img-erp {
        margin-left: 30px;
        margin-top: 10px;
    }
    
    .bt-mt {
        margin-top: 0px !important;
    }
    
    .font-15 {
        font-size: 15px;
    }
    
    .database-img {
        width: 500px;
    }
    
    .framrk-img {
        width: 430px;
        margin-left: 60px;
    }
    
    .bg_btn_cutm {
        background-color: #fff;
        float: right;
        width: 100%;
        padding: 13px 12px;
    }
    /*===============================blog page css here===========================*/
    
    #business-plan .single-blog {
        height: 360px;
    }
    
    #business-plan .single-blog .blog-image {
        height: auto;
        width: 100%;
    }
    
    .single-blog {
        -webkit-box-shadow: 0px 0px 15px 0px rgba(152, 152, 152, 0.25);
        -moz-box-shadow: 0px 0px 15px 0px rgba(152, 152, 152, 0.25);
        box-shadow: 0px 0px 15px 0px rgba(152, 152, 152, 0.25);
        position: relative;
        border-radius: 5px;
        overflow: hidden;
        margin-top: 0px;
    }
    
    .single-blog .blog-image {
        overflow: hidden;
        /* height: 450px; */
        height: auto;
    }
    
    .single-blog .blog-image img {
        width: 100%;
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
        height: 100%;
    }
    
    .single-blog .blog-content-100 {
        width: 100% !important;
    }
    
    .single-blog .blog-content {
        width: 75%;
        position: absolute;
        bottom: 0;
        left: 0;
        background-color: #fff;
        padding: 20px;
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
    }
    
    .single-blog .blog-content h4 {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    
    .single-blog .blog-content h5 {
        line-height: 20px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    
    .single-blog .blog-content span {
        font-size: 15px;
        color: #8a8fa3;
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
    }
    
    .single-blog:hover .blog-image img {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
    }
    
    .single-blog:hover .blog-content {
        background-color: #468fcc;
    }
    
    .single-blog:hover .hvr-100 {
        background-color: #fff !important;
    }
    
    .single-blog .hvr-100 {
        background-color: #fff !important;
    }
    
    .single-blog:hover .hvr-100 .blog-title a {
        color: #468fcc !important;
        text-decoration: none;
    }
    
    .single-blog:hover .hvr-100 span {
        color: #8a8fa3 !important;
    }
    
    .single-blog:hover .blog-content .blog-title a {
        color: #fff;
        text-decoration: none;
    }
    
    .single-blog:hover .blog-content span {
        color: #fff;
    }
    /*blog page csss end here*/
    /* .card-body {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1.25rem;
}

.card {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(0, 0, 0, .125);
border-radius: .25rem;
}

.card-horizontal {
display: flex;
flex: 1 1 auto;
} */
    
    .p-bolttext {
        margin-left: 30px;
        position: relative;
        top: 30px;
        font-weight: 700;
        color: #000;
        text-transform: uppercase;
    }
    
    .card-content {
        padding: 15px;
        text-align: left;
    }
    
    .container-fostrap {
        display: table-cell;
        padding: 1em;
        text-align: center;
        vertical-align: middle;
    }
    
    .img-card {
        width: 100%;
        height: 200px;
        border-top-left-radius: 2px;
        border-top-right-radius: 2px;
        display: block;
        overflow: hidden;
    }
    
    .staffing-img {
        width: 100%;
        margin-left: 30px;
    }
    
    .card-1:hover {
        box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }
    
    .card-1 {
        display: block;
        margin-bottom: 20px;
        line-height: 1.42857143;
        background-color: #fff;
        border-radius: 2px;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        transition: box-shadow .25s;
    }
    
    .hyperled-img {
        margin-left: 30px;
        margin-top: 10px;
    }
    
    .left_padding_img {
        width: 68%;
        float: left;
    }
    
    .analytics-img {
        width: 100%;
    }
    
    .icon.icon-mobile-phone {
        font-size: 14px;
    }
    
    .img-cloud {
        margin-top: 50px;
    }
    
    .main_design {
        /* float: right; */
        width: 100%;
        /* background-color: #FFFFFF;
background: #FFFFFF; */
        padding: 20px 0px 0px;
        border-radius: 3px;
        /* border: 1px solid #f5f5f5; */
        position: relative;
        overflow: hidden;
    }
    
    .bg-home-clr {
        background-color: #f9f9f9;
        padding: 60px 15px;
    }
    
    .fip_div_mainn {
        width: 40%;
        position: absolute;
        left: 0px;
        height: 100%;
        top: 0px;
        background: rgba(45, 125, 188, 0.21);
        display: none;
    }
    
    .main_design:hover .fip_div_mainn {
        right: -40%;
        left: auto;
        -webkit-animation-name: fadeInLeft;
        -moz-animation-name: fadeInLeft;
        -o-animation-name: fadeInLeft;
        animation-name: fadeInLeft;
    }
    
    .main_design:hover .fip_div_mainn {
        -webkit-animation-name: fadeInRight;
        -moz-animation-name: fadeInRight;
        -o-animation-name: fadeInRight;
        animation-name: fadeInRight;
    }
    
    .input-group-btn:last-child>.btn,
    .input-group-btn:last-child>.btn-group {
        padding: 13px;
    }
    /* Header */
    
    #header {
        background: #F6F6F6;
        background: -webkit-linear-gradient( #f6f6f6, white);
        background: linear-gradient( #f6f6f6, white);
        clear: both;
        border-top: 5px solid #EDEDED;
        min-height: 75px;
        padding: 0px 0;
    }
    
    aside.sidebar {
        border: 1px solid #EDEDED;
        border-bottom: 0px;
    }
    
    aside.sidebar h4 {
        padding: 6px 12px;
        /* background-color: #F9F9F9; */
        margin-bottom: 0px;
        border-bottom: 3px solid #0088CC;
    }
    
    .tp-simpleresponsive ul {
        white-space: normal;
    }
    
    .slider-container .tp-caption .box_studial_content a {
        color: #468fcc;
    }
    
    .slider-container .tp-caption .box_studial_content a:hover {
        color: #333
    }
    
    #header>.container {
        height: 100px;
        margin-bottom: -35px;
        position: relative;
        display: table;
        max-width: 1170px;
    }
    
    #header>.navbar-collapse>.container {
        position: relative;
    }
    
    #header .header-top {
        min-height: 50px;
    }
    
    #header .header-top form {
        margin: 0;
    }
    
    #header .header-top p {
        float: left;
        font-size: 1.2em;
        line-height: 50px;
        margin: 0;
    }
    
    #header .header-top i {
        margin-right: 6px;
        margin-left: 6px;
        position: relative;
        top: 1px;
    }
    
    #header .header-top nav {
        float: left;
        width: auto;
    }
    
    #header .header-top ul.nav-top {
        margin: 7px 0 0 -15px;
        min-height: 5px;
    }
    
    #header .header-top ul.nav-top li.phone {
        margin-right: 10px;
    }
    
    #header .header-top ul.nav-top li a {
        padding-left: 4px;
    }
    
    #header .social-icons {
        float: right;
        margin-top: -3px;
        margin-left: 5px;
        position: relative;
    }
    
    #header .search {
        float: right;
        margin: 10px 0 0 15px;
        position: relative;
    }
    
    #header .search+.social-icons {
        clear: none;
        margin-left: 10px;
        margin-right: 0;
        margin-top: 13px;
    }
    
    #header .search input.search:first-child {
        -webkit-transition: all 0.2s ease-in 0.2s;
        -moz-transition: all 0.2s ease-in 0.2s;
        transition: all 0.2s ease-in 0.2s;
        border-radius: 20px;
        width: 170px;
        font-size: 0.9em;
        padding: 6px 12px;
        height: 34px;
        margin: 0;
    }
    
    #header .search input.search:focus {
        width: 220px;
        border-color: #CCC;
    }
    
    #header .search button.btn-default {
        border: 0;
        background: transparent;
        position: absolute;
        top: 0;
        right: 0;
        color: #CCC;
        z-index: 3;
    }
    
    .marging-main-d {
        margin-top: 20px;
    }
    
    #header nav {
        float: right;
    }
    
    #header nav ul.nav-main {
        margin: -7px 10px 8px 0;
    }
    
    .popularPosts-div {
        display: table;
        width: 100%;
    }
    
    #header nav ul.nav-main>li+li {
        margin-left: -2px;
    }
    
    #header nav ul.nav-main li a {
        font-size: 12px;
        font-style: normal;
        line-height: 20px;
        margin-left: 3px;
        margin-right: 3px;
        text-transform: capitalize;
        font-weight: 500;
        padding: 10px 13px;
    }
    
    #header nav ul.nav-main li a:hover {
        background-color: #F4F4F4;
    }
    
    #header nav ul.nav-main li ul a {
        text-transform: none;
        font-weight: normal;
        font-size: 0.9em;
    }
    
    #header nav ul.nav-main li.dropdown.open a.dropdown-toggle {
        border-radius: 5px 5px 0px 0px;
        background-color: #CCC;
    }
    
    #header nav ul.nav-main li.dropdown:hover>a {
        padding-bottom: 11px;
        margin-bottom: -1px;
    }
    
    #header nav ul.nav-main li.dropdown:hover>ul {
        display: block;
    }
    
    .main-div-line-main .owl-carousel .img-responsive {
        width: 120px!important;
    }
    
    .main-div-line-main .owl-carousel .owl-item {
        width: 200px!important;
    }
    
    #header nav ul.nav-main li.dropdown:hover a.dropdown-toggle {
        border-radius: 5px 5px 0px 0px;
    }
    
    .padding_bottom {
        padding: 20px 0px;
    }
    
    .header_main-top {
        border-top: 2px solid #DBDBDB;
        border-bottom: 2px solid #DBDBDB;
        background: #F8F8F8;
        padding: 0px 0px;
    }
    
    .header_main-top ul {
        width: 33%;
        margin: 0px auto;
        padding: 0px;
    }
    
    .header_main-top ul li {
        float: left;
        list-style: none;
    }
    
    .header_main-top ul li a {
        padding: 10px 22px;
        color: #AAA;
        display: block;
        text-align: center;
    }
    
    .header_main-top ul li a i.fa {
        font-size: 22px!important;
        text-align: center;
        color: #d7d7d7;
        padding: 5px 5px!important;
    }
    
    .header_main-top ul li.active a {
        color: #333;
        background: #fff;
    }
    
    .header_main-top ul li.active a i.fa {
        color: #333;
    }
    
    p.link-icon {
        margin-bottom: 3px;
    }
    
    #header nav ul.nav-main li.active a {
        background-color: #CCC;
    }
    
    #header nav ul.nav-main ul.dropdown-menu {
        background-color: #CCC;
        border: 0;
        border-radius: 0 6px 6px 6px;
        box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.08);
        margin: 1px 0 0 3px;
        padding: 5px;
        top: auto;
    }
    
    #header nav ul.nav-main ul.dropdown-menu li:hover>a {
        filter: none;
        background: #999;
    }
    
    #header nav ul.nav-main ul.dropdown-menu li:last-child>a {
        border-bottom: 0;
    }
    
    #header nav ul.nav-main ul.dropdown-menu>li>a {
        color: #FFF;
        font-weight: 400;
        padding-bottom: 4px;
        padding-top: 4px;
        text-transform: none;
        position: relative;
        padding: 8px 10px 8px 5px;
        font-size: 1.0em;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }
    
    #header nav ul.nav-main ul.dropdown-menu ul.dropdown-menu {
        border-radius: 6px;
        margin-left: 0;
        margin-top: -5px;
    }
    
    #header nav ul.nav-main .dropdown-submenu {
        position: relative;
    }
    
    #header nav ul.nav-main .dropdown-submenu>.dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
        border-radius: 0 6px 6px 6px;
    }
    
    #header nav ul.nav-main .dropdown-submenu>a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #cccccc;
        margin-top: 5px;
        margin-right: -10px;
    }
    
    #header nav ul.nav-main .dropdown-submenu.pull-left {
        float: none;
    }
    
    #header nav ul.nav-main .dropdown-submenu.pull-left>.dropdown-menu {
        left: -100%;
        margin-left: 10px;
        border-radius: 6px 0 6px 6px;
    }
    
    #header nav ul.nav-main .dropdown-submenu:hover>.dropdown-menu {
        display: block;
    }
    
    #header nav ul.nav-main .dropdown-submenu:hover>a:after {
        border-left-color: #FFF;
    }
    
    #header nav ul.nav-top {
        margin: 10px 0 -10px;
        min-height: 62px;
    }
    
    #header nav ul.nav-top li span {
        display: block;
        line-height: 14px;
        margin-bottom: 2px;
        margin-right: 0;
        margin-top: 5px;
        padding: 8px 2px 8px 12px;
    }
    
    #header nav ul.nav-top li a,
    #header nav ul.nav-top li span {
        color: #999;
        font-size: 0.9em;
        padding: 6px 10px;
    }
    
    #header nav ul.nav-top li i {
        margin-right: 6px;
        position: relative;
        top: 1px;
    }
    
    #header .nav-main-collapse {
        overflow-y: visible;
    }
    
    #header .nav-main-collapse.in {
        overflow-y: visible;
    }
    
    .about-img-centr {
        margin: 0 auto;
    }
    /* Logo */
    
    #header .logo {
        -webkit-transition: all 0.2s ease-in 0.2s;
        -moz-transition: all 0.2s ease-in 0.2s;
        transition: all 0.2s ease-in 0.2s;
        margin: 0;
        padding: 0px 0;
        display: table-cell;
        vertical-align: middle;
        height: 100%;
        color: transparent;
    }
    
    #header .logo a {
        position: relative;
        z-index: 1;
    }
    
    #header .logo img {
        position: relative;
        color: transparent;
        z-index: 9999;
    }
    /* Header Container */
    
    .header-container {
        min-height: 76px;
        position: relative;
    }
    /* Responsive Nav Button */
    
    .btn-responsive-nav {
        display: none;
    }
    /* Sticky Menu */
    
    #header.fixed {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 1001;
    }
    
    body.sticky-menu-active #header {
        border-bottom: 1px solid #E9E9E9;
        position: fixed;
        top: -57px;
        width: 100%;
        z-index: 1001;
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
        filter: none;
    }
    
    body.sticky-menu-active #header .social-icons {
        margin-top: -1px;
    }
    
    body.sticky-menu-active #header nav ul.nav-main {
        margin-bottom: 7px;
        margin-top: -1px;
    }
    /* Header Mega Menu */
    
    @media (min-width: 992px) {
        #header nav.mega-menu .nav,
        #header nav.mega-menu .dropup,
        #header nav.mega-menu .dropdown,
        #header nav.mega-menu .collapse {
            position: static;
        }
        #header nav.mega-menu ul.nav-main .mega-menu-content {
            text-shadow: none;
        }
        #header nav.mega-menu ul.nav-main li.mega-menu-item .mega-menu-sub-title {
            color: #333333;
            display: block;
            font-size: 1em;
            font-weight: 600;
            padding-bottom: 5px;
            text-transform: uppercase;
        }
        #header nav.mega-menu ul.nav-main li.mega-menu-item ul.dropdown-menu {
            background: #FFF !important;
            border-top: 6px solid #CCC;
            color: #777777;
            box-shadow: 0 20px 45px rgba(0, 0, 0, 0.08);
        }
        #header nav.mega-menu ul.nav-main li.mega-menu-item ul.sub-menu {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        #header nav.mega-menu ul.nav-main li.mega-menu-item ul.sub-menu a {
            color: #777777;
            text-shadow: none;
            margin: 0 0 0 -8px;
            padding: 3px 8px;
            text-transform: none;
            font-size: 0.9em;
            display: block;
            font-weight: normal;
            border-radius: 4px;
            border: 0;
        }
        #header nav.mega-menu ul.nav-main li.mega-menu-item:hover ul.sub-menu li:hover a:hover {
            background: #F4F4F4 !important;
            text-decoration: none;
        }
        #header nav.mega-menu ul.nav-main li.mega-menu-fullwidth ul.dropdown-menu {
            border-radius: 6px;
        }
        #header nav.mega-menu .navbar-inner,
        #header nav.mega-menu .container {
            position: relative;
        }
        #header nav.mega-menu .dropdown-menu {
            left: auto;
        }
        #header nav.mega-menu .dropdown-menu>li {
            display: block;
        }
        #header nav.mega-menu .mega-menu-content {
            padding: 20px 30px;
        }
        #header nav.mega-menu .mega-menu-content:before {
            display: table;
            content: "";
            line-height: 0;
        }
        #header nav.mega-menu .mega-menu-content:after {
            display: table;
            content: "";
            line-height: 0;
            clear: both;
        }
        #header nav.mega-menu.navbar .nav>li>.dropdown-menu:after,
        #header nav.mega-menu.navbar .nav>li>.dropdown-menu:before {
            display: none;
        }
        #header nav.mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu {
            width: 100%;
            left: 0;
            right: 0;
        }
        #header nav.mega-menu nav.pull-right .dropdown-menu {
            right: 0;
        }
        #header.flat-menu nav.mega-menu ul.nav-main li.mega-menu-fullwidth ul.dropdown-menu {
            border-radius: 0;
        }
    }
    /* Header Flat Menu */
    
    #header.flat-menu>.container {
        height: 71px;
        margin-bottom: -62px;
    }
    
    #header.flat-menu .header-top {
        margin-top: -8px;
    }
    
    #header.flat-menu .social-icons {
        margin: 11px 10px 9px 10px;
        margin: 10px 10px 0;
    }
    
    #header.flat-menu .search {
        margin-top: 8px;
    }
    
    #header.flat-menu .search form {
        margin: 0;
    }
    
    #header.flat-menu .search input.search-query {
        padding-bottom: 5px;
        padding-top: 5px;
    }
    
    #header.flat-menu nav ul.nav-main {
        float: right;
        margin: -8px 0 -12px;
    }
    
    #header.flat-menu nav ul.nav-main>li>a {
        margin-bottom: 0;
        border-top: 0px solid transparent;
    }
    
    #header.flat-menu nav ul.nav-main li a {
        border-radius: 0;
        margin-left: 1px;
        margin-right: 3px;
        padding-bottom: 25px;
        padding-top: 25px;
        font-family: 'Raleway', sans-serif;
        font-weight: 700;
        font-size: 12px;
        text-transform: uppercase;
        transition: all 1s;
    }
    
    #header.flat-menu nav ul.nav-main li.dropdown:hover a.dropdown-toggle {
        border-radius: 0;
    }
    
    #header.flat-menu nav ul.nav-main li.dropdown:hover>a {
        padding-bottom: 21px;
    }
    
    #header.flat-menu nav ul.nav-main ul.dropdown-menu {
        margin: 0 0 0 1px;
        border-radius: 0;
    }
    
    #header.flat-menu nav ul.nav-main ul.dropdown-menu ul.dropdown-menu {
        border-radius: 0;
    }
    /* Header Flat Menu - Sticky Menu / Boxed */
    
    body.sticky-menu-active #header.flat-menu ul.nav-main {
        margin-bottom: -10px;
        margin-top: 34px;
    }
    
    body.sticky-menu-active #header.flat-menu ul.nav-main>li>a,
    body.sticky-menu-active #header.flat-menu ul.nav-main>li:hover>a {
        border-top-color: transparent;
        padding-bottom: 26px;
        padding-top: 26px;
    }
    
    body.sticky-menu-active #header.flat-menu .logo {
        /* padding-top: 15px; */
        padding-top: 35px;
    }
    
    body.sticky-menu-active #header.flat-menu .header-top {
        display: none;
    }
    
    body.boxed #header.flat-menu {
        padding: 15px 0 7px;
        border-radius: 5px 5px 0 0;
    }
    
    body.boxed #header.flat-menu.clean-top {
        padding-bottom: 8px;
    }
    
    body.boxed #header.flat-menu.colored {
        padding: 0 0 7px;
    }
    /* Header Single Menu */
    
    #header.single-menu {
        min-height: 86px;
    }
    
    #header.single-menu>.container {
        height: 91px;
        margin-bottom: -77px;
    }
    
    .c-clr {
        color: #0088cc !important;
    }
    
    #header.single-menu .social-icons {
        margin-top: 32px;
    }
    
    #header.single-menu .search {
        display: none;
    }
    
    #header.single-menu .search+nav {
        display: none;
    }
    
    #header.single-menu nav ul.nav-main {
        margin: -28px 0 -9px;
        float: right;
    }
    
    #header.single-menu nav ul.nav-main li a,
    #header.single-menu nav ul.nav-main li.dropdown:hover>a {
        padding-bottom: 20px;
        padding-top: 62px;
    }
    
    #header.single-menu nav.mega-menu .mega-menu-signin {
        margin-right: 0;
    }
    /* Header Single Menu - Sticky Menu / Boxed */
    
    body.sticky-menu-active #header.single-menu .logo {
        padding-top: 14px;
    }
    
    body.sticky-menu-active #header.single-menu .social-icons {
        margin-top: 54px;
    }
    
    body.sticky-menu-active #header.single-menu nav ul.nav-main {
        margin-top: 20px;
        margin-bottom: -9px;
    }
    
    body.sticky-menu-active #header.single-menu nav ul.nav-main>li>a,
    body.sticky-menu-active #header.single-menu nav ul.nav-main>li:hover>a {
        border-top-color: transparent;
        padding-bottom: 21px;
        padding-top: 36px;
    }
    
    body.boxed #header.single-menu {
        padding: 15px 0 7px;
    }
    
    .fa {
        /* font-size: 19px!important; */
        /* padding: 22px 15px!important; */
        font-size: 41px!important;
        text-align: center;
        padding: 32px 19px!important;
        vertical-align: middle;
    }
    
    #read_content {
        display: none;
    }
    
    @media (min-width: 992px) {
        .modal-lg {
            width: 600px;
        }
    }
    
    @media (min-width: 768px) {
        .modal-dialog {
            width: 600px;
            /* margin: 0px; */
        }
        .navbar-collapse.collapse {
            padding-bottom: 10px !important;
        }
    }
    
    .modal.in .modal-dialog {
        /* height: 100%; */
        height: auto;
    }
    
    .modal-content {
        border-radius: 2px;
        height: 100%;
    }
    
    .modal-header .close {
        margin-top: -2px;
        /* font-size: 52px; */
        font-size: 30px;
        margin-left: 30px;
        color: #fff;
        opacity: .8;
    }
    
    .modal-header h3 {
        color: #FFF;
        /* text-transform: none;
margin-bottom: 10px; */
        font-size: 1.2em;
        margin: 10px 10px;
        text-transform: capitalize !important;
        line-height: 30px;
        font-weight: 500;
        letter-spacing: 0.2px;
    }
    
    .modal-header {
        background-color: #004567;
    }
    /* Header Clean Top */
    
    #header.clean-top .header-top {
        border-bottom: 1px solid #EDEDED;
        background-color: #F4F4F4;
        margin-top: -8px;
        display: none;
    }
    /* 
#header.clean-top .social-icons {
margin: 11px 10px 9px 10px;
} */
    
    #header.clean-top .social-icons {
        margin: 10px 10px 0px 10px;
    }
    /* Header Clean Top - Sticky Menu / Boxed */
    
    body.sticky-menu-active #header.clean-top ul.nav-main>li>a,
    body.sticky-menu-active #header.clean-top ul.nav-main>li:hover>a {
        padding-bottom: 20px;
        padding-top: 33px;
    }
    
    body.sticky-menu-active #header.clean-top ul.nav-main>li:hover>a {
        padding-bottom: 20px;
        padding-top: 33px;
    }
    
    body.boxed #header.clean-top {
        border-radius: 5px 5px 0 0;
    }
    /* Header Colored */
    
    #header.colored {
        border-top: 0;
    }
    
    #header.colored>.container {
        height: 107px;
        margin-bottom: -92px;
    }
    
    #header.colored .header-top p,
    #header.colored .header-top a,
    #header.colored .header-top span {
        color: #FFF;
    }
    
    #header.colored .search input.search-query {
        border: 0;
        padding-bottom: 5px;
        padding-top: 5px;
        box-shadow: none;
    }
    
    #header.colored nav ul.nav-main {
        margin: -15px 0 -8px;
    }
    
    #header.colored nav ul.nav-main li a {
        padding-bottom: 24px;
        padding-top: 50px;
    }
    
    #header.colored nav ul.nav-main li.dropdown:hover>a {
        padding-bottom: 24px;
    }
    /* Header Colored - Sticky Menu / Boxed */
    
    body.sticky-menu-active #header.colored .logo {
        padding-top: 6px;
    }
    
    body.sticky-menu-active #header.colored ul.nav-main>li>a,
    body.sticky-menu-active #header.colored ul.nav-main>li:hover>a {
        padding-bottom: 24px;
        padding-top: 24px;
    }
    /* Header Darken Top Border */
    
    #header.darken-top-border>.container {
        height: 103px;
    }
    
    #header.darken-top-border ul.nav-main {
        margin: -11px 0 -8px;
    }
    /* Header Darken Top Border - Sticky Menu / Boxed */
    
    body.sticky-menu-active #header.darken-top-border nav ul.nav-main {
        margin-top: 33px;
    }
    
    body.sticky-menu-active #header.darken-top-border nav ul.nav-main>li>a,
    body.sticky-menu-active #header.darken-top-border nav ul.nav-main>li:hover>a {
        padding-bottom: 22px;
        padding-top: 30px;
    }
    
    body.boxed #header.darken-top-border {
        border-top: 0;
    }
    /* Header Center */
    
    #header.center .logo {
        text-align: center;
        position: static;
        margin-top: 5px;
    }
    
    #header.center nav {
        float: left;
        text-align: center;
        width: 100%;
    }
    
    #header.center nav ul.nav-main {
        margin: 35px 0 10px;
    }
    
    #header.center nav ul.nav-main>li {
        display: inline-block;
        float: none;
        text-align: left;
    }
    /* Header Center - Sticky Menu */
    
    body.sticky-menu-active #header.center>.container {
        margin-top: -60px;
    }
    
    .size-lease {
        font-size: 38px !important;
    }
    
    .slider-width-d {
        font-size: 19px !important;
        text-align: center !important;
    }
    
    .tp-caption.slider-width-d {
        width: 520px;
        white-space: normal;
    }
    
    body.sticky-menu-active #header.center .logo {
        text-align: left;
    }
    
    .icon-signal.grafe-size-main:before {
        font-size: 185px;
    }
    
    .margin-center-div {
        margin: 0px auto;
        float: none;
    }
    
    body.sticky-menu-active #header.center .logo img {
        margin-top: 42px;
    }
    
    body.sticky-menu-active #header.center nav {
        float: right;
        margin-top: 18px;
        width: auto;
    }
    
    body.sticky-menu-active #header.center nav ul.nav-main>li>a,
    body.sticky-menu-active #header.center nav ul.nav-main>li:hover>a {
        padding-bottom: 10px;
        padding-top: 10px;
    }
    /* Header Narrow */
    
    @media (min-width: 992px) {
        #header.narrow {
            height: auto;
            min-height: 85px;
            padding: 0;
            border-bottom: 1px solid #E9E9E9;
            box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
        }
        #header.narrow>.container {
            margin-bottom: -48px;
            height: 75px;
        }
    }
    /* Mega Menu (Signin/SignUp) */
    
    #header nav.mega-menu ul.nav-main .mega-menu-signin {
        margin-right: -20px;
        padding-left: 0;
        margin-left: 0;
    }
    
    #header nav.mega-menu ul.nav-main .mega-menu-signin a {
        color: #444;
    }
    
    #header nav.mega-menu ul.nav-main .mega-menu-signin .dropdown-menu {
        width: 40%;
        right: 8px;
        border-radius: 6px 0 6px 6px;
    }
    
    #header nav.mega-menu ul.nav-main .mega-menu-signin .icon-user {
        margin-right: 5px;
    }
    
    #header nav.mega-menu ul.nav-main .mega-menu-signin .mega-menu-sub-title {
        margin-bottom: 10px;
        display: block;
    }
    
    #header nav.mega-menu ul.nav-main .mega-menu-signin .sign-up-info,
    #header nav.mega-menu ul.nav-main .mega-menu-signin .log-in-info {
        text-align: center;
        display: block;
    }
    
    #header nav.mega-menu ul.nav-main .mega-menu-signin.open a.dropdown-toggle {
        margin-bottom: -1px;
        padding-bottom: 11px;
    }
    
    #header nav.mega-menu ul.nav-main .mega-menu-signin.signin .signin-form {
        display: block;
    }
    
    #header nav.mega-menu ul.nav-main .mega-menu-signin.signin .signup-form,
    #header nav.mega-menu ul.nav-main .mega-menu-signin.signin .recover-form {
        display: none;
    }
    
    #header nav.mega-menu ul.nav-main .mega-menu-signin.signup .signin-form {
        display: none;
    }
    
    #header nav.mega-menu ul.nav-main .mega-menu-signin.signup .signup-form {
        display: block;
    }
    
    #header nav.mega-menu ul.nav-main .mega-menu-signin.signup .recover-form {
        display: none;
    }
    
    #header nav.mega-menu ul.nav-main .mega-menu-signin.recover .signin-form,
    #header nav.mega-menu ul.nav-main .mega-menu-signin.recover .signup-form {
        display: none;
    }
    
    #header nav.mega-menu ul.nav-main .mega-menu-signin.recover .recover-form {
        display: block;
    }
    
    #header nav.mega-menu ul.nav-main .mega-menu-signin.logged .user-avatar .img-thumbnail {
        float: left;
        margin-right: 15px;
    }
    
    #header nav.mega-menu ul.nav-main .mega-menu-signin.logged .user-avatar .img-thumbnail img {
        max-width: 55px;
    }
    
    #header nav.mega-menu ul.nav-main .mega-menu-signin.logged .user-avatar strong {
        color: #111;
        display: block;
        padding-top: 7px;
    }
    
    #header nav.mega-menu ul.nav-main .mega-menu-signin.logged .user-avatar span {
        color: #666;
        display: block;
        font-size: 12px;
    }
    
    #header nav.mega-menu ul.nav-main .mega-menu-signin.logged .user-avatar p {
        color: #999;
        margin: 0 0 0 25px;
        text-align: left;
    }
    
    #header nav.mega-menu ul.nav-main .mega-menu-signin.logged .list-account-options {
        list-style: square;
        margin-top: 6px;
    }
    
    #header nav.mega-menu ul.nav-main .mega-menu-signin.logged .list-account-options a:hover {
        text-decoration: none;
    }
    
    body #header nav.mega-menu .mega-menu-signin ul.dropdown-menu li a,
    body #header nav.mega-menu .mega-menu-signin ul.dropdown-menu:hover li:hover li:hover a {
        background-color: transparent !important;
        color: #333;
        padding: 0;
        margin: 0;
    }
    
    i.fa.fa-arrow-right {
        width: 32px;
        font-size: 14px!important;
        display: inline-block;
        text-align: right;
        margin-right: 10px;
        padding: 0px!important
    }
    
    .fa-arrow-right:before {
        content: "\f061";
        font: normal normal normal 14px/1 FontAwesome;
    }
    /* Page Top */
    
    .page-top {
        background-color: #171717;
        border-bottom: 5px solid #CCC;
        border-top: 5px solid #C3C1C1;
        margin-bottom: 0px;
        min-height: 50px;
        padding: 0;
        padding: 20px 0;
        position: relative;
        text-align: left;
    }
    
    .page-top.nopaddineg {
        margin-bottom: 0px
    }
    
    .bnr-text-wt {
        color: #fff !important;
    }
    
    .page-top ul.breadcrumb {
        background: none;
        margin: -3px 0 0;
        padding: 0;
    }
    
    .mrng-70 {
        margin-top: 70px;
        margin-bottom: 70px;
    }
    
    .ul-list-article {
        margin: 0px;
        padding: 0px;
    }
    
    .ul-list-article li {
        margin: 0px;
        padding: 0px 0px 15px;
    }
    
    .padng-bg-70 {
        padding-top: 70px;
        padding-bottom: 70px;
    }
    /* background: #f5f5f5; */
    
    .innter_banner_design {
        /* background: rgba(245, 245, 245, 0.4392156862745098); */
        background-color: #f9f9f9;
    }
    
    .page-top ul.breadcrumb>li {
        text-shadow: none;
    }
    
    .page-top h2 {
        border-bottom: 5px solid #CCC;
        color: #FFF;
        display: inline-block;
        font-weight: 200;
        margin: 0 0 -25px;
        min-height: 37px;
        line-height: 46px;
        padding: 0 0 17px;
        position: relative;
    }
    /* Page Top Custom - Create your Own */
    
    .page-top.custom-product {
        background-image: url(../img/custom-header-bg.jpg);
        background-repeat: repeat;
        background-color: #999;
        border-top: 5px solid #888;
    }
    
    .page-top.custom-product .row {
        position: relative;
    }
    
    .page-top.custom-product p.lead {
        color: #E8E8E8;
    }
    
    .page-top.custom-product img {
        bottom: -20px;
        position: relative;
    }
    
    .page-top.custom-product h1 {
        color: #FFF;
        margin-bottom: 10px;
        margin-top: 30px;
    }
    /* Parallax */
    
    .parallax {
        background-position: 0 0;
        background-repeat: no-repeat;
        background-size: 100% auto;
        width: 100%;
        margin: 00px 0 00px;
        padding: 90px 0 90px;
    }
    
    .parallax.disabled {
        background-size: auto;
    }
    
    .parallax blockquote {
        border: 0;
        padding: 0 10%;
    }
    
    .parallax blockquote i.icon-quote-left {
        font-size: 34px;
        position: relative;
        left: -5px;
    }
    
    .parallax blockquote p {
        font-size: 24px;
        line-height: 30px;
    }
    
    .parallax blockquote span {
        font-size: 16px;
        line-height: 20px;
        color: #999;
        position: relative;
        left: -5px;
    }
    /* Section Featured */
    
    section.featured {
        background: #f9f9f9;
        border-top: 5px solid #ECECE8;
        margin: 35px 0;
        padding: 50px 0;
    }
    
    section.featured.footer {
        margin: 30px 0 -70px;
    }
    
    section.featured.map {
        /*background-image: url(../img/map-bottom.png);*/
        background-position: center 0;
        background-repeat: no-repeat;
        margin-top: 0;
        border-top: 0;
    }
    /* Section Highlight */
    
    #product-nter-icons {
        text-align: right;
    }
    
    #product-nter-icons a img {
        display: inline-block;
    }
    
    section.highlight {
        background: #CCC;
        boder-left: 0;
        boder-right: 0;
        border: 3px solid #CCC;
        margin: 35px 0 45px;
        padding: 40px 0;
        color: #FFF;
    }
    
    section.highlight>p,
    section.highlight>a {
        color: #FFF;
    }
    
    section.highlight h1,
    section.highlight h2,
    section.highlight h3,
    section.highlight h4,
    section.highlight h5 {
        color: #FFF;
    }
    
    section.highlight .img-thumbnail {
        background-color: #FFF !important;
        border-color: #FFF !important;
    }
    
    section.highlight.footer {
        margin: 45px 0 -70px;
    }
    
    section.highlight.top {
        margin-top: 0;
    }
    /* Call To Action */
    
    section.call-to-action {
        position: relative;
        clear: both;
    }
    
    section.call-to-action:before {
        content: "";
        display: block;
        position: absolute;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-top: 15px solid #FFF;
        height: 15px;
        width: 15px;
        top: -5px;
        left: 50%;
        margin-left: -7px;
    }
    
    section.call-to-action h3 {
        text-transform: none;
        color: #121212;
    }
    
    section.call-to-action h3 .btn {
        margin-left: 10px;
    }
    /* Sidebar */
    
    aside ul.nav-list>li>a {
        color: #666;
        font-size: 0.9em;
    }
    /* Home Slider - Revolution Slider */
    
    .slider-container {
        background: #acb3b7;
        overflow: hidden;
        padding: 0;
        position: relative;
        z-index: 1;
        height: 600px;
    }
    
    .slider-container ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    
    .slider-container .tp-bannershadow {
        filter: alpha(opacity=20);
        opacity: 0.20;
    }
    
    .slider-container .top-label {
        color: #333;
        font-size: 24px;
        /* font-weight: 300; */
        font-weight: 500;
    }
    
    .slider-container .main-label {
        color: #333;
        font-size: 62px;
        line-height: 62px;
        font-weight: 800;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
    }
    
    .slider-container .bottom-label {
        color: #FFF;
        font-size: 20px;
        font-weight: 300;
    }
    
    .slider-container .blackboard-text {
        color: #333;
        font-size: 46px;
        line-height: 46px;
        font-family: "Shadows Into Light", cursive;
        text-transform: uppercase;
    }
    
    .slider-container .tp-caption {
        filter: alpha(opacity=0);
        opacity: 0;
    }
    
    .slider-container .tp-caption a {
        color: #FFF;
    }
    
    .slider-container .tp-caption a:hover {
        color: #FFF;
    }
    
    .slider-container .tp-caption.fullscreenvideo {
        height: 100%;
        position: absolute;
        top: 0;
        width: 100%;
        left: 0 !important;
    }
    
    .slider-container .tp-caption.fullscreenvideo video {
        height: 100%;
        width: 100%;
        padding: 0;
        position: relative;
    }
    
    .slider-container.light {
        background-color: #EAEAEA;
    }
    
    .slider-container.light .tp-bannershadow {
        filter: alpha(opacity=5);
        opacity: 0.05;
        top: 0;
        bottom: auto;
        z-index: 1000;
    }
    
    .slider-container.light .top-label,
    .slider-container.light .main-label,
    .slider-container.light .bottom-label {
        color: #333;
    }
    
    .slider-container.light .tp-caption a {
        color: #333;
    }
    
    .slider-container.light .tp-caption a:hover {
        color: #333;
    }
    
    .slider {
        height: 600px;
        max-height: 600px;
        position: relative;
    }
    
    .slider>ul>li>.center-caption {
        left: 0 !important;
        margin-left: 0 !important;
        text-align: center;
        width: 100%;
    }
    
    .slider .tp-bannertimer {
        display: none;
    }
    
    .slider .main-button {
        font-size: 22px;
        font-weight: 600;
        line-height: 20px;
        padding-bottom: 20px;
        padding-top: 20px;
        padding-left: 25px;
        padding-right: 25px;
    }
    
    .slider-container-fullscreen {
        height: 2000px;
        max-height: none;
    }
    
    .slider-container-fullscreen .slider {
        max-height: none;
    }
    /* Home Slider - Nivo Slider */
    
    .nivo-slider {
        position: relative;
    }
    
    .nivo-slider .theme-default .nivoSlider {
        border-radius: 10px 10px 0px 0px;
        box-shadow: none;
        margin-top: 10px;
    }
    
    .nivo-slider .theme-default .nivoSlider img {
        border-radius: 10px 10px 0px 0px;
    }
    
    .nivo-slider .theme-default .nivo-controlNav {
        margin-top: -72px;
        position: absolute;
        z-index: 100;
        right: 5px;
        bottom: -17px;
    }
    
    .nivo-slider .theme-default .nivo-caption {
        padding-left: 20px;
    }
    /* Map */
    
    .map-section {
        padding-top: 0px;
        margin-top: 0px;
    }
    
    .testimonial blockquote p {
        color: #FFF;
        font-family: Georgia, serif;
        font-style: italic;
        font-size: 1.2em;
        line-height: 1.3;
    }
    
    .testimonial.testimonial-with-quotes blockquote p {
        padding: 0 40px;
    }
    /* Home Intro */
    
    .home-intro {
        background-color: #171717;
        margin-bottom: 60px;
        overflow: hidden;
        padding: 20px 0 10px 0;
        position: relative;
        text-align: left;
    }
    
    .home-intro p {
        color: #FFF;
        display: inline-block;
        font-size: 1.4em;
        font-weight: 300;
        max-width: 800px;
        padding-top: 5px;
    }
    
    .home-intro p span {
        color: #999;
        display: block;
        font-size: 0.8em;
        padding-top: 5px;
    }
    
    .home-intro p em {
        font-family: "Shadows Into Light", cursive;
        font-size: 1.6em;
    }
    
    .home-intro .get-started {
        margin-top: 15px;
        margin-bottom: 15px;
        position: relative;
        text-align: right;
    }
    
    .home-intro .get-started .btn {
        position: relative;
        z-index: 1;
    }
    
    .home-intro .get-started .btn i {
        font-size: 1.1em;
        font-weight: normal;
        margin-left: 5px;
    }
    
    .home-intro .get-started a {
        color: #FFF;
    }
    
    .home-intro .get-started a:not(.btn) {
        color: #777777;
    }
    
    .home-intro .learn-more {
        margin-left: 15px;
    }
    
    .home-intro.light {
        background-color: #E2E2E2;
    }
    
    .home-intro.light.secundary {
        background-color: #E0E1E4;
    }
    
    .home-intro.light p {
        color: #777777;
    }
    /* Home Intro Compact */
    
    .home-intro-compact {
        border-radius: 0 0 10px 10px;
        margin-top: -10px;
    }
    
    .home-intro-compact p {
        padding-left: 20px;
    }
    
    .home-intro-compact .get-started {
        padding-right: 20px;
    }
    /* Home Concept */
    
    .home-concept {
        background: transparent url(../img/home-concept.png) no-repeat center 0;
        width: 100%;
        overflow: hidden;
    }
    
    .home-concept strong {
        display: block;
        /*font-family: "Shadows Into Light", cursive;*/
        font-size: 2.1em;
        font-weight: normal;
        position: relative;
        margin-top: 30px;
    }
    
    .home-concept .row {
        position: relative;
    }
    
    .home-concept .process-image {
        background: transparent url(../img/home-concept-item.png) no-repeat 0 0;
        width: 160px;
        height: 175px;
        margin: 135px auto 0 auto;
        padding-bottom: 50px;
        position: relative;
        z-index: 1;
    }
    
    .home-concept .process-image img {
        border-radius: 150px;
        margin: 7px 8px;
    }
    
    .home-concept .our-work {
        margin-top: 52px;
        font-size: 2.6em;
    }
    
    .home-concept .project-image {
        background: transparent url(../img/home-concept-item.png) no-repeat 100% 0;
        width: 350px;
        height: 420px;
        margin: 15px 0 0 -30px;
        padding-bottom: 45px;
        position: relative;
        z-index: 1;
    }
    
    .home-concept .sun {
        background: transparent url(../img/home-concept-icons.png) no-repeat 0 0;
        width: 60px;
        height: 56px;
        display: block;
        position: absolute;
        left: 10%;
        top: 35px;
    }
    
    .home-concept .cloud {
        background: transparent url(../img/home-concept-icons.png) no-repeat 100% 0;
        width: 116px;
        height: 56px;
        display: block;
        position: absolute;
        left: 57%;
        top: 35px;
    }
    /* Page 404 */
    
    .page-not-found {
        margin: 50px 0;
    }
    
    .page-not-found h2 {
        font-size: 140px;
        font-weight: 600;
        letter-spacing: -10px;
        line-height: 140px;
    }
    
    .icon-th-recycle:before {
        content: "\f1b8";
    }
    
    .page-not-found h4 {
        color: #777777;
    }
    
    .page-not-found p {
        font-size: 1.4em;
        line-height: 36px;
    }
    /* #Footer */
    
    #footer {
        background: #121214;
        border-top: 4px solid #1F1F1F;
        font-size: 0.9em;
        margin-top: 65px;
        padding: 80px 0 0;
        position: relative;
        clear: both;
    }
    
    #footer.footer-padding {
        padding-top: 44px;
    }
    
    .box-main_divs {
        background: #f5f5f5;
        width: 500px;
        border: 1px solid #F0F0F0;
        box-shadow: 0px 0px 10px #222;
        -webkit-box-shadow: 0px 0px 10px #222;
        -moz-box-shadow: 0px 0px 10px #222;
    }
    
    .box_studial_content {
        padding: 10px;
        overflow-y: scroll;
        height: 500px;
    }
    
    .box_studial_content p {
        table-layout: inherit;
        margin-bottom: 10px;
        white-space: normal;
    }
    
    #footer a:hover {
        color: #CCC;
    }
    
    #footer form {
        filter: alpha(opacity=85);
        opacity: 0.85;
    }
    
    #footer h1,
    #footer h2,
    #footer h3,
    #footer h4,
    #footer a {
        color: #FFF !important;
    }
    
    #footer h4 {
        font-size: 1.8em;
        font-weight: 200;
        text-shadow: 1px 1px 1px #000;
    }
    
    #footer h5 {
        color: #CCC !important;
    }
    
    #footer ul.nav-list.primary>li a {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        line-height: 20px;
        padding-bottom: 11px;
    }
    
    #footer ul.nav-list.primary>li:last-child a {
        border-bottom: 0;
    }
    
    #footer ul.nav-list.primary>li a:hover {
        background-color: rgba(255, 255, 255, 0.05);
    }
    
    #footer ul.list.icons li {
        margin-bottom: 5px;
    }
    
    #footer .container .row>div {
        margin-bottom: 0px;
    }
    
    #footer .container input:focus {
        box-shadow: none;
    }
    
    #footer .footer-ribbon {
        background: #999;
        position: absolute;
        margin: -100px 0 0 22px;
        padding: 10px 20px 6px 20px;
    }
    
    #footer .footer-ribbon:before {
        border-right: 10px solid #646464;
        border-top: 16px solid transparent;
        content: "";
        display: block;
        height: 0;
        left: -10px;
        position: absolute;
        top: 0;
        width: 7px;
    }
    
    #footer .footer-ribbon span {
        color: #FFF;
        font-size: 1.6em;
        font-family: "Shadows Into Light", cursive;
    }
    
    #footer .newsletter form {
        width: 100%;
        max-width: 262px;
    }
    
    #footer .newsletter form input.form-control {
        height: 34px;
        padding: 6px 12px;
    }
    
    .form-control {
        height: 48px;
    }
    
    .hs-input {
        height: 48px !important;
    }
    
    #footer .alert a {
        color: #222 !important;
    }
    
    #footer .alert a:hover {
        color: #666 !important;
    }
    
    #footer .twitter .icon {
        clear: both;
        font-size: 1.5em;
        position: relative;
        top: 3px;
    }
    
    #footer .twitter .time {
        color: #999;
        display: block;
        font-size: 0.9em;
        padding-top: 3px;
        margin-bottom: 20px;
    }
    
    #footer .twitter .time:last-child {
        margin-bottom: 0;
    }
    
    #footer .twitter ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    
    #footer .twitter-account {
        color: #FFF;
        display: block;
        font-size: 0.9em;
        margin: -15px 0 5px;
        filter: alpha(opacity=55);
        opacity: 0.55;
    }
    
    #footer .twitter-account:hover {
        filter: alpha(opacity=100);
        opacity: 1;
    }
    
    #footer .contact {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    
    #footer .contact i {
        display: block;
        float: left;
        font-size: 1.2em;
        margin: 8px 8px 10px 0;
        position: relative;
        text-align: center;
        top: 0px;
        width: 16px;
    }
    
    #footer .contact i.icon-envelope {
        font-size: 1em;
        top: 0;
    }
    /* .bullts-t:before {
content: "\f00c" !important;
font-size: 15px;
position: relative;
font-family: FontAwesome;
left: 1px;
color: #468fcc;
} */
    
    #footer .contact p {
        margin-bottom: 10px;
    }
    
    #footer .logo {
        display: block;
    }
    
    #footer .logo.push-bottom {
        margin-bottom: 12px;
    }
    
    #footer .footer-copyright {
        background: #0C0C0C;
        border-top: 4px solid #111;
        margin-top: 40px;
        padding: 10px 0 10px;
    }
    
    #footer .footer-copyright nav {
        float: right;
    }
    
    #footer .footer-copyright nav ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    
    #footer .footer-copyright nav ul li {
        border-left: 1px solid #505050;
        display: inline-block;
        line-height: 12px;
        margin: 0;
        padding: 0 8px;
    }
    
    #footer .footer-copyright nav ul li:first-child {
        border: medium none;
        padding-left: 0;
    }
    
    #footer .footer-copyright p {
        color: #555;
        margin: 0;
        padding: 0;
    }
    
    #footer .phone {
        color: #FFF;
        font-size: 26px;
        font-weight: bold;
        display: block;
        padding-bottom: 15px;
        margin-top: -5px;
    }
    
    #footer .recent-work li {
        float: left;
        width: 30%;
        margin: 10px 3% 0 0;
    }
    
    #footer .recent-work li .thumb-info {
        float: left;
        display: inline-block;
    }
    
    #footer .recent-work li:hover img {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }
    
    #footer .recent-work img {
        width: 100%;
        filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
        filter: gray;
        -webkit-filter: grayscale(100%);
    }
    
    #footer .view-more-recent-work {
        padding: 12px;
    }
    
    #footer.short {
        padding-top: 50px;
    }
    
    #footer.short .footer-copyright {
        background: transparent;
        border: 0;
        padding-top: 0;
        margin-top: 0;
    }
    /* Dark Version */
    
    body.dark {
        background-color: #222224;
    }
    
    body.dark.boxed .body {
        background-color: #222224;
    }
    
    body.dark #header {
        background: #222224;
        border-top-color: #1d1d1f;
    }
    
    body.dark #header nav ul.nav-top li a:hover {
        background-color: #2e2e31;
    }
    
    body.dark #header nav.mega-menu ul.nav-main li.mega-menu-item .mega-menu-sub-title {
        color: #FFF;
    }
    
    body.dark #header nav.mega-menu ul.nav-main li.mega-menu-item ul.dropdown-menu {
        background-color: #2e2e31 !important;
    }
    
    body.dark #header nav.mega-menu ul.nav-main li.mega-menu-item:hover ul.sub-menu li:hover a:hover {
        background-color: #0e0e0f !important;
    }
    
    body.dark #header nav.mega-menu ul.nav-main li.mega-menu-item .form-control {
        background-color: #363639 !important;
        border-color: #363639 !important;
        color: #FFF !important;
    }
    
    body.dark #header nav.mega-menu ul.nav-main .mega-menu-signin a,
    body.dark #header nav.mega-menu ul.nav-main .mega-menu-signin a:hover,
    body.dark #header nav.mega-menu ul.nav-main .mega-menu-signin.logged .user-avatar strong {
        color: #FFF;
    }
    
    body.dark #header .search input.search:focus {
        border-color: #2e2e31;
    }
    
    body.dark #header.clean-top .header-top {
        background: #272729;
        border-bottom-color: #2e2e31;
    }
    
    body.dark #header.narrow {
        border-bottom-color: #272729;
    }
    
    body.dark #header nav.mega-menu .mega-menu-shop .actions-continue {
        border-top-color: #272729;
    }
    
    body.dark #header nav.mega-menu .mega-menu-shop .dropdown-menu li table tr td a {
        color: #FFF;
    }
    
    body.dark #header nav.mega-menu .mega-menu-shop a {
        color: #FFF;
    }
    
    body.dark.sticky-menu-active #header {
        border-bottom-color: #2e2e31;
    }
    
    body.dark h1,
    body.dark h2,
    body.dark h3,
    body.dark h4,
    body.dark h5,
    body.dark h6 {
        color: #FFF;
    }
    
    body.dark .modal-header h1,
    body.dark .modal-header h2,
    body.dark .modal-header h3,
    body.dark .modal-header h4,
    body.dark .modal-header h5,
    body.dark .modal-header h6 {
        color: #777777;
    }
    
    body.dark blockquote {
        border-color: #2e2e31;
    }
    
    body.dark section.featured {
        background-color: #1d1d1f;
        border-top-color: #363639;
    }
    
    body.dark section.featured.map {
        background-image: url(../img/map-bottom-dark.png);
    }
    
    body.dark section.call-to-action:before {
        border-top-color: #363639;
    }
    
    body.dark section.timeline:after {
        background: #505050;
        background: -moz-linear-gradient(top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1e5799), color-stop(100%, #7db9e8));
        background: -webkit-linear-gradient(top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%);
        background: -o-linear-gradient(top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%);
        background: -ms-linear-gradient(top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%);
        background: linear, to bottom, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%;
    }
    
    body.dark section.timeline .timeline-date {
        background-color: #2e2e31;
        border-color: #2e2e31;
        text-shadow: none;
    }
    
    body.dark section.timeline .timeline-title {
        background: #2e2e31;
    }
    
    .slider-container .top-label.witer-div-main,
    .slider-container .main-label.witer-div-main {
        color: #fff;
        font-weight: 500;
    }
    
    .slider-container .main-label.witer-div-main.fnt-ls {
        font-weight: normal!important;
        font-size: 27px;
        line-height: 40px;
    }
    
    body.dark section.timeline .timeline-box {
        border-color: #2e2e31;
        background: #2e2e31;
    }
    
    .main-div-line-main .img-responsive {
        border: 0px;
    }
    
    .img-responsive {
        display: block;
        max-width: 100%;
    }
    
    body.dark section.timeline .timeline-box.left:before {
        box-shadow: 0 0 0 3px #2e2e31, 0 0 0 6px #2e2e31;
    }
    
    body.dark section.timeline .timeline-box.left:after {
        background: #2e2e31;
        border-right-color: #2e2e31;
        border-top-color: #2e2e31;
    }
    
    body.dark section.timeline .timeline-box.right:before {
        box-shadow: 0 0 0 3px #2e2e31, 0 0 0 6px #2e2e31;
    }
    
    body.dark section.timeline .timeline-box.right:after {
        background: #2e2e31;
        border-left-color: #2e2e31;
        border-bottom-color: #2e2e31;
    }
    
    body.dark .form-control {
        background-color: #2e2e31;
        border-color: #2e2e31;
    }
    
    body.dark .btn-default {
        background-color: #2e2e31;
        border-color: #2e2e31;
        color: #FFF;
    }
    
    body.dark .btn.disabled,
    body.dark .btn[disabled] {
        border-color: #2e2e31 !important;
    }
    
    body.dark .pagination>li>a,
    body.dark .pagination>li>span {
        background-color: #2e2e31;
        border-color: #29292c;
    }
    
    body.dark .theme-default .nivoSlider {
        background-color: #222224;
    }
    
    body.dark .map-section {
        background-image: url(../img/map-top-dark.png);
    }
    
    body.dark .home-concept {
        background-image: url(../img/home-concept-dark.png);
    }
    
    body.dark .home-concept .process-image {
        background-image: url(../img/home-concept-item-dark.png);
    }
    
    body.dark .home-concept .project-image {
        background-image: url(../img/home-concept-item-dark.png);
    }
    
    body.dark .home-concept .sun {
        background-image: url(../img/home-concept-icons-dark.png);
    }
    
    body.dark .home-concept .cloud {
        background-image: url(../img/home-concept-icons-dark.png);
    }
    
    body.dark .page-top {
        border-bottom-color: #1d1d1f;
    }
    
    body.dark .panel-group .panel {
        background-color: #2e2e31;
    }
    
    body.dark .panel-group .panel-default {
        border-color: #2e2e31;
    }
    
    body.dark .panel-group .panel-heading {
        background-color: #363639;
    }
    
    body.dark .panel-group .form-control {
        background-color: #272729;
        border-color: #272729;
    }
    
    body.dark .toggle>label {
        background-color: #363639;
    }
    
    body.dark .featured-box {
        background: #363639;
        border-left-color: #363639;
        border-right-color: #363639;
        border-bottom-color: #363639;
    }
    
    body.dark .featured-box.secundary h4 {
        color: #FFF;
    }
    
    body.dark .feature-box.secundary h4 {
        color: #FFF;
    }
    
    body.dark .progress {
        background: #363639;
    }
    
    body.dark .arrow {
        background-image: url(../img/arrows-dark.png);
    }
    
    body.dark .thumbnail,
    body.dark .img-thumbnail {
        background-color: #2e2e31;
        border-color: #2e2e31;
    }
    
    body.dark .thumb-info-social-icons {
        border-top-color: #404043;
    }
    
    body.dark ul.nav-list.primary>li a {
        border-bottom-color: #2e2e31;
    }
    
    body.dark ul.nav-list.primary>li a:hover {
        background-color: #2e2e31;
    }
    
    body.dark .tabs .nav-tabs li a,
    body.dark .tabs .nav-tabs li a:hover {
        border-top-color: #2e2e31;
        border-left-color: #2e2e31;
        border-right-color: #2e2e31;
        background: #2e2e31;
    }
    
    body.dark .tabs .nav-tabs.nav-justify li a,
    body.dark .tabs .nav-tabs.nav-justify li a:hover {
        border-bottom-color: #2e2e31;
    }
    
    body.dark .tabs.tabs-left .nav-tabs>li a,
    body.dark .tabs.tabs-right .nav-tabs>li a {
        background: #2e2e31;
        border-left-color: #2e2e31;
        border-right-color: #2e2e31;
    }
    
    body.dark .tabs .nav-tabs {
        border-color: #2e2e31;
    }
    
    body.dark .tabs .nav-tabs li.active a,
    body.dark .tabs .nav-tabs li.active a:hover,
    body.dark .tabs .nav-tabs li.active a:focus {
        background: #363639;
        border-left-color: #363639;
        border-right-color: #363639;
    }
    
    body.dark .tabs .nav-tabs.nav-justify li.active a {
        border-bottom-color: #363639;
    }
    
    body.dark .tabs.tabs-vertical {
        border-top-color: #363639;
    }
    
    body.dark .tabs.tabs-bottom .nav-tabs li a,
    body.dark .tabs.tabs-bottom .nav-tabs li a:hover {
        border-bottom-color: #2e2e31;
    }
    
    body.dark .tabs .tab-content {
        background: #363639;
        border-color: #363639;
    }
    
    body.dark .testimonial-author strong {
        color: #FFF;
    }
    
    body.dark .page-header {
        border-bottom-color: #2e2e31;
    }
    
    body.dark .table>thead>tr>th,
    body.dark .table>tbody>tr>th,
    body.dark .table>tfoot>tr>th,
    body.dark .table>thead>tr>td,
    body.dark .table>tbody>tr>td,
    body.dark .table>tfoot>tr>td,
    body.dark .table-bordered {
        border-color: #2e2e31;
    }
    
    body.dark .table-striped>tbody>tr:nth-child(2n+1)>td,
    body.dark .table-striped>tbody>tr:nth-child(2n+1)>th {
        background-color: #363639;
    }
    
    body.dark pre {
        background-color: #2e2e31;
        border-color: #2e2e31;
        color: #777777;
    }
    
    body.dark .show-grid [class*="col-md-"] .show-grid-block {
        background-color: #2e2e31;
        border-color: #2e2e31;
    }
    
    body.dark hr {
        background-image: -webkit-linear-gradient(left, transparent, rgba(255, 255, 255, 0.2), transparent);
        background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.2), transparent);
    }
    
    body.dark hr.light {
        background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2), transparent);
        background-image: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.2), transparent);
    }
    
    body.dark ul.history li .thumb {
        background-image: url(../img/history-thumb-dark.png);
    }
    
    body.dark .blog-posts article {
        border-color: #2e2e31;
    }
    
    body.dark section.featured .recent-posts .date .day,
    body.dark article.post .post-date .day {
        background-color: #2e2e31;
    }
    
    body.dark article .post-video,
    body.dark article .post-video iframe,
    body.dark article .post-audio,
    body.dark article .post-audio iframe {
        background-color: #2e2e31;
        border-color: #2e2e31;
    }
    
    body.dark ul.simple-post-list li {
        border-bottom-color: #272729;
    }
    
    body.dark .post-block {
        border-top-color: #1d1d1f;
    }
    
    body.dark ul.comments .comment-block {
        background-color: #2e2e31;
    }
    
    body.dark ul.comments .comment-arrow {
        border-right-color: #2e2e31;
    }
    
    body.dark .pricing-table li {
        border-top-color: #272729;
    }
    
    body.dark .pricing-table h3 {
        background-color: #272729;
        text-shadow: none;
    }
    
    body.dark .pricing-table h3 span {
        background: #2e2e31;
        border-color: #29292c;
        box-shadow: 0 5px 20px #29292c inset, 0 3px 0 #2e2e31 inset;
        color: #777777;
    }
    
    body.dark .pricing-table .most-popular {
        border-color: #2e2e31;
    }
    /*.table-one tbody th { text-align:center; padding:5px; }
.table-one tbody {   background-color: #fff;
border-width: 1px;
border-radius: 4px 4px 0 0;
border: 1px solid #e1e1e8;}
.table-one tbody td {text-align: left; white-space: nowrap; padding:15px; vertical-align: top;}*/
    
    body.dark .pricing-table .most-popular h3 {
        background-color: #2e2e31;
        color: #FFF;
        text-shadow: none;
    }
    
    body.dark .pricing-table .plan-ribbon {
        background-color: #2e2e31;
    }
    
    body.dark .pricing-table .plan {
        background: #2e2e31;
        border: 1px solid #2e2e31;
        color: #777777;
        text-shadow: none;
    }
    
    body.dark .product-thumb-info {
        background-color: #2e2e31;
        border-color: transparent;
    }
    
    body.dark .shop .quantity .qty {
        background-color: #2e2e31;
        border-color: transparent;
    }
    
    body.dark .shop .quantity .minus,
    body.dark .shop .quantity .plus {
        background-color: #272729;
        border-color: transparent;
    }
    
    body.dark .shop table.cart td,
    body.dark .shop .cart-totals th,
    body.dark .shop .cart-totals td {
        border-color: #2e2e31;
    }
    
    body.dark #footer .footer-ribbon {
        margin-top: -96px;
    }
    
    body.dark #footer .newsletter form .btn-default {
        background-color: #272729;
        border-color: #272729;
        color: #777777;
    }
    /* Boxed Layout */
    
    body.boxed {
        background-color: transparent;
        background-position: 0 0;
        background-repeat: repeat;
    }
    
    body.boxed .body {
        background-color: #FFF;
        border-bottom: 5px solid #121214;
        border-radius: 5px;
        border-top: 5px solid #CCC;
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
        margin: 25px auto;
        max-width: 1200px;
        height: auto;
    }
    
    ul.nav-list.primary>li.active a {
        color: #0088cc
    }
    
    .link-main-div a:hover {
        text-decoration: none;
    }
    
    body.boxed #header {
        padding: 15px 0;
    }
    
    .tp-simpleresponsive .black-main-div .tp-caption {
        color: #333;
    }
    
    .news-left-grid-pic {
        float: left;
        width: 65%;
    }
    
    .news-left-grid-info {
        background: #062130;
        position: relative;
    }
    
    .news-left-grid-info {
        float: right;
        width: 35%;
        padding: 1em 1em 1.2em 1em;
    }
    
    .news-grids-left {
        width: 70%;
        float: left;
    }
    
    .news-left-grid-info h4 {
        font-weight: bold;
        color: #468fcc;
        margin: 0;
        padding: 0;
        line-height: 1.4em;
        text-transform: uppercase;
        font-size: 1.1em;
    }
    
    .news-left-grid-info p {
        color: #FFF;
        font-size: 0.875em;
        line-height: 1.5em;
        margin: 0.8em 0;
    }
    
    .news-left-grid-info-left {
        float: left;
        padding: 0.8em 1em;
    }
    
    .news-left-grid-info:before {
        content: url(../img/whitepaper/left-arrow.png) no-repeat 0px 0px;
        position: absolute;
        left: -24px;
        top: 34px;
    }
    
    .news-left-grid-info.news-left-grid-info-left:before {
        content: url(../img/whitepaper/right-arrow.png) no-repeat 0px 0px;
        right: -24px;
        left: auto;
    }
    
    .featured-boxes .col-md-1,
    .featured-boxes .col-md-2,
    .featured-boxes .col-md-3,
    .featured-boxes .col-md-4,
    .featured-boxes .col-md-5,
    .featured-boxes .col-md-6,
    .featured-boxes .col-md-7,
    .featured-boxes .col-md-8,
    .featured-boxes .col-md-9,
    .featured-boxes .col-md-10,
    .featured-boxes .col-md-11,
    .featured-boxes .col-md-12 {
        /*padding: 0px;*/
        margin: 0px;
    }
    
    .ecommerce-logos-list {
        margin: 0 auto;
        margin-bottom: 60px;
        width: 60%;
        height: auto;
    }
    
    .news-left-grid {
        background: #000;
    }
    
    .news-right-grid-bottom {
        background: #062130;
        padding: 3.9em 1em;
        position: relative;
        max-width: 97.7%;
    }
    
    .news-right-grid-bottom h4 {
        font-weight: bold;
        color: #468fcc;
        margin: 0;
        padding: 0;
        line-height: 1.4em;
        text-transform: uppercase;
        font-size: 1.3em;
    }
    
    .news-left-grid-bottom p {
        color: #FFF;
        font-size: 0.875em;
        line-height: 1.5em;
        margin: 0.8em 0;
    }
    
    .news-grids-right {
        width: 30%;
        float: right;
    }
    
    .news-right-grid-bottom p {
        color: #FFF;
        font-size: 0.875em;
        line-height: 1.5em;
        margin: 0.8em 0;
    }
    
    .news-grids-right {
        width: 30%;
        float: right;
        margin-right: 39px;
    }
    
    .featured-boxes .col-md-8 {
        padding: 0px;
    }
    
    .design_heading {
        /* position: absolute; */
        bottom: 0px;
        /* left: 0px; */
        width: 100%;
        padding: 9px;
        background: rgba(0, 0, 0, .4);
    }
    
    .design_heading .word-rotator-title {
        color: #fff;
        font-size: 28px;
        line-height: 31px;
        margin-bottom: 0px;
    }
    
    .center-text .col-xs-6 {
        font-size: 18px;
        color: #00C;
    }
    
    .bs-example>.table:last-child {
        margin-bottom: 0;
    }
    
    .table-bordered {
        border: 1px solid #ddd;
    }
    
    table.table.table-bordered tr td {
        text-align: justify;
    }
    
    .feature-box-info h4 {
        font-weight: 200;
    }
    
    .feature-box.secundary h4 {
        color: #468fcc;
    }
    
    .mobile-carosel {
        display: none;
    }
    
    .expertise-mobile {
        display: none;
    }
    
    .expertise-mobile-e {
        display: none;
    }
    
    .thumb-block {
        display: none;
    }
    
    .logo-ht:hover {
        text-decoration: none;
    }
    
    .logo-ht {
        padding: 15px 0px;
        display: flex !important;
        justify-content: flex-start;
        align-items: center;
    }
    
    .logo-ht-padng-left {
        margin-left: 15px !important;
    }
    
    .footer-mobile {
        display: none;
    }
    
    .p-btm {
        padding-bottom: 20px;
    }
    
    #word-ra {
        height: 50px;
    }
    
    .hyderledger-ul {
        width: 33%;
    }
    
    .health-height {
        width: 100%;
        height: 600px;
    }
    
    .adapt-bussines-img {
        width: 100%;
        /* height: 40vh; */
        height: auto;
    }
    
    .copy-2020-mobile {
        display: none;
    }
    
    .banner_mobile_hide {
        display: none;
    }

/*===================================

=====================================*/
.ftclr {
    color: #ffffff;
    font-size: 15px;
}
    
    @media (max-width: 475px) {
        .thumb-block {
            display: block;
        }
        .font-ht {
            line-height: 17px;
        }
    }
    
    @media (max-width: 475px) {
        .hyderledger-ul {
            width: 100% !important;
        }
        ul.history li p {
            margin-left: 0px !important;
        }
        section.call-to-action h3 .btn {
            margin-left: 5px;
            margin-top: 0px !important;
        }
    }
    
    @media screen and (min-width: 320px) and (max-width: 545.099px) {
        h1 {
            font-size: 2.0em;
        }
        .left_padding_img {
            width: 100%;
        }
        .banner_mobile_hide {
            display: block;
        }
        .banner_desk_hide {
            display: none;
        }
        .industrie-50 {
            width: 70% !important;
        }
        .slider-container {
            /* height: auto; */
            height: 600px !important;
        }
        .li-ht-600 {
            min-height: 600px;
        }
        .ecommerce-logos-list {
            width: 100%;
        }
        .logo-imgwd {
            width: 50%;
        }
        #data-nav-tabs .data-nav {
            justify-content: flex-start;
        }
        .btn-cutm-bnr {
            padding: 8px 6px;
            font-size: 12px;
        }
        .innter_banner_design {
            background-color: #ffffff;
        }
        .main_design {
            width: 100%;
        }
        .data_manage_bg {
            padding-left: 15px;
        }
        .img-erp {
            margin-left: 0px;
            margin-top: 10px;
        }
        .e-img {
            width: 100%;
            margin-left: 0px;
            margin-top: 10px;
        }
        .header_main-top ul.it-consuting {
            display: none;
        }
        .smart-img {
            width: 100%;
            margin-left: 0px;
        }
        .crm-img {
            width: 100%;
            margin-left: 0px;
            margin-top: 10px;
        }
        .ecommerce-img {
            width: 100%;
            margin-left: 0px;
        }
        .iot-imgs {
            width: 100%;
            margin-left: 0px;
        }
        .staffing-img {
            width: 100%;
            margin-left: 0px;
        }
        .hyperled-img {
            margin-left: 0px;
            margin-top: 10px;
        }
        .ehterm-img {
            width: 100%;
            margin-left: 0px;
        }
        .hyperled-side-h {
            left: 0px;
        }
        .key-featureslist {
            /* padding-left: 40px; */
            left: -15px;
        }
        .pl-mobile-0 {
            padding-left: 0px !important;
        }
        .desktop-carosel {
            display: none;
        }
        .mobile-carosel {
            display: block;
        }
        .content_round {
            width: 140px;
            height: 140px;
        }
        .database-img {
            width: 100%;
        }
        .framrk-img {
            width: 100%;
            margin-left: 0px;
        }
        .expertise-desktop {
            display: none;
        }
        .expertise-mobile {
            display: block;
        }
        .expertise-desktop-e {
            display: none;
        }
        .expertise-mobile-e {
            display: block;
        }
        .img-ht {
            position: relative;
            bottom: 50px;
        }
        .homepage section.user-case .accordian li h3 {
            font-size: 12px;
            margin: 4px;
            margin-top: 0px !important;
        }
        .mobil-top-35 {
            margin-top: 35px;
        }
        .homepage section.user-case .accordian ul {
            padding-left: 0px;
        }
        .homepage section.user-case .accordian li p {
            font-size: 12px;
            margin: 8px;
            line-height: 1.5;
        }
        .homepage section.user-case .accordian {
            height: 280px;
            /* height: auto; */
        }
        .homepage section.user-case .accordian li {
            height: 280px;
            /* height: auto; */
        }
        .homepage section.user-case .accordian li .pic.business {
            margin-right: 5px;
            display: none;
        }
        .homepage section.user-case .accordian li.selected {
            width: 84%;
        }
        .homepage section.user-case .accordian li.selected .text {
            padding: 0px 10px;
        }
        .homepage section.user-case .accordian li .pic.scientist {
            display: none;
        }
        .homepage section.user-case .accordian li {
            width: 16%;
            min-width: 16%;
        }
        .parallax {
            padding: 15px 0 15px;
        }
        .header_main-top ul.it-consuting {
            width: 100%;
            margin: 0px auto;
            padding: 0px;
            display: flex;
            flex-wrap: nowrap;
            overflow-x: auto;
            overflow-y: scroll;
            white-space: nowrap;
            align-items: center;
            justify-content: flex-start;
        }
        .hyderledger-ul {
            margin: 0px auto;
            padding: 0px;
            display: flex;
            flex-wrap: nowrap;
            overflow-x: auto;
            overflow-y: scroll;
            white-space: nowrap;
            align-items: center;
            justify-content: flex-start;
        }
        .owl-theme .owl-controls .owl-page {
            display: none !important;
        }
        .data-70 {
            width: 70% !important;
        }
        .mrgn-mobile {
            margin-bottom: 17px;
        }
        .mrgn-mobile-0 {
            margin-bottom: 10px !important;
        }
        .mobile-ul-width {
            width: 50% !important;
        }
        .bt-mt {
            margin-top: 0px !important;
            padding: 10px 10px;
            font-size: 14px;
        }
        section.call-to-action h3 .btn {
            margin-left: 0px;
            margin-top: 20px;
            padding: 8px 8px;
            font-size: 14px;
        }
        .list li:before {
            font-family: FontAwesome;
            position: absolute;
            left: 15px;
            color: #008AD1;
            font-size: 15px;
        }
        .nav-tabs {
            margin: 0;
            font-size: 0;
            border-bottom-color: #EEE;
            white-space: nowrap;
            display: flex;
            overflow-x: auto;
            overflow-y: scroll;
            flex-wrap: nowrap;
        }
        .btn-lg,
        .btn-group-lg>.btn {
            font-size: 14px;
        }
        #footer .newsletter form {
            width: 100%;
            max-width: 100%;
        }
        .font-15 {
            font-size: 14px;
        }
        .footer-mobile {
            display: block;
        }
        .footer-desktop {
            display: none;
        }
        .footer-mobile ul li {
            font-size: 14px;
        }
        .index-pad-rt {
            padding-right: 15px !important;
        }
        .mobile-none {
            display: none;
        }
        .m-80 {
            margin-top: 25px;
        }
        h2 {
            font-size: 1.5em !important;
            /* margin: 0 0 12px 0 !important; */
        }
        h3 {
            font-size: 1.2em !important;
        }
        #footer .footer-copyright {
            margin-top: 0px;
        }
        .nav-tabs li a {
            border-radius: 0px 0px 0 0 !important;
        }
        #word-ra {
            height: 46px !important;
        }
        .top-left-50 {
            font-size: 12px !important;
            padding-left: 45px !important;
            width: 100%;
            display: flex;
            justify-content: center;
            top: 410px !important;
        }
        .top-left-50-snd {
            font-size: 12px !important;
            width: 100%;
            display: flex;
            justify-content: center;
            position: relative;
            left: 0px !important;
            top: 360px !important;
        }
        .top-left-head {
            padding-left: 15px !important;
            padding-top: 5px !important;
            width: 100%;
            display: flex;
            justify-content: center;
            top: 380px !important;
        }
        .img-control {
            position: relative;
            top: 315px !important;
            left: -130px !important;
            width: 100% !important;
            height: 100% !important;
        }
        .top-left-btm {
            position: relative;
            top: 503px !important;
            left: 0px !important;
            display: flex;
            justify-content: center;
            width: 100%;
        }
        .title-left-mobile {
            position: relative;
            left: 0px !important;
            font-size: 18px !important;
            top: 397px !important;
            line-height: 1 !important;
            right: 0px !important
        }
        .img-mobile-align {
            position: absolute;
        }
        .top-btn-top-text {
            padding-top: 20px !important;
        }
        .title-left-30 {
            position: relative;
            left: 0px !important;
            font-size: 12px !important;
            top: 500px !important;
            display: flex;
            width: 100% !important;
            justify-content: center;
        }
        .title-left-30-txt {
            position: relative;
            top: 370px !important;
            width: 100% !important;
            line-height: 1.4 !important;
            left: 0px !important;
            font-size: 12px !important;
        }
        .header_main-top ul li a {
            padding: 15px 15px;
        }
        .font-15 {
            font-size: 13px;
        }
        .page-top h2 {
            line-height: 30px;
            padding: 0px 0 3px;
            border-bottom: 3px solid #CCC;
        }
        .line-h {
            text-align: center;
        }
        .news-left-grid-info {
            width: 100% !important;
        }
        .news-left-grid-pic {
            width: 100% !important;
        }
        .news-left-grid-info p {
            font-size: 13px !important;
        }
        .text-justfy-p {
            text-align: justify;
            margin-right: 0px;
        }
        .pd-70-left {
            padding-left: 0px;
        }
        #footer .footer-copyright p.logo-ht-padng-left {
            display: none;
        }
        #footer .copy-2020-mobile {
            display: block;
        }
    }
    
    @media screen and (min-width: 546px) and (max-width: 767.099px) {
        .left_padding_img {
            width: 100%;
        }
        .banner_mobile_hide {
            display: block;
        }
        .li-ht-600 {
            min-height: 600px;
        }
        .banner_desk_hide {
            display: none;
        }
        .pd-70-left {
            padding-left: 0px;
        }
        .slider-container {
            height: auto;
        }
        .logo-imgwd {
            width: 25%;
        }
        .text-justfy-p {
            text-align: justify;
            margin-right: 0px;
        }
        .data_manage_bg {
            padding-left: 15px;
        }
        #data-nav-tabs .data-nav {
            justify-content: flex-start;
        }
        .main_design {
            width: 100%;
        }
        .innter_banner_design {
            background-color: #ffffff;
        }
        .btn-cutm-bnr {
            padding: 6px 4px;
            font-size: 12px;
        }
        .img-erp {
            margin-left: 0px;
            margin-top: 10px;
        }
        .e-img {
            width: 100%;
            margin-left: 0px;
            margin-top: 10px;
        }
        .header_main-top ul.it-consuting {
            display: none;
        }
        .smart-img {
            width: 100%;
            margin-left: 0px;
        }
        .crm-img {
            width: 100%;
            margin-left: 0px;
            margin-top: 10px;
        }
        .ecommerce-img {
            width: 100%;
            margin-left: 0px;
        }
        .iot-imgs {
            width: 425px;
            margin-left: 0px;
        }
        .staffing-img {
            width: 100%;
            margin-left: 0px;
        }
        .mobil-top-35 {
            margin-top: 35px;
        }
        .hyperled-img {
            margin-left: 0px;
            margin-top: 10px;
        }
        .ehterm-img {
            width: 100%;
            margin-left: 0px;
        }
        .hyperled-side-h {
            left: 0px;
        }
        .top-left-btm {
            top: 503px !important;
        }
        .key-featureslist {
            /* padding-left: 40px; */
            left: -15px;
        }
        .pl-mobile-0 {
            padding-left: 0px !important;
        }
        .desktop-carosel {
            display: none;
        }
        .mobile-carosel {
            display: block;
        }
        .content_round {
            width: 150px;
            height: 150px;
        }
        .database-img {
            /* width: 462px; */
            width: 100%;
        }
        .framrk-img {
            width: 100%;
            margin-left: 0px;
        }
        .expertise-desktop {
            display: none;
        }
        .expertise-mobile {
            display: block;
        }
        .expertise-desktop-e {
            display: none;
        }
        .expertise-mobile-e {
            display: block;
        }
        .img-ht {
            position: relative;
            bottom: 50px;
        }
        .homepage section.user-case .accordian li p {
            font-size: 14px;
            margin: 8px;
            line-height: 1.5;
        }
        .header_main-top ul.it-consuting {
            width: 100%;
            margin: 0px auto;
            padding: 0px;
            display: flex;
            flex-wrap: nowrap;
            overflow-x: auto;
            overflow-y: scroll;
            white-space: nowrap;
            align-items: center;
            justify-content: flex-start;
        }
        .hyderledger-ul {
            width: 44% !important;
            margin: 0px auto;
            padding: 0px;
            display: flex;
            flex-wrap: nowrap;
            overflow-x: auto;
            overflow-y: scroll;
            white-space: nowrap;
            align-items: center;
            justify-content: flex-start;
        }
        .list li:before {
            font-family: FontAwesome;
            position: absolute;
            left: 15px;
            color: #008AD1;
            font-size: 15px;
        }
        .font-15 {
            font-size: 14px;
        }
        .footer-mobile {
            display: block;
        }
        .footer-desktop {
            display: none;
        }
        .footer-mobile ul li {
            font-size: 14px;
        }
        .index-pad-rt {
            padding-right: 15px !important;
        }
        .footer-mobile {
            display: block;
        }
        .footer-desktop {
            display: none;
        }
        .footer-mobile ul li {
            font-size: 14px;
        }
        #footer .newsletter form {
            width: 100%;
            max-width: 100%;
        }
        .m-80 {
            margin-top: 40px;
        }
        #footer .footer-copyright {
            margin-top: 0px;
        }
        .top-left-50 {
            font-size: 15px !important;
            padding-left: 65px !important;
        }
        .top-left-50-snd {
            font-size: 15px !important;
            width: 100%;
            display: flex;
            justify-content: center;
            position: relative;
            left: 0px !important;
        }
        .top-left-head {
            padding-left: 15px !important;
        }
        .img-control {
            position: relative;
            top: 26px !important;
            left: -12px !important;
        }
        .title-left-mobile {
            position: relative;
            left: 0px !important;
            font-size: 18px !important;
            line-height: 1 !important;
            right: 0px !important
        }
        .title-left-30 {
            position: relative;
            left: 38px !important;
            font-size: 18px !important;
            top: 500px !important;
            display: flex;
            width: 100% !important;
            justify-content: center;
        }
        .title-left-30-txt {
            position: relative;
            left: 38px !important;
            font-size: 18px !important;
        }
        .news-left-grid-info {
            width: 100% !important;
        }
        .news-left-grid-pic {
            width: 100% !important;
        }
        .news-left-grid-info p {
            font-size: 13px !important;
        }
        #footer .footer-copyright p.logo-ht-padng-left {
            display: none;
        }
        #footer .copy-2020-mobile {
            display: block;
        }
    }
    
    @media screen and (min-width: 768px) and (max-width: 991.99px) {
        .left_padding_img {
            width: 100%;
        }
        .main_design {
            width: 100%;
        }
        .slider-container {
            height: auto;
        }
        .img-erp {
            margin-left: 0px;
            margin-top: 10px;
        }
        #data-nav-tabs .data-nav {
            justify-content: flex-start;
        }
        .e-img {
            width: 100%;
            margin-left: 0px;
            margin-top: 10px;
        }
        .innter_banner_design {
            background-color: #ffffff;
        }
        .smart-img {
            width: 100%;
            margin-left: 0px;
        }
        .crm-img {
            width: 100%;
            margin-left: 0px;
            margin-top: 10px;
        }
        .ecommerce-img {
            width: 100%;
            margin-left: 0px;
        }
        .iot-imgs {
            width: 425px;
            margin-left: 0px;
        }
        .staffing-img {
            width: 100%;
            margin-left: 0px;
        }
        .hyperled-img {
            margin-left: 0px;
            margin-top: 10px;
        }
        .ehterm-img {
            width: 100%;
            margin-left: 0px;
        }
        .hyperled-side-h {
            left: 0px;
        }
        .key-featureslist {
            /* padding-left: 40px; */
            left: -15px;
        }
        .pl-mobile-0 {
            padding-left: 0px !important;
        }
        .content_round {
            width: 150px;
            height: 150px;
        }
        .ml-ai-img {
            position: relative;
            top: 175px;
        }
        .database-img {
            /* width: 462px; */
            width: 100%;
        }
        .framrk-img {
            width: 100%;
            margin-left: 0px;
        }
        .res-pdtop {
            margin-top: 100px;
        }
        .expertise-desktop {
            display: none;
        }
        .expertise-mobile {
            display: block;
        }
        .header_main-top ul.it-consuting {
            width: 100%;
            margin: 0px auto;
            padding: 0px;
            display: flex;
            flex-wrap: nowrap;
            overflow-x: auto;
            overflow-y: scroll;
            white-space: nowrap;
            align-items: center;
            justify-content: flex-start;
        }
        .hyderledger-ul {
            width: 44% !important;
            margin: 0px auto;
            padding: 0px;
            display: flex;
            flex-wrap: nowrap;
            overflow-x: auto;
            overflow-y: scroll;
            white-space: nowrap;
            align-items: center;
            justify-content: flex-start;
        }
        .list li:before {
            font-family: FontAwesome;
            position: absolute;
            left: 15px;
            color: #008AD1;
            font-size: 15px;
        }
        .footer-mobile {
            display: block;
        }
        .footer-desktop {
            display: none;
        }
        .footer-mobile ul li {
            font-size: 14px;
        }
        .font-15 {
            font-size: 14px;
        }
        .footer-mobile ul li {
            font-size: 14px;
            line-height: 1.4;
        }
        .section.call-to-action h3 .btn {
            margin-top: 10px;
        }
        .top-left-50 {
            font-size: 15px !important;
            padding-left: 100px !important;
        }
        .top-left-head {
            padding-left: 15px !important;
        }
        .img-control {
            position: relative;
            top: 26px !important;
            left: -120px !important;
        }
        .title-left-mobile {
            position: relative;
            left: 10px !important;
            font-size: 28px !important;
            line-height: 1 !important
        }
        .title-left-30 {
            position: relative;
            left: -66px !important;
            font-size: 18px !important;
        }
        .title-left-30-txt {
            position: relative;
            left: -66px !important;
            font-size: 18px !important;
        }
        .news-left-grid-info {
            width: 100% !important;
        }
        .news-left-grid-pic {
            width: 100% !important;
        }
        .news-left-grid-info p {
            font-size: 13px !important;
        }
    }
    
    @media screen and (min-width: 992px) and (max-width: 1199px) {
        .ml-ai-img {
            position: relative;
            top: 120px;
        }
        .framrk-img {
            width: 450px;
            margin-left: 0px;
        }
        .database-img {
            /* width: 462px; */
            width: 450px;
        }
        #data-nav-tabs .data-nav {
            justify-content: flex-start;
        }
        .header_main-top ul.it-consuting {
            width: 100%;
            margin: 0px auto;
            padding: 0px;
            display: flex;
            flex-wrap: nowrap;
            overflow-x: auto;
            overflow-y: scroll;
            white-space: nowrap;
            align-items: center;
            justify-content: flex-start;
        }
        .hyderledger-ul {
            width: 44% !important;
            margin: 0px auto;
            padding: 0px;
            display: flex;
            flex-wrap: nowrap;
            overflow-x: auto;
            overflow-y: scroll;
            white-space: nowrap;
            align-items: center;
            justify-content: flex-start;
        }
        .logo-imgwd {
            width: 200px !important;
        }
        .font-15 {
            font-size: 14px;
        }
        .m-80 {
            margin-top: 40px;
        }
        .title-left-mobile {
            position: relative;
            left: 50% !important;
            font-size: 38px !important;
            line-height: 1 !important
        }
    }
    
    @media only screen and (min-width: 1200px) {
        .title-left-mobile {
            position: relative;
            left: 60% !important;
            font-size: 38px !important;
            line-height: 1 !important
        }
    }