@font-face {
    font-family: 'Gotham-Thin';
    src: url('../fonts/Gotham-Thin.eot');
    src: url('../fonts/Gotham-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gotham-Thin.woff') format('woff'),
        url('../fonts/Gotham-Thin.ttf') format('truetype'),
        url('../fonts/Gotham-Thin.svg#Gotham-Thin') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham-Light';
    src: url('../fonts/Gotham-Light.eot');
    src: url('../fonts/Gotham-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gotham-Light.woff') format('woff'),
        url('../fonts/Gotham-Light.ttf') format('truetype'),
        url('../fonts/Gotham-Light.svg#Gotham-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham-Book';
    src: url('../fonts/Gotham-Book.eot');
    src: url('../fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gotham-Book.woff') format('woff'),
        url('../fonts/Gotham-Book.ttf') format('truetype'),
        url('../fonts/Gotham-Book.svg#Gotham-Book') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham-Medium';
    src: url('../fonts/Gotham-Medium.eot');
    src: url('../fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gotham-Medium.woff') format('woff'),
        url('../fonts/Gotham-Medium.ttf') format('truetype'),
        url('../fonts/Gotham-Medium.svg#Gotham-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Gotham-Bold';
    src: url('../fonts/Gotham-Bold.eot');
    src: url('../fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gotham-Bold.woff') format('woff'),
        url('../fonts/Gotham-Bold.ttf') format('truetype'),
        url('../fonts/Gotham-Bold.svg#Gotham-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*---Custom CSS for theme Check DO NOT Change **By: Rashid**-----*/

/*--- Logind Admin padding top */
.logged-in.admin-bar .main-header.fixed-header .main-box {
    margin-top: 32px;
}

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

    .logged-in.admin-bar .main-header.fixed-header .main-box {
        margin-top: 44px;
    }
}

.logged-in.admin-bar .main-header .main-box {
    position: relative;
    margin-top: 32px;
}

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

    .logged-in.admin-bar .main-header .main-box {
        position: relative;
        margin-top: 44px;
    }
}

/*--- sticky & tag-sticky-2 */

.sticky .news-block h4:before,
.tag-sticky-2 .news-block h4:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f097";
    position: absolute;
    left: 0;
    line-height: 1.5;
    font-size: 1.5em;
    top: -15px;
    color: #c0c0c0;
}

.sticky .news-block h4 a,
.tag-sticky-2 .news-block h4 a {
    margin-left: 45px;
}

img {
    height: auto
}

/*--- Header Style */
.wp-style h1,
.comment .text h1,
.wp-style h2,
.comment .text h2,
.wp-style h3,
.comment .text h3,
.wp-style h4,
.comment .text h4,
.wp-style h5,
.comment .text h5,
.wp-style h6,
.comment .text h6 {
    color: #222222;
    font-weight: 600;
}

.wp-style h1,
.comment .text h1 {
    font-size: 32px;
}

.wp-style h2,
.comment .text h2 {
    font-size: 28px;
}

.wp-style h3,
.comment .text h3 {
    font-size: 24px;
}

.wp-style h4,
.comment .text h4 {
    font-size: 22px;
}

.wp-style h5,
.comment .text h5 {
    font-size: 20px;
}

.wp-style h6,
.comment .text h6 {
    font-size: 18px;
}


/* BAsic WP settings */
/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;

    max-width: 96%;
    /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
    color: #5a5a5a;
}

/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.post .blog-news-column .image-box a img {
    height: auto !important;
}

.blog-news-column .image-box img {
    max-width: 100%;
}

.blog-news-column .wp-style .text input[type="password"] {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #e9e9e9;
    border-radius: 3px;
    color: #3a3a3a;
    display: inline-block;
    font-size: 13px;
    height: 42px;
    line-height: 24px;
    padding: 8px 40px 8px 20px;
    position: relative;
    transition: all 500ms ease 0s;
}

.blog-news-column .wp-style .text input[type="submit"] {
    height: 42px;
    line-height: 40px;
    background: #71b100;
    border: 1px solid #71b100;
    color: #ffffff;
    display: inline-block;
    font-size: 13px;
    text-align: center;
    padding: 0 15px;
    border-radius: 3px;
}

.blog-news-column .wp-style .text input[type="submit"]:hover {
    color: #71b100;
    background: rgba(0, 0, 0, 0);
}

.post-password-form label input {
    border: 1px solid #a5a5a5;
    padding: 8px;
    margin-left: 15px;
}

.post-password-form input[type=submit] {
    cursor: pointer;
    padding: 8px 15px;
    color: #fff;
    margin-left: -5px;
    border: 1px solid #a5a5a5;
    background: #222;
}

.children {
    margin-left: 20px;
}

.footer-widget ul li a {
    width: 88%;
    text-align: left;
    display: inline-block;
    margin-bottom: 8px;
}

.footer-widget ul li a:hover {
    color: #fff;
}

nav.navigation.comment-navigation {
    overflow: hidden;
    margin-bottom: 30px;
}

select option {
    color: #7b7b7b;
}

select {
    font-family: 'PT Sans', sans-serif;
    background: #ffffff;
    width: 100% !important;
    padding: 8px;
    color: #676767;
}

/*Comment Navigator */
.nav-previous a {
    margin-right: 15px;
    border: 1px solid #cecece;
    padding: 8px;
    float: left;
    display: inline-block;
    max-width: 300px;

}

.nav-next a {
    border: 1px solid #cecece;
    padding: 8px;
    margin-right: 18px;
    display: inline-block;
    padding: 8px;
    float: right;
    max-width: 300px;
}

.sidebar-page-container .comments-area {
    margin-bottom: 30px;
}

.comment-navigation {
    margin-bottom: 60px
}

/*Comment Navigator */

/* Image Hover */
.blog-post .image-box {
    display: inline-block;
}

/* Image Hover */

.extra-class .extra-class .extra-class .comment-box {
    margin-left: 50px
}

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

    .extra-class .extra-class .extra-class .comment-box {
        margin-left: 0px;
    }
}

textarea {
    width: 100%
}

.lower-box .date a {
    margin: 0px 2px
}

#recentcomments .recentcomments a {
    width: 100%;
    text-align: left;
    display: block;
    padding-left: 0px;
}

#recentcomments .recentcomments a:before {
    position: absolute;
    content: none !important;
    left: 0px;
    background-color: none !important;
}

#wp-calendar {
    width: 100%;
}

#wp-calendar caption {
    text-align: right;
    color: #828282;
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 15px;
}

#wp-calendar thead {
    font-size: 10px;
}

#wp-calendar thead th {
    padding-bottom: 10px;
}

#wp-calendar tbody {
    color: #aaa;
}

#wp-calendar tbody td {
    background: #4e4e4e;
    border: 1px solid #fff;
    text-align: center;
    padding: 8px;
}

#wp-calendar tbody td:hover {
    background: #fff;
}

#wp-calendar tbody .pad {
    background: none;
}

#wp-calendar tfoot #next {
    font-size: 10px;
    text-transform: uppercase;
    text-align: right;
}

#wp-calendar tfoot #prev {
    font-size: 10px;
    text-transform: uppercase;
    padding-top: 10px;
}


.wp-caption {

    text-align: center;
    background-color: #f3f3f3;
    padding-top: 4px;
    margin: 10px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
}

.gallery-caption {
    font-size: inherit;
}

.bypostauthor {
    font-size: inherit;
}

.alignright {
    text-align: right;
}

.alignleft {
    text-align: left;
}

.aligncenter {
    text-align: center;
}

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;

    max-width: 96%;
    /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}

/*------------------------------theme unit test----------------------------*/


.wp-style table thead tr th,
.comment .text table thead tr th,
.news-content table thead tr th {
    border-bottom: 2px solid #ddd;
    vertical-align: bottom;
}

.wp-style table tbody tr th,
.comment .text table tbody tr th,
.news-content table tbody tr th {
    border-top: 1px solid #ddd;
    line-height: 1.42857;
    padding: 8px;
    vertical-align: top;
}

.wp-style table tbody tr td,
.comment .text table tbody tr td,
.news-content table tbody tr td {
    border-top: 1px solid #ddd;
    line-height: 1.42857;
    padding: 8px;
    vertical-align: top;
}

.wp-style ul {
    margin-top: 0px;
}

.wp-style ul>li,
.comment .text ul li,
.news-content ul li {
    list-style-type: disc;
    display: list-item;
    border-right: none;
}

.wp-style ul li ul li,
.comment .text ul li ul li,
.news-content ul li ul li {
    list-style-type: square;
}

.wp-style ul li ul li ul li,
.comment .text ul li ul li ul li,
.news-content ul li ul li ul li {
    list-style-type: circle;
}

.wp-style ol li,
.comment .text ol li,
.news-content ol li {
    list-style: decimal;
}

.wp-style ol li ol li,
.comment .text ol li ol li,
.news-content ol li ol li {
    list-style: upper-roman;
}

.wp-style ol li ol li ol li,
.comment .text ol li ol li ol li,
.news-content ol li ol li ol li {
    list-style: lower-alpha;
}

.wp-style li,
comment .text li,
.news-content li {
    margin-bottom: 0px;
}

.wp-style ol,
.wp-style ul,
.comment .text ul,
.comment .text ol {
    padding-left: 20px;
}

.wp-style ol li ol,
.wp-style ul li ul,
.comment .text ol li ol,
.comment .text ul li ul,
.news-content ol,
.news-content ul {
    padding-left: 40px;
}

.paginate-links {
    margin-bottom: 30px;
    margin-top: 30px;
}


.wp-style p img,
.wp-style figure img,
.news-content p img,
.news-content figure img {
    max-width: 100%;
    height: auto;
}

.wp-style figure img,
.wp-style figure img,
.news-content figure img,
.news-content figure img {
    max-width: 100%;
    display: block;
    height: auto;
}

figure {
    max-width: 100%;
    display: block;
}

.page .sidebar-page-container .news-content {
    background: #ffffff;
    padding: 30px;
}

/*----------------------Default widget styling--------------------------*/
.widget ul li a {
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 30px;
    color: #666666;
    font-weight: 400;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    font-family: 'Gotham-Book';
}

.widget ul.children,
.widget ul.sub-menu {
    padding: 0px !important;

}

.widget ul.children>li,
.widget ul.sub-menu>li {
    border-bottom: 0px;
    margin-left: 10px;
}

.widget select {
    max-width: 100%;
    width: 100%;
    border: 1px solid #7d7d7c;
    padding: 10px 15px;
    height: 50px;
}

.widget label {
    padding: 15px 25px;
}

.textwidget img {
    height: auto;
    max-width: 100%;
}

.th-comment-list .children {
    margin-left: 50px;
}

/***--Map Section Style----***/
#google-map-area {
    height: 450px;
}

#google-map {
    height: 100%;
    width: 100%;
}

.pingback img {
    display: none !important;
    margin-left: 0px !important;
}

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

#respond textarea {
    width: 100% !important;
    padding: 15px !important;
}

.gallery-widget .image img {
    width: 99px !important;
    height: 99px !important;
    float: left;
    margin: 2px;
}

.sidebar .gallery-widget .gallery-outer {
    margin-right: 40px;
}

.sidebar .gallery-widget .gallery-outer .image {

    width: auto;

}

/*Post Widget*/

.popular-posts .post {
    position: relative;
    font-size: 14px;
    color: #666666;
    padding: 0px 0px;
    padding-left: 100px;
    min-height: 75px;
    margin-bottom: 25px;
}

.popular-posts .post:last-child {
    margin-bottom: 0px;
}

.popular-posts .post .post-thumb {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 80px;
}

.popular-posts .post:hover .post-thumb img {
    opacity: 0.70;
}

.popular-posts .post .post-thumb img {
    display: block;
    width: 100%;
    border-radius: 4px;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.popular-posts .post .text {
    position: relative;
    top: -4px;
    font-size: 18px;
    margin: 0px 0px 0px;
    font-weight: 500;
    color: #000000;
}

.popular-posts .post .text a {
    color: #000000;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.popular-posts .post a,
.popular-posts .post a:hover {
    color: #ffae11;
}

.popular-posts .post-info {
    font-size: 15px;
    color: rgba(0, 0, 0, 0.60);
}

.tagcloud a {
    position: relative;
    display: inline-block;
    font-size: 14px !important;
    color: #b335ff;
    line-height: 26px;
    text-transform: capitalize;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    /* padding-right: 7px; */
    /* margin-right: 7px; */
    background: #ffffff;
    margin: 2px;
    margin-right: 0px !important;
    padding: 6px 12px;
    border: 1px solid #666666;
}



.tagcloud a:hover {
    background: #333333;
    color: #ffffff;
}

.sidebar-widget .widget-inner .search-form.sidebar-widget.search-box-three .form-group input {
    position: relative;
    display: block;
    font-size: 14px;
    color: #000000;
    line-height: 25px;
    padding: 0 0 15px;
    padding-right: 40px;
    height: 40px;
    width: 100%;
    border-bottom: 1px solid #222222;
    background-color: #ffffff;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;

}

.sidebar-widget .widget-inner .search-form.sidebar-widget.search-box-three .form-group button {
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    color: #b335ff;
    font-weight: 400;
    background-color: transparent;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.popular-post .post h5 {
    padding-right: 130px;
}

.noimage .border-bottom {
    padding-bottom: 15px;
    margin-bottom: 16px;
    border-bottom: 1px solid #4f4f4f;
}

.noimage .blog-item-one h3 {
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 0px;
    font-size: 18px;
    font-weight: 600;
    color: #000000;
}

.noimage .blog-item-one .link-btn a {
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    color: #00bffe;
}

footer .noimage .blog-item-one h3 {

    color: #c3c3c3 !important;
}

.any-questions {
    position: relative;
    padding: 50px 30px 45px;
    margin-bottom: 40px;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.any-questions:before {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    content: '';
    background: rgba(0, 0, 0, 0.85);
}

.any-questions .title-text p {
    position: relative;
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
    line-height: 28px;
    padding-bottom: 28px;
    font-family: 'Lato', sans-serif;
}

.any-questions .title-text p:before {
    position: absolute;
    bottom: 0px;
    left: 50%;
    width: 34px;
    height: 3px;
    content: '';
    margin-left: -17px;
    background: #ffffff;
}

.any-questions h6 {
    font-size: 18px;
    line-height: 30px;
    color: #00bffe;
    font-weight: 700;
    margin: 30px 0px;
}

.any-questions .btn-style-six {
    color: #ffffff !important;
}

.search-box .form-group {
    position: relative;
    margin: 0px;
}

.search-box .form-group input[type="text"],
.search-box .form-group input[type="search"] {
    position: relative;
    line-height: 24px;
    padding: 12px 50px 12px 20px;
    border: 1px solid #f8f8f8;
    background: #f8f8f8;
    color: #333333;
    display: block;
    font-size: 14px;
    width: 100%;
    height: 50px;
    border-radius: 0px;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.search-box .form-group input:focus {
    border-color: #333333;
}

.search-box .form-group button {
    position: absolute;
    right: 20px;
    top: 0px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    display: block;
    font-size: 16px;
    color: #333333;
    background: none;
    font-weight: normal;
}

.socials-link-one {
    display: inline-block;
}

.socials-link-one li {
    display: inline-block;
    margin-right: 8px;
    border: none !important;
}

.socials-link-one li a {
    font-size: 13px !important;
    color: #ffffff !important;
    display: inline-block !important;
    width: 31px !important;
    height: 31px !important;
    border-radius: 15px !important;
    line-height: 31px !important;
    text-align: center !important;
    background: #313131 !important;
    transition: all 300ms ease;
}

.socials-link-one li a:before {
    content: none !important;
    display: none !important;
}

.socials-link-one ul li i {
    margin-right: 0px !important;
}

.socials-link-one li {
    padding: 0px !important;
}

.socials-link-one li:hover a {
    background: #00bffe !important;
    transition: all 300ms ease !important;
}

.newsletter-widget .form-group input[type="text"] {
    background: #f7f4f4;

}

footer .text a {
    color: #dedede !important;
}

footer .popular-posts .post-info {
    color: rgba(224, 224, 224, 0.6) !important;
}

.pingback .comment_title a {
    width: 63%;
}


.wp-style .posts-nav a {
    font-size: 15px;
    color: #333333;
}

.wp-style .posts-nav a span {
    display: inline-block;
    padding: 15px;
    color: #ffffff;
    font-size: 14px;
    background: #333333;
}

.wp-style .posts-nav a:hover {
    color: #868686;
}

.wp-style .posts-nav a:hover span {
    background: #868686;
}

.kc-wrap-columns .kc_column {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.rev_slider .slotholder:after {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    background: rgba(0, 13, 16, .75);
}

#recentcomments li:before {
    content: '';
}

.widget_rss ul li {
    position: relative;
    padding-left: 0px !important;
    margin-bottom: 12px;
}

.widget_rss ul li:before {
    content: none !important;
}

.wp-style .posts-nav {
    margin-bottom: 0px;
}

.home_blog_page .wp-style .posts-nav {
    margin-bottom: 0px;
}

.wp-style .posts-nav a {
    font-size: 15px;
    color: #333333;
}

.wp-style .posts-nav a span {
    display: inline-block;
    padding: 15px;
    color: #ffffff;
    font-size: 14px;
    background: #222;
}

.wp-style .posts-nav a:hover {
    color: #868686;
}

.wp-style .posts-nav a:hover span {
    background: #868686;
}

@media only screen and (max-width: 499px) {
    .depth-2 {
        margin-left: 0px !important;
    }

    .depth-3 {
        margin-left: 0px !important;
    }
}

/*
.styled-pagination li a:hover,
.styled-pagination li a.active,.paginate-links a:hover
.page-numbers.current,.paginate-links > span{}
.paginate-links a 
*/

footer .widget-title.footer_title {
    font-size: 20px;
    color: #fff;
    padding-top: 50px;
    padding-bottom: 40px;
}

footer .widget_categories li a:before {
    display: none;
}

footer p,
footer li,
footer a {
    color: #fff;
}

footer .widget_rss .rss-date {
    color: #ffffff;
}

footer .widget_rss .rsswidget {
    text-align: center;
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #b335ff !important;
    background-color: #f9f2f4;
    border-radius: 4px;
}


/*Custom css Zlines*/


.boxed {
    position: relative;
    overflow: hidden;
    padding: 2.4375em;
    margin-bottom: 30px;
}
.tech-box .boxed { 
    background: #fff;
    min-height: 195px;
    -webkit-transition: transform 0.3s, background-color 0.3s;
    transition: transform 0.3s, background-color 0.3s;
}
.tech-box h2.h4{
    font-size: 40px;
    font-weight: bold;
    color: #000000;
    margin-bottom: 30px;
}
.technologies-colordatabase-oracle,
.technologies-colordatabase-taradata,
.technologies-colorjavascript-node,
.technologies-colorenterprise-net,
.technologies-color-splunk,
.technologies-colorjavascript-ember,
.technologies-coloropensource-php,
.technologies-colornosql-cassandra,
.technologies-colorbddqa-ava,
.technologies-coloropensource-woo,
.technologies-colornosql-couchdb,
.technologies-colorjavascript-polymer,
.technologies-colorenterprise-nocommerce,
.technologies-coloropensource-nopcommerce,
.technologies-colorbigdata-hadoop,
.technologies-colorbigdata-hbase,
.technologies-color-aws,
.technologies-color-microsoftazure,
.technologies-colorenterprise-netwebapi,
.technologies-colorbigdata-mapreduce,
.technologies-colornosql-redis,
.technologies-colorjavascript-vue,
.technologies-colormanagement-teamwork,
.technologies-colormobile-react,
.technologies-colorjavascript-react,
.technologies-colorbddqa-sinon,
.technologies-colorenterprise-ecommerce,
.technologies-colormanagement-gitlab,
.technologies-colormanagement-visio,
.technologies-colorbigdata-hive,
.technologies-color-openstack,
.technologies-colordatabase-msql,
.technologies-coloropensource-opensource,
.technologies-colorbddqa-rspec,
.technologies-colorbddqa-supertest,
.technologies-colordatabase-digitalocean,
.technologies-colorenterprise-kentico,
.technologies-colorenterprise-mvc,
.technologies-colorenterprise-umbraco,
.technologies-colorjavascript-bootstrap,
.technologies-colormanagement-bddesigner,
.technologies-colormanagement-draw,
.technologies-colormanagement-slack,
.technologies-colormanagement-trello,
.technologies-colormobile-ionic,
.technologies-colormobile-kotlin,
.technologies-colornosql-couchbase,
.technologies-coloropensource-cms,
.technologies-coloropensource-laravel,
.technologies-coloropensource-prestashop,
.technologies-coloropensource-python,
.technologies-coloropensource-ror,
.technologies-coloropensource-wordpress,
.technologies-colordatabase-google,
.technologies-colordatabase-postgres,
.technologies-colordatabase-rackspace,
.technologies-colorjavascript-angular,
.technologies-colorjavascript-meanstack,
.technologies-colormobile-mobileapp,
.technologies-colordatabase-microsoftserver,
.technologies-coloropensource-yii,
.technologies-colorbddqa-se,
.technologies-colordatabase-heroku,
.technologies-colordatabase-sqlite,
.technologies-colorbddqa-chai,
.technologies-colorbddqa-cucumber,
.technologies-colorbddqa-mocha,
.technologies-colorjavascript-frontend,
.technologies-colormanagement-bitbucket,
.technologies-colornosql-neo4j,
.technologies-colormobile-android,
.technologies-coloropensource-magento,
.technologies-colormanagement-officesuite,
.technologies-colormobile-iphone,
.technologies-colorjavascript-backbone,
.technologies-colormobile-flutter,
.technologies-colorgolang,
.technologies-colormanagement-jira,
.technologies-colormobile-ipad,
.technologies-colorbigdata-pigdb,
.technologies-colorenterprise-nancy,
.technologies-colorbigdata-scala,
.technologies-coloropensource-spree,
.technologies-colornosql-mongodb,
.technologies-colorjavascript-mernstack,
.ml-ai-Machine-Learning,
.ml-ai-Tensorflow,
.machine-learning-development,
.deep-learning-development,
.language-processing-development {
    display: inline-block;
    background: url(./images/technology-color-icon5.svg) no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    text-align: left;
    margin-top: 20px;
}

.technologies-colordatabase-oracle {
    background-position: -2px -0px;
    width: 144px;
    height: 18px;
}

.technologies-colordatabase-taradata {
    background-position: -2px -40px;
    width: 126px;
    height: 29px;
}

.technologies-colorjavascript-node {
    background-position: -2px -102px;
    width: 104px;
    height: 40px;
}

.technologies-colorenterprise-net {
    background-position: -2px -186px;
    width: 100px;
    height: 40px;
}

.technologies-color-splunk {
    background-position: -2px -270px;
    width: 92px;
    height: 27px;
}

.technologies-colorjavascript-ember {
    background-position: -2px -328px;
    width: 91px;
    height: 34px;
}

.technologies-coloropensource-php {
    background-position: -2px -400px;
    width: 77px;
    height: 40px;
}

.technologies-colornosql-cassandra {
    background-position: -2px -484px;
    width: 76px;
    height: 40px;
}

.technologies-colorbddqa-ava {
    background-position: -2px -567px;
    width: 73px;
    height: 40px;
}

.technologies-coloropensource-woo {
    background-position: -77px -567px;
    width: 67px;
    height: 40px;
}

.technologies-colornosql-couchdb {
    background-position: -81px -400px;
    width: 61px;
    height: 40px;
}

.technologies-colorjavascript-polymer {
    background-position: -80px -484px;
    width: 58px;
    height: 40px;
}

.technologies-colorenterprise-nocommerce {
    background-position: -2px -651px;
    width: 54px;
    height: 40px;
}

.technologies-coloropensource-nopcommerce {
    background-position: -2px -693px;
    width: 54px;
    height: 40px;
}

.technologies-colorbigdata-hadoop {
    background-position: -2px -735px;
    width: 53px;
    height: 40px;
}

.technologies-colorbigdata-hbase {
    background-position: -2px -777px;
    width: 53px;
    height: 40px;
}

.technologies-color-aws {
    background-position: -2px -819px;
    width: 53px;
    height: 40px;
}

.technologies-color-microsoftazure {
    background-position: -2px -861px;
    width: 52px;
    height: 40px;
}

.technologies-colorenterprise-netwebapi {
    background-position: -2px -903px;
    width: 51px;
    height: 40px;
}

.technologies-colorbigdata-mapreduce {
    background-position: -95px -328px;
    width: 49px;
    height: 49px;
}

.technologies-colornosql-redis {
    background-position: -96px -270px;
    width: 47px;
    height: 40px;
}

.technologies-colorjavascript-vue {
    background-position: -53px -985px;
    width: 46px;
    height: 40px;
}

.technologies-colormanagement-teamwork {
    background-position: -50px -1027px;
    width: 46px;
    height: 40px;
}

.technologies-colormobile-react {
    background-position: -2px -1038px;
    width: 46px;
    height: 40px;
}

.technologies-colorjavascript-react {
    background-position: -50px -1069px;
    width: 45px;
    height: 40px;
}

.technologies-colorbddqa-sinon {
    background-position: -101px -985px;
    width: 43px;
    height: 40px;
}

.technologies-colorenterprise-ecommerce {
    background-position: -94px -1111px;
    width: 43px;
    height: 40px;
}

.technologies-colormanagement-gitlab {
    background-position: -47px -1153px;
    width: 43px;
    height: 40px;
}

.technologies-colormanagement-visio {
    background-position: -2px -1164px;
    width: 42px;
    height: 40px;
}

.technologies-colorbigdata-hive {
    background-position: -2px -1206px;
    width: 41px;
    height: 40px;
}

.technologies-color-openstack {
    background-position: -88px -1239px;
    width: 41px;
    height: 40px;
}

.technologies-colordatabase-msql {
    background-position: -45px -1279px;
    width: 41px;
    height: 40px;
}

.technologies-coloropensource-opensource {
    background-position: -2px -1290px;
    width: 41px;
    height: 40px;
}

.technologies-colorbddqa-rspec {
    background-position: -104px -186px;
    width: 40px;
    height: 40px;
}

.technologies-colorbddqa-supertest {
    background-position: -2px -1332px;
    width: 40px;
    height: 40px;
}

.technologies-colordatabase-digitalocean {
    background-position: -86px -1367px;
    width: 40px;
    height: 40px;
}

.technologies-colorenterprise-kentico {
    background-position: -44px -1405px;
    width: 40px;
    height: 40px;
}

.technologies-colorenterprise-mvc {
    background-position: -2px -1416px;
    width: 40px;
    height: 40px;
}

.technologies-colorenterprise-umbraco {
    background-position: -86px -1451px;
    width: 40px;
    height: 40px;
}

.technologies-colorjavascript-bootstrap {
    background-position: -44px -1489px;
    width: 40px;
    height: 40px;
}

.technologies-colormanagement-bddesigner {
    background-position: -2px -1500px;
    width: 40px;
    height: 40px;
}

.technologies-colormanagement-draw {
    background-position: -86px -1535px;
    width: 40px;
    height: 40px;
}

.technologies-colormanagement-slack {
    background-position: -2px -1542px;
    width: 40px;
    height: 40px;
}

.technologies-colormanagement-trello {
    background-position: -86px -1577px;
    width: 40px;
    height: 40px;
}

.technologies-colormobile-ionic {
    background-position: -44px -1615px;
    width: 40px;
    height: 40px;
}

.technologies-colormobile-kotlin {
    background-position: -2px -1626px;
    width: 40px;
    height: 40px;
}

.technologies-colornosql-couchbase {
    background-position: -86px -1661px;
    width: 40px;
    height: 40px;
}

.technologies-coloropensource-cms {
    background-position: -44px -1699px;
    width: 40px;
    height: 40px;
}

.technologies-coloropensource-laravel {
    background-position: -2px -1710px;
    width: 40px;
    height: 40px;
}

.technologies-coloropensource-prestashop {
    background-position: -86px -1745px;
    width: 40px;
    height: 40px;
}

.technologies-coloropensource-python {
    background-position: -2px -1752px;
    width: 40px;
    height: 40px;
}

.technologies-coloropensource-ror {
    background-position: -86px -1787px;
    width: 40px;
    height: 40px;
}

.technologies-coloropensource-wordpress {
    background-position: -2px -1794px;
    width: 40px;
    height: 40px;
}

.technologies-colordatabase-google {
    background-position: -86px -1829px;
    width: 39px;
    height: 40px;
}

.technologies-colordatabase-postgres {
    background-position: -43px -1867px;
    width: 39px;
    height: 40px;
}

.technologies-colordatabase-rackspace {
    background-position: -2px -1878px;
    width: 39px;
    height: 40px;
}

.technologies-colorjavascript-angular {
    background-position: -42px -1951px;
    width: 38px;
    height: 40px;
}

.technologies-colorjavascript-meanstack {
    background-position: -2px -1964px;
    width: 38px;
    height: 40px;
}

.technologies-colormobile-mobileapp {
    background-position: -82px -1997px;
    width: 38px;
    height: 40px;
}

.technologies-colordatabase-microsoftserver {
    background-position: -2px -2006px;
    width: 37px;
    height: 40px;
}

.technologies-coloropensource-yii {
    background-position: -80px -2039px;
    width: 37px;
    height: 40px;
}

.technologies-colorbddqa-se {
    background-position: -108px -102px;
    width: 36px;
    height: 40px;
}

.technologies-colordatabase-heroku {
    background-position: -108px -144px;
    width: 36px;
    height: 40px;
}

.technologies-colordatabase-sqlite {
    background-position: -41px -2077px;
    width: 36px;
    height: 40px;
}

.technologies-colorbddqa-chai {
    background-position: -2px -2090px;
    width: 35px;
    height: 40px;
}

.technologies-colorbddqa-cucumber {
    background-position: -76px -2123px;
    width: 35px;
    height: 40px;
}

.technologies-colorbddqa-mocha {
    background-position: -39px -2161px;
    width: 35px;
    height: 40px;
}

.technologies-colorjavascript-frontend {
    background-position: -2px -2174px;
    width: 35px;
    height: 40px;
}

.technologies-colormanagement-bitbucket {
    background-position: -76px -2207px;
    width: 35px;
    height: 40px;
}

.technologies-colornosql-neo4j {
    background-position: -39px -2245px;
    width: 35px;
    height: 40px;
}

.technologies-colormobile-android {
    background-position: -110px -861px;
    width: 34px;
    height: 40px;
}

.technologies-coloropensource-magento {
    background-position: -38px -2287px;
    width: 34px;
    height: 40px;
}

.technologies-colormanagement-officesuite {
    background-position: -110px -2291px;
    width: 33px;
    height: 40px;
}

.technologies-colormobile-iphone {
    background-position: -37px -2329px;
    width: 33px;
    height: 40px;
}

.technologies-colorjavascript-backbone {
    background-position: -112px -735px;
    width: 32px;
    height: 40px;
}

.technologies-colormobile-flutter {
    background-position: -112px -819px;
    width: 32px;
    height: 40px;
}

.technologies-colorgolang {
    background-position: -113px -2123px;
    width: 31px;
    height: 40px;
}

.technologies-colormanagement-jira {
    background-position: -114px -651px;
    width: 30px;
    height: 40px;
}

.technologies-colormobile-ipad {
    background-position: -113px -2207px;
    width: 28px;
    height: 40px;
}

.technologies-colorbigdata-pigdb {
    background-position: -102px -945px;
    width: 25px;
    height: 38px;
}

.technologies-colorenterprise-nancy {
    background-position: -119px -2039px;
    width: 25px;
    height: 40px;
}

.technologies-colorbigdata-scala {
    background-position: -28px -2371px;
    width: 23px;
    height: 40px;
}

.technologies-coloropensource-spree {
    background-position: -78px -2375px;
    width: 23px;
    height: 40px;
}

.technologies-colornosql-mongodb {
    background-position: -125px -1871px;
    width: 18px;
    height: 40px;
}

.technologies-colorjavascript-mernstack {
    background-position: -76px -2420px;
    width: 40px;
    height: 40px;
}

.ml-ai-Tensorflow {
    background-position: -6px -2524px;
    width: 52px;
    height: 55px;
}

.ml-ai-Machine-Learning {
    background-position: -85px -2527px;
    width: 57px;
    height: 55px;
}

.language-processing-development {
    background-position: -81px -2586px;
    width: 57px;
    height: 55px;
}

.deep-learning-development {
    background-position: -82px -2713px;
    width: 57px;
    height: 55px;
}

.machine-learning-development {
    background-position: -85px -2654px;
    width: 53px;
    height: 55px;
}

.tech-box .boxed {
    background: #fff;
    min-height: 195px;
    -webkit-transition: transform 0.3s, background-color 0.3s;
    transition: transform 0.3s, background-color 0.3s;
}

.tech-box .boxed:hover div,
.tech-box .boxed:hover h3 {
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}

.tech-box h3 {
    margin-bottom: 0;
    font-size: 18px;
    margin-top: 10px;
    font-weight: bold;
    color: #000000;
}

.mernstack:hover {
    background-color: #9c5733;
}

.mernstack:hover .technologies-colorjavascript-mernstack {
    background-position: -15px -2420px;
}

.ml-ai-Tensorflow-bg:hover {
    background-color: #e86733;
}

.ml-ai-Tensorflow-bg:hover .ml-ai-Tensorflow {
    background-position: -6px -2469px;
    width: 52px;
    height: 55px;
}

.ml-ai-Machine-Learning-bg:hover {
    background-color: #5c5aab;
}

.ml-ai-Machine-Learning-bg:hover .ml-ai-Machine-Learning {
    background-position: -85px -2471px;
    width: 57px;
    height: 55px;
}

.language-processing-development-bg:hover {
    background-color: #9e7153;
}

.language-processing-development-bg:hover .language-processing-development {
    background-position: -12px -2586px;
    width: 57px;
    height: 55px;
}

.deep-learning-development-bg:hover {
    background-color: #87bbc4;
}

.deep-learning-development-bg:hover .deep-learning-development {
    background-position: -17px -2714px;
    width: 57px;
    height: 55px;
}

.machine-learning-development-bg:hover {
    background-color: #ca8b00;
}

.machine-learning-development-bg:hover .machine-learning-development {
    background-position: -14px -2658px;
    width: 57px;
    height: 55px;
}

.reacthv:hover {
    background-color: #00d9fc;
}

.reacthv:hover .technologies-colorjavascript-react {
    background-position: -97px -1069px;
}

.reacthv:hover {
    background-color: #00d9fc;
    box-shadow: 0px 10px 10px #eee;
}

.reacthv:hover .technologies-colorjavascript-react {
    background-position: -97px -1069px;
}

.nodehv:hover {
    background-color: #67a858;
    box-shadow: 0px 10px 10px #eee;
}

.nodehv:hover .technologies-colorjavascript-node {
    background-position: -2px -144px;
}

.backbonehv:hover {
    background-color: #0070b4;
    box-shadow: 0px 10px 10px #eee;
}

.backbonehv:hover .technologies-colorjavascript-backbone {
    background-position: -112px -777px
}

.angularhv:hover {
    background-color: #e13036;
    box-shadow: 0px 10px 10px #eee;
}

.angularhv:hover .technologies-colorjavascript-angular {
    background-position: -82px -1955px;
}

.emberhv:hover {
    background-color: #b88448;
    box-shadow: 0px 10px 10px #eee;
}

.emberhv:hover .technologies-colorjavascript-ember {
    background-position: -2px -364px;
}

.bootstraphv:hover {
    background-color: #553d7b;
    box-shadow: 0px 10px 10px #eee;
}

.bootstraphv:hover .technologies-colorjavascript-bootstrap {
    background-position: -86px -1493px;
}

.polymerhv:hover {
    background-color: #303e9f;
    box-shadow: 0px 10px 10px #eee;
}

.polymerhv:hover .technologies-polymer-2 {
    background-position: -91px -359px;
}

.fronthv:hover {
    background-color: #2964f0;
    box-shadow: 0px 10px 10px #eee;
}

.fronthv:hover .technologies-colorjavascript-frontend {
    background-position: -39px -2203px;
}

.meanhv:hover {
    background-color: #9f8868;
    box-shadow: 0px 10px 10px #eee;
}

.meanhv:hover .technologies-colorjavascript-meanstack {
    background-position: -42px -1993px;
}

.vuehv:hover {
    background-color: #435265;
    box-shadow: 0px 10px 10px #eee;
}

.vuehv:hover .technologies-colorjavascript-vue {
    background-position: -2px -996px;
}

.mobhv:hover {
    background-color: #3e5e6b;
    box-shadow: 0px 10px 10px #eee;
}

.mobhv:hover .technologies-colormobile-mobileapp {
    background-position: -84px -1913px;
}

.nativehv:hover {
    background-color: #00d7fe;
    box-shadow: 0px 10px 10px #eee;
}

.nativehv:hover .technologies-colormobile-react {
    background-position: -2px -1080px;
}

.ionichv:hover {
    background-color: #3980ff;
    box-shadow: 0px 10px 10px #eee;
}

.ionichv:hover .technologies-colormobile-ionic {
    background-position: -86px -1619px;
}

.ipadhv:hover {
    background-color: #3e5e6b;
    box-shadow: 0px 10px 10px #eee;
}

.ipadhv:hover .technologies-colormobile-ipad {
    background-position: -113px -2249px;
}

.androidhv:hover {
    background-color: #a9c147;
    box-shadow: 0px 10px 10px #eee;
}

.androidhv:hover .technologies-colormobile-android {
    background-position: -2px -2258px;
}

.iphonehv:hover {
    background-color: #b3b3b3;
    box-shadow: 0px 10px 10px #eee;
}

.iphonehv:hover .technologies-colormobile-iphone {
    background-position: -72px -2333px;
}

.kotlinhv:hover {
    background-color: #2899ff;
    box-shadow: 0px 10px 10px #eee;
}

.kotlinhv:hover .technologies-kotlin-2 {
    background-position: -106px -418px;
}

.flutterhv:hover {
    background-color: #52c4f8;
    box-shadow: 0px 10px 10px #eee;
}

.flutterhv:hover .technologies-colormobile-flutter {
    background-position: -107px -2333px;
}

.rorhv:hover {
    background-color: #b41301;
    box-shadow: 0px 10px 10px #eee;
}

.rorhv:hover .technologies-coloropensource-ror {
    background-position: -88px -1323px;
}

.cmshv:hover {
    background-color: #1f61af;
    box-shadow: 0px 10px 10px #eee;
}

.cmshv:hover .technologies-coloropensource-cms {
    background-position: -86px -1703px;
}

.phphv:hover {
    background-color: #8992bd;
    box-shadow: 0px 10px 10px #eee;
}

.phphv:hover .technologies-coloropensource-php {
    background-position: -2px -442px;
}

.magentohv:hover {
    background-color: #f16220;
    box-shadow: 0px 10px 10px #eee;
}

.magentohv:hover .technologies-coloropensource-magento {
    background-position: -74px -2291px;
}

.yiihv:hover {
    background-color: #efad56;
    box-shadow: 0px 10px 10px #eee;
}

.yiihv:hover .technologies-coloropensource-yii {
    background-position: -2px -2048px;
}

.prestahv:hover {
    background-color: #515352;
    box-shadow: 0px 10px 10px #eee;
}

.prestahv:hover .technologies-coloropensource-prestashop {
    background-position: -90px -1195px;
}

.wphv:hover {
    background-color: #474342;
    box-shadow: 0px 10px 10px #eee;
}

.wphv:hover .technologies-coloropensource-wordpress {
    background-position: -44px -1825px;
}

.nphv:hover {
    background-color: #1283bd;
    box-shadow: 0px 10px 10px #eee;
}

.nphv:hover .technologies-coloropensource-nopcommerce {
    background-position: -58px -693px;
}

.laravelhv:hover {
    background-color: #f35146;
    box-shadow: 0px 10px 10px #eee;
}

.laravelhv:hover .technologies-coloropensource-laravel {
    background-position: -44px -1741px;
}

.opensourcehv:hover {
    background-color: #3ca638;
    box-shadow: 0px 10px 10px #eee;
}

.opensourcehv:hover .technologies-coloropensource-opensource {
    background-position: -45px -1321px;
}

.pythonhv:hover {
    background-color: #3976a5;
    box-shadow: 0px 10px 10px #eee;
}

.pythonhv:hover .technologies-coloropensource-python {
    background-position: -44px -1783px;
}

.gohv:hover {
    background-color: #89c4e4;
    box-shadow: 0px 10px 10px #eee;
}

.gohv:hover .technologies-colorgolang {
    background-position: -113px -2165px;
}

.woohv:hover {
    background-color: #9c5c90;
    box-shadow: 0px 10px 10px #eee;
}

.woohv:hover .technologies-coloropensource-woo {
    background-position: -77px -609px;
}

.spreehv:hover {
    background-color: #99cc01;
    box-shadow: 0px 10px 10px #eee;
}

.spreehv:hover .technologies-coloropensource-spree {
    background-position: -103px -2375px;
}

.nethv:hover {
    background-color: #198ad0;
    box-shadow: 0px 10px 10px #eee;
}

.nethv:hover .technologies-colorenterprise-net {
    background-position: -2px -228px;
}

.ecomhv:hover {
    background-color: #fec106;
    box-shadow: 0px 10px 10px #eee;
}

.ecomhv:hover .technologies-colorenterprise-ecommerce {
    background-position: -2px -1122px;
}

.mvchv:hover {
    background-color: #72d557;
    box-shadow: 0px 10px 10px #eee;
}

.mvchv:hover .technologies-colorenterprise-mvc {
    background-position: -44px -1447px;
}

.apihv:hover {
    background-color: #41767e;
    box-shadow: 0px 10px 10px #eee;
}

.apihv:hover .technologies-colorenterprise-netwebapi {
    background-position: -55px -903px;
}

.nancyhv:hover {
    background-color: #000000;
    box-shadow: 0px 10px 10px #eee;
}

.nancyhv:hover .technologies-colorenterprise-nancy {
    background-position: -117px -2081px;
}

.kenticohv:hover {
    background-color: #ef5821;
    box-shadow: 0px 10px 10px #eee;
}

.kenticohv:hover .technologies-colorenterprise-kentico {
    background-position: -86px -1409px;
}

.umbracohv:hover {
    background-color: #04bebd;
    box-shadow: 0px 10px 10px #eee;
}

.umbracohv:hover .technologies-colorenterprise-umbraco {
    background-position: -2px -1458px;
}

.mongohv:hover {
    background-color: #489d48;
    box-shadow: 0px 10px 10px #eee;
}

.mongohv:hover .technologies-colornosql-mongodb {
    background-position: -125px -1913px;
}

.couchhv:hover {
    background-color: #e22328;
    box-shadow: 0px 10px 10px #eee;
}

.couchhv:hover .technologies-colornosql-couchdb {
    background-position: -81px -442px;
}

.couchbhv:hover {
    background-color: #e32429;
    box-shadow: 0px 10px 10px #eee;
}

.couchbhv:hover .technologies-colornosql-couchbase {
    background-position: -2px -1668px;
}

.cassanhv:hover {
    background-color: #b9e6f9;
    box-shadow: 0px 10px 10px #eee;
}

.cassanhv:hover .technologies-colornosql-cassandra {
    background-position: -2px -526px;
}

.redishv:hover {
    background-color: #d82c20;
    box-shadow: 0px 10px 10px #eee;
}

.redishv:hover .technologies-colornosql-redis {
    background-position: -53px -945px;
}

.neohv:hover {
    background-color: #008cc1;
    box-shadow: 0px 10px 10px #eee;
}

.neohv:hover .technologies-colornosql-neo4j {
    background-position: -76px -2249px;
}

.hadoophv:hover {
    background-color: #f1f000;
    box-shadow: 0px 10px 10px #eee;
}

.hadoophv:hover .technologies-colorbigdata-hadoop {
    background-position: -57px -735px;
}

.hivehv:hover {
    background-color: #fced20;
    box-shadow: 0px 10px 10px #eee;
}

.hivehv:hover .technologies-colorbigdata-hive {
    background-position: -45px -1237px;
}

.pighv:hover {
    background-color: #0b0ba1;
    box-shadow: 0px 10px 10px #eee;
}

.pighv:hover .technologies-colorbigdata-pigdb {
    background-position: -2px -2342px;
}

.maphv:hover {
    background-color: #efef01;
    box-shadow: 0px 10px 10px #eee;
}

.maphv:hover .technologies-colorbigdata-mapreduce {
    background-position: -2px -945px;
}

.hbhv:hover {
    background-color: #000000;
    box-shadow: 0px 10px 10px #eee;
}

.hbhv:hover .technologies-colorbigdata-hbase {
    background-position: -57px -777px;
}

.scalahv:hover {
    background-color: #c81f22;
    box-shadow: 0px 10px 10px #eee;
}

.scalahv:hover .technologies-colorbigdata-scala {
    background-position: -53px -2375px;
}

.msqlhv:hover {
    background-color: #5d87a0;
    box-shadow: 0px 10px 10px #eee;
}

.msqlhv:hover .technologies-colordatabase-msql {
    background-position: -88px -1281px;
}

.postgreshv:hover {
    background-color: #316690;
    box-shadow: 0px 10px 10px #eee;
}

.postgreshv:hover .technologies-colordatabase-postgres {
    background-position: -84px -1871px;
}

.oraclehv:hover {
    background-color: #f80000;
    box-shadow: 0px 10px 10px #eee;
}

.oraclehv:hover .technologies-colordatabase-oracle {
    background-position: -2px -20px;
}

.terahv:hover {
    background-color: #ec871d;
    box-shadow: 0px 10px 10px #eee;
}

.terahv:hover .technologies-colordatabase-taradata {
    background-position: -2px -71px;
}

.mserverhv:hover {
    background-color: #b83f44;
    box-shadow: 0px 10px 10px #eee;
}

.mserverhv:hover .technologies-colordatabase-microsoftserver {
    background-position: -41px -2035px;
}

.sqlitehv:hover {
    background-color: #013a57;
    box-shadow: 0px 10px 10px #eee;
}

.sqlitehv:hover .technologies-colordatabase-sqlite {
    background-position: -79px -2081px;
}

.awshv:hover {
    background-color: #f68d10;
    box-shadow: 0px 10px 10px #eee;
}

.awshv:hover .technologies-color-aws {
    background-position: -57px -819px;
}

.herokuhv:hover {
    background-color: #4900a3;
    box-shadow: 0px 10px 10px #eee;
}

.herokuhv:hover .technologies-colordatabase-heroku {
    background-position: -108px -903px;
}

.ocenhv:hover {
    background-color: #058bff;
    box-shadow: 0px 10px 10px #eee;
}

.ocenhv:hover .technologies-colordatabase-digitalocean {
    background-position: -2px -1374px;
}

.rackhv:hover {
    background-color: #262323;
    box-shadow: 0px 10px 10px #eee;
}

.rackhv:hover .technologies-colordatabase-rackspace {
    background-position: -43px -1909px;
}

.googlehv:hover {
    background-color: #ed4c3d;
    box-shadow: 0px 10px 10px #eee;
}

.googlehv:hover .technologies-colordatabase-google {
    background-position: -2px -1836px;
}

.azurehv:hover {
    background-color: #0393da;
    box-shadow: 0px 10px 10px #eee;
}

.azurehv:hover .technologies-color-microsoftazure {
    background-position: -56px -861px;
}

.splunkhv:hover {
    background-color: #a3a3a4;
    box-shadow: 0px 10px 10px #eee;
}

.splunkhv:hover .technologies-color-splunk {
    background-position: -2px -299px;
}

.stackhv:hover {
    background-color: #de1c38;
    box-shadow: 0px 10px 10px #eee;
}

.stackhv:hover .technologies-color-openstack {
    background-position: -2px -1248px;
}

.cucumber:hover {
    background-color: #00b116;
    box-shadow: 0px 10px 10px #eee;
}

.cucumber:hover .technologies-colorbddqa-cucumber {
    background-position: -2px -2132px;
}

.rspec:hover {
    background-color: #fe4a6b;
    box-shadow: 0px 10px 10px #eee;
}

.rspec:hover .technologies-colorbddqa-rspec {
    background-position: -104px -228px;
}

.se:hover {
    background-color: #4b536a;
    box-shadow: 0px 10px 10px #eee;
}

.se:hover .technologies-colorbddqa-se {
    background-position: -2px -1920px;
}

.mocha:hover {
    background-color: #987251;
    box-shadow: 0px 10px 10px #eee;
}

.mocha:hover .technologies-colorbddqa-mocha {
    background-position: -76px -2165px;
}

.ava:hover {
    background-color: #19295c;
    box-shadow: 0px 10px 10px #eee;
}

.ava:hover .technologies-colorbddqa-ava {
    background-position: -2px -609px;
}

.supertest:hover {
    background-color: #8047ff;
    box-shadow: 0px 10px 10px #eee;
}

.supertest:hover .technologies-colorbddqa-supertest {
    background-position: -44px -1363px;
}

.chai:hover {
    background-color: #96171a;
    box-shadow: 0px 10px 10px #eee;
}

.chai:hover .technologies-colorbddqa-chai {
    background-position: -39px -2119px;
}

.sinon:hover {
    background-color: #a16a4d;
    box-shadow: 0px 10px 10px #eee;
}

.sinon:hover .technologies-colorbddqa-sinon {
    background-position: -49px -1111px;
}

.bitbucket:hover {
    background-color: #215b8c;
    box-shadow: 0px 10px 10px #eee;
}

.bitbucket:hover .technologies-colormanagement-bitbucket {
    background-position: -2px -2216px;
}

.gitlab:hover {
    background-color: #e54c2f;
    box-shadow: 0px 10px 10px #eee;
}

.gitlab:hover .technologies-colormanagement-gitlab {
    background-position: -92px -1153px;
}

.jira1:hover {
    background-color: #013a71;
    box-shadow: 0px 10px 10px #eee;
}

.jira1:hover .technologies-colormanagement-jira {
    background-position: -114px -693px;
}

.slack1:hover {
    background-color: #44c09b;
    box-shadow: 0px 10px 10px #eee;
}

.slack1:hover .technologies-colormanagement-slack {
    background-position: -44px -1573px;
}

.teamwork:hover {
    background-color: #53b6fb;
    box-shadow: 0px 10px 10px #eee;
}

.teamwork:hover .technologies-colormanagement-teamwork {
    background-position: -98px -1027px;
}

.trello:hover {
    background-color: #0396e0;
    box-shadow: 0px 10px 10px #eee;
}

.trello:hover .technologies-colormanagement-trello {
    background-position: -2px -1584px;
}

.officesuite:hover {
    background-color: #ed4300;
    box-shadow: 0px 10px 10px #eee;
}

.officesuite:hover .technologies-colormanagement-officesuite {
    background-position: -2px -2300px;
}

.visio:hover {
    background-color: #3e5ca8;
    box-shadow: 0px 10px 10px #eee;
}

.visio:hover .technologies-colormanagement-visio {
    background-position: -46px -1195px;
}

.bddesigner:hover {
    background-color: #497bb2;
    box-shadow: 0px 10px 10px #eee;
}

.bddesigner:hover .technologies-colormanagement-bddesigner {
    background-position: -44px -1531px;
}

.draw:hover {
    background-color: #f29201;
    box-shadow: 0px 10px 10px #eee;
}

.draw:hover .technologies-colormanagement-draw {
    background-position: -86px -1535px;
}

.technologies-sales-app,
.technologies-sales-manageservice,
.technologies-sales-consulting,
.technologies-sales-development,
.technologies-sales-integration,
.technologies-sales-mobileapp,
.technologies-polymer-2,
.technologies-kotlin-2 {
    display: inline-block;
    background: url(img/technologies-imgs/technologies-v2-icons.svg) no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    text-align: left;
    background-size: 148px;
}

.technologies-sales-app {
    width: 53px;
    height: 40px;
    background-position: 3px 0;
}

.technologies-sales-manageservice {
    width: 40px;
    height: 40px;
    background-position: 0 -60px;
}

.technologies-sales-consulting {
    width: 48px;
    height: 40px;
    background-position: 4px -122px;
}

.technologies-sales-development {
    width: 57px;
    height: 40px;
    background-position: 0 -181px;
}

.technologies-sales-integration {
    width: 48px;
    height: 40px;
    background-position: 0 -240px;
}

.technologies-sales-mobileapp {
    width: 40px;
    height: 40px;
    background-position: 0 -299px;
}

.technologies-polymer-2 {
    width: 59px;
    height: 40px;
    background-position: 0 -359px;
}

.technologies-kotlin-2 {
    width: 40px;
    height: 42px;
    background-position: 0 -418px;
}

.appsaleshv:hover {
    background-color: #54a0ff;
    box-shadow: 0px 10px 10px #eee;
}

.appsaleshv:hover .technologies-sales-app {
    background-position: -102px 0;
}

.consultsaleshv:hover {
    background-color: #f8d664;
    box-shadow: 0px 10px 10px #eee;
}

.consultsaleshv:hover .technologies-sales-consulting {
    background-position: -105px -122px;
}

.intisaleshv:hover {
    background-color: #eb7f30;
    box-shadow: 0px 10px 10px #eee;
}

.intisaleshv:hover .technologies-sales-integration {
    background-position: -101px -240px;
}

.mobsaleshv:hover {
    background-color: #b4e2f9;
    box-shadow: 0px 10px 10px #eee;
}

.mobsaleshv:hover .technologies-sales-mobileapp {
    background-position: -110px -299px;
}

.managesaleshv:hover {
    background-color: #e23b39;
    box-shadow: 0px 10px 10px #eee;
}

.managesaleshv:hover .technologies-sales-manageservice {
    background-position: -107px -60px;
}

.devsaleshv:hover {
    background-color: #497bb2;
    box-shadow: 0px 10px 10px #eee;
}

.devsaleshv:hover .technologies-sales-development {
    background-position: -92px -181px;
}

.technologies-polymer-w {
    width: 40px;
    height: 40px;
    background-position: 0 0;
}

.technologies-kotlin-w {
    width: 40px;
    height: 40px;
    background-position: 0 0;
}

.tech-box .boxed:hover h3 {
    color: #fff;
}

.tech-box .hover-font-w.boxed:hover h3 {
    color: #000;
}

.tech-box .boxed:hover {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
    -ms-transform: translate(50px, 100px);
    -webkit-transform: translate(50px, 100px);
    transform: translate(0px, -4px);
}
.tech-box h2.h4 { 
    margin: 30px 0 50px 0;
}
.cover-10 .background-image-holder {
    height: 100%;
}

@media (max-width: 1199px) {
    .tech-box .boxed {
        min-height: 176px;
    }
}

@media (max-width: 991px) {
    .tech-box .boxed {
        min-height: 168px;
        margin-bottom: 30px !important;
    }
}

.clients-section .sponsors-outer .image-box img{
	filter: grayscale(1);
}
.clients-section .sponsors-outer .image-box img:hover{
	filter: grayscale(0);
}

.clientsImages{
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
    margin: 50px 0;
    padding: 0 12%;
}

.clientsImage__box{
    flex-basis: 25%;
    min-width: 250px;
    max-width: 400px;
    padding: 0 10px;
    position: relative;
    border-bottom: 1px solid #eaeaea;
    border-left: 1px solid #eaeaea;
} 

.clientsImage__box:hover{
   box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
    -webkit-transition: box-shadow 0.3s;
    transition: box-shadow 0.3s;
}


@media (max-width: 1315px) {
    .clientsImages{
         padding: 0 5%;
    }
   
}
@media (min-width: 1112px){
    .clientsImage__box:nth-child(4n+1){
        border-left: none;
    }
}
@media (max-width: 1112px) and (min-width: 782px){
    .clientsImage__box:nth-child(3n+1){
        border-left: none;
    }
}
@media (max-width: 781px) and (min-width: 521px){
    .clientsImage__box:nth-child(2n+1){
        border-left: none;
    }

    .clientsImages{
         padding: 0 2%;
    }
}
@media (max-width: 520px){
    .clientsImage__box{
        border-left: none;
    }
    .clientsImages{
         padding: 0 2%;
    }
}
.clientsImage__box>div{
    transition: all 0.5s linear;

}
.clientsImage__box .clientsImage__imageGray{
   
}
.clientsImage__box:hover .clientsImage__imageGray{
    display: none;
}

.clientsImage__box .clientsImage__imageOriginal{
     display: none;

}
.clientsImage__box:hover .clientsImage__imageOriginal{
    display: block;
}
.banner-carousel-two .slide-item { 
    padding: 150px 0px 170px;
}
.banner-carousel-two .content-box { 
    width: 41%;
    margin: 0 4%;
}
.scroll-to-top{
    left: 15px;
}
/*Custom css Zlines*/