/*
Theme Name: Mers
Theme URI: https://shtheme.com/demosd/mers
Author: Shtheme
Author URI: http://shtheme.com
Description: Mers – Personal Portfolio WordPress is for many purpose. It’s creative, minimal and clean design. It has all of the features of the business website. It’s suitable for any startup business, companies, agencies, and freelancers which need a professional way to showcase their projects and services with 100% super responsive experience.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: mers

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/



body.logged-in .header_in{
    margin-top: 30px;
}
.logo img{
    image-rendering: auto;
    image-rendering: crisp-edges;
    image-rendering: -webkit-optimize-contrast;
}
@media (max-width: 1040px){
    .mers_tm_header {
        display: none;
    }
    .mers_tm_mobile_menu {
        display: block!important;
    }
}
@media (min-width: 769px) and (max-width: 1040px){
    body.logged-in .mers_tm_mobile_menu {
        margin-top: 30px;
    }
    body.logged-in #wpadminbar * {
        font-size: 11px;
    }
}
@media (min-width: 601px) and (max-width: 768px){
    body.logged-in .mers_tm_mobile_menu {
        margin-top: 45px;
    }
}
@media (max-width: 600px){
    body.logged-in .mers_tm_mobile_menu:not(.animate) {
        margin-top: 45px;
    }
    .aon-tags .tagcloud li{
        margin-bottom: 18px!important;
    }
}
.mers_tm_header{
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 10;
    border-bottom: 1px solid #24315E;
    padding: 25px 0px;
    
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
}
.mers_tm_header.animate{
    padding: 15px 0px;
    background-color: #fff;
    border-bottom: 1px solid rgba(36,0,0,.5);
}
.mers_tm_header .header_in{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.mers_tm_header .logo img{
    max-width: 190px;
    max-height: 80px;
}
.mers_tm_header .menu ul{
    margin: 0px;
    list-style-type: none;
    display: flex;
}
.mers_tm_header .menu ul li{
    margin-right: 50px;
}
.mers_tm_header .menu ul li a{
    color: #202020;
    font-weight: 500;
    
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
}
.mers_tm_header .button a{
    display: inline-block;
    color: #fff;
    font-family: var(--font-family-grotesk);
    font-weight: 500;
    background-color: #24315E;
    padding: 20px 40px 19px 40px;
    
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;   
}
.mers_tm_header .button a:hover{
    background-color: #fff;
    color: #24315E;
}
.mers_tm_header.animate .button a{
    padding: 15px 40px 14px 40px;
}
.mers_tm_header.animate .button a:hover{
    background-color: #24315E;
    color: #fff;
}
.header-top-fixed .sub-menu.reversed{
    left: auto;
    right: 100%;
}
.header-top-fixed .sub-menu{
    display: block!important; 
    position: absolute;
    top: 100%;
    opacity: 0;
    visibility: hidden;
    border-radius: 5px;
    margin: 0px;
    list-style-type: none;
    line-height: 1;
    padding: 15px 0px;
    margin-top: 10px;
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
    background-color: #F3F0EA;
    padding-left: 10px;
}
.leftpart_inner.header-top-fixed li.menu-item-has-children:hover .sub-menu{
    position: inherit;
    background-color: unset;
}
.mers_tm_leftpart .menu li:not(.current) .sub-menu  a:hover {
    padding-left: 0;
}
.mers_tm_leftpart .menu .sub-menu li {
    margin: 0;
}
.mers_tm_leftpart .menu .sub-menu li a:before{
    content: none;
}
.header-top-fixed .sub-menu li{
    margin: 0px;
    width: 100%;
    position: relative;
}
.header-top-fixed .sub-menu li a{
    text-decoration: none;
    font-weight: 500;
    padding: 8px 20px;
    display:block;
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
    line-height: 28px;
    font-size: 14px!important;
}
.header-top-fixed .sub-menu li a:hover{
    border-radius: 0;
}
.header-top-fixed li:hover > ul{
    opacity: 1;
    visibility: visible;
    margin-top: 0px;
}
.header-top-fixed .sub-menu ul{
    left: 100%;
    top: 0;
    transform: translateY(-20px)
}
.header-top-fixed ul > li.menu-item-has-children{
    display: inline-block;
    position: relative;
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
}
.header-top-fixed .main-menu a{
    white-space: nowrap;
}
.header-top-fixed .sub-menu .sub-menu{
    transform: translateY(-15px);
}
.mers_tm_header .sub-menu li a{
    padding: 10px 0px 10px 0px!important;
}
.header-top-fixed .menu ul li.current a {
    color: #202020;
}
.header-top-fixed .menu ul li.current > a,
.header-top-fixed .menu .sub-menu li.current-menu-item > a,
.header-top-fixed .menu li:hover > a {
    color: var(--extra-color)!important;
}
@media (min-width:1400px){
    .header-top-fixed .sub-menu {
        min-width: 210px;
    }
}
@media (max-width:1040px){
    .mers_tm_mobile_menu .sub-menu {
        margin-left: 10px!important;
        display: none!important;
    }
    .mers_tm_mobile_menu .anchor_nav li.menu-item-has-children:hover > .sub-menu {
        display: block!important; 
    }
}
.page-banner .news_inner{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.page-banner .mers_tm_news{
    text-align: center;
}
.error-page{
    min-height: 960px;
    background-color: #FAFAFA;
}
@media (min-width: 1601px){
    .page-banner .mers_tm_news .news_inner{
        padding: 200px 20px;
    }
    .page-banner .mers_tm_news .title h1,
    .error-page h1{
        font-size: 65px;
    }
}
@media (max-width: 1600px){
    .page-banner .mers_tm_news .news_inner{
        padding: 150px 20px;
    }
    .error-page h1{
        font-size: 60px;
    }
}
@media (max-width: 768px){
    .page-banner .mers_tm_news .title h1,
    .error-page h1{
        font-size: 35px;
    }
}
.single .mers_tm_header,
.page-template:has(.blog-list) .mers_tm_header{
    border-bottom: none;
}
/*---------------------------------------------------*/
/*  02) mers MOBILE MENU
/*---------------------------------------------------*/

.mers_tm_mobile_menu{
    width: 100%;
    height: auto;
    position: fixed;
    top: 0px;
    left: 0px;
    display: none;
    z-index: 10;
}
.mers_tm_mobile_menu .mobile_menu_inner{
    width: 100%;
    height: auto;
    float: left;
    clear: both;
    background-color: #fff;
    border-bottom: 1px solid rgba(0,0,0,.1);
    padding: 10px 20px 10px 20px;
}
.mers_tm_mobile_menu .mobile_in{
    width: 100%;
    height: auto;
    clear: both;
    float: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.mers_tm_mobile_menu .mobile_in .logo img{
    max-width: 90px;
    max-height: 70px;
}
.mers_tm_mobile_menu .trigger{
    line-height: 0;
}
.mers_tm_mobile_menu .dropdown{
    width: 100%;
    height: auto;
    clear: both;
    float: left;
    background-color: #fff;
    display: none;
}
.mers_tm_mobile_menu .dropdown .dropdown_inner{
    width: 100%;
    height: auto;
    clear: both;
    float: left;
    padding: 25px 20px;
}
.mers_tm_mobile_menu .dropdown .dropdown_inner ul{
    margin: 0px;
    list-style-type: none;
}
.mers_tm_mobile_menu .dropdown .dropdown_inner ul li{
    margin: 0px;
    float: left;
    width: 100%;
}
.mers_tm_mobile_menu .dropdown .dropdown_inner ul li a{
    text-decoration: none;
    color: #202020;
    display: inline-block;
    padding: 0px 0px;
    font-weight: 500;
    font-family: var(--font-family-extra);
}
.mers_tm_mobile_menu .hamburger-inner, 
.mers_tm_mobile_menu .hamburger-inner:after, 
.mers_tm_mobile_menu .hamburger-inner:before{
    width: 30px;
    height: 2px;
}
.mers_tm_mobile_menu .hamburger-box{
    width: 30px;
}
.mers_tm_mobile_menu .hamburger{
    padding: 0px;
}

/*---------------------------------------------------*/
.mers_tm_flexbox{
    width: 100%;
    height: auto;
    clear: both;
    float: left;
    display: flex;
    justify-content: space-between;
}
.mers_tm_flexbox .leftbox{
    width: 66.6666%;
    float: left;
}
.mers_tm_flexbox .rightbox{
    width: 30%;
    float: left;
}
@media (max-width: 1040px) {
    .mers_tm_flexbox{flex-direction: column;align-items: baseline;}
    .mers_tm_flexbox .leftbox{width: 100%;margin-bottom: 60px;}
    .mers_tm_flexbox .rightbox{width: 100%;}
}
.news_inner.blog-news{
    background-color: #fff;
}
.blog-news .thumb img{
    border-radius: 12px;
}
.blog-news .blog_single_details .descriptions p {
    margin-bottom: 20px;
}
blockquote{
    margin-top: 25px;
    margin-bottom: 25px;
    border-left: 5px solid var(--extra-color);
    padding-left: 25px;
    font-size: 21px;
    font-style: italic;
    color: #000;
    background-color: rgba(223,86,70,.07);
    padding: 25px;
}
blockquote p{
    margin-bottom: 0!important;
}
.post-info {
    margin-top: 25px;
    margin-bottom: 15px;
}
.post-info span.date{
    padding-right: 20px;
}
.post-info span.date:after {
    position: relative;
    content: "|";
    color: #7d7789;
    left: 12px;
    font-size: 12px;
    top: -2px;
}
.list_inner h4.post-title a:hover{
    color: var(--extra-color);
}
.rightSidebar a:hover {
    color: var(--extra-color);
}
.widget_search .wp-block-search__label{
    display: none;
}
.widget_block {
    margin: 25px 0px;
    width: 100%;
    float: left;
}
.rightSidebar{
    margin-top: 15px;
}
.widget_search input{
    height: 60px;
    border-radius: 10px;
    padding-left: 15px;
}
.widget_search button{
    color: var(--extra-color);
    background-color: var(--extra-color);
    text-transform: capitalize;
    top: 40px;
    right: 40px;
    z-index: 2;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 20px;
    color: #fff;
    font-size: 16px;
}
@media(min-width: 1041px){
    .widget_search button{
        position: absolute;
    }
}
@media(max-width: 1040px){
    .widget_search button{
        margin-left: -40px;
    }
}
.rightbox.rightSidebar .wp-block-group__inner-container h2,
.rightbox.rightSidebar h2.aon-title{
    font-size: 24px;
}
.rightbox.rightSidebar h2.aon-title{
    margin-bottom: 30px;
}    
.rightSidebar  .post-recent li{
    margin: 0px 0px 25px 0px;
    width: 100%;
    float: left;
    list-style: none;
}
.rightSidebar  .post-recent li .list_inner{
    width: 100%;
    float: left;
    position: relative;
    display: flex;
}
.rightSidebar  .post-recent li .list_inner .image{
    width: 85px;
    min-width: 85px;
    height: 85px;
    min-height: 85px;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    margin-right: 10px;
}
.rightSidebar  .post-recent li .list_inner .image .main{
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 5px;
    transform: scale(1) translateZ(0);
}
.rightSidebar a{
    color: var(--main-color);
}
.rightSidebar .widget_categories ul li,
.rightSidebar .widget_tag_cloud ul li{
    list-style: none;
}
.rightSidebar .widget_tag_cloud ul li{
    display: inline-block;
    margin-bottom: 15px;
    margin-right: 3px;
}
.rightSidebar .widget_tag_cloud ul li a,
.aon-tags .tagcloud a{
    font-size: 15px!important;
    color: var(--main-color);
    border: 1px solid #ddd;
    border-radius: 50px;
    padding: 8px 25px 10px 25px;
}
.rightSidebar .widget_tag_cloud ul li a:hover,
.aon-tags .tagcloud a:hover{
    color: #fff;
    background-color: var(--extra-color);
    border: 1px solid var(--extra-color);
}
.rightSidebar .gallery ul li{
    list-style: none;
    margin: 0px 0px 5px 0px;
    float: left;
    width: 33.3333%;
    padding-left: 5px;
}
.rightSidebar .gallery ul li .list_inner {
    width: 100%;
    height: auto;
    clear: both;
    float: left;
    position: relative;
}
.rightSidebar .gallery ul li .list_inner .image {
    position: relative;
    overflow: hidden;
    border-radius: 5px;
}
.rightSidebar .gallery ul li .list_inner .image .main {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 5px;
    transform: scale(1) translateZ(0);
}
.rightSidebar .gallery ul li .list_inner img{
    max-width: 100%;
    width: 100%;
    height: 89px!important;
    clear: both;
    float: left;
    position: relative;
    border-radius: 5px;
}
.aon-tags{
    display: inherit;
}
.aon-tags .tagcloud li{
    list-style: none;
    margin-bottom: 10px;
    display: inline-block;
}
.stButton .stButton_gradient{
    height: 21px !important;
}
.st_instagram_hcount .stButton_gradient{
    padding: 0!important;
}
.st_instagram_hcount .stArrow{
    line-height: 21px!important;
}
.post-social-icons .stMainServices{
    width: 22px!important;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.post-social-icons .stButton .chicklets{
    width: 20px;
    overflow: hidden;
    display: -webkit-inline-box;
    height: 20px;
    line-height: 21px;
}
.post-social-icons{
    float: right;
}
.post-area-tags{
    width: 100%;
    float: left;
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
    margin-top: 30px;
}
.aon-bd-title{
    margin-bottom: 20px;
    margin-right: 10px;
}
h3.comment-title{
    font-size: 28px;
    margin-bottom: 25px;
    margin-top: 0;
}
.clear#comment-list{
    margin-top: 60px;
}
.comment-form-cookies-consent,
.required-field-message{
    display: none;
}
.cm-respond{
    width: 100%;
    height: auto;
    clear: both;
    float: lef t;
    background-color: rgba(223,86,70,.07);
    padding: 40px;
    border-radius: 12px;
}
form input.form-control,
form textarea.form-control{
    width: 100%!important;
    border-radius: 10px!important;
    padding: 25px !important;
    background-color: #fff;
    box-shadow: 0px 0px 10px rgba(0,0,0,.05)!important;
    border: none;
    font-size: 18px;
    color: #6f6b80!important;
    letter-spacing: 0px;
}
form input.form-control{
    height: 60px!important;
    margin-bottom: 20px;
}
form button.site-button{
    text-decoration: none;
    color: #fff;
    display: inline-block;
    font-family: 'Jost', sans-serif;
    font-weight: 500;
    border-radius: 50px;
    border: 2px solid var(--extra-color);
    padding: 14px 48px 13px 48px;
    position: relative;
    overflow: hidden;
    background: var(--extra-color);
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 0px;
    word-wrap: break-word;
    height: auto;
    margin-top: 10px;

}
p.logged-in-as{
    margin-bottom: 10px;
}
p.logged-in-as a{
    color: var(--main-color);
}
.comment-list li{
    list-style: none;
}
.comment-list li img.avatar{
    border-radius: 50%;
}
.comment-list li .comment-info cite{
    font-size: 24px;
}
.comment-info cite{
    font-style: normal;
}
.comment-info .comment-date{
    font-style: italic;
}
a.comment-reply-link:hover {
    color: #fff;
    background-color: var(--extra-color);
}
a.comment-reply-link{
    text-decoration: none;
    color: var(--main-color);
    display: inline-block;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 5px 15px;
}
@media(min-width: 500px){
    .comment-list li img.avatar{
        position: absolute;
    }
    .comment-body:has(img.avatar) .comment-info{
        padding-left: 100px;
    }
    .comment-body{
        position: relative;
    }
    a.comment-reply-link{
        position: absolute;
        top: 0;
        right: 0;
    }
}
@media(max-width: 499px){
    a.comment-reply-link{
        margin-top: 20px;
    }
    .comment-list li img.avatar{
        margin-bottom: 20px;
    }
    .comment-list .comment-info .comment-date + p{
        margin-top: 10px;
    }
    .post-social-icons {
        margin-left: 20px;
        margin-top: -3px;
    }
    .cm-respond{
        padding: 20px;
    }
}
#cancel-comment-reply-link{
    text-decoration: none;
    color: var(--main-color);
    display: inline-block;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 12px 15px;
    width: auto;
    font-size: 15px;
    position: absolute;
    right: 0px;
}
.comment-respond h3{
    position: relative;
}
.comment-respond h3 a{
    color: #000;
}
@media(max-width: 600px){
    #cancel-comment-reply-link{
        margin-top: 50px;
    }
    .comment-respond:has(#cancel-comment-reply-link) h3{
        margin-bottom: 80px;
    }
    .comment-respond h3:has(small a[style="display:none;"]){
        margin-bottom: 17px!important;
    }
}
.breadcrumbs a{
    color: var(--main-color);
}
.breadcrumbs span.active {
    color: var(--extra-color);
}
.blog-list h4.post-title a{
    color: #000;
    font-size: 32px;
}
.blog-list h4.post-title{
    margin-bottom: 15px;
}
@media (max-width: 768px){
    .blog-list h4.post-title a{
        font-size: 26px;
    }
}
.blog-list .sx-post-readmore{
    margin-top: 20px;
}
.blog-list .sx-post-readmore a{
    text-decoration: none;
    color: #fff;
    display: inline-block;
    font-weight: 500;
    border-radius: 50px;
    border: 2px solid #ddd;
    position: relative;
    overflow: hidden;
    padding: 9px 29px;
    background-color: var(--extra-color);
}
.pagination{
    width: 100%;
    height: auto;
    clear: both;
    float: left;
    margin-top: 50px;
    position: relative;
}
.pagination li{
    list-style: none;
    display: inline-block;
}
.pagination li a{
    color: #000;
    border: 1px solid #ddd;
    text-align: center;
    margin-right: 8px;
    padding: 10px;
    border-radius: 30px !important;
    font-weight: 500;
    width: 50px;
    height: 50px;
    display: inline-block;
}
.pagination li.active a,
.pagination li a:not(.next,.prev):hover{
    border: 1px solid transparent;
    background: var(--extra-color);
    color: #fff!important;
}
.pagination a.next{
    -webkit-appearance: none;
    background: url(../mers/img/right-arrow.png) no-repeat right;
    background-position-x: 50%;
    image-rendering: auto;
    background-size: 12px;
    image-rendering: crisp-edges;
    image-rendering: -webkit-optimize-contrast;
}
.pagination a.prev{
    -webkit-appearance: none;
    background: url(../mers/img/left-arrow.png) no-repeat right;
    background-position-x: 50%;
    image-rendering: auto;
    background-size: 12px;
    image-rendering: crisp-edges;
    image-rendering: -webkit-optimize-contrast;
}
.pagination a.prev span,
.pagination a.next span{
    opacity: 0;
}
.pagination a.prev:hover{
    -webkit-appearance: none;
    border: 1px solid transparent;
    background: url(../mers/img/left-arrow-w.png) no-repeat right;
    background-position-x: 50%;
    image-rendering: auto;
    background-size: 12px;
    image-rendering: crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    background-color: var(--extra-color);
}
.pagination a.next:hover{
    border: 1px solid transparent;
    -webkit-appearance: none;
    background: url(../mers/img/right-arrow-w.png) no-repeat right;
    background-position-x: 50%;
    image-rendering: auto;
    background-size: 12px;
    image-rendering: crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    background-color: var(--extra-color);
}
.mers_tm_news .news_list:has(.search-custom) {
    margin-top: 38px
}
.leftbox .news_list:first-child{
    margin-top: 40px;
}
.search-custom form{
    margin-top: 30px;
    margin-bottom: 30px
}
.search-custom form input{
    border: 1px solid #eee;
}
.search-custom form button{
    border: 1px solid var(--extra-color);
    color: #fff!important;
    font-size: 16px;
    position: relative;
    height: 60px;
    width: 60px;
    cursor: pointer;
    float: right;
    margin-top: -80px;
    padding: 0;
    letter-spacing: 0;
    background-color: #fff;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.search-custom form button{
    width: 100%;
    display: block!important;
    padding: 8px 12px;
    -webkit-appearance: none;
    background: url(../mers/img/search.png) no-repeat right;
    background-position-x: 50%;
    background-color: var(--extra-color);
    height: 60px;
    width: 60px;
    image-rendering: auto;
    background-size: 16px;
    image-rendering: crisp-edges;
    image-rendering: -webkit-optimize-contrast;
}
.error-page .news_inner{
    min-height: 800px;
}
.error-page h1{
    margin-top: 90px;
    margin-bottom: 40px;
}
.error-page a{
    text-decoration: none;
    color: #fff;
    display: inline-block;
    font-family: 'Jost', sans-serif;
    font-weight: 500;
    border-radius: 10px;
    border: 2px solid var(--extra-color);
    padding: 10px 20px;
    position: relative;
    overflow: hidden;
    background: var(--extra-color);
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 0px;
    word-wrap: break-word;
    height: auto;
    margin-top: 50px;
}
.js.elementor-html .animate-box {
    opacity: 1!important;
}
.elementor-section-wrap > section.elementor-element .elementor-element-populated .elementor-element-edit-mode {
    min-height: 300px;
}
.elementor-editor-active .owl-carousel {
  display: block;
}
.dialog-widget.dialog-lightbox-widget.dialog-type-buttons.dialog-type-lightbox.elementor-lightbox{
    display: none!important;
}
.news_inner:has(.mers_tm_partners){
    padding-top: 0;
}
.news_inner .mers_tm_partners{
    margin-top: 0;
}
.mers_tm_counter_list:has(.mers_tm_counter){
    margin-bottom: -123px;
}
.mers_tm_modalbox_contact form .mers_tm_button{
    position: relative;
} 
.mers_tm_modalbox_contact form input.wpcf7-submit{
    background: no-repeat;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 14px;  
}
.mers_tm_modalbox_contact form .mers_tm_button img{
    position: absolute;
    top: 13px!important;
    left: 105px;
}
span.wpcf7-not-valid-tip{
    margin-top: 10px;
    color: var(--main-color);
}
.wpcf7 form.invalid .wpcf7-response-output{
    border-color: var(--main-color); 
    margin-left: 0;
    margin-right: 0;
    margin-top: 50px;
}
.wpcf7 form.failed .wpcf7-response-output, 
.wpcf7 form.aborted .wpcf7-response-output{
    margin-top: 50px;
}
.mers_tm_skills.counter{
    padding: 0px 0px 70px 0px!important;
}
.mers_tm_service.clients{
    padding-top: 0!important;
}
.mers_tm_contact input.wpcf7-submit{
    background: url(../mers/img/svg/play.png) no-repeat right;
    background-position-x: 86%;
    background-position-y: 64%;
    background-color: var(--extra-color);
    float: left;
    display: flex;
    align-items: center;
    padding: 22px 55px 22px 35px;
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    border-radius: 5px;
    height: auto;
    width: auto;
    margin-left: 0;
    position: relative;
    text-transform: capitalize;
}
span.wpcf7-spinner{
    position: absolute;
}
.contact_form .input_list ul li p br,
.contact_form .message_area p br{
    display: none;
}
.mers_tm_contact .wpcf7 form.invalid .wpcf7-response-output{
    display: inline-block;
    width: 100%;
}
.mers_tm_subscribe .wpcf7 form.invalid .wpcf7-response-output{
    display: inline-block;
    margin-top: 0;
    font-size: 12px;
}
.mers_tm_subscribe span.wpcf7-not-valid-tip{
    font-size: 12px;
}
.mers_tm_leftpart .subscribe_wrap {
    margin-top: 0;
}
.mers_tm_subscribe form{
    position: relative;
}
.mers_tm_subscribe .wpcf7-form-control-wrap + br{
    display: none;
}
.mers_tm_subscribe input.wpcf7-submit{
    background: url(../mers/img/svg/left-corner-2.png) no-repeat right;
    background-position-x: 100%;
    background-position-y: 4%;
    position: absolute;
    border-bottom: none;
    background-size: 10px;
    color: #fff;
    top: 0;
    right: 0;
    width: 50px;
}    
@media (min-width: 1200px) and (max-width: 1400px){
    .mers_tm_leftpart .subscribe_wrap {
        margin-top: -175px!important;
    }
}
.mers_tm_service .icon .svg {
    max-width: 100%;
    width: auto;
}
.mers_tm_news .news_list .metabox .svg.calendar {
    width: 13px;
}
.news_list:not(.news_home){
    padding: 0;
}
.page-banner .mers_tm_news {
    padding: 0px;
}
.footer-blog .mers_tm_contact{
    padding: 30px 0px;
    text-align: center;
    color: #fff;
}
.mers_tm_contact .contact_social ul li .svg {
    width: 20px;
    height: auto!important;
}