.container {
    max-width: 1200px;
    width: 100%;
}
.nav-list > li > ul {
    background-color: #00H;
}

body, .blog-count-likes, .blog-count-comments, .comment-reply-link, .comment-edit-link {
    font-style: normal;
    font-weight: 300;
}
html {
    font-size: 16px;
}
body, td {
    line-height: 1.7;
    color: #565656;
}
body {
    letter-spacing: -0.46999999999999975px;
    background-color: #FFF;
}
h1, h2, h3, h4, h5, h6, th, .tagcloud a, input, label, button, input, textarea, a.button, select, a, .project-count, .blog-date, .blog-category-link, .atail-post-comments-title, .atail-proj-date-text, .atail-proj-date-value, .post-content-footer-title, .small-title, .widget_archive, .widget_categories, .atail-multitext, .atail-multitext-text, .blog-author, .page-numbers, figure .description-title, .project-preview-arrow span, ol li:before, nav:before, nav.row:before, ol ul li:before, .atail-widget-heading {
    font-style: normal;
    font-weight: 400;
}
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .blog-info a, label, thead, .atail-widget-heading {
    color: #4d4f54;;
}

.atail-text-logo {
    font-style: normal;
    font-weight: 400;
}
.atail-text-logo {
    font-size: 16px;
    letter-spacing: 0.05em;
    color: #4d4f54;
}
a, .post-content-info > a, .post-content-likes .blog-count-likes, .post-content-likes .blog-count-comments, .all-atail-projects-category > ul a, .blog-author, .side-content a {
    color: #fff;
    fill: #fff;
}
.atail-slider h1 a:hover, .atail-slider-item .blog-author span:hover, .atail-slider-item .blog-date span:hover, a:hover, .side-content a:hover, .blog-category a:hover, a.blog-date:hover, .content-info-date a:hover, .post-content-info > a.blog-category-link:hover, .post-content-likes .blog-count-likes:hover, .post-content-tags a[rel="tag"]:hover, .post-sidebar .widget li a:hover {
    color: #009944;
}
.comment-navigation > h2,
a.next.page-numbers,
a.prev.page-numbers,
.comment-navigation .nav-previous,
.comment-navigation .nav-next {
    display: none;
}
@media (min-width: 300px) {
    .nav-list > li ul a span:first-child {
        color: #e9e8ee;
    }
    .nav-list {
        background: none;
    }
    .window-height .nav-list {
        background-color: #41B847;
    }
    .nav-list > li > a > span:last-child {
        color: #fff;
    }
     .nav-list .more-links span{position: relative;overflow: visible;line-height: 2;}
    .nav-list .more-links  a span:after{position: absolute;right: -0.35rem;top: 0px;content: " > ";transform:rotate(90deg);width: 0.2rem;height: 0.36rem;font-family: 宋体;transition: all 0.3s;display: flex;align-items: center;justify-content: center;}
    .nav-list .more-links:hover a span:after{transform:rotate(-90deg);right: -0.35rem;top: 0px;color: #fff}
    .nav-list > li > a:hover span:last-child, .nav-list > li.current-menu-item > a > span:last-child {
        color: #fff; ;font-weight: bold;
    }
    .nav-list > li.current-menu-item > a > .nav-list-counter {
        color: #e9e8ee;
        font-size: 0;width: 25px;height: 12px;
         ;color: #333333;font-size: 0;
         text-align: left;
    }
        .nav-list > li.current-menu-item > a > .nav-list-counter img{display: inline-block;width: 0.25rem;}
        .nav-list > li > a > .nav-list-counter img{display: none;vertical-align: top;}
    .wap .nav-list > li.current-menu-item > a > .nav-list-counter {background: none}
    .nav-list > li > a > .nav-list-counter:after{display: none}
    .nav-list > li.menu-item-has-children:hover > a > span:last-child, .nav-list > li.more-links:hover > a > span:last-child {
        color: #fff;
    }
    .nav-list > li:hover.menu-item-has-children {
        background: none;
    }
}
@media (max-width: 1200px){

}
.nav-list .sub-menu li.menu-item a, .nav-list .more-links ul li a:link, .nav-list .sub-menu .menu-item a:hover, .nav-list .more-links ul li a:hover {
    color: #fff;
}
.nav-list .more-links ul li a:hover{text-decoration: underline;}
.nav-list .sub-menu .sub-menu li.menu-item a, .nav-list .sub-menu .sub-menu li.menu-item a:hover {
    color: #fff;
}

.blog-category a, .comment-edit-link, .comment-reply-link, .most-likes-content .small-title span, span.atail-proj-date-value, .post-content-footer-title, .single-project .small-title span, a.blog-date, .atail-team-member-info .jssocials-share a, .blog-count-likes, .blog-count-comments, .small-title, .widget .small-title {
    color: #a9acb5;
}
.blog-promo-box:before {
    background-color: rgba(47, 47, 47, .5);
}
.blog-author {
    color: #363b46;;
}
.atail-team-follow a:link {
    color: #a9acb5;
}
.atail-team-follow a:hover {
    color: #1957f3;
}
.atail-post-comments-wrapper:before {
    background-color: #edf5f8;
}
.blog-promo-box {
    background-position: center center;
    background-size: cover;
}
.atail-footer {
    background-color: #232328;
}
.jssocials-share-count {
    color: #a9acb5
}
.post-content-tags a:link, .content-info-date a, .blog-category-link:link {
    color: #4d4f54;
}
.content-info-date a, .post-content-info > a:link, .post-content-tags a:link {
    color: #a9acb5;
}
.atail-comment-form input, .atail-comment-form textarea {
    color: #565656;
    background-color: #FFF;
}
input, textarea {
    font-weight: 400;
}
ul > li:before {
    background-color: #565656;
}
ul ol li:before, ol ul li:before, ol li:before {
    color: #565656;
}
.atail-post-comments-wrapper {
    border-top: 1px solid #edf5f8;
    border-bottom: 1px solid #edf5f8;
    border-right: 1px solid #edf5f8;
}
.atail-post-navigation a:hover {
    background-color: #eef0f6;
}
.atail-project-image:before {
    background-color: #363b46;;
}
.atail-slider h1 a, .atail-slider h2 a, .atail-slider h3 a, .atail-slider h4 a, .atail-slider h5 a, .atail-slider h6 a, .atail-slider h2 a:hover, .atail-slider h3 a:hover, .atail-slider h4 a:hover, .atail-slider h5 a:hover, .atail-slider h6 a:hover, .atail-slider-item .blog-author span, .atail-slider-item .blog-date span, .blog-promo-box > .promo-box > .small-title, .blog-promo-box > .promo-box > p, .atail-project-nav:not(.atail-no-thumbnail) h4, .figure-extended h1 {
    color: #FFF;
}
.atail-slider-item, .slider-animate-box .animate-box-left, .slider-animate-box .animate-box-right, .atail-post-title:not(.atail-no-thumbnail) {
    background-color: #222527;
}
.slider-next-slide svg, .slider-prev-slide svg, .full-post-prev-slide svg, .full-post-next-slide svg {
    fill: #4d4f54;
}
.full-post-animate-box .animate-box-left, .full-post-animate-box .animate-box-right {
    background-color: #222527;
}
a.button:link, button, input[type^="submit"], input[type^="button"], button:not([data-action^="close-nav"]) {
    background-color: none;
    border-color: #009944;
    color: #FFF;
}
a.button:hover, button:hover, input[type^="submit"]:hover, input[type^="button"]:hover, button:not([data-action^="close-nav"]):hover {
    background-color: #009944;
    color: #FFF;
}
button.no-button {
    background-color: transparent;
    color: #4d4f54;
}
button.no-button:hover {
    background-color: transparent;
    color: #4d4f54;
}
.left-side, .right-side, .atail-small-line, .single-project .jssocials-share, .jssocials-share-count-box .jssocials-share-count, .post-content-header .jssocials-share, .grid-bg > div, .atail-brands {
    border: none;z-index: 999;
}
@media (min-width: 992px) {
    .animate-box-top > div, .animate-box-bot > div {
        border-right: 1px solid #edf5f8;
    }
}
.atail-post-navigation > div {
    border-top: 1px solid #edf5f8;
    border-bottom: 1px solid #edf5f8;
}
.atail-post-line {
    background-color: #edf5f8;
}
.atail-post-navigation a {
    border-right: 1px solid #edf5f8;
}
.widget .widget-title .small-title:after {
    background-color: #a9acb5;
}
.widget .widget-title:before, .widget .widget-title:after {
    background-color: #a9acb5;
}
.atail-preloader {
    background-color: #00H;
}
.atail-dot {
    background-color: #00H;
}
.atail-preloader .atail-dot {
    background-color: #FFF;
}
.tagcloud a {
    border-color: #1957f3;
    color: #1957f3;
}
.atail-dark-footer .tagcloud a {
    color: #FFF;
    border-color: #FFF;
}
.atail-dark-footer .tagcloud a:hover {
    background-color: #1957f3;
    border-color: #1957f3;
}
.tagcloud a:hover {
    background-color: #1957f3;
    border-color: #1957f3;
}
#today {
    background-color: #1957f3;
    color: #FFF;
}
.blog-promo-box {
    background-position: center center;
    background-size: cover;
}
.widget_recent_entries span, .widget_atail_recent_posts_widget span {
    color: #a9acb5;
}
.atail-dark-footer .widget input[type="text"], .atail-dark-footer .widget input[type="search"], .atail-dark-footer .widget input[type="email"], .atail-dark-footer .wpcf7-form-control, .atail-dark-footer .wpcf7-form-control:focus {
    border-color: #4d4f54;
    background-color: transparent;
    color: #FFF;
}
.post-sidebar .yikes-easy-mc-form input[type=text], .post-sidebar .yikes-easy-mc-form input[type=url], .post-sidebar .yikes-easy-mc-form input[type=email], .post-sidebar .yikes-easy-mc-form input[type=number], .post-sidebar .yikes-easy-mc-form select, .post-sidebar .wpcf7-form-control:not(input[type^="checkbox"]) {
    border: 1px solid #eef0f6;
    color: #565656;
    max-width: 100%;
    width: 100%;
}
.post-sidebar .wpcf7-form-control[type^="submit"] {
    color: #FFF;
}
.widget_calendar table td {
    background-color: #eef0f6;
    border-right: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
}
.post-sidebar .widget li, .post-sidebar .widget li a {
    color: #4d4f54;
}
.post-sidebar .widget li:before {
    background-color: #4d4f54;
}
.widget {
    color: #4d4f54;
}
.widget_calendar table tbody td.pad {
    background-color: transparent;
}
.widget.widget_archive ul li {
    color: #a9acb5;
}
.widget_calendar table caption, div.cs-select .cs-options ul li, div.cs-select {
    font-family: 'Montserrat', 'open-sans';
}
form textarea, form input {
    color: #565656;
}
.post-sidebar .yikes-easy-mc-form input[type=text]:focus, .post-sidebar .yikes-easy-mc-form input[type=url]:focus, .post-sidebar .yikes-easy-mc-form input[type=email]:focus, .post-sidebar .yikes-easy-mc-form input[type=number]:focus, .post-sidebar .yikes-easy-mc-form select:focus, .post-sidebar .wpcf7-form-control:focus, .atail-comment-form input:focus, .atail-comment-form textarea:focus {
    border: 1px solid #565656;
}
.wpcf7-quiz-label {
    background-color: #FFF;
}

.atail-multitext-title, .atail-multitext-text > span {
    color: #a9acb5;
}
.description-table .description-title, figure .description-title {
    color: #a9acb5;
}
.atail-brands {
    background-color: #e0e0e0;
}
.project-count span, .project-count {
    color: rgba(255,255,255,.5);
    font-size: 24px;
}
.full-post-close:before, .full-post-close:after, .close-projects-btn.close-projects-btn-loaded:before, .close-projects-btn.close-projects-btn-loaded:after, .close-projects-btn span {
    background-color: #363b46;
}
.full-post-content {
    background-color: #FFF;
}
.animate-box-top, .animate-box-bot, .post-slider-images {
    background-color: #FFF;
}
span[data-action="show-nav"] > span:before, span[data-action="show-nav"] > span:after, span[data-action="close-nav"] > span:before, span[data-action="close-nav"] > span:after, span[data-action="show-nav"] > span > span, span[data-action="close-nav"] > span > span {
    background-color: #363b46;;
}
.project-preview-arrow span {
    fill: #fff;
    color: #fff;
   text-transform: capitalize;
}
.atail-dark-footer .widget ul li:before {
    background-color: #4d4f54;
}
.copyright {
    color: #cccccc
}
.all-projects-animate-box > div {
    background-color: #FFF;
}
input, textarea, form.yikes-easy-mc-form input.yikes-easy-mc-email, form.yikes-easy-mc-form input.yikes-easy-mc-text {
    border: 1px solid #eef0f6;
}
.wpcf7-form-control {
    max-width: 100%;
    width: 100%;
}
div.cs-select .cs-options ul li {
    color: #fff;
}
div.cs-select, div.cs-select .cs-options ul li:hover {
    color: #fff;
}
div.cs-select, select.cs-select {
    background-color: none;
}
div.cs-select .cs-options ul {
    border-top: 2px solid transparent;
}
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    margin-bottom: 2.4em;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
}
.preview-article-header > h2 {
    color: #fff;;
    font-size: 140px;font-weight: bold;letter-spacing: 7px;
    font-family: sans-serif;margin-bottom: 20px;
}
.preview-article-header > h2 > a:hover {
    color: #1957f3;
}
.preview-article-header > h3{font-size: 30px; ;color: #fff}
.recentcomments a {
    display: inline !important;
    padding: 0 !important;
    margin: 0 !important;
 }
.recentcomments a {
    display: inline !important;
    padding: 0 !important;
    margin: 0 !important;
}
.blog-promo-box {
    background-image: url('../images/photo.jpg');
}
.extended-row.services {
     background-image: url('../images/photo-2.png');
    margin-bottom: 0 !important;
 }
.row-overlay {
    background-color: rgba(0, 0, 0, 0.2);
}

/*@font-face {
  font-family: Microsoft YaHei_Light;
  src:url(../fonts/Microsoft YaHei_Light.ttf);
}
@font-face {
  font-family: Microsoft YaHei;
  src:url(../fonts/Microsoft YaHei_Regular.ttf);
}
@font-face {
   ;
  src:url(../fonts/Microsoft YaHei_Medium.ttf);
}
@font-face {
   ;
  src:url(../fonts/Microsoft YaHei_Bold.ttf);
}*/

body {background: #41B847}