/*
Theme Name: Elite Creative Agency Pro
Theme URI: https://www.mishkatwp.com/themes/agency-wordpress-theme/
Description: The Agency WordPress theme also offers seamless integration with popular plugins such as WooCommerce, allowing you to easily set up an online store and sell your agency’s products or services directly from your website. This integration provides a convenient and efficient way to generate revenue and expand your business. Furthermore, the theme includes a team member module, enabling you to introduce your talented team to clients and prospects. You can showcase individual profiles with photos, bios, and social media links, fostering trust and building connections with your audience. In addition to its visually appealing design and robust features, the Agency WordPress Theme is built with performance and responsiveness in mind. It is optimized for speed and search engine visibility, ensuring that your website loads quickly and ranks well in search results. The theme is also fully responsive and mobile-friendly, guaranteeing a seamless browsing experience for visitors on any device. With its intuitive and user-friendly interface, the Agency WordPress theme empowers you to manage and update your website effortlessly. You can easily customize page layouts, add new content, and make adjustments using the user-friendly theme options panel. The theme also includes extensive documentation and dedicated support to assist you every step of the way.
Author: mishkatwp
Author URI: https://www.mishkatwp.com/
Version: 1.0
Requires PHP: 7.2
Tested up to: 6.2
Tags: portfolio, photography, blog, wide-blocks, one-column, two-columns, right-sidebar, left-sidebar, grid-layout, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, editor-style, theme-options, threaded-comments
Text Domain: elite-creative-agency-pro
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

.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;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-weight: 600;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

.alignwide {
    margin-left: -80px;
    margin-right: -80px;
}

.alignfull {
    margin-left: calc(-100vw / 2 + 100% / 2);
    margin-right: calc(-100vw / 2 + 100% / 2);
    max-width: 100vw;
}

.alignfull img {
    width: 100vw;
}

.post-single a,
.page-single a,
.sidebar-area .textwidget a,
.comment-content a {
    text-decoration: none;
    color: #757575;
    text-transform: capitalize;
    font-weight: 600;
}

.post-single span {
    text-transform: capitalize;
    font-weight: 600;
}

body {
    font-family: 'Poppins', sans-serif;
    color: #202020;
    margin: 0;
    background: #fff;
    overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Playfair Display', serif;
}

a {
    color: #757575;
    -webkit-transition: color .1s linear;
    -moz-transition: color .1s linear;
    -o-transition: color .1s linear;
    transition: color .1s linear;
    text-decoration: none;
}

a:hover,
a:focus {
    color: #ea3c57;
    text-decoration: none;
}

section.category-title h1 {
    font-size: 18px;
    font-weight: 600;
}


/* ===============================================
   HEADER BOX
   ============================================= */

.page-template-frontpage .header {
    position: absolute;
    right: 0;
    left: 0;
    background-color: transparent;
    z-index: 11;
}
 
.header {
    background-color: #fff;
}

/*404 Page*/

.page-404 h1 {
    font-size: 300px;
    color: #2d3446;
}

.page-404 h3 {
    font-size: 38px;
    color: #ea3c57;
}

.page-404 hr {
    width: 10%;
    background: #2d3446;
    padding: 1px;
}

.page-404 .intro-button {
    text-align: center;
    display: inline-block;
    padding: 5px;
}

.page-404 .button {
    padding: 15px 40px;
    color: #fff;
    font-size: 18px;
    display: inline-block;
    transition: all 0.2s;
    text-decoration: none;
}

.page-404 .intro-button:hover {
    background: #2d3446;
}

.page-404 .intro-button,
.page-404 .intro-button::after {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.page-404 .intro-button::before,
.page-404 .intro-button::after {
    background: #ea3c57;
    content: '';
    position: absolute;
    z-index: -1;
}

.page-404 .intro-button::after {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.page-404 .intro-button:hover:after {
    height: 0;
    left: 50%;
    top: 50%;
    width: 0;
}


/* ===============================================
   LOGO BOX
   ============================================= */

.logo {
    display: block;
    line-height: 1.4em;
    word-break: break-all;
}

.logo a {
    color: #2d3446;
    font-size: 30px;
    line-height: 35px;
    text-decoration: none;
    -webkit-transition: color .1s linear;
    -moz-transition: color .1s linear;
    -o-transition: color .1s linear;
    transition: color .1s linear;
    font-weight: 600;
}

.logo a img.custom-logo {
    height: 65px;
    width: auto;
}

.logo a:hover,
.logo a:focus {
    color: #2d3446;
}

.logo span {
    display: block;
    font-size: 14px;
    line-height: 18px;
    color: #767c83;
}

.logo-image {
    float: unset;
}


/* ===============================================
   MENU BOX
   ============================================= */

#main-menu {
    display: block;
    position: relative;
    margin: 0 auto;
}

#main-menu ul {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
}

#main-menu ul li {
    position: relative;
    display: block;
    text-align: left;
}

#main-menu ul li a {
    font-size: 16px;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    z-index: 1;
    padding: 3px 15px;
    margin: 0;
    -webkit-transition: color .1s linear, background-color .1s linear;
    -moz-transition: color .1s linear, background-color .1s linear;
    -o-transition: color .1s linear, background-color .1s linear;
    transition: color .1s linear, background-color .1s linear;
    position: relative;
    letter-spacing: 0px;
    line-height: 29px;
    color: #fff;
    font-weight: 400;
}

#main-menu a:hover,
#main-menu ul li a:hover,
#main-menu li:hover>a,
#main-menu a:focus,
#main-menu ul li a:focus,
#main-menu li.focus>a,
#main-menu li:focus>a,
#main-menu ul li.current-menu-item>a,
#main-menu ul li.current_page_item>a,
#main-menu ul li.current-menu-parent>a,
#main-menu ul li.current_page_ancestor>a,
#main-menu ul li.current-menu-ancestor>a {
    color: #ea3c57;
}

#main-menu ul.children,
#main-menu ul.sub-menu {
    display: none;
    position: absolute;
    top: 37px;
    left: 0;
    background: #fff;
    z-index: 10001;
    width: 213px;
    padding-left: 0;
    -webkit-transition: opacity 0.3s ease 0s;
    -moz-transition: opacity 0.3s ease 0s;
    -o-transition: opacity 0.3s ease 0s;
    transition: opacity 0.3s ease 0s;
    box-shadow: 0px 5px 30px rgb(0 0 0 / 13%);
    border-radius: 3px;
}

#main-menu ul li:hover .sub-menu {
    display: block;
}

#main-menu ul.children li,
#main-menu ul.sub-menu li {
    display: block;
    position: relative;
    float: none;
    line-height: 18px;
    margin-left: 0;
    margin-right: 0;
    -webkit-transform: skew(0deg);
    -ms-transform: skew(0deg);
    transform: skew(0deg);
    padding: 5px 10px;
}

#main-menu li li:hover>ul,
#main-menu li li:focus>ul,
#main-menu li li.focus>ul {
    top: 0px;
    left: -100%;
}

#main-menu ul.children li a,
#main-menu ul.sub-menu li a {
    display: block;
    position: relative;
    padding: 0px 14px;
    padding-right: 14px;
    font-size: 14px;
    color: #2d3446;
    -webkit-transition: all 600ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 600ms cubic-bezier(0.77, 0, 0.175, 1);
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#main-menu ul.sub-menu li a:hover {
    color: #fff;
    -webkit-transition-delay: .6s;
    transition-delay: .6s;
}

#main-menu ul.sub-menu li a:before,
#main-menu ul.sub-menu li a:after {
    content: '';
    position: absolute;
    -webkit-transition: inherit;
    transition: inherit;
    z-index: -1;
}

#main-menu ul.sub-menu li a:before,
#main-menu ul.sub-menu li a:after {
    top: 0;
    width: 0;
    height: 100%;
}

#main-menu ul.sub-menu li a:before {
    left: 0;
    border: 1px solid #ea3c57;
    border-left: 0;
    border-right: 0;
}

#main-menu ul.sub-menu li a:hover:before {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

#main-menu ul.sub-menu li a:hover:before,
#main-menu ul.sub-menu li a:hover:after {
    width: 100%;
}

#main-menu ul.sub-menu li a:after {
    right: 0;
}

#main-menu ul.sub-menu li a:hover:after {
    background: #ea3c57;
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
}

#main-menu ul.sub-menu li a:hover:before,
#main-menu ul.sub-menu li a:hover:after {
    width: 100%;
}

#main-menu ul.children li ul:before,
#main-menu ul.sub-menu li ul:before {
    display: none;
}

#main-menu li:hover>ul,
#main-menu li:focus>ul,
#main-menu li.focus>ul {
    opacity: 1;
    right: calc(100% - 213px);
}

.menu-toggle,
.dropdown-toggle,
button.close-menu {
    display: none;
    background: #2d3446;
    color: #fff;
}

#main-menu ul li:hover .sub-menu {
    display: block;
}


/* ===============================================
   HEADER SEARCH
   =============================================== */

.header-search {
    text-align: right;
}

.header-search .open-search-form i {
    font-size: 20px;
    cursor: pointer;
    color: #fff;
    margin: 10px 0;
}

.header-search .open-search-form i:hover {
    color: #ea3c57;
}

a.cart-customlocation i:hover {
    color: #ea3c57;
}

.header-search .search-form {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    padding: 0;
    z-index: 1001;
    visibility: hidden;
    -webkit-transition-property: all, -webkit-transform;
    transition-property: all, transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    background: rgba(255, 255, 255, 0.98) none repeat;
    border: none !important;
}

.header-search .search-form.is-open {
    right: 0;
    height: 100%;
    visibility: visible;
}

.header-search .search-form.is-open form {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 50px;
}

.header-search .search-form a.close-search-form {
    top: 50px;
    position: absolute;
    margin-left: -13px;
    left: 50%;
}

.header-search .search-form i.searchform-close-button {
    font-size: 25px;
    color: #616161 !important;
    opacity: 0;
    -webkit-transition: transform .2s linear;
    -moz-transition: transform .2s linear;
    -o-transition: transform .2s linear;
    transition: transform .2s linear;
}

.header-search .search-form.is-open i.searchform-close-button {
    opacity: 1;
}

.header-search .search-form.is-open i.searchform-close-button:hover {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

header#site-navigation.fix-sticky {
    background: #fff;
}

/*.top_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #eee;
}*/
.top_header .fas{
  color: #ea3c57;
}
.top_header_sec1 a{
  color: #110c2b;
}
.top_header_sec1 a:hover{
  color: #ea3c57;
}
.language-div {
  margin-right: 20px;
}
.language-div select{
  border: 0;
  width: 50px;
}
.language-div .dashicons{
  color: #ea3c57;
}

.header-menu {
    background: #fff;
    position: relative;
}
.contact-info{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.contact-info .sec1{
    margin-right: 30px;
    display: flex;
    align-items: center;
}
.top_header .mail,
.top_header .location,
.top_header .time {
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    display: inline-block;
}
.call-info{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.call-info p{
    margin-bottom: 0;
}
.call-info .dashicons{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #ea3c57;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

.contact-info .dashicons{
    color: #ea3c57;
    margin-right: 10px;
}

.header-menu form#searchform {
    display: flex;
    background: #ededed;
    border-radius: 30px;
}

.header-menu input#search {
    width: 100%;
    border: 0;
    outline: none;
    color: #cccccc;
    background: transparent;
}

.header-menu input#search::placeholder {
    color: #cccccc;
}

.header-menu button.search-button {
    border: none;
    background: transparent;
    color: #07153b;
    float: right;
    outline: none;
}

.header-menu button.search-button:hover {
    color: #ff5e15;
}

.header-menu .fas {
    padding: 13px 15px;
    position: relative;
    top: 1px;
    color: #07153b;
    font-size: 20px;
    left: 4px;
}

.top_header .social-links .fab{
    color: #ea3c57;
    background: transparent;
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    transition: all 0.6s;
}

.top_header .social-links .fab:hover{
  background: #eee;
}



.button-header a {
    font-size: 16px;
    line-height: 46px;
    font-weight: 400;
    border-radius: 6px;
    background-color: #ea3c57;
    color: #fff;
    padding: 0 20px;
    display: inline-block;
    transition: all 0.6s;
    text-transform: uppercase;
}

.button-header a:hover {
    background-color: #1d1d28;
    color: #fff;
}

#site-navigation .sidenav a.closebtn,
.open-menu {
    display: none;
}

.serch-box a{
    color: #fff;
}



/* ===============================================
   POST BOX
   ============================================= */

.post-thumbnail {
    line-height: 0;
    flex: 0 0 45%;
}

.post-meta i {
    color: #ea3c57;
}

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #121d21;
    white-space: break-spaces;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.post-content img,
.post-thumbnail img,
.post-content iframe,
.post-content object,
.post-content embed {
    max-width: 100%;
}

.post-content img,
.post-thumbnail img {
    max-height: 100%;
}

.post-content:after {
    content: "";
    display: table;
    clear: both;
}

#content,
footer {
    float: left;
    width: 100%;
}

.latest-post .post-date,
.latest-post .post-comments {
    color: #2d3446;
    text-transform: capitalize;
}

.latest-post .post-meta a {
    color: #767c83;
    font-weight: 500;
    font-size: 18px;
    text-transform: capitalize;
}

.latest-post figure {
    margin: 0;
    padding: 0;
    background: #2d3446;
    overflow: hidden;
}

.latest-post figure:hover+span {
    opacity: 1;
}

.latest-post figure img {
    webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    width: 100%;
}

.latest-post:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0.5;
}

.post-single .tags-bg a {
    padding: 10px 15px;
    background: #ea3c57;
    border-radius: 5px;
    text-transform: uppercase;
    color: #fff;
    margin: 0 10px;
}

.post-single .tags-bg a:hover {
    background: #2d3446;
}

.post-single .blog_share_icon .fab {
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 50%;
    background: #ea3c57;
    color: #fff;
    font-size: 18px;
    padding: 15px;
    margin: 0 10px;
    -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.1));
}

.post-single .blog_share_icon .fab:hover {
    transform: rotate(360deg);
    background: #2d3446;
}

.post-single {
    display: block;
}

label {
    display: block;
}

.latest-post h4 a {
    color: #005690;
    font-weight: 600;
    font-size: 18px;
}

.latest-post h4 a:hover {
    color: #ea3c57;
}

.latest-post .post-content p {
    font-weight: 400;
}
 
.latest-post .owl-item .post-admin span img {
    width: auto;
    display: inline-block;
    border-radius: 50%;
}

.latest-box {
    filter: drop-shadow(0 0 18px rgba(0, 0, 0, 0.08));
    background: #fff;
    border-radius: 10px;
}

.latest-post .far.fa-calendar-alt,
.latest-post .fas.fa-bookmark {
    color: #717982;
}

.latest-post .icon-book {
    float: right;
    background: #fff;
    border-radius: 50%;
    border: 1px solid #717982;
    width: 40px;
    height: 40px;
    padding: 10px 14px;
    margin-top: -8px;
}

.latest-post figure {
    margin: 0;
    padding: 0;
    background: #2d3446;
    overflow: hidden;
}

.latest-post figure:hover+span {
    opacity: 1;
}

.latest-post figure img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    width: 100%;
}

.latest-post .post-item:hover figure img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0.5;
}

.latest-post .far.fa-calendar-alt {
    color: #fff;
}

.latest-post .far {
    color: #fff;
    font-size: 18px;
}

.post-details {
   font-size: 14px;
    line-height: 26px;
    color: #ea3c57;
    font-weight: 600;
    text-transform: uppercase;
}

.latest-post .read_more {
   
    width: 35px;
    height: 35px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 2px solid #000;
    background: transparent;
    margin-top: 20px;

}

.latest-post .post-date {
    width: 60px;
    height: 60px;
    background-color: #ea3c57;
    color: #fff;
    padding: 5px;
    border-radius: 10px 0px 10px 10px;
    margin-top: -18px;
    position: relative;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 32px;
    text-transform: uppercase;
    text-align: center;
    margin-right: 10px;
}

.latest-post span.time {
    font-size: 30px;
    line-height: 20px;
    font-weight: 700;
    display: block;
    margin-top: 5px;
}

.post-content .read_more i.fa.fa-arrow-right {
    color: #ea3c57;
    font-size: 12px;
    margin-left: 5px;
    transition: linear 600ms;
}

 .post-content span.dot {
    background: #ea3c57;
    display: inline-flex;
    justify-items: center;
    align-items: center;
    width: 5px;
    height: 5px;
    border-radius: 4px;
    margin: 0 10px;
    position: relative;
    bottom: 2px;
}

.recent_post .post-meta {
    margin-bottom: 20px;
}


/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/

.comment-form-url input {
    width: 100%;
}

.comment-respond input#submit {
    background: #ea3c57;
    border: none;
    color: #fff;
    padding: 10px;
    font-weight: 600;
    border-radius: 7px;
    display: inline-block;
    margin: 15px 0;
}

.comment-respond input#submit:hover {
    background-color: #2d3446;
}

.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

.comments-title {
    font-size: 1.125rem;
}

.comment-body .pull-left {
    padding-right: 0.625rem;
}

.comment-list {
    padding-left: 0;
}

.comment-list .comment {
    display: block;
}

.comment-list .pingback {
    border-top: 1px solid rgba(0, 0, 0, 0.125);
    padding: 0.563rem 0;
}

.comment-list .pingback a {
    margin-left: 5px;
    margin-right: 5px;
}

.comment-content.card-block {
    padding: 15px;
}

.comment-reply a {
    background: #ea3c57;
    padding: 5px 15px;
    color: #fff;
    border-radius: 7px;
}

.comment-reply a:hover {
    background: #2d3446;
    color: #f3f4f7;
    text-decoration: none;
}

@media screen and (min-width: 0) and (max-width: 767px) {
    section.category-title h1 {
        text-align: center;
    }
    #mySidenav span {
        display: block;
        font-size: 30px;
        cursor: pointer;
    }
    .logo {
        text-align: center;
        padding: 10px 0;
    }
    .open-menu {
        display: block;
    }
    #main-menu ul li {
        float: left;
        width: 100%;
        padding: 5px 15px;
    }
    #main-menu>li>ul.children,
    #main-menu>li>ul.sub-menu {
        position: absolute;
        top: -100%;
        background: #fff;
    }
    #main-menu li.focus>ul.children,
    #main-menu li.focus>ul.sub-menu,
    #main-menu li:hover>ul.children,
    #main-menu li:hover>ul.sub-menu,
    #main-menu li:focus>ul.children,
    #main-menu li:focus>ul.sub-menu {
        width: 100%;
        top: 0;
        left: 0 !important;
        position: relative;
    }
    #main-menu ul {
        padding: 0;
        float: none;
    }
    #main-menu ul li a {
        padding: 0;
        display: initial;
        font-size: 18px;
    }
    #main-menu ul.children li a,
    #main-menu ul.sub-menu li a {
        padding: 0;
        line-height: 53px;
    }
    #main-menu ul li.menu-item-has-children:after {
        content: '';
        position: absolute;
        border: solid #2d3446;
        right: 10px;
        top: 50%;
        border-width: 0 3px 3px 0;
        display: inline-block;
        padding: 3px;
        -webkit-transform: translate(0, -50%) rotate(-45deg);
        transform: translate(0, -50%) rotate(-45deg);
    }
    #main-menu ul.children li,
    #main-menu ul.sub-menu li {
        width: 100%;
        padding-left: 10px;
    }
    #main-menu ul li.menu-item-has-children:hover:after,
    #main-menu ul li.menu-item-has-children:focus:after,
    #main-menu ul li.menu-item-has-children.focus:after {
        top: 20px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    #main-menu a:hover,
    #main-menu ul li a:hover,
    #main-menu li:hover>a,
    #main-menu a:focus,
    #main-menu ul li a:focus,
    #main-menu li.focus>a,
    #main-menu li:focus>a,
    #main-menu ul li.current-menu-item>a,
    #main-menu ul li.current_page_item>a,
    #main-menu ul li.current-menu-parent>a,
    #main-menu ul li.current_page_ancestor>a,
    #main-menu ul li.current-menu-ancestor>a {
        background: none;
    }
}


/* ===============================================
   Pagination
   ============================================= */

.pagination,
.elite-creative-agency-pro-pagination {
    margin: 25px 0;
}

.pagination .nav-links a,
.pagination .nav-links span.current,
.elite-creative-agency-pro-pagination a span,
.elite-creative-agency-pro-pagination span.current {
    display: inline-block;
    text-decoration: none;
    padding: 10px 20px;
    font-size: 18px;
    font-weight: 600;
    line-height: 21px;
    color: #222;
    border-radius: 4px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
    margin: 0;
    -webkit-transition: background-color .3s ease;
    -moz-transition: background-color .3s ease;
    -ms-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    transition: background-color .3s ease;
    filter: drop-shadow(8.866px 9.508px 15px rgba(0, 0, 0, 0.1));
}

.pagination .nav-links a:hover,
.pagination .nav-links a:focus,
.pagination .nav-links span.current,
.elite-creative-agency-pro-pagination span.current,
.elite-creative-agency-pro-pagination span.current:hover,
.elite-creative-agency-pro-pagination span.current:focus,
.elite-creative-agency-pro-pagination a span:hover,
.elite-creative-agency-pro-pagination a span:focus {
    background: #ea3c57;
    color: #ffffff;
}

.commentlist {
    list-style: none;
    margin: 0;
    padding: 0
}

.commentlist ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.commentlist li {
    margin: 0;
}

.commentlist li .comment-respond {
    margin-bottom: 25px;
}

.commentlist li:last-of-type .comment-respond {
    margin-bottom: 0px;
}

.comment-container {
    position: relative;
    margin: 0 0 25px 0;
    padding: 30px;
    background: #fff;
    border: solid 1px #f3f4f7 !important;
    z-index: 999
}

.comment-avatar img {
    float: left;
}

.comment-text {
    position: relative;
    margin-left: 110px;
    padding: 0 0 0 15px
}

.comment-container .comment-date {
    padding: 15px 0;
}

.comment-avatar {
    position: relative;
    width: 110px;
    float: left;
}

.comment-author .author {
    display: block;
    font-weight: bold;
}

.commentlist .children li {
    margin-left: 30px;
}

.comment-notes {
    font-size: 12px;
    margin: -25px 0 25px 0;
}

h3#reply-title,
h3.comments {
    height: 30px;
    line-height: 30px;
    margin: 30px 0;
}

h3#reply-title small,
.logged-in-as {
    font-size: 15px;
    margin: -25px 0 25px 0;
}

.comment-form input[type=text],
.comment-form input[type=email],
.comment-form textarea {
    padding: 10px 2%;
    background: #fff;
    width: 100%;
    margin: 0 0 15px 0;
    border: 1px solid black;
    color: #2d3446;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
}

.comment-form input[type=submit] {
    background: #2d3446;
    color: #fff;
    border: none;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    position: relative;
    display: block;
    text-shadow: none;
    padding: 10px 15px;
    width: inherit;
    margin: 0;
    -webkit-transition: color .3s ease, background-color .3s ease;
    -moz-transition: color .3s ease, background-color .3s ease;
    -o-transition: color .3s ease, background-color .3s ease;
    transition: color .3s ease, background-color .3s ease;
    cursor: pointer;
}

.comment-form input[type=submit]:hover,
.comment-form input[type=submit]:focus {
    background-color: #248efa;
    text-decoration: none
}

.logged-in-as a {
    color: #2d3446;
}

.logged-in-as,
.comment-notes,
.comment-form-comment,
.comment-form-author,
.comment-form-email,
.comment-form-url,
.form-submit {
    display: block;
}


/* ===============================================
   SIDEBARS
   =============================================== */

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

.sidebar-area .sidebar-widget {
    margin-bottom: 25px;
    background: #F5F5F5;
    border: 1px solid #D9DEE2;
    overflow: hidden;
}

.sidebar-area a,
.sidebar-area p,
.sidebar-area li,
.sidebar-area address,
.sidebar-area dd,
.sidebar-area blockquote,
.sidebar-area td,
.sidebar-area th,
.sidebar-area .textwidget {
    line-height: 1.9em;
    font-weight: normal;
    text-transform: capitalize;
}

.sidebar-area a {
    font-weight: 600;
    color: #1d1d28;
}

.sidebar-area ul,
#calendar_wrap,
.sidebar-area .textwidget,
.tagcloud {
    list-style: none;
    margin: 0;
    padding: 0 15px;
}

.sidebar-area li a,
.sidebar-area li {
    font-size: 18px;
    font-weight: 600;
    color: #1d1d28;
}

.sidebar-area li {
    padding-bottom: 15px;
    color: #2d3446;
}

.sidebar-area h4.title {
    padding: 10px 15px;
    border-bottom: solid 3px #ea3c57;
    color: #FFF;
    font-size: 24px;
    font-weight: 600;
    background: #1d1d28;
}

.sidebar-area .tagcloud a {
    font-size: 15px !important;
    background: #fff;
    color: #121d21;
    padding: 5px;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    display: inline-block;
    margin: 5px 0;
    text-decoration: none;
}

.sidebar-area .tagcloud a:hover {
    background: #2d3446;
    color: #fff;
}

.sidebar-area form {
    padding: 0;
}

.sidebar-area li a:hover {
    color: #ea3c57;
}

.sidebar-area a:hover {
    color: #ea3c57;
}

.sidebar-area select,
.sidebar-area textarea,
#comments textarea,
.sidebar-area input[type="text"],
#comments input[type="text"],
.sidebar-area input[type="password"],
.sidebar-area input[type="datetime"],
.sidebar-area input[type="datetime-local"],
.sidebar-area input[type="date"],
.sidebar-area input[type="month"],
.sidebar-area input[type="time"],
.sidebar-area input[type="week"],
.sidebar-area input[type="number"],
.sidebar-area input[type="email"],
.sidebar-area input[type="url"],
.sidebar-area input[type="search"],
.sidebar-area input[type="tel"],
.sidebar-area input[type="color"],
.sidebar-area .uneditable-input {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    width: 100%;
    margin: 0;
    padding: 12px;
    background-color: #f3f4f7;
    border: 1px solid rgba(0, 0, 0, 0.125);
    float: unset;
}

.sidebar-area input[type="search"] {
    width: 69%;
    border: none;
    background: transparent;
}

#wp-calendar th,
#wp-calendar #today,
#wp-calendar #today a {
    background: #f3f4f7;
    color: #434343 !important;
}

#wp-calendar a:hover {
    border: none;
}

#wp-calendar {
    background: #fff;
    width: 100%;
}

#wp-calendar caption {
    font-size: 14px;
    text-transform: uppercase;
    margin: 0 0 10px 0;
    text-align: left;
    color: #1d1d28;
}

#wp-calendar th,
#wp-calendar td {
    text-align: center;
    font-size: 14px;
    color: #434343 !important;
    padding: 3px 6px;
}

#wp-calendar td a {
    display: block;
    text-align: center;
    font-size: 14px;
    color: #434343 !important;
    text-decoration: underline
}

#wp-calendar td#prev a,
#wp-calendar td#prev a {
    text-decoration: none;
    text-align: left;
}

#wp-calendar th {
    font-weight: bold
}

tr:nth-child(2n+2) {
    background-color: #f3f4f7;
}

.searchform label {
    display: block;
}

.searchform input[type=text] {
    width: calc(100% - 110px);
    margin: 0;
    padding: 12px;
    float: left;
    background-color: #fff;
    border: 2px solid #efefef;
    outline: none;
}

.searchform input[type=submit] {
    background: #ea3c57;
    border: none;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    position: relative;
    float: left;
    text-shadow: none;
    padding: 14px 0;
    width: 110px;
    margin: 0 auto;
    cursor: pointer;
    -webkit-transition: color .3s ease, background-color .3s ease;
    -moz-transition: color .3s ease, background-color .3s ease;
    -o-transition: color .3s ease, background-color .3s ease;
    transition: color .3s ease, background-color .3s ease;
}

.searchform input[type=submit]:hover,
.searchform input[type=submit]:focus {
    background-color: #2d3446;
    text-decoration: none
}

.searchform:after {
    content: "";
    display: table;
    clear: both;
}

.sidebar-area .post-thumbnail img {
    width: 100%;
    height: 75px;
    border-radius: 50%;
    margin-top: 10px;
}

.sidebar-area .post-title {
    font-size: 18px;
}

 

footer .sidebar-area {
    background: none;
    padding: 25px 0 0 0;
}

footer a,
footer p,
footer .sidebar-area li,
footer .sidebar-area address,
footer .sidebar-area dd,
footer .sidebar-area blockquote,
footer .sidebar-area td,
footer .sidebar-area th,
footer .sidebar-area .title,
footer .sidebar-area .textwidget {
    color: #b9b9b9;
}

.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
    max-width: 100%;
    height: auto;
}

img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
img.alignleft,
img.alignright,
img.aligncenter,
.attachment img {
    max-width: 100%;
    height: auto;
    margin-bottom: 20px;
}

.alignleft,
img.alignleft {
    display: inline;
    float: left;
    margin-right: 24px;
    margin-top: 4px;
}

.alignright,
img.alignright {
    display: inline;
    float: right;
    margin-left: 24px;
    margin-top: 4px;
}

div.aligncenter,
img.aligncenter {
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none;
}

img.alignleft,
img.alignright,
img.aligncenter {
    margin-bottom: 12px;
}

.wp-caption {
    background: #f1f1f1;
    line-height: 18px;
    margin-bottom: 25px;
    max-width: 100% !important;
    padding: 4px;
    text-align: center;
}

.wp-caption img {
    margin: 5px 5px 0;
    width: 96%;
    height: 100%
}

.wp-caption p.wp-caption-text {
    color: #888;
    font-size: 12px;
    margin: 5px;
}

.footer-area .woocommerce ul.cart_list li img,
.footer-area .woocommerce ul.product_list_widget li img {
    height: 70px;
}

/*.footer-area .widget_nav_menu, .footer-area .widget_categories{
    flex: 0;
    margin: auto;
}*/

/*SCROLL TO TOP BUTTON*/

#button_scroll {
    display: inline-block;
    background: #ea3c57;
    width: 45px;
    height: 45px;
    text-align: center;
    position: fixed;
    bottom: 30px;
    right: 30px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    color: #fff;
}

#button_scroll::after {
    font-weight: normal;
    font-style: normal;
    font-size: 10px;
    line-height: 50px;
    color: #fff;
}

#button_scroll.show {
    opacity: 1;
    visibility: visible;
}

#button_scroll .fas {
    color: #fff;
    padding: 8px;
    margin: 5px 0;
}

#button_scroll:hover {
    background: #005690;
}

#button_scroll,
#button_scroll::after {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

#button_scroll::before,
#button_scroll::after {
    background: #ea3c57;
    content: '';
    position: absolute;
    z-index: -1;
}

#button_scroll::after {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

#button_scroll:hover:after {
    height: 0;
    left: 50%;
    top: 50%;
    width: 0;
}


/*PRELOADER*/


/** page **/

.cssloader {
    padding-top: calc(45vh - 25px);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #1d1d28;
    z-index: 99999;
}

 

.loader {
        width: 64px;
        height: 64px;
        position: relative;
        left: 48%;
        background-image:
          linear-gradient(#FFF 16px, transparent 0) ,
          linear-gradient(#FF3D00 16px, transparent 0) ,
          linear-gradient(#FF3D00 16px, transparent 0) ,
          linear-gradient(#FFF 16px, transparent 0);
        background-repeat: no-repeat;
        background-size: 16px 16px;
        background-position: left top , left bottom , right top , right bottom;
        animation: rotate 1s linear infinite;
      }
      @keyframes rotate {
        0% {
          width: 64px;
          height: 64px;
          transform: rotate(0deg)
        }
        50% {
          width: 30px;
          height: 30px;
          transform: rotate(180deg)
        }
        100% {
          width: 64px;
          height: 64px;
          transform: rotate(360deg)
        }
      }
.lt {
    color: #fff;
    margin: 30px auto;
    text-align: center;
    font-weight: 100;
    letter-spacing: 10px;
}

a.close-search-form {
    display: none;
}



.header#site-navigation{
    background-image: -webkit-linear-gradient(30deg, #13223c 80%, #ea3c57 30%);
    padding: 10px 0;
}

header#site-navigation{
    background: #13223c;
    padding: 10px 0;
}
/*Body*/

.top_header{
    padding: 10px 0;
}

.call-deta p{
    text-transform: uppercase;
}
.call-deta span.call{
    font-weight: 600;
}
/*SLIDER SECTION*/

#slider {
    position: relative;
}

#slider .carousel-caption{
    position: absolute;
    transform: translateY(-50%);
    top: 55%;
    left: 5%;
    right: 50%;
}

#slider h2 {
    font-size: 34px;
    color: #110c2b;
     
}

#slider h1 {
    font-size: 70px;
    line-height: 52px;
    color: #ea3c57;
    font-weight: 700;
    text-transform: uppercase;
}

#slider p {
    color: #110c2b;
    margin-bottom: 40px;
}

#slider .button {
    color: #fff;
    background: #ea3c57;
    padding: 10px 20px;
    transition: all 0.6s;
    border-radius: 30px;
    text-transform: uppercase;
    position: relative;
    top: 40px;
    font-family: 'Playfair Display', serif;
}

#slider .button:hover {
    background: #005690;
}

#slider .call-sec,
#slider .mail-sec {
    background: #fff;
    padding: 10px;
    display: flex;
    align-items: center;
}

#slider .contact-sec .dashicons {
    background: #ea3c57;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: 30px;
}

#slider h4 {
    font-size: 16px;
    color: #110c2b;
    margin-bottom: 0;
}

#slider .call-sec {
    margin-right: 15px;
}

#slider h6 {
    margin-bottom: 0;
    font-size: 14px;
    color: #110c2b;
}

#slider .contact-sec {
    position: absolute;
    left: 2%;
}

#slider img {
    width: 100%;
    height: 100%;
}

.page-template-frontpage h5 {
    color: #005690;
    text-transform: uppercase;
    font-size: 18px;
}

.page-template-frontpage h3 {
    color: #ea3c57;
    font-size: 50px;
    font-weight: 500;
    text-transform: uppercase;
}

/*Our Services*/
#services h4{
    color: #005690;
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 600;
}
#services p, .sec-content{
    max-width: 800px;
    margin: auto;
}

#services .icon-sec{
    width: 35px;
    height: 35px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 2px solid #000;
    background: transparent;
    margin-top: 20px;
}
#services .services-icon{
    background: #eaf9fd;
    font-size: 80px;
    width: 150px;
    height: 150px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #202020;
   
}
#services .services-icon:after{
    content: "";
    background: transparent;
    border:3px solid #fff;
    width: 135px;
    height: 135px;
    border-radius: 50%;
    position: absolute;
}
#services .services-box{
     transition: all 0.6s;
}
#services .services-box:hover{
    transform: translateY(-7px);
}

/*About Us Section*/

#aboutus .button {
    color: #fff;
    background: #005690;
    padding: 10px 20px;
    transition: all 0.6s;
    border-radius: 30px;
    text-transform: uppercase;
    font-family: 'Playfair Display', serif;
}
#aboutus .button:hover {
    background: #ea3c57;
}
#aboutus figure {
    margin: 0;
    padding: 0;
    overflow: hidden;
}
#aboutus figure img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    width: 100%;
}

#aboutus figure:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
#aboutus h4{
    color: #202020;
    margin: 20px 0;
    font-size: 22px;
}


/*Latest Plants Section*/

#latest_products h3 {
    color: #fff;
}
#latest_products h5 {
    color: #fff;
}
#latest_products .tab-section{
  display: inline-block;
}
#latest_products .tab-section button{
  border: none;
  background: transparent;
  color: #767c83;
  outline: none;
  cursor: pointer;
}
#latest_products .product-tab{
  float: unset;
  position: relative;
  display: inline-block;
  padding: 10px 5px;
}
#latest_products button.tablinks{
  padding: 5px 10px;
  font-size: 18px;
  color: #fff;
  font-weight: 400;
  display: inline-block;
  transition: all 0.3s;
  text-transform: uppercase;
}
#latest_products .tabcontent.active{
  display: block;
}
#latest_products .tabcontent{
  display: none;
}
#latest_products button.tablinks.active{
  color: #ea3c57;
  background: #fff;
  font-weight: 600;
  padding: 5px 10px;
}
#latest_products button:hover {
  color: #1fba8f;
  padding: 5px 10px;
  color: #ea3c57;
  background: #fff;
}
#latest_products ul{
  padding: 0;
}
#latest_products .project-box{
  overflow: hidden;
  position: relative;
}
#latest_products .project-box{
  position: relative;
}
#latest_products figure{
  margin: 0;
  padding: 0;
  overflow: hidden;
}
#latest_products figure:hover+span{
  opacity: 1;
}
#latest_products img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;
}
#latest_products .project-box:hover img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
#latest_products h4 a{
    color: #fff;
    font-weight: 600;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 20px;
    right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    padding: 10px;
    transition: all 0.6s;
}
#latest_products .project-box:hover h4 a{
  color: #fff;
  visibility: visible;
  z-index: 11;
   background: #005690;
}
#latest_products .col-lg-2{
    flex: 0 0 20%;
    max-width: 20%;
}


/*Video Section*/

#video_section{
    padding: 150px 0;
}
#video_section .video-section{
    position: absolute;
    top:0;
}
#video_section .video-box{
    background: #e7bd0b;
    padding: 70px 20px 50px;
    width: 400px;
    height: 400px;
    border-radius: 50%;
    margin: auto;
}
#video_section .circle{
  fovideo_sectionnt-size: 35px;
  color: #157fd1;
}
#video_section a.open-video {
  display:flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: transparent;
  align-items: center;
  width: 75px;
  height: 75px;
  border: 3px solid #fff;
}
 
#video_section .large{
    border-radius: 50%;
    border: 15px solid #ffffff30;
 }
#video_section .large i{
  font-size: 20px;
  color: #fff;
  background: #000000;
  width: 60px;
  height: 60px;
  display:inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
#video_section .large i:hover{
  color: #ea3c57;
}
#video_section .video-section .video-blog{
  position:fixed;
  top:0;
  right:-100%;
  width:100%;
  height:100%;
  padding:0;
  z-index:1001;
  visibility: hidden;
  -webkit-transition-property: all , -webkit-transform;
  transition-property: all , transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
  transition-timing-function: cubic-bezier(0.7,0,0.3,1);
  background: rgba(255,255,255, 0.98) none repeat;
  border:none !important;
}
#video_section .video-section .video-blog .is-open {
  right:0;
  height:100%;
  visibility: visible;
  top: 30px;
}
#video_section .video-section  .video-blog .is-open section{
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 50px;
}
#video_section .video-section .video-blog a.close-video {
  top:50px;
  position:absolute;
  margin-left:-13px;
  left:50%;
}
#video_section .video-section .video-blog i.videoblog-close-button {
  font-size:25px;
  color:#616161 !important;
  opacity:0;
  -webkit-transition: transform .2s linear;
  -moz-transition: transform .2s linear;
  -o-transition: transform .2s linear;
  transition: transform .2s linear;
}
#video_section .video-section .video-blog .is-open i.videoblog-close-button {
  opacity:1;
  position: relative;
  bottom: 35px;
}
#video_section .video-section .video-blog.is-open i.videoblog-close-button:hover {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}




/*Our Team Section*/

#Our-team h4{
  color: #202020;
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 20px;
}
#Our-team .team-deatil{
    margin-top: 30px;
}

#Our-team .team-deatil a{
    background: #f6f4f9;
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-right: 10px;
    color: #202020;
    transition: all .5s ease 0s;
}
#Our-team .team-deatil a:hover{
    color: #ea3c57;
    transform: rotate(360deg);
}


/*Testimonials*/

#testimonial .testimonial-box {
  background: #fff;
  border-radius: 6px;
  padding: 30px 20px;
}

#testimonial .testimonial-deta{
    display: flex;
    align-items: center;
    margin-top: 30px;
}
#testimonial img {
  width: 120px;
  margin: auto;
}

#testimonial .testimonial-box h4 {
  font-size: 20px;
  color: #202020;
  margin-bottom: 0;
}
#testimonial .content {
    margin-bottom: 0;
    font-style: italic;
}
#testimonial .name-sec{
    padding-left: 20px;

}
#testimonial .owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
  margin: 0 6px;
  width: 10px;
  height: 10px;
  outline: 0;
  background: #252531;
}
#testimonial .owl-carousel button.owl-dot.active {
  background-color: #ea3c57;
}
#testimonial .owl-dots {
  margin: 40px auto;
  display: table;
  display: none;
}
#testimonial .owl-carousel .owl-nav {
  position: absolute;
  bottom: 0;
  width: 100%;
  align-items: center;
  display: flex;
  justify-content: flex-start;
  left: -52%;
}
#testimonial .owl-carousel button.owl-prev {
  width: 45px;
  height: 45px;
  background: #ea3c57;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  position: relative;
  outline: none;
}
#testimonial .owl-carousel button.owl-next {
  width: 45px;
  height: 45px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #252531;
  right: -20px;
  position: relative;
  outline: none;
}

#testimonial .testimonial-box-img{
    position: relative;
}
#testimonial .testimonial-box-img span.dashicons{
    position: absolute;
    top: 0;
    font-size: 40px;
    color: #75d3c9;
}

#testimonial .review-sec{
  background: #fff;
  padding: 20px 20px;
}
#testimonial .Stars {
  --percent: calc(var(--rating) / 5 * 100%);
  display: inline-block;
  font-size: 24px;
  line-height: 1;
  color: #fff;
} 
#testimonial .Stars:before {
  content: '★★★★★';
  letter-spacing: 3px;
  background:  #ffc900;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


/*Recent Blog Section*/
 
#recent_blog figure {
    margin: 0;
    padding: 0;
    overflow: hidden;
    display: block;
    width: 100%;
}
#recent_blog figure:hover+span {
    opacity: 1;
}
#recent_blog img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    height: auto;
}
#recent_blog .recent_box:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0.6;
}
#recent_blog .recent_box{
    position: relative;
    margin-bottom: 250px;
}
#recent_blog .post-content{
    position: absolute;
    top: 70%;
    left: 20px;
    right: 20px;
    background: #fff;
}

#recent_blog h4 a {
    font-size: 18px;
    color: #005690;
    text-transform: uppercase;
}

#recent_blog .recent_box:hover h4 a {
    color: #ea3c57;
}
#recent_blog .post-details span{
    font-size: 14px;
    line-height: 26px;
    color: #ea3c57;
    font-weight: 600;
    text-transform: uppercase;
}
#recent_blog .post-comments {
    font-size: 12px;
    line-height: 20px;
    color: #9999ab;
}

#recent_blog p.content-post {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
}
#recent_blog span.admin {
    color: #9999ab;
}
#recent_blog .post-goto{
    width: 35px;
    height: 35px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 2px solid #000;
    background: transparent;
    margin-top: 20px;
}


/* counter Section*/

#counter{
    position: relative;
}
#counter .inner-counter{
    position: absolute;
    right: 0;
    left: 0;
    top: -50px;
}
#counter .data_box{
    display: flex;
    align-items: center;
    justify-content: center;
}
#counter .counter_value{
    padding-left: 65px;
}
#counter .dashicons{
    font-size: 70px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
#counter span.count{
    font-size: 40px;
    font-weight: 600;
    color: #fff;
}
#counter h4{
    color: #fff;
    margin-bottom: 0;
    font-size: 14px;
    text-transform: uppercase;
}
#counter .owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
    margin: 0 6px;
    width: 10px;
    height: 10px;
    border: 0.24px solid #555555;
    outline: 0;
    display: none;
}

#counter .owl-carousel button.owl-dot.active {
    background-color: #ea3c57;
    border: 0.24px solid #ea3c57;
}

/*Conatct Section*/


#contact_block .google-map{
    position: relative;
}
#contact_block .contact-info{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100px;
}
#contact_block .contact-info h4{
    text-transform: uppercase;
    font-size: 20px;
}
#contact_block .box-size{
    text-align: center;
    color: #fff;
    height: 100%;
}
#contact_block .dashicons{
    font-size: 70px;
   display: inline;
   color: #fff;
}

#contact_block .location-box{
    background: #177cbf;
   
}
#contact_block .contact-box{
    background: #df3953;

}
#contact_block .mail-box{
    background: #e7bd0b;
    
}
#contact_block .houre-box{
    background: #13213b;
    
}


/*Contact Us*/
#newsletter h5 {
    color: #ffffff;
}

#newsletter p {
    color: #fff;
}
#newsletter .form input.wpcf7-form-control.wpcf7-text {
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    width: 100%;
    height: 44px;
    background-color: transparent;
    padding: 20px;
    outline: none;
    border: 1px solid #fff;
    margin-bottom: 20px;
}
#newsletter .form input.wpcf7-form-control.wpcf7-text::placeholder{
    color: #fff;
}
#newsletter .form textarea.wpcf7-form-control.wpcf7-textarea{
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    width: 100%;
    height: 150px;
    background-color: transparent;
    padding: 20px;
    outline: none;
    border: 1px solid #fff;
    margin-bottom: 20px;
}
#newsletter .form textarea.wpcf7-form-control.wpcf7-textarea::placeholder{
    color: #fff;
}

#newsletter .form input.wpcf7-form-control.has-spinner.wpcf7-submit {
    background-color: #ea3c57;
    color: #fff;
    height: 44px;
    border: 0;
    border-radius: 30px;
    padding: 0 20px;
    cursor: pointer;
    font-family: 'Playfair Display', serif;
    text-transform: uppercase;
}

#newsletter .form input.wpcf7-form-control.has-spinner.wpcf7-submit:hover {
    background: #1d1d28;
}
#newsletter  .wpcf7 form.failed .wpcf7-response-output, 
#newsletter  .wpcf7 form.aborted .wpcf7-response-output{
    color: #fff;
}

/*Innner page recent projects*/

#recent-page-inner figure {
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: #000000;
}

#recent-page-inner figure:hover+span {
    opacity: 1;
}

#recent-page-inner img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

#recent-page-inner .project-box :hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0.6;
}

#recent-page-inner .box {
    background: #2d3446;
}

#recent-page-inner h4 {
    color: #fff;
    font-weight: 600;
}

#recent-page-inner .box:hover h4 {
    color: #ea3c57;
}

#recent-page-inner img {
    height: 300px;
    max-height: 300px;
    width: 100%;
}

#recent-page-inner .read-more {
    color: #fff;
}


/*Footer Section*/

.footer-area .textwidget {
    list-style: none;
}

.footer-area .textwidget ul {
    padding: 0 10px;
}

.footer-area .textwidget ul li {
    margin: 10px 0;
    color: #a4a0bc;
    font-weight: 500;
    list-style: none;
}

.footer-area li::marker {
    color: #ea3c57;
}

.footer-area h2 {
    color: #fff;
    font-weight: 500;
}

.footer-area h4.title {
    color: #fff;
    font-weight: 500;
    font-size: 24px;
    text-transform: uppercase;
}

.footer-area .social-link a {
    font-size: 20px;
    color: #cccccc;
    font-weight: 400;
    font-family: "Lato";
    text-align: left;
}

.footer-area .social-link a:hover {
    color: #ea3c57;
}

.footer-area .social-link i:before {
    margin-right: 15px;
    width: 16px;
    display: inline-block;
}

 

.footer-area .fas,
.footer-area .far,
.footer-area .fab {
    color: #fff;
    margin-right: 10px;
    background: #101c30;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    padding: 13px 13px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 15px;
    transition: .3s ease-in-out;
    cursor: pointer;
}
.footer-area .fas:hover,
.footer-area .far:hover,
.footer-area .fab:hover{
  background: #fff;
  color: #ea3c57;
}

.footer-area .post-thumbnail img {
    max-width: 100px;
    height: 70px;
    float: right;
}

.footer-area .post-title {
    font-size: 16px;
    font-weight: 400;
}

.footer-area .post-meta a {
    font-weight: 400;
    color: #ea3c57;
    font-size: 16px;
}

.footer-area ul {
    padding-left: 0;
    line-height: 2;
}

.footer-area ul li {
    margin: 6px 0;
    color: #b9b9b9;
    list-style: none;
}

/*.footer-area ul li::before {
    content: "\f0da";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 15px;
}*/

.footer-area select {
    width: 100%;
    padding: 10px;
}

.footer-area bdi {
    color: #fff;
}

.footer-area form.wpcf7-form {
    position: relative;
}

.footer-area form.wpcf7-form::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f105";
    position: absolute;
    right: 15px;
    top: 10px;
    z-index: 99;
    color: #fff;
    font-size: 20px;
}

.footer-area .wpcf7 input[type="email"] {
    direction: ltr;
    width: 100%;
    height: 50px;
    border-radius: 3px;
    background-color: #1d1d28;
    border: 0;
    padding: 25px;
}

.footer-area .wpcf7 [type="submit"] {
    -webkit-appearance: button;
    width: 48px;
    height: 50px;
    border-radius: 3px;
    font-size: 0;
    background-color: #ea3c57;
    position: absolute;
    right: 0;
    top: 0;
    border: 0;
}

.footer-area .textwidget p {
    color: #b9b9b9;
    font-weight: 400;
}

.footer-area .contact-info {
    display: flex;
}

.footer-area .contact-info span {
    margin-bottom: 20px;
    margin-right: 19px;
    background: #cccccc;
    border-radius: 3px;
    color: #1d1d28;
}

.footer-area .header-email-inner {
    font-size: 20px;
    color: #cccccc;
    font-weight: 400;
}

.copyright p {
    color: #b9b9b9;
    margin-bottom: 0;
}

.copyright a {
    color: #ea3c57;
}

.copyright a:hover {
    color: #fff;
}

.footer-area .woocommerce ul.product_list_widget li {
    padding: 5px 0;
}

.custom-h6 {
    font-size: 18px !important;
}

.copyright {
  background: #13223c;
}
.copyright-box{
 border-top: 1px solid #5b5b5b;
}
.latest-post .post-content.entry-content{
  background: #fff;
  padding: 20px;
  text-align: center;
}
.recent_left{
    border: 2px solid #eee;
}
/*Contact Page*/

#contact .contact-title {
    font-size: 44px;
    color: #1e1e1e;
    font-weight: 700;
}

#contact h2 {
    font-size: 30px;
    line-height: 42px;
    font-weight: 400;
}

#contact p {
    color: #362a45;
}

#contact .services-box:hover p {
    color: #fff;
}

#contact .contact-text {
    color: #2d3446;
}

#contact .icon1 {
    background: #fff;
    color: #2d3446;
    border-radius: 50%;
    filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.1));
    width: 45px;
    height: 45px;
    padding: 10px;
    margin: 0 5px;
    webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    display: inline-table;
    font-size: 24px;
    cursor: pointer;
}

#contact .icon1:hover {
    transform: rotate(360deg);
    color: #fff;
    background: #ea3c57;
}

#contact .contact-enquiry {
    background: #fff;
}

#contact .services-box {
    border-radius: 10px;
    height: 225px;
    background: #F5F5F5;
    border: 1px solid #D9DEE2;
    transition: all 0.6s;
}

#contact .services-box:hover {
    background: #177cc0;
    border-color: #177cc0;
    color: #fff;
}

#contact input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    width: 25%;
    margin: 10px 10px;
}

#contact input.wpcf7-form-control.wpcf7-text {
    width: 100%;
    height: 46px;
    border: 0.8px solid #ea3c57;
    font-size: 16px;
    line-height: 26px;
    color: #1d1d28;
    font-weight: 400;
    padding: 15px 20px;
    outline: 0;
    margin-bottom: 15px;
    border-radius: 8px;
}

#contact input.wpcf7-form-control.wpcf7-text::placeholder {
    color: #1d1d28;
}

#contact textarea.wpcf7-form-control.wpcf7-textarea {
    width: 100%;
    border: 1px solid #ea3c57;
    font-size: 16px;
    line-height: 26px;
    color: #1d1d28;
    font-weight: 400;
    font-family: "Lato";
    height: 130px;
    padding: 13px;
    outline: 0;
    border-radius: 8px;
}

#contact textarea.wpcf7-form-control.wpcf7-textarea::placeholder {
    color: #1d1d28;
}

#contact input.wpcf7-form-control.has-spinner.wpcf7-submit {
    font-size: 16px;
    line-height: 43px;
    font-weight: 400;
    background-color: #ea3c57;
    color: #fff;
    padding: 0 29px;
    margin-top: 10px;
    display: inline-block;
    transition: all 0.6s;
    border: 0;
    width: auto;
    border-radius: 20px;
    text-transform: uppercase;
    cursor: pointer;
}

#contact input.wpcf7-form-control.has-spinner.wpcf7-submit:hover {
    color: #fff;
    font-weight: 500;
    border: none;
    background: #1d1d28;
}

#contact span.wpcf7-spinner {
    display: block;
}

#contact embed {
    width: 100%;
    height: 500px;
}

#contact .icon2 {
    font-size: 50px;
    color: #ea3c57;
    display: inline;
    -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    display: inline-table;
}

#contact .services-box:hover .icon2 {
    transform: rotate(360deg);
    color: #fff;
}

#contact h6 {
    color: #2d3446;
    text-transform: capitalize;
    font-size: 20px;
    font-weight: 600;
}

#contact .services-box:hover h6 {
    color: #fff;
}

#contact h5 {
    text-transform: uppercase;
    font-size: 28px;
    font-weight: 600;
    color: #ea3c57;
}

#contact h3 {
    color: #2d3446;
    text-transform: capitalize;
    font-size: 34px;
    font-weight: 500;
}

.contact-form {
    color: #362a45;
}

.form-box {
    background: #fff;
}

.page-single #latest_products{
    background: transparent;
}

/*MEDIA QUERY 320 TO 720*/

@media only screen and (min-width: 320px) and (max-width: 720px) {
  .admin-bar .fix-sticky {
    margin-top: 0;
  }
  #main-menu ul {
    display: block;
  }
  .fix-sticky {
    position: unset;
  }
  .logo-image img{
    width: 200px;
  }
  .copyright {
    width: auto;
  }
  #main-menu ul li a {
    color: #2d3446;
  }
  .sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999;
    top: 50px;
    left: 0;
    background-color: #ffff;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    text-align: center;
  }
  .sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s;
  }
  .header-border{
    filter: unset;
  }
  #main-menu {
    top: 25px;
  }
  .sidenav a:hover {
    color: #f1f1f1;
  }
  #main-menu ul.children,
  #main-menu ul.sub-menu {
      box-shadow: none;
  }
  .sidenav .closebtn {
      position: absolute;
      top: 10px;
      right: 25px;
      font-size: 36px;
      margin-left: 50px;
  }
  #site-navigation .sidenav a.closebtn,
  .open-menu {
      display: inline-block;
      background: #ea3c57;
      padding: 0 10px;
      color: #fff;
      border-radius: 6px;
  }
  #main-menu ul.children,
  #main-menu ul.sub-menu {
      background: transparent;
  }
  #main-menu ul.sub-menu li a:hover:after {
      background: transparent;
      color: #2d3446;
  }
  #main-menu ul.sub-menu li a:hover {
      color: #2d3446;
  }
  #main-menu ul.sub-menu li a:before {
      border: none;
  }
  .woocommerce #content table.cart td.actions .coupon .button.alt,
  .woocommerce #content table.cart td.actions .coupon .input-text+.button,
  .woocommerce table.cart td.actions .coupon .button.alt,
  .woocommerce table.cart td.actions .coupon .input-text+.button,
  .woocommerce-page #content table.cart td.actions .coupon .button.alt,
  .woocommerce-page #content table.cart td.actions .coupon .input-text+.button,
  .woocommerce-page table.cart td.actions .coupon .button.alt,
  .woocommerce-page table.cart td.actions .coupon .input-text+.button {
      float: unset;
      width: 100% !important;
      margin: 0;
  }
  .woocommerce #content table.cart td.actions .button,
  .woocommerce table.cart td.actions .button,
  .woocommerce-page #content table.cart td.actions .button,
  .woocommerce-page table.cart td.actions .button {
      width: 100%;
      margin: 0;
  }
  .woocommerce-cart table.cart td.actions .coupon .input-text {
      width: 100% !important;
  }
  .woocommerce div.product .woocommerce-tabs ul.tabs li {
      padding: 10px 20px;
  }
  .woocommerce .quantity .qty {
      max-width: 120px;
  }
  .summary.entry-summary {
      text-align: center;
  }
  .woocommerce div.product div.images img,
  .woocommerce ul.products li.product a img {
      padding: 0 5px;
  }
  section.related.products {
      padding: 0 5px;
  }
  .woocommerce ul.products[class*=columns-] li.product,
  .woocommerce-page ul.products[class*=columns-] li.product {
      width: 100%;
  }
  .page-404 h1 {
      font-size: 100px;
  }
  .page-404 p {
      margin-left: 0;
      margin-right: 0;
  }
  p.cart-item-box {
      left: 50%;
  }
   
  .admin-bar .fix-sticky {
      position: relative;
  }
  .header-search .search-form.is-open form{
    padding: 0 20px;
  }
  
  .logo-box {
      position: unset;
      width: 43%;
      text-align: left;
      padding: 0px 6px 0 10px;
  }
  .menu-box {
      left: 0;
      padding: 0;
      flex: 0 0 20%;
      max-width: 20%;
  }
  .logo a img.custom-logo {
      height: auto;
  }
   
  .top_header {
    flex-wrap: wrap;
    justify-content: center;
  }
  .page-template-frontpage .header{
    position: relative;
  }
  .contact-info{
    display: grid;
  }
   
  .form input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email {
      font-size: 13px;
      width: 168px;
  }
  .top_header .social-links .fab{
   width: 25px;
   height: 25px;
  }
  .top_header .dev1{
    order: 1;
  }
  .top_header .dev2{
    order: 3;
  }
  .top_header .dev3{
    order: 2;
  }
  .call-deta p{
    font-size: 12px;
  }
  .call-deta span.call{
    font-size: 14px;
  }
  .call-info .dashicons{
    width: 35px;
    height: 35px;
  }
  #slider h2 {
      font-size: 14px;
  }
  #slider h1 {
      font-size: 22px;
      line-height: 20px;
      margin-bottom: 10px;
  }
  #slider p{
    display: none;
  }
  #slider .button{
    font-size: 12px;
    top: 10px;
  }
  #slider .carousel-caption{
    top: 30%;
  }
   
  #slider .owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
    margin: 0 6px;
    width: 10px;
    height: 10px;
    background: #252531;
    outline: 0;
   }

  #slider .owl-carousel button.owl-dot.active {
      background-color: #ea3c57;
  }

  #slider .owl-dots {
      margin: 0 auto;
      display: table;
  }
  .page-template-frontpage h5{
    font-size: 16px;
  }
  .page-template-frontpage h3{
    font-size: 22px;
    line-height: 35px;
  }
  #aboutus .dev1{
    margin-top: 30px;
  }
   #latest_products .col-lg-2 {
    max-width: 100%;
    flex: auto;
  }

  #latest_products .tab-section ul{
    display: flex;
    overflow-x: scroll;
  }
  #latest_products .tab-section{
    display: flex;
  }
  #video_section .video-section{
    top: -30px;
  }
  #video_section .video-box{
    width: 300px;
    height: 300px;
  }
  #counter .inner-counter{
    position: unset;
  }
  #contact_block .contact-info{
    position: unset;
  }
  #video_section .video-section .video-blog .is-open{
    top: 0;
  }
  #newsletter .form input.wpcf7-form-control.has-spinner.wpcf7-submit{
    position: relative;
    margin-top: 20px;
  }
  .wpcf7-spinner{
    display: block;
  }
  .footer-area ul {
      padding: 0 10px;
  }
  #contact .dashicons {
      margin: 20px 0;
      display: inline;
  }
  #contact hr {
      width: 30%;
  }
  #contact .contact-form p {
      margin-left: 0;
      margin-right: 0;
  }
  #contact input.wpcf7-form-control.wpcf7-text,
  #contact input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-number,
  #contact textarea.wpcf7-form-control.wpcf7-textarea {
      width: 100%;
      margin: 15px 0;
  }
  #contact .wpcf7 .ajax-loader {
      display: block;
      left: 38%;
  }
  #comments textarea {
      width: 100%;
  }
  .woocommerce-page div.product div.summary {
      padding: 15px;
  }
  .post-single .blog_share_icon .fab {
      width: 40px;
      height: 40px;
      font-size: 14px;
      margin: 0 -1px;
  }
  footer {
      border-radius: 0;
      padding: 0;
  }
  .footer-area .textwidget {
      margin-bottom: 30px;
  }
  .footer-area .social-links {
      justify-content: center;
  }
  h2,
  .h2 {
      font-size: 1.5rem;
  }
  .footer-area ul {
      padding: 0 10px;
      display: table;
      margin: 0 auto 30px;
  }
  .footer-area h4.title{
    display: inline-block;
  }
  #latest_projects .owl-dots{
    margin: 20px auto;
  }
}


/*MEDIA 721 TO 1023*/

@media only screen and (min-width: 721px) and (max-width: 1023px) {
    #main-menu {
        float: left;
        width: 100%;
    }
    #main-menu ul {
        justify-content: center;
    }
    .copyright {
        width: auto;
    }
    .header-border{
      filter: unset;
    }
    .logo a img.custom-logo {
        height: auto;
    }
    .admin-bar .fix-sticky {
        margin-top: 45px;
    }
    .menu-box{
      order: 3;
    }
    #contact input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
        width: 30%;
    }
    #contact textarea.wpcf7-form-control.wpcf7-textarea {
        width: 95%;
        margin: 15px 0;
    }
    #contact input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-number {
        width: 45%;
        margin: 10px 10px;
    }
    #contact input.wpcf7-form-control.wpcf7-text {
        width: 46%;
        margin: 20px 10px;
    }
    #contact .wpcf7 .ajax-loader {
        display: block;
    }
    .sidebar-area .post-title {
        font-size: 14px;
    }
    .woocommerce div.product div.images img {
        width: auto;
    }
    .woocommerce #content div.product div.images,
    .woocommerce div.product div.images,
    .woocommerce-page #content div.product div.images,
    .woocommerce-page div.product div.images {
        width: 50%;
    }
    .woocommerce #content div.product div.images,
    .woocommerce #content div.product div.summary,
    .woocommerce div.product div.images,
    .woocommerce div.product div.summary,
    .woocommerce-page #content div.product div.images,
    .woocommerce-page #content div.product div.summary,
    .woocommerce-page div.product div.images,
    .woocommerce-page div.product div.summary {
        float: left;
        width: 50%;
    }
    .woocommerce button.button {
        margin: 0 10px;
        padding: 12px 20px;
    }
    .top-header span {
        font-size: 12px;
    }
    .header#site-navigation {
        background-image: -webkit-linear-gradient(30deg, #13223c 75%, #ea3c57 30%);
    }
    .top_header .social-links .fab{
        width: 25px;
        height: 25px;
    }
    .contact-info .sec1{
        justify-content: center;
        margin-right: 0;
    }
    .contact-info{
        text-align: center;
        display: block;
    }
    #main-menu ul li a {
        padding: 16px 10px;
        font-size: 16px;
    }
    .logo-box {
        position: unset;
    }
    .logo-box img {
        max-width: 100%;
    }

    .page-template-frontpage .header{
        position: relative;
    }
    #slider h1{
      font-size: 30px;
      line-height: 34px;
      margin-bottom: 30px;
    }
    #slider h2{
        font-size: 20px;
    }
    #slider .carousel-caption{
        top: 50%;
    }
    .page-template-frontpage h3{
        font-size: 40px;
    }
    #aboutus figure{
        margin-top: 40px;
    }
     
    #latest_products .col-lg-2{
        max-width: 100%;
        flex: 0 0 33.3333%;
    }
    #counter .inner-counter{
        position: unset;
    }
    #newsletter .form input.wpcf7-form-control.has-spinner.wpcf7-submit{
      right: 120px;
    }
    #newsletter .form{
      justify-content: center;
      margin-top: 30px;
    }
    #contact_block .contact-info h4{
        font-size: 18px;
    }
    #contact_block .dashicons{
        font-size: 40px;
    }
    .widget_text,
    .widget_nav_menu {
        margin-bottom: 30px;
    }
    footer {
        padding: 0;
    }
    #contact-us .contact {
        padding: 0;
    }
    #contact-us .contact h3 {
        font-size: 25px;
    }
    .form input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email {
        font-size: 13px;
        width: 158px;
    }

}


/*MEDIA 1024 TO 1119*/

@media only screen and (min-width: 1024px) and (max-width: 1199px) {
    .header-border{
      filter: unset;
    }
    #main-menu ul li a {
        padding: 10px 10px;
        font-size: 16px;
    }
    .button-header a{
      font-size: 14px;
    }
    .logo-image img {
        width: 200px;
    }
    .top_header .social-links .fab{
       width: 25px;
        height: 25px;
    }
      
    .form input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email {
        width: 242px;
    }
    #contact-us .contact {
        padding: 0;
    }

    #testimonial .owl-carousel .owl-nav, 
    #recent_blog .owl-carousel .owl-nav{
      display: none;
    }
     
    #slider h1{
      font-size: 32px;
      line-height: 42px;
    }
    #newsletter{
        background-size: auto !important;
    }
     
}


/*MEDIA 1200 TO 1440*/

@media only screen and (min-width: 1200px) and (max-width: 1440px) {
    .woocommerce .quantity .qty {
        max-width: 150px;
    }
    .latest-post .date-meta {
        font-size: 12px;
    }
    
     
}