a,
button {
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

    a i.fa,
    button i.fa {
        margin: 0 5px;
    }
  
.d_unset {
    display: unset !important;
}

#top {
    background: #ffffff;
    padding: 10px 0;
}

    #top .offer {
        color: #fff;
    }

        #top .offer .btn {
            text-transform: uppercase;
        }

@media (max-width: 991px) {
    #top .offer {
        margin-bottom: 10px;
    }
}

@media (max-width: 991px) {
    #top {
        font-size: 12px;
        text-align: center;
    }
}

#top a {
    color: #fff;
}

#top ul.menu {
    padding-top: 40px;
    margin: 0;
    text-align: right;
    padding-left: 0;
    font-size: 13px;
    list-style: none;
}

@media (max-width: 991px) {
    #top ul.menu {
        text-align: center;
    }
}

.header-logo img {
    margin-top: 6px;
    margin-bottom: 7px;
}

.pr0 {
    padding-right: 0px;
}

.extra_logo {
    width: 90%;
    margin-top: 5px;
    float: right;
}


#top ul.menu {
    padding-top: 40px;
    margin: 0;
    text-align: right;
    padding-left: 0;
    font-size: 13px;
    list-style: none;
}

    #top ul.menu > li {
        display: inline-block;
        margin-right: 4px;
    }

        #top ul.menu > li a {
            background: #3d344b;
            color: #ffffff;
            padding: 5px 10px;
            border-bottom: 3px solid #ff6c3a;
        }

            #top ul.menu > li a:hover {
                background: #ff6c3a;
                border-bottom: 3px solid #3d344b;
            }

        #top ul.menu > li + li:before {
            content: "|\00a0";
            padding: 0 5px;
            color: #f7f7f7;
        }


    #top ul.menu > .active {
        color: #999999;
    }

#top #login-modal .modal-header {
    background: #4fbfa8;
}

    #top #login-modal .modal-header h4 {
        color: #fff;
    }

#top #login-modal a {
    color: #4fbfa8;
}

#top #login-modal p {
    font-weight: 300;
    margin-bottom: 20px;
}

.navbar .yamm-content h5 {
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    padding-bottom: 10px;
    border-bottom: dotted 1px #555555;
}

@media (max-width: 767px) {
    .navbar .yamm-content h5 {
        font-size: 14px;
    }
}

.navbar .yamm-content ul {
    margin: 0;
    padding: 0;
}

    .navbar .yamm-content ul li {
        list-style-type: none;
        border-bottom: solid 1px #eeeeee;
        padding: 4px 0;
    }

        .navbar .yamm-content ul li a {
            color: #0A1A32;
            font-size: 15px;
            display: block;
        }

            .navbar .yamm-content ul li a:hover {
                color: #ff6c3a;
                text-decoration: none;
            }

.navbar .yamm-content .banner {
    margin-bottom: 10px;
}

.navbar ul.nav > li > a {
    font-weight: 600;
}



.navbar #search {
    clear: both;
    border-top: solid 1px #9adacd;
    text-align: right;
}

    .navbar #search .navbar-form {
        float: right;
        width: 500px;
    }

        .navbar #search .navbar-form .input-group {
            display: table;
        }

            .navbar #search .navbar-form .input-group .input-group-btn {
                white-space: nowrap;
                width: 1%;
            }

            .navbar #search .navbar-form .input-group .form-control {
                width: 100%;
            }

@media (max-width: 768px) {
    .navbar #search .navbar-form {
        float: none;
        width: auto;
    }
}

.navbar #basket-overview {
    padding: 0;
}

#hot h2 {
    text-transform: uppercase;
    font-size: 36px;
    color: #4fbfa8;
    font-weight: 100;
    text-align: center;
}

#hot .product-slider {
    margin-bottom: 20px;
}

    #hot .product-slider:before,
    #hot .product-slider:after {
        content: " ";
        display: table;
    }

    #hot .product-slider:after {
        clear: both;
    }

    #hot .product-slider .item {
        margin: 0 25px;
        visibility: hidden;
    }

    #hot .product-slider .owl-controls {
        position: relative;
        top: -30px;
    }

        #hot .product-slider .owl-controls .owl-buttons {
            display: none;
        }

        #hot .product-slider .owl-controls .owl-page.active span,
        #hot .product-slider .owl-controls.clickable .owl-page:hover span {
            background: #4fbfa8;
        }

#advantages {
    text-align: center;
}

    #advantages .box .icon {
        position: absolute;
        font-size: 120px;
        width: 100%;
        text-align: center;
        top: -20px;
        left: 0;
        height: 100%;
        float: left;
        color: #eeeeee;
        -webkit-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
        z-index: 1;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #advantages .box h3 {
        position: relative;
        margin: 0 0 20px;
        font-weight: 300;
        text-transform: uppercase;
        z-index: 2;
    }

        #advantages .box h3 a:hover {
            text-decoration: none;
        }

    #advantages .box p {
        position: relative;
        color: #555555;
        z-index: 2;
    }

#main-slider {
    /* margin-bottom: 30px;*/
    opacity: 0;
    filter: alpha(opacity=0);
    /* -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);*/
}

    .box.slideshow ul li div,
    #main-slider ul li div {
        width: 100%;
    }

    .box.slideshow .owl-controls,
    #main-slider .owl-controls {
        position: absolute;
        right: 20px;
        bottom: 20px;
    }

        .box.slideshow .owl-controls .owl-buttons,
        #main-slider .owl-controls .owl-buttons {
            display: none;
        }

        .box.slideshow .owl-controls .owl-page.active span,
        #main-slider .owl-controls .owl-page.active span,
        .box.slideshow .owl-controls.clickable .owl-page:hover span,
        #main-slider .owl-controls.clickable .owl-page:hover span {
            background: #ffffff;
        }

.breadcrumb {
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}

.box {
    background: #fff;
    margin: 0 0 30px;
    border: solid 1px #e6e6e6;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px 17px;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}

    .box .box-header {
        background: #f7f7f7;
        margin: -20px -20px 20px;
        padding: 20px;
        border-bottom: solid 1px #eeeeee;
    }

        .box .box-header:before,
        .box .box-header:after {
            content: " ";
            display: table;
        }

        .box .box-header:after {
            clear: both;
        }

    .box .box-footer {
        background: #f7f7f7;
        margin: 30px -20px -20px;
        padding: 20px;
        border-top: solid 1px #eeeeee;
    }

        .box .box-footer:before,
        .box .box-footer:after {
            content: " ";
            display: table;
        }

/*    .box .box-footer:after {
            clear: both;
        }*/

@media (max-width: 991px) {
    .box .box-footer .btn {
        margin-bottom: 20px;
    }
}

.box.slideshow {
    padding: 20px 0 0 0;
    text-align: center;
}

    .box.slideshow h3 {
        text-transform: uppercase;
        font-weight: 700;
    }

.ribbon {
    position: absolute;
    top: 50px;
    padding-left: 51px;
    z-index: 20;
}

    .ribbon .ribbon-background {
        position: absolute;
        top: 0;
        right: 0;
    }

    .ribbon .theribbon {
        position: relative;
        width: 80px;
        padding: 6px 20px 6px 20px;
        margin: 30px 10px 10px -71px;
        color: #fff;
        background-color: #4fbfa8;
        text-shadow: 0px 1px 2px #bbb;
    }

        .ribbon .theribbon:before,
        .ribbon .theribbon:after {
            content: ' ';
            position: absolute;
            width: 0;
            height: 0;
        }

        .ribbon .theribbon:after {
            left: 0px;
            top: 100%;
            border-width: 5px 10px;
            border-style: solid;
            border-color: #2d7b6b #2d7b6b transparent transparent;
        }

    .ribbon.sale {
        top: 0;
    }

    .ribbon.new {
        top: 50px;
    }

        .ribbon.new .theribbon {
            background-color: #5bc0de;
            text-shadow: 0px 1px 2px #bbb;
        }

            .ribbon.new .theribbon:after {
                border-color: #2390b0 #2390b0 transparent transparent;
            }

    .ribbon.gift {
        top: 100px;
    }

        .ribbon.gift .theribbon {
            background-color: #5cb85c;
            text-shadow: 0px 1px 2px #bbb;
        }

            .ribbon.gift .theribbon:after {
                border-color: #357935 #357935 transparent transparent;
            }

#content .panel.sidebar-menu {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}

    #content .panel.sidebar-menu .panel-heading .btn.btn-danger {
        color: #fff;
    }

    #content .panel.sidebar-menu .panel-body span.colour {
        display: inline-block;
        width: 15px;
        height: 15px;
        border: solid 1px #555555;
        vertical-align: top;
        margin-top: 2px;
        margin-left: 5px;
    }

        #content .panel.sidebar-menu .panel-body span.colour.white {
            background: #fff;
        }

        #content .panel.sidebar-menu .panel-body span.colour.red {
            background: red;
        }

        #content .panel.sidebar-menu .panel-body span.colour.green {
            background: green;
        }

        #content .panel.sidebar-menu .panel-body span.colour.blue {
            background: blue;
        }

        #content .panel.sidebar-menu .panel-body span.colour.yellow {
            background: yellow;
        }

    #content .panel.sidebar-menu .panel-body label {
        color: #999999;
        font-size: 12px;
    }

        #content .panel.sidebar-menu .panel-body label:hover {
            color: #555555;
        }

    #content .panel.sidebar-menu h3 {
        padding: 5px 0;
        margin: 0;
    }

    #content .panel.sidebar-menu ul.nav.category-menu {
        margin-bottom: 20px;
    }

        #content .panel.sidebar-menu ul.nav.category-menu li a {
            text-transform: uppercase;
            font-weight: bold;
        }

    #content .panel.sidebar-menu ul.nav ul {
        list-style: none;
        padding-left: 0;
    }

        #content .panel.sidebar-menu ul.nav ul li {
            display: block;
        }

            #content .panel.sidebar-menu ul.nav ul li a {
                position: relative;
                font-weight: normal;
                text-transform: none !important;
                display: block;
                padding: 10px 15px;
                padding-left: 30px;
                font-size: 12px;
                color: #999999;
            }

                #content .panel.sidebar-menu ul.nav ul li a:hover,
                #content .panel.sidebar-menu ul.nav ul li a:focus {
                    text-decoration: none;
                    background-color: #eeeeee;
                }

#content .info-bar {
    line-height: 32px;
    vertical-align: middle;
}

@media (max-width: 991px) {
    #content .info-bar .products-showing {
        text-align: center;
    }
}

@media (max-width: 991px) {
    #content .info-bar .products-number-sort {
        text-align: center;
        margin-top: 10px;
    }
}

#content .info-bar .products-number strong {
    margin-right: 10px;
}

#content .info-bar .products-sort-by select {
    margin-left: 10px;
}

@media (max-width: 991px) {
    #content .info-bar .products-sort-by {
        margin: 10px 0 0;
    }

        #content .info-bar .products-sort-by select {
            margin: 0;
        }
}

#content .product {
    background: #fff;
    border: solid 1px #e6e6e6;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 30px;
    /* entire container, keeps perspective */
    /* flip speed goes here */
    /* hide back of pane during swap */
    /*  UPDATED! front pane, placed above back */
    /* back, initially hidden pane */
}

    #content .product .flip-container {
        cursor: pointer;
        -webkit-perspective: 1000;
        -moz-perspective: 1000;
        perspective: 1000;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }

@media (max-width: 767px) {
    #content .product .flip-container img.img-responsive {
        min-width: 100%;
    }
}

#content .product .flip-container,
#content .product .front,
#content .product .back {
    width: 100%;
}

#content .product .flipper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: relative;
}

#content .product .front,
#content .product .back {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0;
}

#content .product .front {
    z-index: 2;
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

#content .product .back {
    -webkit-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}

#content .product:hover .back {
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
    z-index: 2;
}

#content .product:hover .front {
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
    z-index: 1;
}

#content .product .invisible {
    visibility: hidden;
}

@media (max-width: 767px) {
    #content .product .invisible img.img-responsive {
        min-width: 100%;
    }
}

#content .product .text {
    padding: 10px 10px 0;
}

    #content .product .text h3 {
        font-size: 18px;
        font-weight: 700;
        height: 39.6px;
        text-align: center;
        overflow: hidden;
    }

        #content .product .text h3 a {
            color: #555555;
        }

    #content .product .text p.price {
        font-size: 18px;
        text-align: center;
        font-weight: 300;
    }

        #content .product .text p.price del {
            color: #999999;
        }

    #content .product .text .buttons {
        clear: both;
        text-align: center;
    }

        #content .product .text .buttons .btn {
            margin-bottom: 10px;
        }

#content .banner {
    margin-bottom: 30px;
}

#content .pages {
    text-align: center;
}

    #content .pages .loadMore {
        text-align: center;
    }

    #content .pages .pagination {
        text-align: center;
    }

#content #mainImage {
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}

#content #productMain {
    margin-bottom: 30px;
}

    #content #productMain .goToDescription {
        margin-top: 20px;
        font-size: 12px;
        text-align: center;
    }

        #content #productMain .goToDescription a {
            color: #999999;
            text-decoration: underline;
        }

    #content #productMain .price {
        font-size: 30px;
        font-weight: 300;
        text-align: center;
        margin-top: 40px;
    }

    #content #productMain .buttons {
        margin-bottom: 0;
        text-align: center;
    }

        #content #productMain .buttons .btn {
            margin-bottom: 10px;
        }

#content #details .social {
    text-align: left;
}

    #content #details .social h4 {
        font-weight: 300;
        margin-bottom: 10px;
    }

    #content #details .social p {
        line-height: 26px;
    }

        #content #details .social p a {
            margin: 0 10px 0 0;
            color: #fff;
            display: inline-block;
            width: 26px;
            height: 26px;
            border-radius: 13px;
            line-height: 26px;
            font-size: 15px;
            text-align: center;
            -webkit-transition: all 0.2s ease-out;
            -moz-transition: all 0.2s ease-out;
            transition: all 0.2s ease-out;
            vertical-align: bottom;
        }

            #content #details .social p a i {
                vertical-align: bottom;
                line-height: 26px;
            }

            #content #details .social p a.youtube {
                background-color: #FF0000;
            }

            #content #details .social p a.gplus {
                background-color: #c21f25;
            }

            #content #details .social p a.twitter {
                background-color: #3cf;
            }

            #content #details .social p a.instagram {
                background-color: #cd4378;
            }

            #content #details .social p a.email {
                background-color: #4a7f45;
            }

@media (max-width: 991px) {
    #content #details .social {
        text-align: center;
    }
}

#content #thumbs a {
    display: block;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    border: solid 2px transparent;
}

    #content #thumbs a.active {
        border-color: #4fbfa8;
    }

#content #checkout .nav {
    margin-bottom: 20px;
    border-bottom: solid 1px #4fbfa8;
}

    #content #checkout .nav li {
        height: 100%;
    }

        #content #checkout .nav li a {
            display: block;
            height: 100%;
        }

#content #order-summary table {
    margin-top: 20px;
}

    #content #order-summary table td {
        color: #999999;
    }

    #content #order-summary table tr.total td,
    #content #order-summary table tr.total th {
        font-size: 18px;
        color: #555555;
        font-weight: 700;
    }

#content #checkout .table tbody tr td,
#content #basket .table tbody tr td,
#content #customer-order .table tbody tr td {
    vertical-align: middle;
}

    #content #checkout .table tbody tr td input,
    #content #basket .table tbody tr td input,
    #content #customer-order .table tbody tr td input {
        width: 50px;
        text-align: right;
    }

    #content #checkout .table tbody tr td img,
    #content #basket .table tbody tr td img,
    #content #customer-order .table tbody tr td img {
        width: 50px;
    }

#content #checkout .table tfoot,
#content #basket .table tfoot,
#content #customer-order .table tfoot {
    font-size: 18px;
}

#content #text-page h1,
#content #text-page h2,
#content #text-page h3 {
    font-weight: 700;
}

#content #error-page {
    text-align: center;
}

    #content #error-page h4 {
        margin-bottom: 40px;
    }

    #content #error-page p.buttons {
        margin-top: 40px;
    }

#content #map {
    height: 400px;
}

#content #blog-listing .post,
#content #blog-homepage .post {
    margin-bottom: 60px;
    background: #fff;
    margin: 0 0 30px;
    border: solid 1px #e6e6e6;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 12px 15px;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}

    #content #blog-listing .post h2 a,
    #content #blog-homepage .post h2 a,
    #content #blog-listing .post h4 a,
    #content #blog-homepage .post h4 a {
        color: #555555;
    }

        #content #blog-listing .post h2 a:hover,
        #content #blog-homepage .post h2 a:hover,
        #content #blog-listing .post h4 a:hover,
        #content #blog-homepage .post h4 a:hover {
            color: #4fbfa8;
        }

    #content #blog-listing .post .author-category,
    #content #blog-homepage .post .author-category {
        color: #999999;
        font-weight: 300;
    }

    #content #blog-listing .post .date-comments a,
    #content #blog-homepage .post .date-comments a {
        color: #999999;
        margin-right: 20px;
    }

        #content #blog-listing .post .date-comments a:hover,
        #content #blog-homepage .post .date-comments a:hover {
            color: #4fbfa8;
        }

    #content #blog-listing .post .intro,
    #content #blog-homepage .post .intro {
        text-align: left;
    }

    #content #blog-listing .post .image,
    #content #blog-homepage .post .image {
        margin-bottom: 10px;
        overflow: hidden;
    }

        #content #blog-listing .post .image img,
        #content #blog-homepage .post .image img {
            -webkit-transition: all 0.2s ease-out;
            -moz-transition: all 0.2s ease-out;
            transition: all 0.2s ease-out;
        }

@media (max-width: 767px) {
    #content #blog-listing .post .image img.img-responsive,
    #content #blog-homepage .post .image img.img-responsive {
        min-width: 100%;
    }
}

#content #blog-listing .post .read-more,
#content #blog-homepage .post .read-more {
    text-align: right;
}

#content #blog-listing .post:hover .image img,
#content #blog-homepage .post:hover .image img {
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

#content #blog-homepage .post {
    margin-bottom: 30px;
}

    #content #blog-homepage .post h2,
    #content #blog-homepage .post h4,
    #content #blog-homepage .post .author-category,
    #content #blog-homepage .post .read-more {
    }

    #content #blog-homepage .post .intro {
        font-weight: 300;
    }

    #content #blog-homepage .post .read-more {
        margin-top: 20px;
    }

#content #blog-post .author-date {
    color: #999999;
    font-weight: 300;
}

#content #blog-post #post-content {
    margin-bottom: 20px;
}

#content #blog-post .comment {
    margin-bottom: 25px;
}

    #content #blog-post .comment:before,
    #content #blog-post .comment:after {
        content: " ";
        display: table;
    }

    #content #blog-post .comment:after {
        clear: both;
    }

    #content #blog-post .comment .posted {
        color: #999999;
        font-size: 12px;
    }

    #content #blog-post .comment .reply {
        font-family: "Roboto", Helvetica, Arial, sans-serif;
    }

    #content #blog-post .comment.last {
        margin-bottom: 0;
    }

#content #blog-post #comments:before,
#content #blog-post #comment-form:before,
#content #blog-post #comments:after,
#content #blog-post #comment-form:after {
    content: " ";
    display: table;
}

#content #blog-post #comments:after,
#content #blog-post #comment-form:after {
    clear: both;
}

#content #blog-post #comments h4,
#content #blog-post #comment-form h4 {
    margin-bottom: 20px;
}

#content #blog-post #comment-form {
    margin-bottom: 20px;
}

#content #customer-orders table tr th,
#content #customer-orders table tr td {
    vertical-align: baseline;
}

#content #customer-order .table tfoot th {
    font-size: 18px;
    font-weight: 300;
}

#content #customer-order .addresses {
    text-align: right;
}

    #content #customer-order .addresses p {
        font-size: 18px;
        font-weight: 300;
    }

#footer {
    background: #232c3b;
    border-top: 2px solid #ff6c3a;
    padding: 10px 0;
}

    #footer ul {
        padding-left: 0;
        list-style: none;
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 0;
    }

        #footer ul a {
            color: #adafc7;
            font-size: 13px;
            line-height: 22px;
        }

            #footer ul a:hover {
                color: #000000;
                text-decoration: none;
            }

    #footer .social {
        text-align: left;
    }

        #footer .social a {
            margin: 0 10px 0 0;
            color: #fff;
            display: inline-block;
            width: 30px;
            height: 30px;
            border-radius: 15px;
            line-height: 26px;
            font-size: 15px;
            text-align: center;
            -webkit-transition: all 0.2s ease-out;
            -moz-transition: all 0.2s ease-out;
            transition: all 0.2s ease-out;
            vertical-align: bottom;
            background-color: #555555;
        }

            #footer .social a i {
                vertical-align: bottom;
                line-height: 30px;
            }

            #footer .social a.facebook:hover {
                background-color: #FF0000;
            }

            #footer .social a.gplus:hover {
                background-color: #c21f25;
            }

            #footer .social a.twitter:hover {
                background-color: #3cf;
            }

            #footer .social a.instagram:hover {
                background-color: #cd4378;
            }

            #footer .social a.email:hover {
                background-color: #4a7f45;
            }

#copyright {
    background: #0A1A32;
    color: #ccc;
    padding: 20px 0;
    font-size: 12px;
}

    #copyright p {
        margin: 0;
    }

@media (max-width: 991px) {
    #copyright p {
        float: none !important;
        text-align: center;
        margin-bottom: 10px;
    }
}

#style-switch-button {
    position: fixed;
    top: 80px;
    left: 20px;
}

#style-switch {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 200px;
    padding: 20px;
    position: fixed;
    top: 120px;
    left: 20px;
    background: #fff;
    border: solid 1px #eeeeee;
}
/*!
 * Yamm!3
 * Yet another megamenu for Bootstrap 3
 * 
 * http://geedmo.github.com/yamm3
 */
.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
    position: static;
}

.yamm .container {
    position: relative;
}

.yamm .dropdown-menu {
    left: auto;
}

.yamm .nav.navbar-right .dropdown-menu {
    left: auto;
    right: 0;
}

.yamm .yamm-content {
    padding: 20px 30px;
}

@media (max-width: 767px) {
    .yamm .yamm-content {
        padding: 10px 20px;
    }
}

.yamm .dropdown.yamm-fw .dropdown-menu {
    left: 0;
    right: 0;
}
/* Original Boostrap template overwrite */
/* nav */
.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}

    .nav > li > a {
        padding: 10px 6px;
    }

        .nav > li > a:hover,
        .nav > li > a:focus {
            background-color: #eeeeee;
        }

    .nav > li.disabled > a {
        color: #999999;
    }

        .nav > li.disabled > a:hover,
        .nav > li.disabled > a:focus {
            color: #999999;
        }

    .nav .open > a,
    .nav .open > a:hover,
    .nav .open > a:focus {
        background-color: #eeeeee;
        border-color: #4fbfa8;
    }

.nav-tabs {
    border-bottom: 1px solid #dddddd;
}

    .nav-tabs > li > a {
        line-height: 1.42857143;
        border-radius: 4px 4px 0 0;
    }

        .nav-tabs > li > a:hover {
            border-color: #eeeeee #eeeeee #dddddd;
        }

    .nav-tabs > li.active > a,
    .nav-tabs > li.active > a:hover,
    .nav-tabs > li.active > a:focus {
        color: #555555;
        background-color: #f0f0f0;
        border: 1px solid #dddddd;
    }

.nav-pills > li > a {
    border-radius: 0;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    color: #ffffff;
    background-color: #4fbfa8;
}

.nav-tabs-justified > li > a {
    border-radius: 4px;
}

.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
    border: 1px solid #dddddd;
}

@media (min-width: 768px) {
    .nav-tabs-justified > li > a {
        border-bottom: 1px solid #dddddd;
        border-radius: 4px 4px 0 0;
    }

    .nav-tabs-justified > .active > a,
    .nav-tabs-justified > .active > a:hover,
    .nav-tabs-justified > .active > a:focus {
        border-bottom-color: #f0f0f0;
    }
}
/* navbar */
.navbar {
    /*  font-family: "Roboto", Helvetica, Arial, sans-serif;
    min-height: auto;*/
    margin-bottom: 0px;
    /*border: none;
    border-bottom: 1px solid transparent;*/
    /*background-color: #ff6c3a;*/
}

@media (min-width: 768px) {
    .navbar {
        border-radius: 0;
    }
}

.section-tabs_majin {
    padding: 50px 0;
    background-color: #fff;
    width: 100%;
    background-size: cover;
    position: relative;
    z-index: 2
}
/* section tabs */

.section-tabs {
    padding: 50px 0;
    background: url(../images/jpg/elements-dark.jpg) center;
    background-color: #fff;
    width: 100%;
    background-size: cover;
    position: relative;
    z-index: 2
}

    .section-tabs .panel-body {
        background: url(../images/jpg/img.jpg) center left;
        padding: 40px 30px;
        border: 1px solid #f1f1f1;
        border-radius: 20px
    }

    .section-tabs h2 {
        font-size: 30px
    }

    .section-tabs .list-img {
        width: 50px;
        margin-right: 20px;
        margin-top: -10px
    }

    .section-tabs .left-padding {
        padding-left: 0;
        padding-right: 15px
    }

    .section-tabs .bottom-padding {
        padding-bottom: 20px
    }

    .section-tabs .tab-pane {
        background-color: #fff;
        padding: 0;
        margin-top: 0;
        border-left: 0 solid #ff6c3a
    }

    .section-tabs .buttons {
        margin-top: 0
    }

    .section-tabs .btn {
        /* margin-top: 30px; */
        box-shadow: -10px 15px 30px rgba(170, 15, 15, 0)
    }

.nav-pills > li {
    float: none;
    display: inline-block
}

@media only screen and (max-width:680px) {
    .nav-pills > li {
        display: block
    }
}

.nav-pills p {
    color: #5e5964;
    padding-top: 10px;
    font-weight: 500;
    font-size: 15px;
    font-weight: 600;
}

.img-shadow {
    position: relative;
    z-index: 1
}

.section-tabs .fa {
    padding-right: 10px;
    padding-top: 5px;
    color: #ff6c3a;
    font-size: 12px
}

.tabs-list {
    display: table-row
}

.section-tabs .tabs-list li {
    padding-top: 5px;
    font-size: 15px;
    display: flex
}

.img-shadow:before,
.img-shadow:after {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px;
    left: 10px;
    width: 50%;
    top: 80%;
    max-width: 300px;
    background: #777;
    box-shadow: 0 15px 10px #777;
    transform: rotate(-3deg)
}

.img-shadow:after {
    transform: rotate(3deg);
    right: 10px;
    left: auto
}

.parag {
    color: #79797c;
    margin: 20px 0 30px;
    font-size: 16px;
    font-weight: 400
}

.section-tabs .nav-pills img {
    width: 55px;
    margin: 0 auto 5px;
    padding-top: 10px
}

.section-tabs .panel-body img {
    position: relative;
    top: 0;
    width: 500px;
    /* border-radius: 15px */
}

.section-tabs .nav.nav-pills .fa {
    font-size: 17px;
    padding-right: 7px;
    padding-top: 10px
}

.section-tabs .compare-plans {
    margin-bottom: 20px;
    display: inline-block
}

.icon-box-tabs .nav-pills > li > a {
    background-color: #fff !important
}

.section-tabs .panel-body h3 {
    font-weight: 700;
    font-size: 35px
}

.icon-box-tabs .nav-pills > li.active > a,
.icon-box-tabs .nav-pills > li.active > a:focus {
    border-left: 5px solid #ff6c3a;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.icon-box-tabs .nav-pills {
    text-align: center;
    margin-bottom: 30px;
    margin-top: 0
}

    .icon-box-tabs .nav-pills > li > a {
        color: #434343;
        position: relative;
        margin: 0 5px;
        -webkit-transition: all .8s ease;
        -moz-transition: all .8s ease;
        transition: all .8s ease;
        width: 177px
    }

        .icon-box-tabs .nav-pills > li > a:hover {
            transition: .3s linear;
        }

            .icon-box-tabs .nav-pills > li > a:hover p {
                color: #464354
            }

    .icon-box-tabs .nav-pills > li + li {
        margin-left: 0
    }

.icon-box-tabs .nav > li > a {
    position: relative;
    display: block;
    padding: 4px 15px 0px;
    border-radius: 10px;
    border: 1px solid #f1f1f1
}

.icon-box-tabs .nav-pills > li > a:hover {
    border-left: 5px solid #ff6c3a;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.icon-box-tabs .nav-pills > li:hover a {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

/* section tabs */

.navbar-collapse {
    max-height: 340px;
    overflow-x: visible;
    padding-right: 15px;
    padding-left: 15px;
}

    .navbar-collapse.in {
        overflow-y: auto;
    }

@media (min-width: 768px) {
    .navbar-collapse {
        float: left;
        width: auto;
        border-top: 0;
        box-shadow: none;
    }

        .navbar-collapse.collapse {
            display: block !important;
            height: auto !important;
            padding-bottom: 0;
            overflow: visible !important;
        }

        .navbar-collapse.in {
            overflow-y: visible;
        }

        .navbar-collapse.right {
            float: right;
        }

    .navbar-fixed-top .navbar-collapse,
    .navbar-static-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
        padding-left: 0;
        padding-right: 0;
    }
}

.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
}

@media (min-width: 768px) {
    .container > .navbar-header,
    .container-fluid > .navbar-header,
    .container > .navbar-collapse,
    .container-fluid > .navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }
}

.navbar-brand {
    float: left;
    padding: 0px;
    font-size: 18px;
    line-height: 20px;
    height: 70px;
}

    .navbar-brand:hover,
    .navbar-brand:focus {
        text-decoration: none;
    }

@media (min-width: 768px) {
    .navbar > .container .navbar-brand,
    .navbar > .container-fluid .navbar-brand {
        margin-left: -15px;
    }
}

.navbar-toggle {
    padding: 9px 10px !important;
    margin-right: 15px;
    border-radius: 4px;
    margin-top: 18px;
    margin-bottom: 18px;
}

@media (max-width: 767px) {
    .navbar-toggle {
        margin-right: 5px;
    }
}

.navbar-nav {
    margin: 12.5px -15px;
}

    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 20px;
    }

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu > li > a,
    .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px;
    }

    .navbar-nav .open .dropdown-menu > li > a {
        line-height: 20px;
    }

        .navbar-nav .open .dropdown-menu > li > a:hover,
        .navbar-nav .open .dropdown-menu > li > a:focus {
            background-image: none;
            background-color: white;
        }
}

@media (min-width: 768px) {
    .navbar-nav {
        float: left;
        margin: 0;
    }

        .navbar-nav > li {
            float: left;
            /*border-right: 1px solid #24487E;*/
        }

            .navbar-nav > li > a {
                padding-top: 10px;
                padding-bottom: 10px;
            }

        .navbar-nav.navbar-right:last-child {
            margin-right: -15px;
        }
}

.navbar-form {
    margin-left: -15px;
    margin-right: -15px;
    padding: 0px 15px;
    border: none;
    margin-top: 18px;
    margin-bottom: 18px;
}

@media (max-width: 767px) {
    .navbar-form .form-group {
        margin-bottom: 5px;
    }
}

.navbar-btn {
    margin-top: 18px;
    margin-bottom: 18px;
    background: #ff6c3a !important;
}

    .navbar-btn.btn-sm {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .navbar-btn.btn-xs {
        margin-top: 24px;
        margin-bottom: 24px;
    }

.navbar-text {
    margin-top: 25px;
    margin-bottom: 25px;
}

@media (min-width: 768px) {
    .navbar-text {
        float: left;
        margin-left: 15px;
        margin-right: 15px;
    }

        .navbar-text.navbar-right:last-child {
            margin-right: 0;
        }
}

.navbar-default {
    background-color: #ff6c3a;
    /*border-bottom: 1px solid #0A1A32;*/
}

    .navbar-default .navbar-brand {
        color: #777777;
    }

        .navbar-default .navbar-brand:hover,
        .navbar-default .navbar-brand:focus {
            color: #5e5e5e;
            background-color: transparent;
        }

    .navbar-default .navbar-text {
        color: #777777;
    }

    .navbar-default .navbar-nav > li > a {
        color: #ffffff;
        /*border-bottom: 4px solid #ff6c3a;*/
    }

        .navbar-default .navbar-nav > li > a:hover,
        .navbar-default .navbar-nav > li > a:focus {
            color: #ff6c3a !important;
            background-color: #ffffff !important;
        }

    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus {
        color: #ff6c3a !important;
        background-color: #ffffff !important;
        /*border-bottom: 4px solid #ffffff;*/
    }

    .navbar-default .navbar-nav > .disabled > a,
    .navbar-default .navbar-nav > .disabled > a:hover,
    .navbar-default .navbar-nav > .disabled > a:focus {
        color: #cccccc;
        background-color: transparent;
    }

    .navbar-default .navbar-toggle {
        border-color: #dddddd;
    }

        .navbar-default .navbar-toggle:hover,
        .navbar-default .navbar-toggle:focus {
            background-color: #dddddd;
        }

        .navbar-default .navbar-toggle .icon-bar {
            background-color: #888888;
        }

    .navbar-default .navbar-collapse {
        border-color: #ff6c3a;
        background-color: #ff6c3a;
    }

    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus {
        color: #ff6c3a !important;
        background-color: #ffffff !important;
        /*border-bottom: 4px solid #ffffff;*/
    }

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777777;
    }

        .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
        .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
            color: #333333;
            background-color: transparent;
        }

    .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #555555;
        background-color: #4fbfa8;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #cccccc;
        background-color: transparent;
    }
}

.navbar-default .navbar-link {
    color: #777777;
}

    .navbar-default .navbar-link:hover {
        color: #333333;
    }

ol li {
    list-style-type: decimal !important
}
/* scaffolding */
body {
    /*  font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #black;
    background-color: #fbfbfb;*/
    font-family: 'Hind', sans-serif
}

    body.corporate h2,
    body.corporate h3 {
        font-family: 'Hind';
    }

    body p,
    body li {
        font-family: 'Hind', sans-serif;
        color: #2E2B42
    }

    body li {
        list-style: none
    }

    body a:focus,
    a:hover {
        text-decoration: none
    }

    body a:hover {
        text-decoration: none
    }

    body .c444 {
        border-color: transparent transparent #394d7e
    }

    body .fa:hover {
        transition: 200ms linear !important
    }

h3,
h2 {
    font-weight: 700;
    /*font-family: 'Josefin Sans', sans-serif;*/
    color: #3e4c66;
    margin: 0 0 7px
}

h4,
h5 {
    color: #524e61;
    font-weight: 600;
    font-family: 'Hind', sans-serif
}

h5 {
    font-size: 16px
}

p {
    font-size: 15px;
    margin: 0
}

ul {
    padding: 0;
    list-style: none
}

a {
    transition: 200ms linear;
    font-family: 'Hind', sans-serif
}

    a:focus {
        outline: 0 !important
    }

.row2 {
    display: inline-block;
    padding-top: 35px
}

.gray-bg {
    background: #f8f8f8
}

.red-color {
    color: #ff6c3a
}

.no-padding {
    padding: 0 !important
}

.italic {
    font-style: italic
}

.p-relative {
    position: relative
}

.radius-bg {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0 auto !important
}

.center-img {
    margin: 0 auto
}

.float-right {
    float: right;
    text-align: right
}

.text {
    overflow: hidden
}

.padding-top-25 {
    padding-top: 30px
}

.color-codes {
    padding: 40px 0;
    border-bottom: 1px solid #e3e3e3
}

.cl1 {
    background: #fe5623;
    color: #fff;
    padding: 10px;
}

.cl2 {
    background: #2E2B42;
    color: #fff;
    padding: 10px;
}

.cl3 {
    background: #3e4c66;
    color: #fff;
    padding: 10px;
}

.cl4 {
    background: #f8f8f8;
    color: #777;
    padding: 10px;
}

.cl5 {
    background: #868ea0;
    color: #fff;
    padding: 10px;
}

.cl6 {
    background: #f5f5f5;
    color: #777;
    padding: 10px;
}

color-palette {
    height: 50px
}

.elements-padding {
    padding: 20px 0
}

.nav-preview {
    margin: 30px 0;
    display: inline-block;
    padding: 25px 0;
    background-color: #f0f0f0
}

a {
    color: #303030;
    text-decoration: none;
}

    a:hover,
    a:focus {
        color: #348e7b;
        text-decoration: underline;
    }

    a:focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

.img-rounded {
    border-radius: 6px;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eeeeee;
}
/* breadcrumbs */
.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    background-color: #ffffff;
    border-radius: 0;
}

    .breadcrumb > li + li:before {
        content: ">\00a0";
        color: #cccccc;
    }

    .breadcrumb > .active {
        color: #999999;
    }

@media (max-width: 991px) {
    .breadcrumb {
        padding: 8px 0;
        text-align: center;
    }
}

/* animation configuration */

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 5%, 0);
        transform: translate3d(0, 5%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 5%, 0);
        transform: translate3d(0, 5%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

/* animation configuration ends here */

/* -- top bar adjusment -- */
.top-bar {
    padding: 10px 0;
    border-bottom: 1px solid #f0f0f0;
}

    .top-bar i {
        color: #ff6c3a;
        margin: 0 10px;
    }

/* -- top bar adjusment -- */

/* Navbar Configuration = Icons before the navbar link */

nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a:before {
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 9px;
    color: #ff6c3a;
    padding-right: 5px
}

nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a:hover {
    padding-left: 20px !important
}

nav.navbar a.active {
    background-color: #ffffff;
    color: #ff6c3a !important
}

nav.navbar.white.navbar-fixed {
    padding-left: 50px;
    padding-right: 50px
}

nav.navbar .slideInUp {
    animation-duration: 200ms !important
}

nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a:before {
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 11px;
    color: #ff6c3a;
    padding-right: 5px
}

/* Navbar Configuration = Icons before the navbar link */

nav ul.dropdown-menu.megamenu-content {
    width: 900px !important;
    margin: 0 auto !important
}

nav.navbar-transparent.white .navbar-right {
    margin-right: 0
}

.nav .nav-offer {
    background: url(../images/jpg/white-elements.jpg) center;
    background-size: contain;
    height: auto;
    padding: 25px 20px !important;
    border-radius: 3px;
    border: 1px solid #f0f0f0
}

    .nav .nav-offer h3 {
        color: #3e4c66
    }

    .nav .nav-offer p {
        color: inherit
    }

nav.navbar.bootsnav.navbar-transparent.white {
    padding: 20px 50px 0
}

nav.navbar.bootsnav.rgba-nav.navbar-transparent.white {
    background: rgb(255 255 255);
    padding: 10px 0
}

nav.rgba-nav.navbar-transparent.white .navbar-right {
    margin-right: 0;
}

@media (min-width: 1024px) {

    /* Navbar General ------*/
    nav.navbar ul.nav > li > a {
        padding: 15px 8px;
        font-weight: 600
    }

    /* Navbar Center ------*/
    nav.navbar-center .navbar-brand {
        margin: 0 !important
    }

    /* Navbar Brand Top ------*/
    nav.navbar-brand-top .navbar-brand {
        margin: 10px !important
    }

    /* Navbar Full ------*/
    nav.navbar-full .navbar-brand {
        position: relative;
        top: 5px
    }

    /* Navbar Sidebar ------*/
    nav.navbar-sidebar ul.nav,
    nav.navbar-sidebar .navbar-brand {
        margin-bottom: 50px
    }

        nav.navbar-sidebar ul.nav > li > a {
            padding: 10px 15px;
            font-weight: 700
        }

    /* Navbar Transparent & Fixed ------*/
    nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark,
    nav.navbar.bootsnav.navbar-transparent.dark {
        background-color: rgba(255, 255, 255, 0);
        border-bottom: solid 0 rgba(104, 104, 104, 0.1)
    }

    nav.navbar.dark.navbar-fixed {
        box-shadow: 5px 0 20px rgba(0, 0, 0, 0.05)
    }

    nav.navbar.dark.navbar-transparent {
        box-shadow: 5px 0 20px rgba(0, 0, 0, 0.0)
    }

    nav.navbar.white.navbar-fixed {
        box-shadow: 5px 0 20px rgba(0, 0, 0, 0.05)
    }

    nav.navbar.white.navbar-transparent {
        box-shadow: 5px 0 20px rgba(0, 0, 0, 0.0)
    }
}

@media (max-width: 992px) {

    /* Navbar General ------*/
    nav.navbar .navbar-brand {
        margin-top: 0;
        position: relative;
        top: -2px
    }

        nav.navbar .navbar-brand img.logo {
            width: 30px
        }

    .attr-nav > ul > li > a {
        padding: 16px 15px 15px
    }

    /* Navbar Mobile slide ------*/
    nav.navbar.navbar-mobile ul.nav > li > a {
        padding: 15px
    }

    nav.navbar.navbar-mobile ul.nav ul.dropdown-menu > li > a {
        padding-right: 15px !important;
        padding-top: 15px !important;
        padding-bottom: 15px !important
    }

    nav.navbar.navbar-mobile ul.nav ul.dropdown-menu .col-menu .title {
        padding-right: 30px !important;
        padding-top: 13px !important;
        padding-bottom: 13px !important
    }

    nav.navbar.navbar-mobile ul.nav ul.dropdown-menu .col-menu ul.menu-col li a {
        padding-top: 13px !important;
        padding-bottom: 13px !important
    }

    /* Navbar Full ------*/
    nav.navbar-full .navbar-brand {
        top: 0;
        padding-top: 10px
    }
}

/* Navbar Inverse
    =================================*/

nav.navbar.navbar-inverse {
    background-color: #222;
    border-bottom: solid 1px #303030
}

    nav.navbar.navbar-inverse ul.cart-list > li.total > .btn {
        border-bottom: solid 1px #222 !important
    }

    nav.navbar.navbar-inverse ul.cart-list > li.total .pull-right {
        color: #fff
    }

    nav.navbar.navbar-inverse.megamenu ul.dropdown-menu.megamenu-content .content ul.menu-col li a,
    nav.navbar.navbar-inverse ul.nav > li > a {
        color: #eee
    }

    nav.navbar.navbar-inverse ul.nav > li.dropdown > a {
        background-color: #222
    }

    nav.navbar.navbar-inverse li.dropdown ul.dropdown-menu > li > a {
        color: #999
    }

    nav.navbar.navbar-inverse ul.nav .dropdown-menu h1,
    nav.navbar.navbar-inverse ul.nav .dropdown-menu h2,
    nav.navbar.navbar-inverse ul.nav .dropdown-menu h3,
    nav.navbar.navbar-inverse ul.nav .dropdown-menu h4,
    nav.navbar.navbar-inverse ul.nav .dropdown-menu h5,
    nav.navbar.navbar-inverse ul.nav .dropdown-menu h6 {
        color: #fff
    }

    nav.navbar.navbar-inverse .form-control {
        background-color: #394d7e;
        border-color: #303030;
        color: #fff
    }

    nav.navbar.navbar-inverse .attr-nav > ul > li > a {
        color: #eee
    }

    nav.navbar.navbar-inverse .attr-nav > ul > li.dropdown ul.dropdown-menu {
        background-color: #222;
        border-left: solid 1px #303030;
        border-bottom: solid 1px #303030;
        border-right: solid 1px #303030
    }

    nav.navbar.navbar-inverse ul.cart-list > li {
        border-bottom: solid 1px #303030;
        color: #eee
    }

        nav.navbar.navbar-inverse ul.cart-list > li img {
            border: solid 1px #303030
        }

        nav.navbar.navbar-inverse ul.cart-list > li.total {
            background-color: #394d7e
        }

    nav.navbar.navbar-inverse .share ul > li > a {
        background-color: #4F435B
    }

    nav.navbar.navbar-inverse .dropdown-tabs .tab-menu {
        border-right: solid 1px #303030
    }

        nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li > a {
            border-bottom: solid 1px #303030
        }

    nav.navbar.navbar-inverse .dropdown-tabs .tab-content {
        border-left: solid 1px #303030
    }

    nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li > a:hover,
    nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li > a:focus,
    nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li.active > a {
        background-color: #394d7e
    }

nav.navbar-inverse.navbar-full ul.nav > li > a {
    border: none
}

nav.navbar-inverse.navbar-full .navbar-collapse .wrap-full-menu {
    background-color: #222
}

nav.navbar-inverse.navbar-full .navbar-toggle {
    background-color: #222 !important;
    color: #6f6f6f
}


@media (min-width: 1024px) {
    nav.navbar.navbar-inverse ul.nav .dropdown-menu {
        background-color: #222 !important;
        border-left: solid 1px #303030 !important;
        border-bottom: solid 1px #303030 !important;
        border-right: solid 1px #303030 !important
    }

    nav.navbar.navbar-inverse li.dropdown ul.dropdown-menu > li > a {
        border-bottom: solid 1px #303030
    }

    nav.navbar.navbar-inverse ul.dropdown-menu.megamenu-content .col-menu {
        border-left: solid 1px #303030;
        border-right: solid 1px #303030
    }

    nav.navbar.navbar-inverse.navbar-transparent.dark {
        background-color: rgba(0, 0, 0, 0.3);
        border-bottom: solid 1px #999
    }

        nav.navbar.navbar-inverse.navbar-transparent.dark .attr-nav {
            border-left: solid 1px #999
        }

            nav.navbar.navbar-inverse.no-background.white .attr-nav > ul > li > a,
            nav.navbar.navbar-inverse.navbar-transparent.dark .attr-nav > ul > li > a,
            nav.navbar.navbar-inverse.navbar-transparent.dark ul.nav > li > a,
            nav.navbar.navbar-inverse.no-background.white ul.nav > li > a {
                color: #fff
            }

    nav.navbar.navbar-inverse.no-background.dark .attr-nav > ul > li > a,
    nav.navbar.navbar-inverse.no-background.dark .attr-nav > ul > li > a,
    nav.navbar.navbar-inverse.no-background.dark ul.nav > li > a,
    nav.navbar.navbar-inverse.no-background.dark ul.nav > li > a {
        color: #3f3f3f
    }
}

@media (max-width: 992px) {
    nav.navbar.navbar-inverse .navbar-toggle {
        color: #eee;
        background-color: #222 !important
    }

    nav.navbar.navbar-inverse .navbar-nav > li > a {
        border-top: solid 1px #303030;
        border-bottom: solid 1px #303030
    }

    nav.navbar.navbar-inverse ul.nav li.dropdown ul.dropdown-menu > li > a {
        color: #999;
        border-bottom: solid 1px #303030
    }

    nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu .title {
        border-bottom: solid 1px #303030;
        color: #eee
    }

    nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu ul > li > a {
        border-bottom: solid 1px #303030;
        color: #999 !important
    }

    nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu.on:last-child .title {
        border-bottom: solid 1px #303030
    }

    nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul {
        border-top: solid 1px #303030
    }

    nav.navbar.navbar-inverse.navbar-mobile .navbar-collapse {
        background-color: #222
    }
}

@media (max-width: 767px) {
    nav.navbar.navbar-inverse.navbar-mobile ul.nav {
        border-top: solid 1px #222
    }
}

.close-side .fab {
    font-size: 25px
}

/*
    Color
    =========================== */

nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a:hover,
.side .widget ul.link li a:hover,
.side .widget ul.link li a:focus,
.check-list li:before,
ul.cart-list > li > h6 > a,
.attr-nav > ul > li > a:hover,
.attr-nav > ul > li > a:focus,
nav.navbar-sidebar ul.nav li.dropdown.on > a,
nav.navbar-sidebar .dropdown .megamenu-content .col-menu.on .title,
nav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li a:hover,
nav.navbar ul.nav li.dropdown.on > a,
nav.navbar.navbar-inverse ul.nav li.dropdown.on > a,
nav.navbar-sidebar ul.nav li.dropdown.on ul.dropdown-menu li.dropdown.on > a,
nav.navbar .dropdown .megamenu-content .col-menu.on .title,
nav.navbar ul.nav > li > a:hover,
nav.navbar ul.nav > li.active > a:hover,
nav.navbar ul.nav li.active > a,
nav.navbar li.dropdown ul.dropdown-menu > li a:hover {
    color: #ff6c3a
}

nav.navbar li.dropdown ul.dropdown-menu > li a:hover {
    /* padding-left: 5px !important */
    background: none;
}

nav.navbar.bootsnav .buttons a {
    padding-left: 30px !important
}

nav.navbar.bootsnav .buttons .btn:hover {
    padding-left: 30px !important
}

.attr-nav > ul > li > a:hover .fab {
    color: #ff6c3a
}

nav.navbar.navbar-transparent .red-link {
    color: #fff !important;
}

nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li i {
    color: #ff6c3a;
    padding-right: 3px;
    font-size: 10px;
    opacity: .5
}

nav.navbar.navbar-transparent ul.nav > li > a:hover,
nav.navbar.no-background ul.nav > li > a:hover,
nav.navbar ul.nav li.scroll.active > a,
nav.navbar.navbar-dark ul.nav li.dropdown ul.dropdown-menu > li > a:hover,
nav.navbar ul.nav li.dropdown.on > a,
nav.navbar-dark ul.nav li.dropdown.on > a {
    color: #fff !important
}

@media(max-width:920px) {

    nav.navbar .dropdown .megamenu-content .col-menu ul > li > a:hover,
    nav.navbar.navbar-dark .dropdown .megamenu-content .col-menu .title:hover {
        color: #d2d5dd !important
    }
}

nav.navbar .navbar-brand img.logo {
    width: 300px;
    position: relative;
    top: 0;
    margin-right: 50px;
    image-rendering: -webkit-optimize-contrast
}

nav.navbar.dark .navbar-brand img.logo {
    top: 12px
}

nav.navbar.bootsnav.transparent {
    background: transparent
}

    nav.navbar.bootsnav.transparent ul > li > a {
        color: #fff
    }

    nav.navbar.bootsnav.transparent ul.nav > li > a {
        color: #fff
    }

nav.navbar.bootsnav.transparent-nav {
    background: rgba(255, 255, 255, 0.1)
}

    nav.navbar.bootsnav.transparent-nav ul.nav > li > a {
        color: #fff
    }

nav.navbar.bootsnav.dark {
    height: 107px
}

    nav.navbar.bootsnav.dark ul.nav > li > a {
        font-weight: 500;
        font-size: 13px;
        text-transform: uppercase;
        padding: 42px 15px;
        transition: 200ms linear
    }

        nav.navbar.bootsnav.dark ul.nav > li > a:hover {
            color: #ff6c3a !important
        }

nav.navbar.bootsnav ul.nav > li > a:hover {
    color: #ff6c3a !important
}

nav.bootsnav.navbar-full {
    background: transparent
}

nav.navbar.bootsnav .navbar-toggle {
    background-color: transparent;
    font-size: 19px;
    transition: .2s linear
}

    nav.navbar.bootsnav .navbar-toggle:hover {
        transform: scale(0.95)
    }

    nav.navbar.bootsnav .navbar-toggle::before {
        content: 'MENU';
        color: #606878;
        font-size: 16px;
        padding-right: 5px;
        font-weight: 200
    }

.navbar-full i.fas.fa-align-left {
    color: #ff6c3a
}

nav.navbar-full .navbar-brand img.logo {
    width: 115px;
    top: -20px
}

nav.navbar.bootsnav ul.nav li.megamenu-fw > a:hover,
nav.navbar.bootsnav ul.nav li.megamenu-fw > a:focus,
nav.navbar.bootsnav ul.nav li.active > a:hover,
nav.navbar.bootsnav ul.nav li.active > a:focus,
nav.navbar.bootsnav ul.nav li.active > a {
    font-weight: 500
}

nav.navbar-fixed ul.nav li.dropdown.on > a {
    color: #ff6c3a !important;
    transition: .2s linear
}

.attr-nav .button i {
    padding-right: 8px;
    font-size: 15px
}

.attr-nav > ul > li > a {
    padding: 30px 15px;
    font-size: 12px;
    color: #555379;
    transition: .2s linear
}

.attr-nav .fa-align-right {
    margin-left: 8px;
    font-size: 17px
}

.attr-nav .btn:hover {
    padding: 9px 18px 10px;
    color: #fff !important;
    background-color: #5b647e !important;
    border: 1px solid transparent !important
}

.attr-nav .btn {
    color: #677086;
    border: 1px solid rgba(221, 224, 230, 0.541) !important;
    position: relative;
    top: 20px;
    margin-left: 25px;
    background: transparent;
    padding: 9px 18px 10px;
    text-transform: unset;
    font-weight: 400;
    transition: 200ms linear;
    margin-right: 5px;
    transition: .2s linear
}

nav.bootsnav .title {
    text-align: left;
    font-size: 16px;
    padding-bottom: 0;
    color: #64616d;
    font-weight: 500;
    margin-bottom: 15px
}

.attr-nav .fa-shopping-bag {
    color: #9184b1;
    font-size: 15px
}

.attr-nav .fa-envelope {
    margin-right: 5px;
    color: #fff !important;
    opacity: 1 !important;
    transition: .2s linear
}

ul.cart-list > li.total > .btn {
    border-bottom: solid 1px #cfcfcf !important;
    color: #fff !important;
    padding: 10px 15px
}

/* hover */

.hvr-underline-from-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    bottom: 0;
    background: #ff6c3a !important;
    height: 4px !important;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

/*
    Border
    =========================== */

ul.cart-list > li.total > .btn {
    border-color: #ff6c3a
}

.bootsnav .container {
    border-left: 0 solid #e9e9e9
}

/*
    Background
    =========================== */

.attr-nav > ul > li > a span.badge,
nav.navbar .share ul > li > a:hover,
nav.navbar .share ul > li > a:focus {
    background-color: #ff6c3a;
    font-size: 9px;
    color: #fff;
    padding-top: 3px
}

ul.cart-list > li.total > .btn {
    background-color: #ff6c3a
}

    ul.cart-list > li.total > .btn:hover,
    ul.cart-list > li.total > .btn:focus {
        background-color: #ff6c3a !important
    }

.side-menu > a:hover {
    border-bottom: 0 !important;
    text-decoration: none !important;
    color: #ff6c3a !important
}

.slider4 {
    background: linear-gradient(to right, rgba(255, 255, 255, 0.801) 0%, rgba(255, 255, 255, 0) 100%), url(../images/5.html) center no-repeat;
    background-size: cover
}

/* colors */

.colors .px6,
.colors .px6,
.colors .px6,
.colors .px6 {
    height: 6px !important
}

.colors .color1 {
    background-color: #625575;
    height: 5px
}

.colors .color2 {
    background-color: #3d344b;
    height: 5px
}

.colors .color3 {
    background-color: #daa32d;
    height: 5px
}

.colors .color4 {
    background-color: #c05e1d;
    height: 5px
}

.badges {
    color: #fff;
    background-color: #ff6c3a;
    padding: 7px;
    position: absolute;
    font-size: 15px;
    top: 0;
    border-radius: 3px
}

/* .creative-tables .table1:hover {
    padding: 30px 30px 40px
} */

.table-bg h4 {
    color: #fff;
    position: absolute;
    bottom: 11px;
    font-size: 16px;
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: center;
    font-weight: 700
}

.creative-tables ul {
    margin-top: 35px
}

.creative-tables h3 {
    color: #ff6c3a;
    margin-bottom: 25px
}

.creative-tables .table1 h2 {
    font-size: 19px
}

.creative-tables li {
    line-height: 25px;
    font-size: 16px
}

.creative-tables hr {
    margin: 6px 0px;
}

/* buttons  */

.buttons {
    margin-top: 20px
}

.btn {
    font-weight: normal;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    /*border-radius: 3px;*/
}

.btn-primary {
    color: #ffffff;
    background-color: #002942;
    border-color: #002942;
}

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active,
    .btn-primary.active,
    .open .dropdown-toggle.btn-primary {
        color: #ffffff;
        background-color: #ff6c3a;
        border-color: #ff6c3a;
    }

    .btn-primary:active,
    .btn-primary.active,
    .open .dropdown-toggle.btn-primary {
        background-image: none;
    }

    .btn-primary.disabled,
    .btn-primary[disabled],
    fieldset[disabled] .btn-primary,
    .btn-primary.disabled:hover,
    .btn-primary[disabled]:hover,
    fieldset[disabled] .btn-primary:hover,
    .btn-primary.disabled:focus,
    .btn-primary[disabled]:focus,
    fieldset[disabled] .btn-primary:focus,
    .btn-primary.disabled:active,
    .btn-primary[disabled]:active,
    fieldset[disabled] .btn-primary:active,
    .btn-primary.disabled.active,
    .btn-primary[disabled].active,
    fieldset[disabled] .btn-primary.active {
        background-color: #4fbfa8;
        border-color: #41b39c;
    }

    .btn-primary .badge {
        color: #4fbfa8;
        background-color: #ffffff;
    }

.btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 4px;
}

.btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
/* dropdowns */
.dropdown-menu > li > a {
    padding: 5px 20px;
}
/* forms.less */
label {
    font-weight: normal;
}

.form-control {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form-group {
    margin-bottom: 20px;
}
/* pager*/
.pager {
    margin: 20px 0;
    border-top: solid 1px #eeeeee;
    padding-top: 20px;
    text-transform: uppercase;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
}

    .pager li {
        display: inline;
    }

        .pager li > a,
        .pager li > span {
            background-color: #ffffff;
            border: 1px solid #dddddd;
            border-radius: 15px;
        }

            .pager li > a:hover,
            .pager li > a:focus {
                text-decoration: none;
                color: #fff;
                background-color: #eeeeee;
            }

    .pager .disabled > a,
    .pager .disabled > a:hover,
    .pager .disabled > a:focus,
    .pager .disabled > span {
        color: #999999;
        background-color: #ffffff;
        border-color: #ddd;
    }
/* pagination */
.pagination {
    margin: 20px 0;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    border-radius: 0;
}

    .pagination > li > a,
    .pagination > li > span {
        padding: 6px 12px;
        line-height: 1.42857143;
        text-decoration: none;
        color: #4fbfa8;
        background-color: #ffffff;
        border: 1px solid #dddddd;
    }

        .pagination > li > a:hover,
        .pagination > li > span:hover,
        .pagination > li > a:focus,
        .pagination > li > span:focus {
            color: #348e7b;
            background-color: #eeeeee;
            border-color: #dddddd;
        }

    .pagination > .active > a,
    .pagination > .active > span,
    .pagination > .active > a:hover,
    .pagination > .active > span:hover,
    .pagination > .active > a:focus,
    .pagination > .active > span:focus {
        z-index: 2;
        color: #ffffff;
        background-color: #4fbfa8;
        border-color: #4fbfa8;
    }

    .pagination > .disabled > span,
    .pagination > .disabled > span:hover,
    .pagination > .disabled > span:focus,
    .pagination > .disabled > a,
    .pagination > .disabled > a:hover,
    .pagination > .disabled > a:focus {
        color: #999999;
        background-color: #ffffff;
        border-color: #dddddd;
    }
/* responsive utilities */
@media (max-width: 767px) {
    .text-center-xs {
        text-align: center !important;
    }

        .text-center-xs img {
            display: block;
            margin-left: auto;
            margin-right: auto;
        }
}

@media (min-width: 768px) and (max-width: 991px) {
    .text-center-sm {
        text-align: center !important;
    }

        .text-center-sm img {
            display: block;
            margin-left: auto;
            margin-right: auto;
        }
}


/*h1,.h1,h2,.h2,h3,.h3 {
    margin-top: 20px;
    margin-bottom: 20px;
}*/

p,
ul,
ol {
    margin: 0 0 20px;
}

.lead {
    margin-bottom: 20px;
    font-size: 16px;
}

@media (min-width: 768px) {
    .lead {
        font-size: 21px;
    }
}

.text-small {
    font-size: 12px;
}

.text-large {
    font-size: 18px;
}

.text-italic {
    font-style: italic;
}

.text-primary {
    color: #4fbfa8;
}

a.text-primary:hover {
    color: #3aa18c;
}

.bg-primary {
    color: #fff;
    background-color: #4fbfa8;
}

a.bg-primary:hover {
    background-color: #3aa18c;
}

abbr[title],
abbr[data-original-title] {
    border-bottom: 1px dotted #999999;
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 14px;
    border-left: 5px solid #4fbfa8;
}

    blockquote footer,
    blockquote small,
    blockquote .small {
        display: block;
        font-size: 80%;
        line-height: 1.42857143;
        color: #999999;
    }

        blockquote footer:before,
        blockquote small:before,
        blockquote .small:before {
            content: '\2014 \00A0';
        }

    .blockquote-reverse,
    blockquote.pull-right {
        border-right: 5px solid #4fbfa8;
    }

address {
    margin-bottom: 20px;
    line-height: 1.42857143;
}

.panel-primary {
    border-color: #FFD2C9;
}

    .panel-primary > .panel-heading {
        color: #000000;
        background-color: #FFF5F2;
        border-color: #EDBFBF;
    }

        .panel-primary > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #BCC5D4;
        }

    .panel-primary > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #4fbfa8;
    }

    .panel-primary .panel-title {
        font-weight: 300;
    }

        .panel-primary .panel-title a:hover {
            color: #fff;
            text-decoration: none;
        }

.p0 {
    padding: 0px;
}

.ugc-menu {
    background: #ff6c3a;
    margin-top: 0px;
}

.dropdown_fa {
    float: left;
    margin-top: 1px;
    margin-right: 5px;
    color: #ff6c3a;
}

.orange-text {
    color: #ff6c3a;
}

.footer-icon {
    color: #ffffff !important;
    height: 14px;
    width: 14px;
    background: #ff6c3a;
    padding: 0px 5px;
    margin-right: 4px;
    border-radius: 100%;
}

.single-Dropdown {
    max-width: 210px;
    padding: 8px 14px;
    left: 102px !important;
}

    .single-Dropdown li ul li {
        list-style-type: none;
        border-bottom: solid 1px #eeeeee;
        padding: 4px 0;
        line-height: 25px;
    }

    .single-Dropdown li ul {
        margin: 0;
        padding: 0;
    }

        .single-Dropdown li ul li a {
            color: #0A1A32;
            font-size: 15px;
            display: block;
        }

        .single-Dropdown li ul li i {
            margin-top: 6px;
        }


.single-Dropdown2 {
    max-width: 210px;
    padding: 8px 14px;
    left: 795px !important;
}

    .single-Dropdown2 li ul li {
        list-style-type: none;
        border-bottom: solid 1px #eeeeee;
        padding: 4px 0;
        line-height: 25px;
    }

    .single-Dropdown2 li ul {
        margin: 0;
        padding: 0;
    }

        .single-Dropdown2 li ul li a {
            color: #0A1A32;
            font-size: 15px;
            display: block;
        }

        .single-Dropdown2 li ul li i {
            margin-top: 6px;
        }

.gov-logos ul {
    list-style-type: none;
    margin: 0 5px 0 5px;
    padding: 0;
}

.gov-logos li {
    float: left;
    width: auto;
    padding: 0 10px;
    padding-left: 10px;
}

.gov-logos ul li.first {
    padding-left: 0;
}

.mb0 {
    margin-bottom: 0px;
}


.red-color {
    color: #ff6c3a
}


/* box offer */

.box-offer {
    padding: 50px 0 50px;
    background: #fff;
}

    .box-offer.bg-gray {
        background: url(../images/jpg/bg-gray.jpg) center;
        background-size: cover;
    }

    .box-offer .buttons {
        margin-top: 5px
    }

.box-offer-circle {
    position: absolute;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    left: 0;
    right: 0;
    border: 0 solid #f0f0f0;
    margin: 0 auto;
    top: -50px;
    background-color: #232c3b;
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1)
}

    .box-offer-circle h3 {
        color: #595664;
        font-size: 20px;
        font-weight: 400
    }

.box-offer .prices h3 {
    font-weight: 400;
    text-align: center;
    color: #595664;
    font-size: 21px;
    font-family: 'Exo 2'
}

.box-offer .prices {
    padding: 0 0 5px;
    border-top: 1px solid #e3e3e3;
    display: none
}

.box-title h3 {
    color: #fff;
    font-size: 23px;
    margin-top: 20px
}

.box-title p {
    color: #fff
}

.box-offer .box-container {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    padding-bottom: 30px;
    /* margin: 0 10px; */
    background-color: #fff;
    border-radius: 25px;
    border: 0 solid #e9e9e9
}

.box-offer .btn {
    margin: 0 20px;
    display: block;
    padding-top: 12px;
    padding-bottom: 10px
}

.box-body {
    padding: 10px;
    height: 190px;
    overflow-x: auto;
}

.box-offer ul {
    display: table-header-group
}

.box-offer li {
    line-height: 30px;
    font-size: 16px;
    text-align: left;
    padding-left: 10px
}

.box-offer hr {
    margin: 6px 0px;
}

.box-offer .price-top {
    color: #fff;
    font-weight: 600;
    font-size: 17px;
    background-color: #ff6c3a;
    padding: 10px 20px;
    position: relative;
    bottom: 17px;
    box-shadow: 0 7px #e04c20;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.bg_blue {
    background-color: #1F7DDA !important;
    box-shadow: 0 7px #165b9f !important;
}

.bg_green {
    background-color: #407F46 !important;
    box-shadow: 0 7px #2d6332 !important;
}

.box-title {
    padding: 25px 15px 20px;
    background-color: #232c3b;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px
}

.box-offer .box-title i {
    position: absolute;
    color: rgba(255, 255, 255, 0.08);
    font-size: 80px;
    top: 70px;
    margin: 0 auto;
    text-align: center;
    left: 0;
    right: 0
}

.box-offer i {
    padding-right: 5px;
    color: #ff6c3a
}

/* box offer end */

.box-links {
    width: 100%;
    float: left;
    padding: 0px 12px;
    margin-bottom: 15px;
    padding-bottom: 14px;
}

    .box-links ul {
        text-decoration: none;
        margin-top: 8px;
        float: left;
        width: 100%;
        padding-left: 0px;
        margin-bottom: 28px;
    }

        .box-links ul li {
            list-style: none;
            display: flex;
            line-height: 23px;
        }

            .box-links ul li a {
                font-size: 13px;
                color: #0A1A32;
            }

                .box-links ul li a:hover {
                    color: #ff6c3a;
                    text-decoration: none;
                }

    .box-links h4 {
        color: #ff6c3a;
    }

.gov-logo {
    padding: 14px 17px;
}

/* section image */

.image-section {
    padding: 70px 0
}

    .image-section h2 {
        font-size: 45px
    }

    .image-section .title {
        margin-bottom: 20px;
        padding: 0 100px
    }

        .image-section .title p {
            font-size: 17px;
            color: #7d7386
        }

    .image-section .boxes p {
        color: #7d7386
    }

    .image-section .boxes {
        background-color: #fff;
        padding: 25px 15px;
        border-radius: 20px;
        box-shadow: 0 0 50px rgba(0, 0, 0, 0.09)
    }

    .image-section .fa {
        color: #fff;
        font-size: 27px;
        width: 60px;
        height: 60px;
        background-color: #ff6c3a;
        padding: 15px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        position: relative;
        bottom: 25px
    }

    .image-section h3 {
        font-size: 18px;
        margin-top: 0;
        margin-bottom: 15px
    }


/* blog */
.blog {
    padding: 50px 0;
}

    .blog .blog-img img {
        margin-bottom: 20px;
    }

.post-title {
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 15px;
}

.blog-text-container .posts-title h4 {
    font-size: 15px;
    font-weight: 600;
}

.blog .post-text p {
    font-size: 16px;
    color: #92bdca;
}

.post-text {
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 15px;
    margin-bottom: 10px;
}

.blog-quote {
    padding: 10px 0 0;
    font-weight: 600;
}

.blog .blog-date p {
    font-size: 13px;
    color: #ced7dd;
}

.widgets {
    margin: 10px 0;
    display: inline-block;
    border-bottom: 1px solid #f0f0f0;
}

.blog-sidebar {
    padding-left: 50px;
}

.widgets .sidebar-title {
    border-left: 3px solid #92DF7F;
    padding-left: 5px;
    margin-bottom: 15px;
}

.widgets h4 {
    font-size: 15px;
    margin-bottom: 0;
    font-weight: 600;
}

.sidebar-media h4 {
    padding: 10px 0 5px;
}

.sidebar-media .social-links {
    margin-bottom: 15px;
    margin-top: 10px;
}

.sidebar-media i {
    font-size: 13px;
    color: #B7DAE5;
    line-height: 37px;
    border: 1px solid #f0f0f0;
    margin: 0 3px;
    text-align: center;
    width: 40px;
    height: 37px;
    transition: .1s linear;
}

    .sidebar-media i:hover {
        background: #FF6C3A;
        color: #fff;
    }

.blog-sidebar .widgets a {
    color: #90ACC3;
}

.post-footer {
    margin-bottom: 25px;
}

#comment-id {
    display: block;
}

textarea {
    border: 1px solid #f0f0f0 !important;
    box-shadow: inset 0 0 0 !important;
}

    textarea::placeholder {
        color: #B7DAE5 !important;
        padding-top: 5px;
    }

.post-footer .social-links i {
    font-size: 13px;
    color: #B7DAE5;
    line-height: 37px;
    border: 1px solid #f0f0f0;
    margin: 0 3px;
    text-align: center;
    width: 40px;
    height: 37px;
    transition: .1s linear;
}

    .post-footer .social-links i:hover {
        background: #FF6C3A;
        color: #fff;
    }

.post-footer p {
    color: #B7DAE5;
    font-size: 14px;
    margin-bottom: 5px;
}

.post-sidebar {
    margin-bottom: 10px;
    float: left;
}

    .post-sidebar H4 {
        font-size: 13PX;
        margin-top: 0;
        color: #90a9bd;
    }

    .post-sidebar small {
        font-size: 10px;
        color: #a1cbd8;
    }

.sidebar-img {
    float: left;
}

    .sidebar-img img {
        width: 50px;
        border-radius: 5px;
        margin-right: 10px;
    }

.categories {
    margin-bottom: 10px;
}

.category {
    margin-bottom: 10px;
    background: #f5f5f5;
    font-size: 13px;
    padding: 3px 10px;
}

    .category a {
        color: #bcb2cf !important;
    }

.posts-title {
    margin: 15px 0 10px;
}

.post-description a {
    margin-top: 15px;
}

.posts-category {
    border-left: 5px solid #92DF7F;
    padding: 7px 0 3px 10px;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 25px;
}

.blog-post-col {
    border: 1px solid #e9e9ea;
    box-shadow: 0 0 10px rgba(151, 137, 233, 0.04);
    background: #fff;
}

.blog-text-container {
    padding: 0 15px 10px;
}

.main-post .blog-text-container {
    padding: 0;
}

.main-post {
    display: inline-block;
    margin-bottom: 25px;
}

.mid-article {
    width: 200px;
    margin: 15px 0 10px 0;
}

.main-post .posts-title {
    margin: 0 0 15px;
}

    .main-post .posts-title h4 {
        font-size: 21px;
        font-weight: 700;
    }

.main-post p {
    font-size: 14px;
}


.blog-parts {
    padding: 30px 20px;
    display: inline-block;
    margin-bottom: 40px;
    background: #f0f1f3;
}

.main-blog-page .blog-sidebar {
    padding: 20px;
    border: 1px solid #f0f0f0;
}

/* blog style ends here */


.bottombig-box {
    background: #F3F3F3;
    margin: 0 0 30px;
    margin-bottom: 30px;
    width: 100%;
    float: left;
    border: solid 1px #e6e6e6;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 10px;
}

    .bottombig-box hr {
        margin-top: 6px;
        margin-bottom: 14px;
    }

.bottombig-box-img {
    margin-top: 15px;
}

.img-border {
    border: 1px solid #dddddd;
    padding: 3px;
}

.bottombig-box div h4 a {
    color: #0A1A32;
}

.post blockquote {
    border-left: 5px solid #ff6c3a;
    padding: 10px 14px;
}

    .post blockquote h4 {
        margin: 0px;
    }

.read-more {
    margin-bottom: 0px;
}

.Minibox-title {
    margin: 0;
    color: #ffffff;
    padding: 5px 8px;
}

.antiRagging h5 {
    float: left;
    background: #FF0000;
    padding: 5px 8px;
    font-size: 13px;
    margin-left: -5px;
    color: #ffffff;
    margin-top: 13px;
}

    .antiRagging h5 span {
        font-size: 10px;
    }

.antiRagging img {
    float: left;
    margin-top: 4px;
}

.antiRagging {
    width: 100%;
    float: left;
    border-bottom: 1px solid #dddddd;
    padding-bottom: 4px;
    margin-bottom: 4px;
}

.grievance {
    margin-bottom: 6px;
}

    .grievance img {
        border: 1px solid #dddddd;
        padding: 3px;
    }

.image-galleryBox h4 {
    margin: 0;
    border: 1px solid #dddddd;
    padding: 5px 0px;
    text-align: center;
    font-size: 14px;
}

.mb15 {
    margin-bottom: 15px;
}

.bottombig-box h4 {
    margin-top: 0px;
}

.p0 {
    padding: 0px !important;
}

.thumnail-galleryBox {
    padding: 0px !important;
    border: none !important;
    margin-bottom: 0px !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

    .thumnail-galleryBox > div {
        margin-bottom: 0px !important;
    }

        .thumnail-galleryBox > div a:hover {
            text-decoration: none !important;
        }

#top ul.menu > li a {
    background: #3d344b;
    color: #ffffff;
    padding: 10px 10px;
    border-bottom: 3px solid #ff6c3a;
}

#top ul.menu > li::before {
    display: none;
}

#top ul.menu > li::after {
    display: none;
}

#top ul.menu > li {
    margin-right: 4px;
}

.h3-title {
    border-bottom: 1px solid #0A1A32;
    padding-bottom: 7px;
}

    .h3-title span {
        border-bottom: 3px solid #ff6c3a;
        padding-bottom: 4px;
        color: #ff6c3a;
    }

.pull-right {
    float: right;
}

.scroll-marquee marquee p a {
    color: #0A1A32;
    font-size: 14px;
}

.scroll-marquee marquee p i {
    margin-right: 8px;
    margin-top: 4px;
}

.scroll-marquee marquee p {
    margin-bottom: 0px;
    display: flex;
}

    .scroll-marquee marquee p a {
        outline: 0;
    }

.scroll-marquee marquee h6 {
    margin-top: 8px;
    margin-left: 20px;
    border-bottom: 1px solid #efefef;
    padding-bottom: 7px;
}

    .scroll-marquee marquee h6 i {
        margin-right: 3px;
    }

.read-more1 a {
    color: #ffffff;
    background-color: #ff6c3a;
    border-color: #ff6c3a;
}

    .read-more1 a:hover {
        color: #ffffff;
        background-color: #002942;
        border-color: #002942;
    }

.mt15 {
    margin-top: 15px;
}

.right-links li {
    text-decoration: none;
    list-style: none;
    line-height: 32px;
    border-bottom: 1px dotted #cccccc;
}

.right-links {
    padding-left: 6px;
    margin-bottom: 4px;
}

    .right-links li a {
        color: #0A1A32;
    }

    .right-links li i {
        color: #ff6c3a;
    }

.scroll-bar {
    max-height: 400px;
    overflow-y: scroll;
}

.panel-default > .panel-heading {
    color: #ffffff;
    background-color: #ff6c3a;
    border-color: #B1422B;
}

.notice-boxHR {
    margin-top: 0px;
    margin-bottom: 08px;
}

.post > blockquote {
    border-left: 5px solid #ff6c3a;
    padding: 10px 14px;
    background: #f2f2f2;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
}

.links-ul {
    padding-left: 22px;
    margin-top: 7px;
    margin-bottom: 0px;
}

    .links-ul li {
        text-decoration: none;
        list-style: none;
    }

        .links-ul li a {
            font-size: 13px;
        }


.inner-links {
    padding-left: 22px;
    margin-top: 7px;
    margin-bottom: 10px;
}

    .inner-links li {
        text-decoration: none;
        display: flex;
        font-size: 14px;
        list-style: none;
    }

        .inner-links li i {
            margin-right: 6px;
            margin-top: 2px;
        }



.innerPage-breadcrumb {
    background: #eaeaea;
    border: 1px solid #ffdecf;
}

.mb10 {
    margin-bottom: 10px;
}

.white-text {
    color: #ffffff;
}

.inner-page a {
    font-size: 13px;
}


.leftImg-rightTxt {
    float: left;
    margin-right: 20px;
    margin-bottom: 6px;
}

.pl10 {
    padding-left: 10px;
}

.pr10 {
    padding-right: 10px;
}

.navbar-btn {
    margin-top: 5px;
    margin-bottom: 0px;
}

.box-links ul li i {
    margin-top: 5px;
}

.Footer-accordian-h4 h4 a {
    color: #000000;
    font-weight: 400;
    font-size: 13px;
}

.Footer-accordian-h4 {
    color: #ffffff !important;
    background-color: #e3e3e3 !important;
    border-color: #cccccc !important;
    padding: 3px 5px !important;
    border-radius: 0px;
}

.accordian-body {
    padding: 1px 7px;
}

    .accordian-body p {
        font-size: 12px;
    }

.mb5 {
    margin-bottom: 5px;
}

.search-page {
    float: left;
    width: 100%;
    padding-bottom: 20px;
    padding-top: 20px;
    border-top: 4px solid #ff6c3a;
}

.pl0 {
    padding-left: 0px !important;
}

.search-radio-btn {
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 10px;
    margin-left: 10px;
}

.contactDetail-box ul {
    padding: 8px;
}

    .contactDetail-box ul li {
        display: flex;
        line-height: 21px;
        color: #3c3c3c;
        font-size: 13px;
    }

        .contactDetail-box ul li i {
            margin-right: 10px;
            color: #ff6c3a;
            margin-top: 4px;
        }

.contactDetail-box h4 {
    margin-bottom: 4px;
}

.contact-map iframe {
    border: 1px solid #cccccc !important;
    padding: 5px;
}

.mb5 {
    margin-bottom: 5px;
}

.bg-white {
    background: #ffffff;
}

.contactDetail-box hr {
    margin-top: 8px;
    margin-bottom: 8px;
    background: #e0e0e0;
    height: 1px;
}

.img-gallery-title {
    margin-top: 0px;
    border-bottom: 1px solid #D7D7D7;
    padding-bottom: 6px;
}

.logo-title {
    margin-bottom: 0px;
    margin-top: 0px;
    color: #ffffff;
    padding: 4px 0px;
    font-size: 12px;
}

.allLogo-img img {
    border: 1px solid #e7e7e7;
}

.thumnail-galleryBox > div a {
    margin-bottom: 0px;
}

.mt10 {
    margin-top: 10px;
}




.slider-text {
    color: #ffffff;
    font-size: 15px;
    padding: 8px 12px;
    position: absolute;
    bottom: 0px;
    width: 100%;
    text-align: center;
    background: rgba(10,26,50,0.5);
}

    .slider-text p {
        width: 60%;
        margin: 0 auto;
        margin-top: 4px;
        margin-bottom: 5px;
    }

    .slider-text h3 {
        width: 40%;
        text-align: center;
        margin: 0 auto;
        color: #FCEAC0;
    }

.white-box {
    background: #fff;
    margin: 0 0 30px;
    border: solid 1px #e6e6e6;
    box-sizing: border-box;
    padding-bottom: 15px !important;
    padding: 0px 17px;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    width: 100%;
    float: left;
}

.stat-graph img {
    border: 1px solid #eeeeee;
    padding: 5px;
}

.stat-graph h5 {
    background-color: #0a1a32;
    margin: 0px;
    padding: 7px 0px;
    border: 1px solid #eeeeee;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
}

.stat-graph {
    margin-bottom: 15px;
}

.Graph-scroll {
    max-height: 850px;
    overflow-y: scroll;
}



.gallery-container h1 {
    text-align: center;
    margin-top: 70px;
    font-family: 'Droid Sans', sans-serif;
    font-weight: bold;
    color: #58595a;
}

.gallery-container p.page-description {
    text-align: center;
    margin: 30px auto;
    font-size: 18px;
    color: #85878c;
}

.tz-gallery {
}

    .tz-gallery .thumbnail {
        padding: 0;
        margin-bottom: 30px;
        background-color: #fff;
        border-radius: 4px;
        border: none;
        transition: 0.15s ease-in-out;
        box-shadow: 0 8px 15px rgba(0, 0, 0, 0.06);
    }

        .tz-gallery .thumbnail:hover {
            transform: translateY(-10px) scale(1.02);
        }

    .tz-gallery .lightbox img {
        border-radius: 4px 4px 0 0;
    }

    .tz-gallery .caption {
        padding: 26px 30px;
        text-align: center;
    }

        .tz-gallery .caption h3 {
            font-size: 14px;
            font-weight: bold;
            margin-top: 0;
        }

        .tz-gallery .caption p {
            font-size: 12px;
            color: #7b7d7d;
            margin: 0;
        }

.baguetteBox-button {
    background-color: transparent !important;
}

#baguetteBox-overlay .full-image img {
    padding: 4px;
    border: 1px solid #cccccc;
}

.inter_uniPart {
}

.panel-title > a {
    color: inherit;
    font-weight: 400;
}

    .panel-title > a:hover {
        color: #0A1A32 !important;
    }

.mr20 {
    margin-right: 20px;
}

.inter-accordian ul li {
    list-style: none;
    line-height: 20px;
    display: flex;
}

    .inter-accordian ul li i {
        width: 20px;
        height: 20px;
        color: #0A1A32;
        line-height: 20px;
    }

.border-right {
    border-right: 1px solid #dddddd;
}

.inter-accordian ul {
    padding-left: 15px;
}

    .inter-accordian ul li a {
        color: #0A1A32;
    }

.national_box {
    border: 1px solid #ccc;
    width: 100%;
    float: left;
}

    .national_box h5 {
        margin: 0px;
        background: #ececec;
        color: #000000;
        font-size: 15px;
        padding: 9px 10px;
    }

    .national_box p {
        padding: 9px 10px;
        margin-bottom: 0px;
    }

    .national_box a {
        padding: 9px 10px;
        color: #333333;
        font-size: 13px;
    }


.SERO-box {
    width: 100%;
    border: 1px solid #DADADA;
    float: left;
}

    .SERO-box h5 {
        margin-top: 50px;
        background: #DFEBFF;
        color: #0A1A32;
        font-size: 15px;
        padding: 9px 10px;
        float: left;
        width: 35%;
    }

    .SERO-box blockquote {
        padding: 5px 0px;
        margin: 12px 0 12px 0px;
        font-size: 14px;
        border-left: 5px solid #0A1A32;
        float: left;
        width: 65%;
    }

    .SERO-box p {
        padding: 9px 10px;
        margin-bottom: 0px;
    }

    .SERO-box a {
        color: #333333;
        font-size: 13px;
    }

    .SERO-box ul li i {
        color: #0A1A32;
        font-size: 14px;
    }

.no-style {
    padding-left: 15px;
}

    .no-style li {
        list-style: none;
        font-size: 13px;
    }

.mt5 {
    margin-top: 5px;
}

.small-title {
    color: #ff6c3a;
    font-size: 16px;
}

.no-style li i {
    height: 20px;
    width: 20px;
    color: #ff6c3a;
}

.regional-box-height {
    min-height: 195px;
}

.designation-span {
    font-size: 11px;
    margin-left: 13px;
}




.hindi-website {
    background: none !important;
    float: left;
    padding: 2px 0px !important;
}

    .hindi-website img {
        margin-bottom: -7px;
    }

.faq-tabs {
    border-bottom: 1px solid #000000;
}

    .faq-tabs > li.active > a, .faq-tabs > li.active > a:focus, .faq-tabs > li.active > a:hover {
        border-width: 0;
    }

    .faq-tabs > li > a {
        color: #666;
        font-size: 15px;
        border: 1px solid #dddddd;
        border-radius: 0px;
        border-bottom: 0px;
    }

        .faq-tabs > li.active > a, .faq-tabs > li > a:hover {
            color: #000000;
            background-color: #f0f0f0;
            border: 1px solid #dddddd;
            border-radius: 0px;
            
        }

        .faq-tabs > li > a::after {
            content: "";
            background: #ff6c3a;
            height: 3px;
            position: absolute;
            width: 100%;
            left: 0px;
            bottom: -1px;
            transition: all 250ms ease 0s;
            transform: scale(0);
        }

    .faq-tabs > li.active > a::after, .faq-tabs > li:hover > a::after {
        transform: scale(1);
    }

.tab-nav > li > a::after {
    background: #21527d none repeat scroll 0% 0%;
    color: #fff;
}

.tab-pane {
    padding: 15px 0;
}
/*
.tab-content {
    padding: 20px
}*/

.card {
    background: #FFF none repeat scroll 0% 0%;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    margin-bottom: 30px;
}

.faq-tabs > li {
    /*margin-right: 5px;*/
}

.pt0 {
    padding-top: 0px;
}

.p0 {
    padding: 0px;
}

.hit_counter {
    background: #ff6c3a;
    font-size: 14px;
    font-weight: 600;
    padding: 4px 8px;
    margin-left: 3px;
    border-radius: 16px;
    color: #ffffff;
}

.mt20 {
    margin-top: 20px;
}

.br1 {
    border-left: 1px Solid black;
}
/*02-07-2018*/

.Uni_Slider_text {
    color: #ffffff;
    font-size: 15px;
    padding: 8px 12px;
    position: absolute;
    bottom: 0px;
    width: 100%;
    top: 28px;
}

.Uni_SliderB_text {
    color: #ffffff;
    font-size: 15px;
    padding: 8px 12px;
    position: absolute;
    bottom: 40px;
    width: 100%;
}

.uni_Slider_box h3 {
    margin-bottom: 0px;
    font-size: 24px;
    letter-spacing: 1px;
}

    .uni_Slider_box h3 span {
        border-bottom: 2px solid #EC6A50;
        font-weight: 600;
    }

.uni_Slider_box h6 {
    text-align: center;
    color: #050505;
    font-size: 18px;
    margin-top: 5px;
}

    .uni_Slider_box h6 span {
        background: #EC6A50;
        color: #ffffff;
        padding: 0px 15px;
    }

.mb25 {
    margin-bottom: 25px;
}

.mt25 {
    margin-top: 25px;
}
/**/ /*
.topHeader_links a {
    color: #ffffff;
    font-size: 12px;
    margin-left: 5px;
    float: left;
    margin-top: 3px;
    margin-right: 5px;
    margin-bottom: 3px;
}*/

.topHeader_links {
    float: right;
}

    .topHeader_links a {
        color: #ffffff;
        font-size: 13px;
        /* margin-left: 5px; 
margin-bottom: 3px;*/
        float: left;
        margin-top: 3px;
        margin-right: 5px;
        border-right: 1px solid;
        padding: 0px 10px 0px 0px;
    }


        .topHeader_links a:hover {
            color: #ff6c3a;
        }

.topHome {
    margin-right: 0px !important;
}

    .topHome i {
        color: #FBAF9B;
        font-size: 14px;
    }

    .topHome:hover {
        text-decoration: none;
    }

ul.accblty li, ul.language-switcher-locale-url li {
    display: inline-block;
    font-size: 1.3em;
    line-height: 1em;
}
/**/
.lightA:hover {
    text-decoration: none;
}

.lightA span {
    border: 1px solid #fff;
    padding: 2px 0px;
    font-size: 10px;
}

.darkA span {
    border: 1px solid #fff;
    padding: 2px 0px;
    font-size: 12px;
    color: #0A1A32;
    background: #ffffff;
}

.textsize_current_list {
    margin-bottom: 0px;
    padding-left: 0px;
    line-height: 12px;
}

.textInrDec {
    float: left;
    margin-left: 10px;
    margin-right: 8px;
    margin-top: 2px;
}


    .textInrDec a {
        background: none;
        border: none !important;
        padding: 0px 3px;
    }

/* separated section */
.separated-section {
    background: url(../images/jpg/part.jpg) center;
    background-size: cover;
    background-attachment: fixed;
}

    .separated-section .left-section {
        background: #232c3b;
    }

    .separated-section .text-container {
        padding: 70px 30px 60px 60px;
        width: 730px;
    }

@media only screen and (max-width:1500px) {
    .separated-section .text-container {
        padding: 70px 30px 60px 30px;
        width: 100%;
    }
}

.separated-section .text-container h2 {
    color: #f5f5f5;
}

.separated-section .text-container .title p {
    color: #ddd;
}

.separated-section .text-container h4 {
    color: #f5f5f5;
}

.separated-section .text-container .text p {
    color: #ddd;
    margin-bottom: 0;
}

.separated-section i {
    color: #ff6c3a;
    font-size: 20px;
    margin-right: 17px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 15px;
    position: relative;
    top: 12px;
}

.section-tabs .nav.nav-pills i {
    font-size: 35px !important;
}
/* separated section */

/* cols 3 styles */

.cols3 {
    padding: 60px 0 50px;
    background-size: cover;
    background: #232c3b;
    background-size: contain;
    z-index: -1
}

    .cols3.creative-light .fa {
        color: #fff;
        background: #ff6c3a;
        border: 0;
        padding: 18px
    }

    .cols3.creative-light h4 {
        color: #59546b
    }

    .cols3.creative-light p {
        color: #7e838f
    }

    .cols3 .modern-title h2 {
        color: #f3f3f3;
    }

    .cols3 h4 {
        font-size: 17px;
        font-weight: 400;
        color: #f5f5f5;
        padding-bottom: 5px;
        font-family: 'Hind', sans-serif
    }

    .cols3 .border-bottom {
        border-bottom: 2px dotted rgba(255, 255, 255, 0.2)
    }

    .cols3 i {
        color: #ff6c3a;
        border: 1px solid rgba(217, 180, 173, 0.06);
        box-shadow: -10px 10px 50px rgba(0, 0, 0, 0.15);
        font-size: 23px;
        padding: 17px;
        width: 60px;
        height: 60px;
        margin-right: 14px;
        position: relative;
        top: 17px;
        border-radius: 10px;
        transition: .2s linear
    }

    .cols3 .fa:hover {
        background-color: #ff6c3a;
        color: #fff
    }

    .cols3 img {
        box-shadow: 0 0 50px rgba(0, 0, 0, 0.4);
        border-radius: 40px
    }

    .cols3 .box-container {
        padding: 5px
    }

    .cols3 p {
        color: #9da6b5
    }

/* box offer */

/* faq */

.faq-section {
    padding: 45px 0 35px;
    background: #fff
}

    .faq-section .tab-pane h4 {
        /* font-size: 19px;
    padding-bottom: 10px; */
        font-weight: 600;
        color: #2E2B42 !important
    }

    .faq-section .font-bold {
        font-size: 16px;
        font-weight: 400
    }

    .faq-section .btn {
        font-size: 14px;
        padding: 10px 10px 8px;
        margin-right: 10px
    }

    .faq-section .active h4 {
        color: #fff
    }

    .faq-section .fa {
        color: #ff6c3a
    }

    .faq-section p {
        color: #303030;
        font-size: 17px
    }


.support-question.active:hover h4 {
    color: #fff
}

.support-question:hover h4 {
    color: #9d9696
}

.support-question.active {
    border-left: 7px solid #ff6c3a;
    background-color: #ff6c3a
}

.support-question {
    transition: 200ms ease-in-out;
    border: 0;
    background-color: #f5f5f5;
    margin-bottom: 8px
}

.faq-section .panel-faq {
    border-radius: 5px
}

.faq-section .panel-body {
    padding: 10px;
    margin: 15px 0;
    border-radius: 5px
}

.answer-panel {
    border-radius: 5px;
    padding: 15px 25px 30px !important;
    background: #fff;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.08)
}

.panel-faq .panel-footer {
    background-color: transparent;
    border: none
}

.panel-faq > .panel-heading {
    color: #fff
}

.panel-tools {
    display: inline-block;
    margin-top: 0;
    padding: 0;
    position: relative
}

.support-question a:hover {
    text-decoration: none
}

.support-question a:focus {
    text-decoration: none
}

/* Single Project */

.single-project {
    padding: 80px 0;
    border-bottom: 1px solid #e3e3e3
}

    .single-project .title {
        padding-top: 0;
        padding-bottom: 0
    }

        .single-project .title h2 {
            font-size: 27px;
            text-transform: uppercase
        }

    .single-project .left-margin {
        margin-left: 30px
    }

    .single-project .right-margin {
        margin-right: 30px
    }

    .single-project .text-container {
        padding: 20px 30px 25px;
        background: url(../images/jpg/white-elements.jpg) center;
        background-size: contain;
        border-radius: 15px;
        box-shadow: 0 0 40px rgba(0, 0, 0, 0.08);
        margin-top: 30px
    }

        .single-project .text-container p {
            font-size: 17px
        }

        .single-project .text-container span {
            font-weight: 600;
            color: #3e4c66
        }

    .single-project .info i {
        color: #ff6c3a;
        font-size: 13px
    }

    .single-project .social-icons {
        margin: 20px 0
    }

        .single-project .social-icons .fa-slack {
            color: #3aff13
        }

        .single-project .social-icons .fa-twitter {
            color: #5052a0
        }

        .single-project .social-icons .fa-linkedin-in {
            color: #64e211
        }

        .single-project .social-icons .fa-github {
            color: #ff1a1a
        }

        .single-project .social-icons i {
            margin: 0 7px;
            padding: 11px;
            font-size: 13px;
            width: 35px;
            height: 35px;
            box-shadow: 0 0 35px rgba(15, 0, 99, 0.1);
            border-radius: 50%
        }

    .single-project .info {
        padding-top: 6px
    }

    .single-project img {
        border-radius: 5px;
        transition: .3s linear;
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);
        border-radius: 20px
    }

        .single-project img:hover {
            cursor: zoom-in;
            filter: brightness(0.7)
        }

/* Single Porject end */

/* Single Porject 2 */

/* animtion stats */

.animation-stats {
    /*  padding: 60px 0 50px;
    background-size: cover;
    background: url(../images/jpg/animation-stats.jpg) center;
    background-size: cover */
}

    .animation-stats h2,
    .animation-stats h3 {
        color: #fff
    }

    .animation-stats p,
    .animation-stats h4 {
        color: #ffffff;
    }

    .animation-stats i {
        color: #ff6c3a;
        padding-bottom: 15px;
        font-size: 27px !important;
        padding-right: 0px !important;
    }

    .animation-stats .stats-nr {
        text-align: center;
        /* background: rgba(255, 255, 255, 0.07); */
        background: #3e4c66;
        position: relative;
        margin: 10px auto;
        padding: 20px 15px;
        border-radius: 1px;
        transition: .2s linear
    }

        .animation-stats .stats-nr:hover {
            background: #868ea0;
            /* background: rgba(34, 38, 49, 0.21) */
        }

    .animation-stats .title {
        padding: 30px 0 10px
    }

    .animation-stats .stats-nr h4 {
        font-weight: 400
    }

    .animation-stats .stats-nr h3 {
        font-weight: 600;
        font-size: 30px
    }

.single-project2 {
    padding: 70px 0
}

    .single-project2.gray {
        background: #f5f5f5
    }

    .single-project2 .title {
        border-bottom: 1px solid #e3e3e3;
        padding-top: 40px
    }

    .single-project2 .text-container {
        padding: 20px 0
    }

    .single-project2 i {
        color: #ff6c3a
    }

    .single-project2 .info {
        padding-bottom: 3px
    }

/* Single Porject 2 end */

/* ===== css style for text columns ====== */

.text-columns {
    padding: 50px 0;
    border-bottom: 1px solid #e3e3e3
}

.one-col-text h3 {
    margin: 0
}

/* ===== css style for text columns ====== */

/* newsletter */

.newsletter input[type="text"] {
    color: #b4b4b4;
    height: 47px;
    padding: 0 0 0 20px;
    background: rgba(63, 62, 85, 0.83);
    border: none;
    border-radius: 4px;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    box-shadow: none
}

.newsletter input[type=text] {
    box-shadow: none;
    box-sizing: border-box;
    color: #9097a1;
    font-size: 12px;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    width: 100%;
    border: 0 solid #eceef4;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400
}

.newsletter input[type="submit"] {
    border: 0 solid #c33332;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    height: auto;
    padding: 0 20px;
    text-transform: uppercase;
    background: none;
    border-radius: 4px;
    line-height: 35px;
    margin: 8px 0 5px;
    background-color: #ff6c3a
}

/* newsletter end */

/* white animation stats */

.white-stats {
    padding: 70px 0;
    background: url(../images/jpg/white-elements.jpg) center;
    background-size: contain
}

    .white-stats.red-bg {
        background: url(../images/jpg/red-bg.jpg) center;
        background-size: contain
    }

        .white-stats.red-bg .stats-container h2,
        .white-stats.red-bg .stats-container p {
            color: #fff
        }

        .white-stats.red-bg .text-container h2 {
            color: #fff
        }

        .white-stats.red-bg .text-container {
            border-left: 0
        }

    .white-stats.big-padding {
        background: url(../images/jpg/red-bg.jpg) center;
        background-size: contain;
        z-index: 2;
        position: relative;
        padding-bottom: 250px
    }

    .white-stats.less-padding {
        padding: 15px 0 35px;
    }

    .white-stats.big-padding .text-container {
        border-left: 0 solid #ff9a9a
    }

    .white-stats.big-padding p {
        color: #f5f5f5
    }

    .white-stats.big-padding h2 {
        color: #fff
    }

    .white-stats.big-padding .stats-container h2 {
        color: #fff
    }

    .white-stats.creative {
        padding: 100px 0 60px
    }

    .white-stats .text-container {
        border-left: 5px solid #ff6c3a;
        padding-left: 15px
    }

    .white-stats.business .text-container h2 {
        /*font-family: 'Josefin Sans';*/
        font-size: 30px
    }

    .white-stats .text-container h2 {
        font-size: 32px
    }

    .white-stats .stats-container h2 {
        color: #ff6c3a;
        font-size: 42px;
        font-weight: 800;
        /*font-family: 'Josefin Sans'*/
    }

/* white animation stats */

/* about us entry text */

.entry-about {
    padding: 70px 0 30px;
    background: url(../images/jpg/bg-gray.jpg) center;
    background-size: contain
}

    .entry-about h2 {
        font-size: 45px
    }

    .entry-about p {
        font-size: 18px
    }

/* about us entry text end */

/* entry */

.entry {
    padding: 50px 0 40px;
    background: url(../images/jpg/red-bg.jpg) center;
    background-size: cover;
    z-index: 2;
    position: relative
}

    .entry.big {
        padding: 60px 0 240px;
        background: url(../images/jpg/red-bg.jpg) top;
        background-size: cover;
        z-index: 2;
        position: relative
    }

    .entry h4 {
        font-size: 20px;
        font-weight: 600
    }

    .entry p,
    .entry h4 {
        color: #fff;
        padding-bottom: 5px
    }

    .entry img {
        width: 60px;
        margin-right: 15px;
        margin-top: 10px
    }
/* creative pricing tables */

.creative-tables {
    padding: 50px 0 90px;
    background: url(../images/jpg/white-elements.jpg) center;
    background-size: cover;
    /* background: url(../images/jpg/bg-gray.jpg) center;
    background-size: contain */
}

    .creative-tables .title {
        padding-bottom: 20px;
    }

    .creative-tables.business {
        background: url(../images/jpg/white-elements.jpg) center;
        background-size: contain
    }

    .creative-tables .tables {
        border-radius: 5px
    }

    .creative-tables .recommended {
        top: 40px;
        background-color: #2e3747
    }

    .creative-tables .table-header {
        border-bottom: 5px solid #ff6c3a;
        margin-bottom: 20px
    }

    .creative-tables .table1 {
        height: 100%;
        background-color: #fff;
        box-shadow: 0 0 40px rgba(0, 0, 0, 0.09);
        padding: 20px 25px 50px;
        /* margin: 0 30px; */
        border-radius: 15px;
        transition: .3s ease-in-out;
        position: relative;
        z-index: 2
    }

.table-bg {
    background-color: #ff6c3a;
    height: 100%;
    width: calc(100% - 30px);
    position: absolute;
    top: 5px;
    right: 10px;
    border-radius: 15px;
    z-index: 1;
    box-shadow: -15px 15px 50px rgb(0 0 0 / 10%);
}

    /* .creative-tables .table1:hover {
    padding: 30px 30px 40px
} */

    .table-bg h4 {
        color: #fff;
        position: absolute;
        bottom: 11px;
        font-size: 16px;
        margin: 0 auto;
        left: 0;
        right: 0;
        text-align: center;
        font-weight: 700
    }

.creative-tables ul {
    margin-top: 35px
}

.creative-tables h3 {
    color: #ff6c3a;
    margin-bottom: 25px
}

.creative-tables .table1 h2 {
    font-size: 19px
}

.creative-tables li {
    line-height: 25px;
    font-size: 16px
}

.creative-tables hr {
    margin: 6px 0px;
}

/* contact form */

.contact-form {
    padding: 50px 0;
    background: url(../images/jpg/white-elements.jpg) center;
    background-size: contain
}

.section9.contact-form i {
    color: #ff6c3a
}

.contact-form iframe {
    border-radius: 15px
}

.contact-form .form-control {
    background: #fff;
    box-shadow: -10px 10px 25px rgba(0, 0, 0, 0.01)
}

.contact-form .fa {
    padding-right: 5px
}

.header-title {
    text-align: center;
    color: #00bfff
}

.fadeIn {
    animation-duration: 3s
}

.form-control {
    border: 1px solid #cccccc;
    width: 95%;
    font-size: 13px;
    border-radius: 5px !important;
    background: transparent;
    height: 36px;
    transition: .3s linear
}

input::placeholder {
    color: #c1c0c4 !important;
    font-family: 'Exo 2', sans-serif
}

textarea::placeholder {
    color: #c1c0c4 !important;
    font-family: 'Exo 2', sans-serif
}

.input-group-addon {
    border: 0
}

.form-control:focus {
    background: #434053;
    color: #fff;
    transform: scale(1.03);
    border: 0
}

.textarea-contact {
    resize: none
}

/* Conatct end */



/* portofolio items */

.footer-1 {
    padding: 50px 0 20px;
    background: #232c3b;
    background-size: contain
}

    .footer-1.creative {
        background: url(../images/jpg/white-elements.jpg) center;
        background-size: contain
    }

    .footer-1 .text-container {
        padding-right: 50px;
    }

    .footer-1 p {
        color: #adafc7
    }

    .footer-1.creative p {
        color: #848484
    }

    .footer-1.creative li > a {
        color: #848484
    }

    .footer-1.creative h4 {
        color: #white
    }

    .footer-1 .footer-title {
        margin-bottom: 25px
    }

    .footer-1 h4 {
        color: #fff;
        font-weight: 600;
        font-size: 16px
    }

    .footer-1 .logo-footer {
        width: 150px
    }

    .footer-1 .footer-img {
        margin-top: 50px;
        padding-top: 30px;
        display: inline-block;
        border-top: 1px solid rgba(221, 221, 221, 0.15)
    }

        .footer-1 .footer-img img {
            /* width: 200px; */
            opacity: .8
        }

    .footer-1 li > a {
        color: #adafc7;
        /*font-family: 'Exo 2';*/
        font-size: 13px;
        line-height: 30px
    }

        /* .footer-1 li>a:before {
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    padding-right: 5px
} */

        .footer-1 li > a:hover {
            color: #fff;
            /* padding-left: 5px */
        }

    .footer-1 ul {
        display: table-row
    }

    .footer-1 .social-links {
        margin-top: 10px
    }

    .footer-1 .contacts a {
        color: #adafc7
    }

    .footer-1 .fa_icon {
        color: #fff;
        background-color: #3a354f;
        width: 30px;
        height: 30px;
        font-size: 11px;
        border-radius: 50%;
        padding: 10px;
        margin-right: 15px;
        transition: .2s linear
    }

        .footer-1 .fa_icon:hover {
            background-color: rgb(54, 48, 82);
        }

    .footer-1 ul li i {
        padding-right: 5px;
        color: #ff6c3a;
    }

/* under footer */

.under-footer {
    background-color: #e9e9ea
}

    .under-footer.creative {
        background: url(../images/jpg/elements-dark.jpg) bottom;
        background-size: cover;
        padding: 60px 0 50px
    }

    .under-footer a {
        color: #3a354f;
        font-family: 'Exo 2'
    }

    .under-footer ul {
        text-align: center
    }

    .under-footer li {
        display: inline-block;
        padding: 0 20px;
        text-align: center
    }

    .under-footer p {
        text-align: center;
        color: #3a354f;
        padding-top: 15px
    }

.top_header {
    background-color: #3d344b;
    color: White;
    padding: 3px;
}

.topHeader_links {
    float: right;
}

    .topHeader_links a {
        color: #ffffff;
        font-size: 13px;
        /* margin-left: 5px; 
    margin-bottom: 3px;*/
        float: left;
        margin-top: 3px;
        margin-right: 5px;
        border-right: 1px solid;
        padding: 0px 10px 0px 0px;
    }

.topHeader_links {
    float: right;
}

    .topHeader_links a {
        color: #ffffff;
        font-size: 13px;
        /* margin-left: 5px; 
    margin-bottom: 3px;*/
        float: left;
        margin-top: 3px;
        margin-right: 5px;
        border-right: 1px solid;
        padding: 0px 10px 0px 0px;
    }

        .topHeader_links a:hover {
            color: #ff6c3a;
        }

.topHome {
    margin-right: 0px !important;
}

    .topHome i {
        color: #ff6c3a;
        font-size: 14px;
    }


/* =============  box content =============== */

.box-content {
    padding: 80px 0
}

    .box-content .row {
        box-shadow: 0 0 50px rgba(0, 0, 0, 0.08);
        border-radius: 30px;
        background: url(../images/jpg/img.jpg) center;
        background-size: cover
    }

    .box-content.drag-up {
        margin-top: -280px;
        padding-bottom: 40px;
        background: url(../images/jpg/white-elements.jpg) bottom;
        background-size: contain
    }

    .box-content .no-padding {
        height: 450px
    }

    .box-content h4 {
        font-size: 17px;
        font-weight: 500;
    }

    .box-content.drag-up .row {
        box-shadow: 0 10px 50px rgba(0, 0, 0, 0.08);
        border-radius: 30px;
        background: url(../images/jpg/img.jpg) center;
        background-size: cover;
        z-index: 5;
        position: relative
    }

    /* left content */

    .box-content .text-container {
        padding: 30px 0 5px;
        display: inline-block
    }

    .box-content .left-content img {
        width: 40px;
        margin: 10px
    }

    .box-content .left-content .text-container h4 {
        font-size: 15px;
        color: #f5f5f5;
        font-weight: 800
    }

    .box-content .left-content .text-container p {
        font-size: 13px
    }

    .box-content .left-content {
        padding: 45px 10px 45px 30px
    }

    .box-content .white-bg {
        background: url(../images/jpg/elements-dark.jpg) center;
        background-size: contain;
        border-top-left-radius: 30px;
        border-bottom-left-radius: 30px
    }

    .box-content .left-content i {
        font-size: 15px;
        padding-right: 5px;
        color: #ff6c3a
    }

    .box-content .title {
        padding-bottom: 0
    }

    .box-content ul {
        padding-bottom: 10px
    }

    .box-content .left-content li {
        font-size: 16px;
        line-height: 30px
    }

    /* right content */

    .box-content .right-content .boxes {
        padding: 15px;
        margin: 15px auto;
        border-radius: 15px;
        background: #fff;
        height: auto;
        box-shadow: 0 0 45px rgba(0, 0, 0, 0.08)
    }

    .box-content .right-bg {
        border-top-right-radius: 30px;
        border-bottom-right-radius: 30px
    }

    .box-content .right-content {
        padding: 60px 50px
    }

        .box-content .right-content h3 {
            font-size: 16px;
            font-weight: 500
        }

        .box-content .right-content img {
            width: 50px;
            margin-bottom: 11px
        }



/* ---------- Home Images -------- */

/* team member */

.team-members {
    padding: 50px 0 45px
}

    .team-members.about {
        background: url(../images/jpg/bg-gray.jpg) center;
        background-size: cover
    }

.members {
    border: 1px solid #f0f0f0;
    border-radius: 5px;
    box-shadow: 0 0 15px rgb(0 0 0 / 15%);

}

    .members .text {
        padding: 0px 15px 25px;
        background: #fff;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px
    }

    .members em {
        opacity: .8;
        font-size: 16px;
        position: relative;
    }

        .members em:after {
            background: #ff6c3a none repeat scroll 0 0;
            bottom: 0;
            content: "";
            height: 2px;
            left: 0;
            position: absolute;
            width: 50px;
            top: 20px;
        }

.team-members .fa-facebook-f {
    color: #5408b6;
    padding-left: 12px
}

.team-members .fa-twitter {
    color: #917fa8
}

.team-members .fa-linkedin-in {
    color: #3f445e
}

.members img {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: -10px 10px 30px rgba(0, 0, 0, 0);
    transition: .3s linear
}

    .members img:hover {
        box-shadow: -5px 5px 30px rgba(0, 0, 0, 0.08)
    }

.members i {
    color: #ff6c3a;
    transition: .2s linear;
    /* margin: 0 10px 15px 0;
    opacity: 1;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    padding: 8px 9px;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.25);   
    font-size: 13px;
    border-radius: 50%; */
}

/* 
.team-members i:hover {
    color: #ff6c3a;
    opacity: 1;
    transform: scale(1.3)
} */

/* team members end */

/* Slider Version */

.fade-carousel {
    position: relative;
}

    /*
.fade-carousel .carousel-inner .item {
    height: 700px;
}
*/
    .fade-carousel .carousel-indicators > li {
        margin: 0 2px;
        background-color: #eba12c;
        border-color: #eba12c;
        opacity: 1;
        width: 15px;
        height: 7px;
    }

        .fade-carousel .carousel-indicators > li.active {
            width: 30px;
            height: 7px;
            opacity: 1;
        }

.slider-v1 {
    position: absolute;
    top: 21%;
    left: 30%;
    z-index: 3;
    top: 56%;
    width: 570px;
    height: auto;
    padding: 25px 40px;
    background: rgba(21, 18, 37, 0.7);
    color: #fff;
    text-align: left;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
}

    .slider-v1 h2 {
        color: #fff;
        font-size: 45px;
        font-family: 'Hind';
    }

    .slider-v1 h4 {
        font-weight: 300;
        font-size: 20px;
        margin-bottom: 11px;
        margin-top: 0;
        position: relative;
        bottom: 8px;
        color: #fff;
    }

    .slider-v1 p {
        font-size: 16px;
        color: #f5f5f5;
        font-weight: 400;
    }

.fade-carousel .carousel-inner .item .slider-v1 {
    opacity: 0;
    -o-transition: 1s all ease-in-out .05s;
    transition: 1s all ease-in-out .05s;
    left: 25%;
}

.fade-carousel .carousel-inner .item.active .slider-v1 {
    opacity: 1;
    -o-transition: 1s all ease-in-out .05s;
    transition: 1s all ease-in-out .05s;
    left: 30%;
}

/********************************/
/*       Slides backgrounds     */
/********************************/
.fade-carousel .slides .slide-1,
.fade-carousel .slides .slide-2,
.fade-carousel .slides .slide-3 {
    height: auto;
    /* height: 800px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat; */
}

    /* .fade-carousel .slides .slide-1 {
    background: url(../images/slider-img/main-slider5.jpg) center;
    background-size: cover;
}

.fade-carousel .slides .slide-2 {
    background: url(../images/slider-img/main-slider1.jpg) center;
    background-size: cover;
}

.fade-carousel .slides .slide-3 {
    background: url(../images/slider-img/main-slider3.jpg) center;
    background-size: cover;
} */

    .fade-carousel .slides .slide-1 img,
    .fade-carousel .slides .slide-2 img,
    .fade-carousel .slides .slide-3 img {
        width: 100%;
    }



/********************************/
/*          Media Queries       */
/********************************/
@-webkit-keyframes zoom {
    from {
        -webkit-transform: scale(1, 1);
    }

    to {
        -webkit-transform: scale(1.3, 1.3);
    }
}

@keyframes zoom {
    from {
        transform: scale(1, 1);
    }

    to {
        transform: scale(1.3, 1.3);
    }
}

/* partners */

.partners {
    padding: 30px 0;
    background-color: #f8f8f8
}

    .partners.style2 {
        background: #fff;
        box-shadow: 0 0 40px rgba(0, 0, 0, 0.07)
    }

    .partners img {
        /* opacity: .3; */
        width: 150px;
        margin: 0 auto;
        transition: .3s linear
    }

        .partners img:hover {
            opacity: .9
        }

    .partners.creative {
        background-color: #ff6c3a
    }

    .partners .owl-carousel {
        box-shadow: 0 0 40px rgba(0, 0, 0, 0);
        margin-top: 10px;
        border-radius: 35px
    }

/* stats */

.stats {
    padding: 470px 0 80px;
    margin-top: -420px;
    position: relative
}

    .stats img {
        width: 40px;
        margin: 20px 15px 0 0
    }

    .stats p {
        text-align: center
    }

    .stats h4 {
        font-size: 35px;
        font-weight: 500;
        text-align: center;
        padding-top: 26px
    }

    .stats .circles {
        width: 160px;
        height: 160px;
        border-radius: 50%;
        border: 8px solid #fff;
        margin: 0 auto;
        box-shadow: 0 0 40px rgba(0, 0, 0, 0.2)
    }

        .stats .circles.c1 {
            border-top-color: #ff6c3a;
            border-right-color: #ff6c3a;
            border-bottom-color: #ff6c3a
        }

        .stats .circles.c2 {
            border-top-color: #ff6c3a
        }

        .stats .circles.c3 {
            border-top-color: #ff6c3a;
            border-right-color: #ff6c3a;
            border-bottom-color: #ff6c3a
        }

        .stats .circles.c4 {
            border-top-color: #ff6c3a;
            border-right-color: #ff6c3a
        }

/* stats end */



/*-----------------Digital Initiavtive--------------*/
.slick-slide {
    margin: 0px 20px;
    border: 1px solid #ebebeb;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

    .slick-slide img {
        width: 100%;
        border-top-left-radius: 20px;
        border-bottom-right-radius: 20px;
    }

    .slick-slide :hover {
        box-shadow: 0px 0px 10px 0px rgb(138 138 138);
    }

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

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

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

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

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

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

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

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

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

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

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

.slick-slide img {
    display: block;
}

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

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

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

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

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

.slick-arrow.slick-hidden {
    display: none;
}

* {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.center h3 {
    opacity: 0.8;
    transition: all 300ms ease;
}




/* ---------------- TITLES --------------- */

/* modern title */

.modern-title {
    padding: 0 150px;
    margin-bottom: 50px;
    padding-bottom: 70px
}

@media only screen and (max-width: 1200px) {
    .modern-title {
        padding: 0 15px;
        display: inline-block
    }
}

.modern-title .text-left p {
    font-size: 18px
}

.modern-title h2 {
    margin: 0;
    border-right: 5px solid #ff6c3a;
    font-size: 32px;
    font-weight: 900;
    padding-right: 30px;
    /*font-family: 'Josefin Sans'*/
}

.modern-title.dark-title h2 {
    color: #3e4c66
}

.modern-title.white-title h2 {
    color: #fff
}

.modern-title.white-title p {
    color: #ddd
}

/* ---- title 2 ---- */

.title {
    text-align: center;
    padding-bottom: 40px
}

.title-white h2 {
    color: #fff !important
}

.title-white h3 {
    color: #fff
}

.title-white p {
    color: #ddd
}

.title.padding {
    padding-right: 150px;
    padding-left: 150px
}

.text-bg {
    font-size: 130px;
    text-transform: uppercase;
    position: absolute;
    color: #201d2c;
    font-weight: 800;
    letter-spacing: 15px;
    z-index: 1;
    opacity: .04;
    left: 550px;
    margin-top: -100px
}

.title h2 {
    font-weight: 700;
    font-size: 30px;
    color: #3e4c66;
    margin: 0;
    /*font-family: 'Josefin Sans', sans-serif*/
}

.title h4 {
    padding: 0;
    font-family: 'Exo 2', sans-serif;
    font-size: 17px;
    position: relative;
    top: -10px;
    color: #5a677f;
    font-weight: 500
}

.title p {
    color: #908897;
    margin-top: 10px;
    font-size: 16px
}

.title-border {
    padding-top: 15px
}

.text-left {
    text-align: left
}

/*------------- TITLE STYLE ENDS HERE -------------- */

/* section 3 */

.section3 {
    background-color: #232c3b
}

    .section3 .box-container {
        padding: 40px 20px
    }

    .section3 .box3 {
        background-color: #232c3b
    }

    .section3 .box2 {
        background-color: #ff6c3a
    }

    .section3 .box1 {
        background-color: #232c3b
    }

    .section3 p {
        color: #f5f5f5;
        font-size: 14px
    }

    .section3 h3 {
        color: #fff;
        font-size: 21px;
        font-weight: 600
    }

    .section3 i {
        font-size: 27px;
        color: #fff;
        margin-bottom: 15px
    }

/* section 3 end */

.section7 {
    padding: 50px 0 52px;
    border-top: 0 dotted #e3e3e3;
    background: url(../images/jpg/bg-gray.jpg) center no-repeat;
    background-size: cover;
    /* background-size: contain */
}

    .section7.bg2 {
        background: url(../images/jpg/bg-gray.jpg) center;
        background-size: cover
    }

    .section7 .text-container {
        padding: 20px 15px;
        border-radius: 10px;
        box-shadow: 0 0 50px rgba(17, 20, 39, 0.08);
        border: 1px solid rgba(0, 0, 0, 0.05);
        transition: .3s linear;
        background-color: #fff
    }

        .section7 .text-container:hover {
            box-shadow: 0 0 40px rgba(17, 20, 39, 0.15)
        }

            .section7 .text-container:hover h4 {
                color: #ff6c3a
            }

    .section7 p {
        font-size: 15px;
        line-height: 25px
    }

    .section7 h4 {
        font-size: 19px;
        transition: .3s linear
    }

    .section7 .cols-img2 {
        width: 80px;
        transition: .2s linear
    }

    .section7 .cols-img {
        position: absolute;
        opacity: .8;
        left: 0;
        right: 0;
        z-index: 1;
        width: 170px;
        margin: 0 auto;
        top: 15px
    }

    .section7 .text-container:hover .cols-img2 {
        width: 75px;
        position: relative
    }

    .section7 .text {
        text-align: center;
        padding: 0 15px;
        margin-top: 25px
    }

/* faq */

/* home image - bussines agency */

.home-image {
    height: 100vh;
    background: url(../images/header/home.jpg) repeat center;
    background-size: cover;
    background-attachment: fixed
}

    .home-image.white-text .text-container h2 {
        color: #fff;
        /*font-family: 'Josefin Sans';*/
        font-weight: 900
    }

    .home-image.white-text .home-title {
        color: #ddd
    }

    .home-image .btn {
        color: #fff
    }

        .home-image .btn:hover {
            background-color: #4F435B !important;
            border: 1px solid #4F435B !important;
            color: #fff !important
        }

    .home-image .text-container {
        height: 100vh;
        display: flex;
        max-width: 100%;
        margin: 0 auto;
        position: relative;
        justify-content: center;
        flex-direction: column
    }

    .home-image .inner-text {
        position: relative;
        bottom: 40px
    }

    .home-image .text-container h3 {
        font-weight: 400;
        color: #f5f5f5;
        font-family: 'Exo 2', sans-serif;
        font-size: 23px;
        margin: 0;
        text-align: left
    }

    .home-image .text-container h3 {
        color: #ddd;
        text-transform: uppercase;
        font-family: 'Maven Pro', sans-serif !important
    }

    .home-image .text-container h2 {
        font-size: 90px;
        font-weight: 800;
        color: #4d4a6d;
        text-transform: uppercase;
        margin: 0;
    }

    .home-image .text-container p {
        font-size: 18px;
        color: #9e9e9e;
        padding: 0 300px 0 0
    }

    /* bottom text of home-image */

    .home-image .home-bottom {
        position: absolute;
        bottom: 0;
        padding: 15px 0;
        text-align: center;
        background-color: rgba(26, 20, 43, 0.3)
    }

        .home-image .home-bottom .boxes {
            border-right: 1px solid rgba(255, 255, 255, 0.1)
        }

        .home-image .home-bottom .p-left {
            padding-left: 30px
        }

        .home-image .home-bottom h4 {
            color: #fff;
            font-size: 16px
        }

        .home-image .home-bottom p {
            padding: 0;
            color: #aaa;
            font-size: 16px
        }

        .home-image .home-bottom i {
            color: #ff6c3a
        }

    /* bottom text of home-image */

    .home-image .text-container .buttons {
        margin-top: 40px
    }

    .home-image .sl1 {
        position: absolute;
        width: 470px;
        max-width: 900px;
        margin-top: -25px;
        margin-left: -90px
    }

.home-header .btn-outline-dark {
    border: 0 !important
}

.home-image .socials {
    font-size: 13px;
    box-shadow: -8px 8px 35px rgba(0, 0, 0, 0.3);
    font-size: 15px;
    width: 40px;
    height: 40px
}

.home-image .fa-1 {
    color: #fff;
    background-color: #584670;
    border-radius: 50%;
    margin-right: 35px;
    padding: 13px 16px
}

.home-image .fa-2 {
    color: #fff;
    background-color: #745c8f;
    padding: 14px 13px;
    border-radius: 50%;
    margin-right: 35px
}

.home-image .fa-3 {
    color: #fff;
    background-color: #ffa743;
    padding: 14px 13px;
    border-radius: 50%
}

.home-image .circle-left {
    background-color: #713db4;
    height: 170px;
    width: 170px;
    border-radius: 50%;
    position: absolute;
    top: 350px;
    left: -130px;
    animation: circle-left-img 8s infinite linear;
    animation-direction: alternate
}

.home-image .input-group-addon:first-child {
    background: transparent
}


@keyframes circle-left-img {
    0% {
        transform: translate(1px, -100px) rotate(0deg)
    }

    50% {
        transform: translate(15px, -20px) rotate(180deg)
    }

    100% {
        transform: translate(0px, 100px) rotate(0deg)
    }
}


background: url(../images/jpg/white-elements.jpg) center;
background-size: contain
}

.agency2 .bg-text {
    font-size: 120px;
    opacity: .3;
    color: #e1e1e1;
    position: absolute;
    left: -150px;
    right: 0;
    top: -80px;
    /*font-family: 'Josefin Sans';*/
    font-weight: 900
}

.agency2 .row {
    padding: 260px 0 200px
}

@media only screen and (max-width:1366px) {
    .agency2 .row {
        padding: 200px 0 140px
    }
}

.agency2 .buttons {
    margin-top: 30px
}

.agency2 h2 {
    font-size: 75px;
    position: relative
}

.agency2 p {
    margin-top: 20px;
    font-size: 18px
}

.agency2 img {
    position: absolute;
    width: 430px;
    top: 0;
    animation: agency2-img 3s infinite
}

@keyframes agency2-img {
    from {
        transform: translateZ(0px);
        transition: transform
    }

    50% {
        transform: translateY(-20px);
        transition: transform
    }

    to {
        transform: translateZ(0px);
        transition: transform
    }
}

.agency2 .social-icons {
    margin: 40px 0 20px
}

.agency2 .fa-slack {
    color: #3aff13
}

.agency2 .fa-twitter {
    color: #5052a0
}

.agency2 .fa-linkedin-in {
    color: #64e211
}

.agency2 .fa-github {
    color: #ff1a1a
}

.agency2 i {
    margin: 0 7px;
    padding: 11px;
    font-size: 17px;
    width: 40px;
    height: 40px;
    box-shadow: 0 0 35px rgba(15, 0, 99, 0.1);
    border-radius: 50%;
    transition: .2s linear
}

    .agency2 i:hover {
        transform: scale(1.2)
    }

/* agency 2 header end */



/* service 2 */

.services2 {
    background: #ff6c3a;
}

    .services2 .buttons {
        margin-top: 5px;
    }

    .services2 .fa {
        color: #fff
    }

    .services2 img {
        width: 40px;
        margin: 10px 15px;
        display: none
    }

    .services2 .btn {
        padding: 8px 20px
    }

    .services2 .text-container {
        padding: 40px 50px;
    }

@media only screen and (max-width:1366px) {
    .services2 .text-container {
        padding: 40px 30px;
    }
}

.services2 .arrow1 {
    background-color: #ff6c3a
}

.services2 .arrow2 {
    background-color: #ff6c3a
}

.services2 .arrow3 {
    background-color: #ff6c3a
}

.services2 .fa.pull-left {
    color: #fff;
    font-size: 33px;
    padding-left: 10px;
}

.services2 h3 {
    font-size: 20px;
    font-weight: 800;
    color: #fff !important;
    font-family: 'Hind'
}

.services2 p {
    color: #f5f5f5 !important;
    font-size: 15px;
    opacity: 1
}

.services2 .bg-text h2 {
    font-size: 130px;
    opacity: .08;
    color: #F9F4F4;
    position: absolute;
    left: 300px;
    right: 0;
    top: -5px;
    font-weight: 800
}

.services2 .btn-outline-white {
    margin-top: 13px
}

    .services2 .btn-outline-white:hover {
        border: 1px solid transparent !important;
        opacity: 1
    }

/* services 5 */
.services5 {
    padding: 50px 0;
    margin-top: 0
}

    .services5 .title {
        text-align: left
    }

    .services5 .text p {
        color: #9689A3;
        font-size: 15px
    }

    .services5 .text {
        padding-right: 50px
    }

    .services5 .list-container ul {
        display: inline
    }

    .services5 .list-container li {
        line-height: 35px;
        font-size: 17px;
        color: #374957
    }

        .services5 .list-container li::before {
            content: "\f067";
            font-family: FontAwesome;
            margin-right: 5px;
            color: #ff6c3a
        }

/* 3 cols */

/* simple section */

/* simple section */

.simple-cols {
    padding: 70px 0;
    background: url(../images/jpg/white-elements.jpg) center;
    background-size: contain
}

    .simple-cols.less-padding {
        padding: 30px 0 70px;
    }

    .simple-cols img {
        width: 65px;
        margin-right: 15px;
        margin-top: 15px
    }

    .simple-cols h3 {
        font-size: 19px;
        padding-bottom: 7px;
        font-family: 'Hind';
        font-weight: 500;
    }

/* simple cols end */

/* image with text */

.image-with-text {
    background: url(../images/jpg/text-bg.jpg) center;
    background-size: cover;
    padding: 100px 0
}

    .image-with-text h2 {
        font-size: 42px;
        font-weight: 900
    }

    .image-with-text h4 {
        font-weight: 400;
        padding-bottom: 25px;
        color: #757e87
    }

/* image with text end */

/* section 9 */

.section9 {
    padding: 55px 0 47px;
    background: url(../images/jpg/img.jpg) center;
    background-size: cover;
    z-index: 2
}

    .section9 .title {
        padding-bottom: 7px;
        padding-top: 0;
        margin-bottom: 15px
    }

    .section9 .text {
        padding: 20px;
        border: 1px solid #ccc;
        transition: .2s linear;
        margin-bottom: 15px;
    }

        .section9 .text:hover {
            box-shadow: 0 0 50px rgba(0, 0, 0, 0.09);
            border: 1px solid transparent
        }

    .section9 .title h4 {
        font-weight: 400
    }

    .section9 .text-container h4 {
        font-weight: 500
    }

    .section9 .text-container img {
        width: 40px;
        padding-bottom: 5px
    }

/* section 9 end */

body.corporate h2, body.corporate h3 {
    font-family: 'Hind';
}
/* short info */

.short-info {
    padding: 40px 0;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.06);
    background: url(../images/jpg/white-elements.jpg) center;
    background-size: contain;
    z-index: 3;
    position: relative
}

    .short-info h3 {
        font-size: 29px
    }

    .short-info.style2 {
        background: url(../images/jpg/white-elements.jpg) center;
        background-size: contain;
        box-shadow: 0 0 40px rgba(0, 0, 0, 0.07)
    }

        .short-info.style2 .text-container {
            text-align: center
        }

        .short-info.style2 h2 {
            font-size: 50px
        }

        .short-info.style2 .padding-text {
            padding: 0 150px
        }

    .short-info.style3 {
        background: url(../images/jpg/red-bg.jpg) top;
        background-size: cover;
        box-shadow: 0 0 40px rgba(0, 0, 0, 0.07)
    }

        .short-info.style3 h3,
        .short-info.style3 p {
            color: #fff
        }


/* pricing table */
.table-pricing {
    padding: 50px 0;
}

.custab {
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.08);
    transition: 0.2s;
    border-radius: 15px;
}

.table > thead > tr > th {
    border-bottom: 0px;
    padding: 15px 13px 15px 20px;
    color: #fff;
    background: #ff6c3a;
    font-size: 16px;
}

.table > tbody > tr > td {
    padding: 15px 10px 10px 20px;
    /*position: relative;*/
    top: 10px;
    border-top: 0;
    color: #2E2B42;
    font-size: 16px;
}

.table .btn {
    position: relative;
    top: -10px;
}

    .table .btn:hover {
        background: #da562a !important;
        color: #fff !important;
    }

.table > tbody > tr > td:first-child {
    color: #3e4c66;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background: #f6f6f6;
}

button.btn.button.btn-red.radius5.btn-sm {
    font-size: 12px;
    padding: 7px 11px !important;
}

/* pricing table */

/* short info end */

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

    /* about1 */
    .about1 .text-container {
        max-width: 550px;
        margin: 0 auto;
        position: relative;
        top: 30px;
        right: 20px;
    }

    .home-creative .text-container {
        padding: 35px 90px 0 20px
    }
}

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

    .home-header .text-container {
        position: relative;
        top: 110px;
        right: -20px;
    }

    .home-creative h2 {
        font-size: 63px;
    }

    .home-creative p {
        font-size: 17px;
    }

    .home-creative .btn {
        font-size: 12px;
    }

    .home-creative .text-container {
        padding-top: 70px;
    }

    .home-image .text-container h2 {
        font-size: 62px;
    }

    .home-image .inner-text {
        position: relative;
        bottom: 30px
    }

    .home-image .text-container h3 {
        font-size: 21px;
    }

    .home-header {
        height: 650px;
    }

    .portofolio .text-container p {
        font-size: 13px;
    }

    .portofolio .text {
        position: relative;
        top: 0%;
    }

    .portofolio .text-container a.btn {
        font-size: 12px;
    }

    .portofolio .text-container .fa {
        color: #fff;
        margin: 15px;
        background: hsla(217, 30%, 14%, 0.2);
        width: 40px;
        height: 40px;
        border-radius: 20px;
        padding: 13px;
        font-size: 13px;
        transition: 300ms linear;
    }
}

@media only screen and (max-width:1380px) {
    nav.navbar-transparent.white .navbar-right {
        margin-right: -80px;
    }
}

@media only screen and (max-width:1180px) {
    nav.navbar.bootsnav.navbar-transparent.white ul.nav > li > a {
        color: #868ea0;
    }

    nav.navbar.bootsnav.navbar-transparent.white {
        background: #fff;
    }
}

@media only screen and (max-width:1199px) {
    .section9 .left-image img {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width:1025px) {
    img.logo.logo-display {
        display: none;
    }
}

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

    nav.navbar.bootsnav.no-background.white .attr-nav > ul > li > a,
    nav.navbar.bootsnav.navbar-transparent.white .attr-nav > ul > li > a {
        color: #868ea0;
    }

    nav.navbar.bootsnav.navbar-transparent.white ul.nav > li > a {
        font-size: 14px;
    }

    .blog-sidebar {
        padding-left: 0;
    }

    .main-post .blog-text-container {
        margin-top: 20px;
    }

    .main-blog-page .blog-sidebar {
        padding-left: 0;
    }

    .widgets {
        display: grid;
    }

        .widgets .sidebar-title {
            margin-bottom: 20px;
            margin-top: 20px;
        }

    .home-image .text-container p {
        font-size: 15px;
    }

    .footer-1 .text-container {
        padding-right: 0px;
    }

    .home-image .text-container p {
        padding: 0 100px 0 0;
    }

    .home-image .home-bottom p {
        padding: 0;
        color: #aaa;
    }

    nav.bootsnav .dropdown.megamenu-fw .dropdown-menu.move-left {
        left: 100px;
    }

    nav.navbar.bootsnav .dropdown .megamenu-content .col-menu ul > li > a {
        color: #868ea0;
        padding: 5px 0;
    }

    nav.navbar .navbar-brand img.logo {
        margin-right: 0px;
    }
}

@media only screen and (max-width:991px) {
    .btn-margin-right {
        margin-top: 10px;
    }
}

@media only screen and (max-width: 992px) {
    nav.navbar.bootsnav .navbar-nav > li > a {
        padding: 20px 0 !important;
    }

    .simple-cols {
        padding: 50px 0;
    }

    .table-bg {
        display: none;
    }

    .creative-tables {
        padding: 50px 0;
    }

    .text-image .text {
        margin: 0;
    }

    .slider-v1 {
        padding: 45px 30px;
        width: 100%;
        left: 0 !important;
        top: 35%;
        -webkit-transform: translate3d(0%, 0%, 0) !important;
        -moz-transform: translate3d(0%, 0%, 0) !important;
        -ms-transform: translate3d(0%, 0%, 0) !important;
        -o-transform: translate3d(0%, 0%, 0) !important;
        transform: translate3d(0%, 0%, 0) !important;
    }

    .short-info .btn-red {
        margin-top: 20px;
    }

    nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a {
        border-bottom: 0;
    }

    nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .title {
        border-bottom: 0;
    }

    nav.navbar.bootsnav .dropdown .megamenu-content .col-menu ul > li > a {
        border-bottom: 0;
    }

    nav.navbar.bootsnav.navbar-transparent.white ul.nav > li > a {
        padding: 20px 15px;
    }

    nav.navbar.bootsnav .navbar-collapse.collapse {
        background: #fff;
    }

    nav.navbar.white.navbar-fixed {
        padding-right: 0;
        padding-left: 0;
    }

    nav.bootsnav.navbar-full {
        padding: 0px;
    }

    nav.navbar.bootsnav.navbar-transparent.white {
        padding: 0;
    }

    nav.navbar.bootsnav.dark {
        height: 60px;
    }

    nav.navbar.bootsnav .navbar-toggle::before {
        display: none;
    }

    nav.navbar.dark .navbar-brand img.logo {
        width: 95px;
        top: 0;
    }

    .creative-tables .table1 {
        margin: 0;
    }

        .creative-tables .table1 h2 {
            font-size: 30px;
        }

    .home-creative {
        height: auto;
    }

    .agency2 .row {
        padding: 180px 0 130px;
    }

    .agency2 h2 {
        font-size: 53px;
    }

    .agency2 .btn {
        font-size: 12px;
    }

    .home-creative .text-container {
        height: auto;
    }

    .home-creative .text-container {
        padding: 35px 70px 0 0px;
    }

    .home-creative h2 {
        font-size: 65px;
    }

    .tex-tinner {
        padding-top: 50px;
    }

    .home-creative p {
        font-size: 16px;
    }

    .attr-nav {
        top: -12px;
    }

    nav.bootsnav .dropdown.megamenu-fw .dropdown-menu.move-right {
        left: 0;
    }

    nav.bootsnav .dropdown.megamenu-fw .dropdown-menu.move-left {
        left: 0;
    }

    .nav .nav-offer {
        display: none;
    }

    .cols3 i {
        float: none !important;
        top: 0;
    }

    .icon-box-tabs .nav-pills > li > a {
        width: 100%;
    }

    nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .title::before {
        content: "\f067";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        font-size: 9px;
        color: #fe5623;
        padding-right: 5px;
    }

    .services2 h3 {
        font-size: 18px;
    }

    .services2 p {
        font-size: 14px;
    }

    .home-image .text-container h2 {
        font-size: 65px;
    }

    nav.navbar .navbar-brand img.logo {
        top: -4px;
        width: 100px;
    }

    nav.navbar.bootsnav .navbar-toggle {
        top: 8px;
        font-size: 18px;
        color: #fe5623;
    }

    .creative-tables .container {
        padding: 0px;
    }

    .creative-tables .table1 {
        padding: 40px 10px 50px;
    }

    .title.padding {
        padding-right: 15px;
        padding-left: 15px;
    }

    .white-stats .text-container h2 {
        font-size: 28px;
    }

    .white-stats .stats-container h2 {
        font-size: 38px;
    }

    .box-content .right-content {
        padding: 60px 0;
    }

    .btn-margin-right {
        margin-right: 10px;
    }

    .box-content .btn {
        font-size: 12px;
    }

    .title.font2 h2 {
        font-size: 35px;
    }

    .box-content .left-content li {
        font-size: 16px;
    }

    .about-1 .bg-text {
        font-size: 60px;
        left: 0;
    }

    .text-image .small-boxes .box1 {
        margin: 10px 0;
    }
}

@media only screen and (max-width:767px) {
    .modern-title h2 {
        border-bottom: 4px solid #fe5623;
        border-right: 0;
        text-align: center;
        padding-bottom: 5px;
    }

    .entry .text {
        margin-bottom: 15px;
    }

    .entry .col-sm-4:last-child .text {
        margin-bottom: 0;
    }

    .text-image .small-boxes {
        margin-bottom: 50px;
    }

    .members {
        margin-bottom: 30px;
    }

    .creative-tables .table1 {
        margin-bottom: 40px;
    }

    .creative-tables .col-xs-12:last-child .table1 {
        margin-bottom: 0;
    }

    .cols3 .col-sm-4 {
        margin-bottom: 20px;
    }

    .entry .text {
        padding: 0;
    }

    .entry p,
    .entry h4 {
        margin-bottom: 0;
    }

    .cols3 h4 {
        padding-bottom: 0;
    }

    .cols3 .col-sm-4:last-child {
        margin-bottom: 0;
    }

    .white-stats .text-container {
        margin-top: 40px;
    }

    .simple-cols.less-padding {
        padding: 0px 0 40px;
    }
}

@media only screen and (max-width: 768px) {
    .new-portfolio .btn {
        margin: 5px;
    }

    .section-tabs .panel-body img {
        margin-top: 30px;
    }

    .about-1 {
        padding: 20px 0 40px;
    }

    .entry.big {
        padding: 60px 0 240px;
    }

    .white-stats.creative {
        padding: 70px 0 50px;
    }

    .white-stats .stats-container {
        margin: 10px 0;
    }

    .about-1 .text {
        margin: 10px 0;
        display: inline-block;
    }

    .home-image {
        height: auto;
    }

    .services2 .text-container {
        padding: 15px 0;
    }

    .services2 {
        padding: 30px 0;
    }

    .home-image .text-container {
        display: block;
        justify-content: unset;
        flex-direction: unset;
        height: auto;
    }

        .home-image .text-container h2 {
            font-size: 55px;
        }

    .home-image .inner-text {
        position: relative;
        bottom: 0;
        padding: 100px 0 50px 0;
    }

    .home-image .text-container p {
        padding: 0px;
        font-size: 16px;
    }

    .home-image .home-bottom h4 {
        font-size: 16px;
    }

    .creative-tables .table1 {
        padding: 40px 30px 50px;
    }

    nav.navbar.bootsnav .navbar-nav > li > a {
        border-top: 0px;
        border-bottom: 0;
    }

    nav.navbar.bootsnav.dark ul.nav > li > a {
        padding: 22px 15px;
    }

    .simple-cols .text {
        display: inline-block;
        margin-top: 15px;
    }

    .section7 .text-container {
        margin-bottom: 0;
    }

    .box-offer .box-container {
        margin-bottom: 35px;
    }

    .agency2 .row {
        padding: 130px 0 30px;
    }

    .agency2 img {
        position: relative;
        display: block;
        width: 300px;
        margin-top: 50px;
        animation: agency2-img 1.5s infinite linear;
    }

    @keyframes agency2-img {
        from {
            top: -10px;
        }

        50% {
            top: -20px;
        }

        to {
            top: -10px;
        }
    }

    .creative-tables .container {
        padding: 15px;
    }

    .home-creative {
        background: url(../images/jpg/white-elements.jpg) center;
        background-size: contain;
    }

    .home-creative {
        height: auto;
    }

    .home-image .home-bottom {
        position: relative;
    }

        .home-image .home-bottom .boxes {
            border-right: 0px;
            padding-bottom: 10px;
        }

    .attr-nav .btn {
        display: none;
        padding-left: 10px !important;
    }

    .table-bg {
        width: calc(100% - 120px);
        right: 20px;
        top: 30px;
    }

        .table-bg.recommended {
            top: 40px;
        }

    .services2 .arrow2::after,
    .services2 .arrow3::after {
        border-width: 0px;
    }

    .entry img {
        width: 50px;
    }

    .about-1 .bg-text {
        font-size: 50px;
        left: 0;
    }

    .about-1 .bg-text {
        bottom: 30px;
    }

    .box-content .right-content {
        padding: 0px;
    }

    .box-content .row {
        padding-bottom: 30px;
    }

    .text-image .small-boxes .box1 {
        width: auto;
        height: auto;
    }

    .text-image .text-container {
        padding: 30px 15px 0;
    }

    .modern-title .text-left p {
        text-align: center;
        padding-top: 5px;
    }

    .simple-boxes .text-container {
        padding: 20px 0;
    }

    .text-image .img-relative {
        margin-bottom: 30px;
    }

    .row2 {
        padding-top: 0;
        display: block;
    }

    .text-image .text-container {
        padding: 0;
    }

    .section7 .text-container {
        border-radius: 0;
        box-shadow: 0 0 0;
    }
}

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

    #portfolio {
        margin: 40px 0 0;
        -webkit-column-count: 1 !important;
        -moz-column-count: 1 !important;
        column-count: 1 !important;
        -webkit-column-gap: 15px;
        -moz-column-gap: 15px;
        column-gap: 15px;
        -webkit-column-width: 100% !important;
        -moz-column-width: 100% !important;
        column-width: 100% !important;
    }

    .slider-v1 {
        top: 20%;
    }

    nav.navbar.bootsnav.no-full .navbar-collapse {
        min-height: 400px;
    }

    .home-image.white-text .text-container h2 {
        font-size: 50px;
    }

    .text-image.bg3 {
        padding: 60px 0 40px;
    }

    .home-image .text-container h3 {
        font-size: 15px;
    }

    .home-image {
        height: auto;
        display: block;
    }

        .home-image .text-container .buttons {
            margin-top: 10px;
        }

        .home-image.white-text .text-container {
            display: block;
            height: auto;
        }

        .home-image .inner-text {
            padding: 100px 0 70px;
        }

        .home-image .text-container p {
            font-size: 13px;
        }

        .home-image .home-bottom h4 {
            font-size: 14px;
        }

        .home-image .home-bottom i {
            font-size: 20px;
        }

    .text-image {
        padding: 40px 0 40px;
    }
}

/* left image */

.text-image {
    padding: 60px 0 55px;
    background: url(../images/jpg/white-elements.jpg) center;
    background-size: contain
}

    .text-image.bg3 {
        background: url(../images/jpg/img.jpg) center left no-repeat;
        background-size: cover;
        padding: 60px 0 50px;
    }

    .text-image.creative {
        background: #fff;
        border-top: 0;
        background-size: cover;
        background: url(../images/jpg/bg-gray.jpg) center
    }

    .text-image.bg-image {
        padding: 60px 0 40px;
        background: url(../images/jpg/img.jpg) center;
        /* background: linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 20%, rgba(255, 255, 255, 0.4) 100%), url(../images/jpg/bg-gray.jpg) center; */
        background-size: cover
    }

    .text-image .buttons {
        margin-top: 30px
    }

    .text-image .title {
        padding-bottom: 0
    }

    .text-image .text-container img {
        /* margin: 7px 15px 0 0;
    max-width: 55px */
    }

    .text-image .text {
        text-align: left;
        margin: 10px 0 10px
    }

    .text-image h4 {
        font-size: 17px
    }

    .text-image .text p {
        font-size: 16px
    }

    .text-image .images img {
        border-radius: 15px;
        width: 470px !important
    }

    .text-image .img-relative {
        position: relative;
        left: 0;
        z-index: 2
    }

    .text-image .img-absolute {
        position: absolute;
        top: 90px;
        left: 120px;
        z-index: 1
    }

    .text-image .small-boxes .box1:hover {
        background: #ff6c3a;
    }

        .text-image .small-boxes .box1:hover h4,
        .text-image .small-boxes .box1:hover .fa {
            opacity: 1;
            color: #ffffff;
        }

    .text-image .hidden-text {
        height: 0
    }

    .text-image .small-boxes .box1:hover .hidden-text {
        background: #ff6c3a
    }

    .text-image .small-boxes .box1:hover p {
        opacity: 1;
        color: #fff
    }

    .text-image .small-boxes p {
        font-size: 13px;
        position: relative;
        transition: .2s ease-in-out;
        bottom: 85px;
        opacity: 0
    }

    .text-image .small-boxes .box1 {
        margin: 10px 0;
        padding: 35px 15px;
        box-shadow: 0 0 50px rgba(0, 0, 0, 0.07);
        border-radius: 12px;
        background-size: cover;
        background-color: #fff;
        /* width: 140px; */
        width: 100%;
        height: 125px;
    }

    .text-image.bg-image .box1 {
        border: 1px solid #e9e9ea;
        background-color: rgba(255, 255, 255, 0.9)
    }

    .text-image .small-boxes h4 {
        font-size: 16px;
        font-weight: 600;
    }

    .text-image .padding-left {
        padding-left: 0
    }

    .text-image .icon-text img {
        width: 35px;
        margin-right: 10px;
        margin-top: 5px
    }

    .text-image img {
        border-radius: 5px;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.1)
    }

    .text-image .initiatives_box img {
        max-height: 325px;
        min-height: 325px;
        width: 100%;
        border-radius: 0px;
    }

.initiatives_box img {
    max-height: 325px;
    min-height: 325px;
    width: 100%;
    border-radius: 0px;
}

.text-image .small-boxes .fa {
    color: #ff6c3a;
    font-size: 40px;
    box-shadow: 10px -10px 30px rgba(0, 0, 0, 0)
}

.text-image .stats-boxes h4 {
    font-size: 14px;
    color: #90909a
}

.text-image .stats-boxes {
    padding: 20px 0 0;
    text-align: left
}

.text-image i {
    margin: 0 auto;
    font-size: 14px;
    color: #ff6c3a;
    padding-left: 5px
}

.text-image .about-stats h2 {
    color: #ff6c3a;
    font-size: 30px;
    font-weight: 800
}

/* left image end*/
@media only screen and (max-width:468px) {
    .section-tabs .btn {
        margin-top: 10px;
    }

    .table-bg h4 {
        font-size: 15px;
        bottom: 13px;
    }

    a.button.btn.btn-lg.btn-red {
        font-size: 13px;
        margin-top: 0;
    }

    .table-bg {
        width: calc(100% - 70px);
        right: 0;
    }

    .creative-tables .table1 {
        margin: 0;
    }

    .btn-red {
        margin-right: 10px !important;
    }

    .btn {
        margin: 5px 0;
    }

    .section-tabs .panel-body img {
        margin-top: 30px;
    }

    .creative-tables {
        padding: 40px 0;
    }

    .attr-nav > ul > li > a {
        font-size: 10px;
    }

    .tex-tinner {
        padding-top: 0;
    }

    .home-creative h2 {
        font-size: 50px;
    }

    .home-creative .btn {
        font-size: 12px;
    }

    .home-creative p {
        font-size: 15px;
    }

    .home-creative .text-container {
        display: block;
        height: auto;
        padding: 80px 0 30px;
    }

    .agency2 .bg-text {
        font-size: 60px;
        left: 0;
        top: -50px;
    }

    .title h2 {
        font-size: 32px;
    }

    .title p {
        font-size: 14px;
    }

    nav.navbar .navbar-brand img.logo {
        width: 100px;
        top: -3px;
    }

    .home-image .btn {
        font-size: 11px;
    }

    .section-tabs .panel-body {
        padding: 20px 10px 40px;
    }

    .creative-tables .table1 {
        margin-bottom: 40px;
    }

    .custom_btn {
        margin-top: 30px;
    }

    .footer-search div span button {
        margin: 0px 4px;
    }

    .faculty_corner_box {
        height: 385px;
        margin-top: 10px;
    }

    .initiatives_box {
        height: 580px;
        margin-top: 10px;
    }

    #top ul.menu {
        text-align: center;
    }

    .topHeader_links a {
        float: none;
    }

    .mega-dropdown-menu .dropdown-header {
        color: #ffffff !important;
    }

    .extra_logo {
        width: 40%;
        float: none;
        margin: 0 auto;
    }

    #top ul.menu {
        padding-top: 20px;
    }
}

@media only screen and (max-width:350px) {
    .btn-margin-right {
        margin-bottom: 10px;
    }

    .faculty_corner_box {
        height: 385px;
        margin-top: 10px;
    }

    .initiatives_box {
        height: 580px;
        margin-top: 10px;
    }

    #top ul.menu {
        text-align: center;
    }

    .topHeader_links a {
        float: none;
    }

    .mega-dropdown-menu .dropdown-header {
        color: #ffffff;
    }

    .extra_logo {
        width: 40%;
        float: none;
        margin: 0 auto;
    }

    #top ul.menu {
        padding-top: 20px;
    }
}

.home-creative {
    height: 100vh;
    background: url(../images/header/creative.jpg) center;
    background-size: cover
}

    .home-creative h2 {
        font-size: 75px;
        /*font-family: 'Josefin Sans', sans-serif;*/
        font-weight: 900
    }

    .home-creative .btn {
        box-shadow: -10px 10px 30px rgba(0, 0, 0, 0.2)
    }

    .home-creative .buttons {
        margin-top: 40px
    }

    .home-creative p {
        font-size: 18px;
        margin: 20px 0 5px
    }

    .home-creative .text-container {
        height: 100vh;
        display: flex;
        justify-content: center;
        flex-direction: column;
        padding: 45px 150px 0 100px
    }

    .home-creative .social-icons {
        margin: 40px 0 20px
    }

    .home-creative .fa-slack {
        color: #3aff13
    }

    .home-creative .fa-twitter {
        color: #5052a0
    }

    .home-creative .fa-linkedin-in {
        color: #64e211
    }

    .home-creative .fa-github {
        color: #ff1a1a
    }

    .home-creative i {
        margin: 0 7px;
        padding: 11px;
        font-size: 17px;
        width: 40px;
        height: 40px;
        box-shadow: 0 0 35px rgba(15, 0, 99, 0.1);
        border-radius: 50%
    }

/* home image - bussines agency */

/* testimonials */

.testimonials {
    padding: 60px 0 20px;
    background: url(../images/jpg/bg-gray.jpg) center;
    background-size: cover
}

    .testimonials.colorful {
        background: url(../images/jpg/red-bg.jpg) center;
        background-size: contain;
        border-top: 0
    }

    .testimonials .red-color {
        color: inherit;
    }

    .testimonials.df-bg {
        background: #fff;
        padding: 60px 0 40px
    }

    .testimonials.colorful .fa {
        opacity: .7;
        transition: .2s linear
    }

        .testimonials.colorful .fa:hover {
            opacity: 1
        }

    .testimonials.colorful .text {
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.0);
        background: none
    }

    .testimonials .text {
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.07);
        padding: 40px 20px 0;
        border-radius: 20px;
        background: url(../images/jpg/white-elements.jpg) center;
        background-size: contain
    }

    .testimonials .modern-title h2 {
        border-right: 0
    }

    .testimonials.testimonials.colorful h2,
    .testimonials.colorful p {
        color: #fff
    }

    .testimonials.colorful #quote-carousel .carousel-control {
        color: #fff;
        opacity: 1
    }

    .testimonials.colorful .item .fa {
        color: #fff
    }

    .testimonials.colorful blockquote small {
        color: #fff
    }

    .testimonials p {
        font-size: 16px;
        line-height: 25px
    }

.testimonials-container {
    background-color: transparent;
    background-size: contain;
    border-radius: 30px;
    box-shadow: 0 0 35px rgba(0, 0, 0, 0);
    padding: 0 25px;
    text-align: center;
    position: relative;
    z-index: 1;
    display: inline-block
}

#quote-carousel .carousel-control {
    background: none;
    color: #ff6c3a;
    font-size: 2em;
    text-shadow: none;
    margin-top: 30px;
    opacity: .9
}

#quote-carousel .carousel-indicators {
    position: relative;
    right: 50%;
    top: auto;
    bottom: 0;
    margin-top: 0;
    margin-right: -19px
}

    #quote-carousel .carousel-indicators li {
        width: 90px;
        height: 90px;
        cursor: pointer;
        border-radius: 50%;
        opacity: .2;
        overflow: hidden;
        transition: all .4s ease-in;
        vertical-align: middle;
        margin: 0 10px;
        border: 0
    }

    #quote-carousel .carousel-indicators .active {
        width: 110px;
        height: 110px;
        opacity: 1;
        transition: all .2s
    }

.item blockquote {
    border-left: none;
    margin: 0;
    padding: 20px 0
}

.item .fa {
    color: #ff6c3a;
    margin: 0 10px
}


/* services 6 */

.services6 {
    padding: 70px 0;
    background: url(../images/jpg/white-elements.jpg) center;
    background-size: contain
}

    .services6 .part2 {
        display: inline-block;
        margin-top: 25px
    }

    .services6 .box-container h3 {
        color: #505066;
        font-size: 17px;
        margin-top: 0;
        padding: 0 0 7px
    }

    .services6 .box-container p {
        color: #7d8796
    }

    .services6 .box-container {
        margin: 10px 2px;
        background: #fff;
        padding: 25px 10px;
        border-radius: 15px;
        border: 1px solid #e9e9ea;
        box-shadow: 0 0 40px rgba(0, 0, 0, 0.07)
    }

        .services6 .box-container:hover {
            background-color: #3e4c66 !important;
        }

            .services6 .box-container:hover h3 {
                color: #ffffff;
            }

    .services6 .fa {
        color: #fff;
        font-size: 22px;
        width: 55px;
        height: 55px;
        background-color: #ff6c3a;
        padding: 15px;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
        text-shadow: 0 0 40px rgba(255, 255, 255, 0.5);
        position: relative;
        bottom: 26px
    }


.section-parts p,
.section-parts h2,
.section-parts h3 {
    color: #fff
}

.section-parts h2 {
    font-weight: 800
}

.section-parts .fab {
    width: 70px;
    height: 70px;
    border: 0 solid #ddd;
    border-radius: 3px;
    padding: 19px;
    color: #ddd;
    margin-top: 10px;
    background-color: rgba(0, 0, 0, 0.1)
}

.section-parts .text-container {
    padding: 50px 150px
}

/* partners */

.partners {
    padding: 30px 0;
    background-color: #f8f8f8
}

    .partners.style2 {
        background: #fff;
        box-shadow: 0 0 40px rgba(0, 0, 0, 0.07)
    }

    .partners img {
        /* opacity: .3; */
        width: 150px;
        margin: 0 auto;
        transition: .3s linear
    }

        .partners img:hover {
            opacity: .9
        }

    .partners.creative {
        background-color: #ff6c3a
    }

    .partners .owl-carousel {
        box-shadow: 0 0 40px rgba(0, 0, 0, 0);
        margin-top: 10px;
        border-radius: 35px
    }


/* about-1 */

.about-1 {
    padding: 80px 0 60px;
    border-top: 0 solid #e3e3e3
}

    .about-1 span {
        color: #ff6c3a;
        font-size: 33px;
        font-weight: 900
    }

    .about-1 h3 {
        font-size: 23px
    }

    .about-1 .bg-text {
        position: absolute;
        opacity: .07;
        bottom: 60px;
        left: -40px;
        font-weight: 900;
        font-size: 80px
    }

    .about-1 img {
        width: 70px
    }

    .about-1 .text {
        display: table-row;
    }

/* page headers */

.header1 {
    height: auto;
    padding: 40px 0 40px;
    background-size: cover;
}

    /* header1 background images */

    .header1.services {
        background: url(../images/header/services.jpg) top
    }

    .header1.services-2 {
        background: url(../images/header/services2.jpg) center;
        background-size: cover;
    }

    .header1.contact-us {
        background: url(../images/header/contact-us.jpg) center;
        background-size: cover;
    }

    .header1.about-us {
        background: url(../images/header/about-us.jpg) center;
        background-size: cover;
    }

    .header1.elements {
        background: url(../images/header/services2.jpg) center;
        background-size: cover;
    }

    .header1.blog-page {
        background: url(../images/blog-posts/blog-page.jpg) center;
    }

    .header1.blog-post {
        background: url(../images/blog-posts/blog-post.jpg) center;
    }

    /* header1 background images end */

    .header1 h2 {
        font-weight: 700;
        color: #fff;
        font-size: 40px
    }

    .header1 a {
        color: #c05e1d
    }

    .header1 p {
        color: #ddd;
        font-size: 18px
    }

/* page headers end */


/* timeline */

.timeline {
    list-style: none;
    padding: 40px 0 20px;
    position: relative;
    background: url(../images/jpg/white-elements.jpg) center;
    background-size: contain
}

    .timeline:before {
        top: 0;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 2px;
        background-color: #eaeaea;
        left: 50%
    }

    .timeline > li {
        margin-bottom: 20px;
        position: relative
    }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table
        }

        .timeline > li:after {
            clear: both
        }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table
        }

        .timeline > li:after {
            clear: both
        }

        .timeline > li > .timeline-panel {
            width: 46%;
            float: left;
            border-radius: 5px;
            padding: 20px;
            position: relative;
            box-shadow: 0 0 50px rgba(0, 0, 0, 0.2);
            background-color: #232c3b
        }

        .timeline > li > .timeline-badge {
            color: #4c4e63;
            width: 50px;
            height: 50px;
            line-height: 50px;
            font-size: 1.4em;
            text-align: center;
            position: absolute;
            top: 16px;
            left: 50%;
            margin-left: -25px;
            background-color: #fff;
            z-index: 2;
            border-top-right-radius: 50%;
            border-top-left-radius: 50%;
            border-bottom-right-radius: 50%;
            border-bottom-left-radius: 50%;
            box-shadow: 0 0 40px rgba(0, 0, 0, 0.1)
        }

        .timeline > li.timeline-inverted > .timeline-panel {
            float: right;
            background-color: #ff6c3a
        }

            .timeline > li.timeline-inverted > .timeline-panel:before {
                border-left-width: 0;
                border-right-width: 15px;
                left: -15px;
                right: auto
            }

            .timeline > li.timeline-inverted > .timeline-panel:after {
                border-left-width: 0;
                border-right-width: 14px;
                left: -14px;
                right: auto
            }

.timeline-title {
    margin-top: 0;
    color: inherit;
    color: #fff;
    font-weight: 600
}

.timeline-body > p,
.timeline-body > ul {
    margin-bottom: 0;
    color: #fff
}

    .timeline-body > p + p {
        margin-top: 5px
    }

/* timeline end */


/* simple boxes */

.simple-boxes {
    padding: 50px 0 40px;
}

    .simple-boxes.less-padding {
        padding: 30px 0 50px;
    }

    .simple-boxes .text-container {
        text-align: center
    }

    .simple-boxes img {
        width: 80px;
        margin-bottom: 15px
    }

    .simple-boxes h3 {
        font-size: 20px;
        font-family: 'Hind';
        font-weight: 500;
    }

.long-line {
    width: 100px;
    margin: 18px auto;
    border-bottom: 3px solid #ff6c3a
}

.line {
    width: 20px;
    margin: 18px auto;
    border-bottom: 2px dotted #e8986d
}

/* simple boxes end */


/* portfolio items */

.new-portfolio {
    padding: 50px 0;
}

    .new-portfolio.less-padding {
        padding: 20px 0 40px;
    }

    .new-portfolio .hover-text {
        position: absolute;
        display: none;
        bottom: 0;
        padding: 20px 15px;
        background: rgba(255, 255, 255, 0.7);
        width: 100%;
        animation: testing .2s linear;
    }

@keyframes testing {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.new-portfolio .tile:hover .hover-text {
    display: block;
}

.new-portfolio .hover-text h4 {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 15px;
}

.new-portfolio .btn-outline-dark:hover {
    background-color: #ff6c3a !important;
    border: 1px solid transparent !important;
}

.new-portfolio .toolbar .btn {
    background: transparent;
    margin: 0 5px;
}

    .new-portfolio .toolbar .btn:hover {
        background-color: #ff6c3a !important;
        color: #fff;
        border: 1px solid transparent !important;
    }

    .new-portfolio .toolbar .btn:focus {
        background-color: #ff6c3a;
        color: #fff;
        border-style: none !important;
        border: 1px solid transparent !important;
        outline: none !important;
    }

#portfolio {
    margin: 40px 0 0;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px;
    -webkit-column-width: 33.33333333333333%;
    -moz-column-width: 33.33333333333333%;
    column-width: 33.33333333333333%;
}

.tile img {
    max-width: 100%;
    width: 100%;
    height: auto;
    margin-bottom: 15px;
}

#portfolio .image-link:hover {
    cursor: zoom-in;
}

.tile {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}

.toolbar.mb2.mt2 {
    text-align: center;
}

.scale-anm {
    transform: scale(1);
}

/* portofolio items */


/*--------------Mega Menu-------------*/
.mega-dropdown {
    position: static !important;
}

.mega-dropdown-menu {
    padding: 20px 0px;
    width: 100%;
    box-shadow: none;
    -webkit-box-shadow: none;
}

    .mega-dropdown-menu > li > ul {
        padding: 0;
        margin: 0;
    }

        .mega-dropdown-menu > li > ul > li {
            list-style: none;
        }

            .mega-dropdown-menu > li > ul > li > a {
                display: block;
                color: #2E2B42;
                padding: 3px 5px;
                font-size: 15px;
            }

    .mega-dropdown-menu > li ul > li > a:hover,
    .mega-dropdown-menu > li ul > li > a:focus {
        text-decoration: none;
    }

    .mega-dropdown-menu .dropdown-header {
        font-size: 18px;
        color: #ff6c3a;
        padding: 5px 60px 5px 5px;
        line-height: 30px;
    }

.carousel-control {
    width: 30px;
    height: 30px;
    top: -35px;
}

.left.carousel-control {
    right: 30px;
    left: inherit;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
    font-size: 12px;
    background-color: #fff;
    line-height: 30px;
    text-shadow: none;
    color: #333;
    border: 1px solid #ddd;
}

.navbar {
    margin-bottom: 0px;
}

.nav > li > a {
    color: #ffffff;
    font-size: 15px;
    background-color: #ff6c3a;
}

.navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;
}

.navbar-toggle {
    background-color: #ffffff;
}

.bg_orange {
    background-color: #ff6c3a;
}

.fixed-header {
    position: fixed !important;
    top: 0 !important;
    /* left: 0; */
    width: 100%;
    background-color: #ff6c3a;
    z-index: 111;
}

.visible-title {
    visibility: visible;
}

.header-logo img {
    margin-top: 6px;
    margin-bottom: 7px;
}

.pr0 {
    padding-right: 0px;
}

.ugc-title {
    width: 100%;
    float: left;
    margin-top: 8px;
    margin-bottom: 6px;
}

    .ugc-title a img {
        float: right;
        margin-top: -1px;
        margin-left: 6px;
    }

.dropdown-menu > li > a {
    font-size: 15px;
    padding: 3px 20px 3px 10px;
}


/*---------------Social Media----------------*/
.twitterBox > div {
    height: 250px;
    /* border: 1px solid #dbdbdb; */
    border: 4px solid rgb(29, 161, 242);
    box-shadow: 0px 2px 1px #cacaca;
    background: #fff;
    position: relative;
    width: 100%;
    overflow-y: scroll;
}

.twitterBox h4 i {
    background: rgb(29, 161, 242);
    color: #fff;
    width: 100px;
    height: 100px;
    text-align: center;
    line-height: 50px;
    border-radius: 100px;
    margin-bottom: -62px;
    font-size: 26px;
    position: relative;
    z-index: 0000;
}

.facebookBox > div {
    height: 250px;
    border: 4px solid #4267b2;
    box-shadow: 0px 2px 1px #cacaca;
    background: #fff;
    position: relative;
    width: 100%;
    overflow-y: scroll;
}

.facebookBox h4 i {
    background: #4267b2;
    color: #fff;
    width: 100px;
    height: 100px;
    text-align: center;
    line-height: 50px;
    border-radius: 100px;
    margin-bottom: -62px;
    font-size: 26px;
    position: relative;
    z-index: 0000;
}

.instagramBox > div {
    height: 250px;
    border: 4px solid #d6249f;
    box-shadow: 0px 2px 1px #cacaca;
    background: #fff;
    position: relative;
    width: 100%;
    overflow-y: scroll;
}

.instagramBox h4 i {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    color: #fff;
    width: 100px;
    height: 100px;
    text-align: center;
    line-height: 50px;
    border-radius: 100px;
    margin-bottom: -62px;
    font-size: 26px;
    position: relative;
    z-index: 0000;
}

.youtubeBox > div {
    height: 250px;
    border: 4px solid #D10000;
    box-shadow: 0px 2px 1px #cacaca;
    background: #fff;
    position: relative;
    width: 100%;
}

.youtubeBox h4 i {
    background: #D10000;
    color: #fff;
    width: 100px;
    height: 100px;
    text-align: center;
    line-height: 50px;
    border-radius: 100px;
    margin-bottom: -62px;
    font-size: 26px;
    position: relative;
    z-index: 0000;
}

.box_shadow {
    box-shadow: 5px 5px 5px #e9e9ea !important;
}



/*-----------------Digital Initiavtive--------------*/
.slick-slide {
    margin: 0px 20px;
    border: 1px solid #ebebeb;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

    .slick-slide img {
        width: 100%;
        border-top-left-radius: 20px;
        border-bottom-right-radius: 20px;
    }

    .slick-slide :hover {
        box-shadow: 0px 0px 10px 0px rgb(138 138 138);
    }

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

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

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

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

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

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

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

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

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

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

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

.slick-slide img {
    display: block;
}

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

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

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

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

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

.slick-arrow.slick-hidden {
    display: none;
}




/*------------------------------------*/
marquee > ul > li > a {
    color: #2E2B42;
}

.tabs-list > li > a {
    color: #2E2B42;
}

    .tabs-list > li > a:hover {
        color: #ff6c3a;
    }


.bg_white {
    background-color: #ffffff;
    height: 55px;
    border: 1px solid #232c3b;
    /* transition: transform 250ms; */
    transition: all .2s ease-in-out;
}

    .bg_white > a > img {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .bg_white:hover {
        border: 1px solid #ff6c3a;
        transform: scale(1.1);
        z-index: 1;
    }

.footer-search div .form-control {
    height: 40px;
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border: 1px solid #dedede;
}

    .footer-search div .form-control:focus {
        transform: none !important;
        border: none !important;
        box-shadow: none !important;
    }

.footer-search div span button {
    border: 0 none;
    background: #3d344b;
    color: #ffffff;
}

    .footer-search div span button i {
        padding: 7px 0px;
    }

.pt_30 {
    padding-top: 30px;
}

.mt_30 {
    margin-top: 30px;
}

.mt_20 {
    margin-top: 20px;
}

.box_custom {
    height: 150px;
}

    .box_custom marquee ul li span {
        color: #ff6c3a;
    }

.antiRagging {
    width: 100%;
    float: left;
    border-bottom: 1px solid #dddddd;
    padding-bottom: 4px;
    margin-bottom: 4px;
    padding-left: 40px;
}

    .antiRagging img {
        float: left;
    }

    .antiRagging h5 {
        float: left;
        background: #FF0000;
        padding: 5px 8px;
        font-size: 13px;
        margin-left: -5px;
        color: #ffffff;
        margin-top: 10px;
    }

        .antiRagging h5 span {
            font-size: 10px;
        }

.p0 {
    padding: 0px !important;
}

.custom_button {
    pointer-events: auto;
    cursor: pointer;
    background: #e9e9ea;
    border: none;
    padding: 1rem 2rem;
    font-size: inherit;
    position: relative;
    display: inline-block;
    float: right;
}

    .custom_button::before,
    .custom_button::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.button--telesto {
    overflow: hidden;
    /* font-weight: 600; */
    font-size: 1.4rem;
    color: #ffffff !important;
}

    .button--telesto span {
        display: block;
        position: relative;
        z-index: 1;
    }

    .button--telesto > span {
        overflow: hidden;
        mix-blend-mode: difference;
    }

    .button--telesto:hover > span > span {
        animation: MoveRightInitial 0.1s forwards, MoveRightEnd 0.3s forwards 0.2s;
    }


@keyframes MoveRightInitial {
    to {
        transform: translate3d(105%, 0, 0);
    }
}

@keyframes MoveRightEnd {
    from {
        transform: translate3d(-100%, 0, 0);
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}


.button--telesto::before,
.button--telesto::after {
    content: '';
    background: #2E2B42;
}

.button--telesto::before {
    width: 135%;
    -webkit-clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 0% 0%);
    clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 0% 0%);
    transform: translate3d(-100%, 0, 0);
}

.button--telesto:hover::before {
    transform: translate3d(0, 0, 0);
    transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);
}

.button--telesto::after {
    width: 105%;
    transform: translate3d(100%, 0, 0);
    transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);
}

.button--telesto:hover::after {
    transform: translate3d(0, 0, 0);
    transition: transform 0.01s 0.3s cubic-bezier(0.7, 0, 0.2, 1);
}

.student_corner_box {
    height: 300px;
    border: 1px solid #ff6c3a;
}

.faculty_corner_box {
    height: 340px;
}


.initiatives_box {
    height: 470px;
}

    .student_corner_box a,
    .faculty_corner_box a,
    .initiatives_box a {
        position: absolute;
        bottom: 10px;
    }

/*--------------side menu-------------*/
.asideMenuBox {
    border: 1px solid #eee;
    padding: 14px 12px;
    border-top: 6px solid #ff6c3a;
}

.categories li {
    padding-bottom: 6px;
    margin-bottom: 5px;
    border-bottom: 1px solid #f5f5f5;
    /* display: flex; */
}

    .categories li a {
        color: #2E2B42;
        font-size: 14px;
        font-weight: 500;
        line-height: 15px;
        word-break: break-all;
        /* display: flex; */
    }

.categories a:hover {
    color: #ff6c3a;
}

.categories li a i {
    color: #ff6c3a;
    margin: 0 5px 0 0;
    font-size: 14px !important;
}

.sidebar-widget-title > h5 {
    padding-bottom: 8px;
    position: relative;
    text-transform: uppercase;
}

    .sidebar-widget-title > h5:after {
        background: #ff6c3a none repeat scroll 0 0;
        bottom: 0;
        content: "";
        height: 3px;
        left: 0;
        position: absolute;
        width: 50px;
    }

.mb-25 {
    margin-bottom: 25px;
}


/*--------------------------------------------------*/
/*------------------Bureau box----------------------*/
.members h3 {
    background-color: #ff6c3a;
    color: #ffffff;
    padding: 15px 16px;
    font-size: 18px !important;
}

.head_box {
    border: 1px solid #e9e9ea;
    border-radius: 15px;
    padding: 20px 30px 25px;
}

    .head_box .info {
        padding-top: 6px;
    }

    .head_box .text-container span {
        font-weight: 600;
        color: #3e4c66;
    }

.bureau ul {
    padding-bottom: 10px;
}

    .bureau ul li {
        font-size: 16px;
        line-height: 30px;
    }

        .bureau ul li i {
            font-size: 15px;
            padding-right: 5px;
            color: #ff6c3a;
            margin-top: 5px;
        }

/*--------------------------------------------------*/

/*--------------------------------------------------*/
.orange_text {
    color: #ff6c3a;
}

.custom_ul {
    padding-bottom: 10px;
}

    .custom_ul li {
        font-size: 16px;
        line-height: 30px;
        /* display: flex;
    float: left; */
    }

        .custom_ul li i {
            font-size: 15px;
            padding-right: 5px;
            color: #ff6c3a;
            margin-top: 5px;
        }


.content {
    margin: auto;
    padding: 0px;
    width: 800px;
}

.top_header {
    background-color: #3d344b;
    color: White;
    padding: 3px;
}

.extra_logo {
    width: 90%;
    margin-top: 5px;
    float: right;
}

/* --------- buttons ---------  */

.buttons {
    margin-top: 20px
}

.btn-md {
    padding: 12px 35px 11px !important
}

.btn-sm {
    font-size: 14px;
    padding: 11px 30px !important
}

.btn-lg {
    font-size: 15px;
    padding: 15px 28px 13px !important
}

.btn-shadow {
    box-shadow: -10px 10px 30px rgba(0, 0, 0, 0.2)
}

.btn .fab {
    padding-left: 5px;
    opacity: .7
}

.btn {
    transition: 200ms linear
}

.f7-color {
    background-color: #f7f7f7
}

.radius5 {
    border-radius: 5px
}

.radius25 {
    border-radius: 25px;
    padding: 13px 30px
}

.btn-outline-white {
    background-color: transparent !important;
    border: 1px solid #fff !important;
    color: #fff
}

    .btn-outline-white:hover {
        color: #fff;
        border: 1px solid #3f495a !important;
        background-color: #3f495a !important
    }

.btn-outline-dark {
    color: #756c7e;
    border: 1px solid #e5e5e5
}

    .btn-outline-dark:hover {
        background-color: #3f495a !important;
        color: #fff;
        border: 1px solid #3f495a !important
    }

.btn-red {
    color: #fff;
    font-weight: 400;
    border: 1px solid transparent;
    background-color: #ff6c3a;
    transition: 200ms linear
}

    .btn-red:hover {
        background-color: #f5f5f5 !important;
        color: #3f495a !important;
        border: 1px solid transparent
    }

.btn-dark {
    color: #fff;
    font-weight: 400;
    border: 1px solid transparent;
    background-color: #3f495a
}

    .btn-dark:hover {
        background-color: #e9e9ea;
        color: #3f495a !important;
        border: 1px solid transparent
    }

.btn-margin-right {
    margin-right: 15px
}

.btn-margin-left {
    margin-left: 15px
}

/* buttons end */


.visitor_text {
    margin-top: 20px;
}

    .visitor_text > span {
        background: #fff;
        padding: 8px 0px 8px 20px;
        border-radius: 100px;
        color: #000;
        border: 2px solid white;
    }

        .visitor_text > span small {
            background: #ff6c3a;
            padding: 8px 14px;
            margin-left: 5px;
            font-size: 14px;
            border-top-right-radius: 100px;
            border-bottom-right-radius: 100px;
            color: #fff;
        }

.padding_left_none {
    padding-left: unset;
}

.margin_lr_none {
    margin: unset;
}

.bureau_member {
    width: 100%;
    min-height: 140px;
}

.bureau_info_btn {
    font-weight: bold;
    font-size: 16px;
}

    .bureau_info_btn:hover {
        color: #ffffff;
    }

div.dtsp-panesContainer {
    clear: both;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    padding: 10px !important;
    width: 400px;
}

div.dtsp-verticalContainer {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    padding: 10px;
}

    div.dtsp-verticalContainer div.dtsp-verticalPanes,
    div.dtsp-verticalContainer div.dtsp-dataTable {
        width: 30%;
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: 0;
    }

    div.dtsp-verticalContainer div.dtsp-verticalPanes {
        flex-grow: 1;
        flex-shrink: 0;
        flex-basis: 5%;
    
    }

div.dtsp-verticalPanes {
    margin-right: 20px;
     margin-left: 15px
}

div.dtsp-title {
    margin-right: 0px !important;
    margin-top: 13px !important;
}

input.dtsp-search {
    min-width: 0px !important;
    padding-left: 0px !important;
    margin: 0px !important;
}

div.dtsp-verticalContainer div.dtsp-verticalPanes div.dtsp-searchPanes {
    flex-direction: column;
    flex-basis: 0px;
}

    div.dtsp-verticalContainer div.dtsp-verticalPanes div.dtsp-searchPanes div.dtsp-searchPane {
        flex-basis: 0px;
    }

div.dtsp-verticalContainer div.dtsp-dataTable {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 60%;
}

.card-title {
    padding: 14px !important;
    margin-bottom: .75rem !important;
    border-bottom: 2px solid !important;
    font-size: 20px !important;
}

#patterns-enabled {
    width: 17px;
    height: 17px;
    vertical-align: middle;
    margin-top: 0;
    cursor: pointer;
}

#patterns-enabled-label {
    cursor: pointer;
}

#container {
    height: 420px;
}

#chart-wrap {
    min-width: 350px;
    max-width: 700px;
    margin: 1em auto;
    font-family: sans-serif;
}

.highcharts-figure, .highcharts-data-table table {
    margin: 1em auto;
}

.highcharts-data-table table {
    font-family: Verdana, sans-serif;
    border-collapse: collapse;
    border: 1px solid #EBEBEB;
    margin: 10px auto;
    text-align: center;
    width: 100%;
    max-width: 500px;
}

.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
}

.highcharts-data-table th {
    font-weight: 600;
    padding: 0.5em;
}

.highcharts-data-table td, .highcharts-data-table th, .highcharts-data-table caption {
    padding: 0.5em;
}

.highcharts-data-table thead tr, .highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}

.highcharts-data-table tr:hover {
    background: #f1f7ff;
}
.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #e8e8e8;
}