@font-face {
    font-family: 'Baskerville';
    src: url('Baskerville Light.eot');
    src: url('Baskerville Light.eot?#iefix') format('embedded-opentype'), url('Baskerville Light.woff2') format('woff2'), url('Baskerville Light.woff') format('woff'), url('Baskerville Light.svg#Baskerville Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00BF;
}
@font-face {
    font-family: 'Baskerville';
    src: url('Baskerville-Normal.eot');
    src: url('Baskerville-Normal.eot?#iefix') format('embedded-opentype'), url('Baskerville-Normal.woff2') format('woff2'), url('Baskerville-Normal.woff') format('woff'), url('Baskerville-Normal.svg#Baskerville-Normal') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}
@font-face {
    font-family: 'Baskerville';
    src: url('Baskerville Bold.eot');
    src: url('Baskerville Bold.eot?#iefix') format('embedded-opentype'), url('Baskerville Bold.woff2') format('woff2'), url('Baskerville Bold.woff') format('woff'), url('Baskerville Bold.svg#Baskerville Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00BF;
}
@font-face {
    font-family: 'Baskerville';
    src: url('Baskerville Light-Italic.eot');
    src: url('Baskerville Light-Italic.eot?#iefix') format('embedded-opentype'), url('Baskerville Light-Italic.woff2') format('woff2'), url('Baskerville Light-Italic.woff') format('woff'), url('Baskerville Light-Italic.svg#Baskerville Light-Italic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}
a:focus{ outline:none !important;}
.breadcrumb {display: none !important;}
/* HEADER */
.fix_header .header-border {
    padding: 10px 0;
    border-bottom: 1px solid #c89f5f;
}
/*.fix_header {
    margin-top: 19px;
}*/
.fix_header .container {
    width: 1350px;
}
/*.fix_header .logo {
    background-color: #484a56;
    padding: 16px 30px;
}*/
header .main_menu {
    margin: 20px 0 0px 0;
}
.fix_header .logo img {
    width: 100%;
}
.fix_header .h_menu ul li {
    border-right: 1px solid #484a56;
    margin-right: 15px;
    padding-right: 15px;
}
.fix_header .h_menu ul li:last-child {
    border: none;
}

.main_menu ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.main_menu ul li:before {
    background-image: url(../images/icon_design_services.png);
    width: 25px;
    display: inline-block;
    content: "";
    height: 22px;
    background-repeat: no-repeat;
    background-size: 24px;
    vertical-align: sub;
}

.nav .responsive_menus_show{display: none !important;}

/* FOOTER */

.footer li a {
    font-size: 17px;
}
.footer .footer_logo {
    margin-bottom: 30px;
}
.footer .col-md-3:first-child, .footer .col-md-3:last-child {
    margin-top: 20px;
}
.footer .newsletter_footer .newsletter .actions {
    width: 42%;
    vertical-align: middle;
    display: inline-block;
    float: right;
}
.footer .newsletter_footer .field.newsletter {
    display: inline-block;
    width: 58%;
}
.footer .newsletter_footer .newsletter .actions button {
    width: auto;
    height: auto;
    display: block;
    background: #333 !important;
    position: unset;
    padding: 5px 30px;
    font-family: 'Baskerville' !important;
    text-transform: uppercase;
    border: none;
    border-radius: 0;
    color: #caa66e;
}
.block.newsletter .field .control:before {
    display: none;
}
.footer .newsletter_footer .newsletter input {
    padding: 0;
    border: none;
    font-family: 'Baskerville' !important;
    font-size: 18px;
    outline: none;
    width: 99%;
    padding-right: 10px;
}
.footer .newsletter_footer .newsletter.block {
    width: 100%;
    border: 2px solid #e0caa8;
    padding: 10px;
    margin-bottom: 20px;
}
.footer .social_media i {
    font-size: 40px;
    margin-right: 60px;
}
.footer li a:hover {
    color: #c89f5f;
}
.footer li a.fw_bold {
    line-height: 26px;
    font-weight: 500;
}
.footer .newsletter_footer .newsletter label {
    position: relative;
}
.footer .newsletter_footer .newsletter div#newsletter-error {
    position: absolute;
    bottom: -14px;
}
.footer .newsletter_footer .newsletter input:focus {
    box-shadow: none;
}
.footer li {
    margin-bottom: 1rem;
}
.footer .footer_logo img {
    width: 22%;
}
/* BLOG */

.blog .wrap {
    max-width: 1320px;
    margin: 0 auto;
}
.content-sidebar-wrap {
    margin-top: 60px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
}
.category-mirrorize .entry-content p {
    display: block;
    letter-spacing: 1px;
    font-weight: 500;
}
.category-mirrorize header.entry-header, .category-mirrorize .entry-content {
    width: 56%;
    display: inline-block;
    vertical-align: middle;
    padding-left: 20px;
}
/*.category-mirrorize header.entry-header {
    text-align: right;
}*/
.category-mirrorize .entry-content .ctcustom_image {
    background-repeat: no-repeat;
    margin: auto;
    background-position: center;
    background-size: cover;
}
.category-mirrorize {
    border-bottom: 1px solid #ccc;
    margin-bottom: 40px;
    padding-bottom: 40px;
}
.category-mirrorize header.entry-header a {
    color: #c89f5f;
    font-size: 45px;
    line-height: 42px;
    font-weight: normal;
    text-transform: uppercase;
}
/*.category-mirrorize header.entry-header h2 {
    padding-right: 20px;
}*/
.blog .pagination {
    margin: 0 0 20px 0;
    text-align: right;
    width: 100%;
}
.blog .pagination a:hover {
    background: #c89f5f;
    color: #fff;
}
.blog .pagination a {
    border: 1px solid #c89f5f;
    color: #c89f5f;
    padding: 5px 10px;
    display: inline-block;
}
.site-inner {
    max-width: 1320px;
    margin: 20px auto 0 auto;
}
.single-post .ctcustom_image:before {
    content: "";
    background-color: #000;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.5;
}
.ctcustom_image {
    height: 500px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
    position: relative;
    max-width: 1320px;
    margin: 0 auto;
}
.ctcustom_image h1 {
    color: #fff;
    position: relative;
    text-align: center;
    top: 50%;
    font-size: 80px;
    line-height: 80px;
    -moz-transform: translate(0px, -50%);
    -webkit-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
    padding: 0 220px;
    text-transform: uppercase;
    font-weight: normal;
}
.single-post .entry-content {
    margin-top: 10px;
}
.single-post .entry-content p {
    margin-bottom: 15px;
    font-size: 20px;
}
.single-post .entry-content p strong {
    font-size: 24px;
}
.site-inner h1.entry-title {
    display: none;
}
.site-inner .sidebar {
    width: 25%;
    display: inline-block;
    border: 1px solid #ccc;
    padding: 20px;
}
.site-inner main.content {
    width: 75%;
    display: inline-block;
    vertical-align: top;
    padding-right: 15px;
    overflow: auto;
}

.site-inner main.content::-webkit-scrollbar {
    width: 25px;
}

/* Track */
.site-inner main.content::-webkit-scrollbar-track {
    border: 2px solid #6d6e78;
}
 
/* Handle */
.site-inner main.content::-webkit-scrollbar-thumb {
    background: #6d6e78;  
}

/* Handle on hover */
.site-inner main.content::-webkit-scrollbar-thumb:hover {
    background: #6d6e66; 
}


.single-post .entry-content p, .single-post .entry-content li {
    font-size: 24px !important;
    line-height: 30px;
}
.site-inner .sidebar h4 {
    color: #c89f5f;
    font-size: 28px;
    margin-bottom: 20px;
    border-bottom: 1px solid #c89f5f;
    padding: 0 0 5px 0;
    margin-top: 0;
}
.site-inner .sidebar .textwidget {
    font-size: 18px;
    font-weight: 500;
}
.site-inner .sidebar ul li {
    font-size: 18px;
    margin-bottom: 20px;
    position: relative;
    padding-left: 30px;
}
/*.site-inner .sidebar ul li:before {
    background-image: url(../images/icon_design_services.png);
    width: 25px;
    display: inline-block;
    content: "";
    height: 22px;
    background-repeat: no-repeat;
    background-size: 24px;
    position: absolute;
    left: 0;
    top: 5px;
}*/
.site-inner .sidebar ul li a {
    color: #000;
}
/*.site-inner .sidebar .search-form input[type="search"] {
    border: 1px solid #ccc;
    height: 40px;
    width: 75%;
    padding: 10px;
}*/
/*.site-inner .sidebar .search-form input[type="submit"] {
    border: 1px solid #c89f5f;
    background: #fff;
    color: #c89f5f;
    padding: 8px 21px;
    margin-left: 10px;
}*/
.single-post .entry-content p img {
    padding: 10px;
    width: 100%;
    object-fit: contain;
}


/*05-08-2021*/
.blog .container, .footer .container {
    width: 1320px;
}
.category-mirrorize:nth-child(even) {
    display: inline-flex;
    width: 100%;
    display: -webkit-inline-flex;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    display: -moz-inline-flex;
    -moz-justify-content: center;
    -moz-align-items: center;
}
.category-mirrorize h2 {
    margin-top: 0;
}
.category-mirrorize h2 a {
    color: #d0ac75;
    text-transform: uppercase;
    font-size: 42px;
    letter-spacing: 3px;
}
.category-mirrorize a.post-edit-link {
    display: none;
}
.category-mirrorize:nth-child(even) .ctcustom_image {
    order: 2;
}
.category-mirrorize:nth-child(even) .entry-content {
    padding-left: 0;
    padding-right: 20px;
}
.category-mirrorize:nth-child(odd) .entry-content {
    padding-left: 20px;
    padding-right: 0;
}
.content-sidebar-wrap .sidebar {
    width: 25%;
    display: inline-block;
    margin-right: -4px;
    vertical-align: top;
    border: 1px solid #cccccc;
    padding: 15px;
    margin-bottom: 15px;
}
.content-sidebar-wrap .content {
    display: inline-block;
    width: 75%;
    padding-right: 15px;
}
.content-sidebar-wrap .sidebar .widgettitle {
    border-bottom: 1px solid;
    font-size: 28px;
    color: #c89f5f;
    padding-bottom: 5px;
    margin: 0 0 15px 0;
}
.content-sidebar-wrap .sidebar a {
    display: block;
    font-size: 18px;
    position: relative;
    font-weight: 500;
}
.site-inner .sidebar ul li:before {
    content: "";
    background-image: url(../images/icon_blog.png);
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    background-size: 20px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    top: 2px;
}
.content-sidebar-wrap .sidebar ul {
    margin-bottom: 20px;
}
.blog .content-sidebar-wrap .sidebar .search-form,
.site-inner .sidebar .search-form {
    position: relative;
    margin-bottom: 20px;
}
.blog .content-sidebar-wrap .sidebar .search-form input[type="search"],
.site-inner .sidebar .search-form input[type="search"] {
    height: 50px;
    border: 1px solid #2b2c31;
    padding: 0 10px;
    width: 100%;
    color: #2b2c31;
    font-size: 16px;
}
.blog .content-sidebar-wrap .sidebar .search-form input[type="submit"],
.site-inner .sidebar .search-form input[type="submit"] {
    position: absolute;
    top: 0;
    right: 0;
    height: 50px;
    background: #2b2c31;
    border: none;
    color: #fff;
    width: 50px;
    text-indent: -99999px;
    background-image: url(../images/search-icon.png);
    background-repeat: no-repeat;
    background-position: center;
}
.category-mirrorize p {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 20px;
}
.category-mirrorize p a.more-link {
    display: block;
    background: #c89f5f;
    width: 200px;
    font-size: 20px;
    padding: 10px;
    color: #fff;
    text-align: center;
    line-height: 24px;
    margin-top: 20px;
    text-transform: capitalize;
}
.category-mirrorize p a.more-link:hover {
    background: #2b2c31;
}
.category-mirrorize .ctcustom_image {
    width: 44%;
    display: inline-block;
    vertical-align: middle;
}
.single-post .category-mirrorize:nth-child(even) {
    display: block;
}
.single-post .category-mirrorize header.entry-header, .single-post .category-mirrorize .entry-content {
    width: 100%;
    padding: 0;
    margin: 0;
}
.category-mirrorize .entry-content p.entry-meta {
    font-size: 18px;
}
.category-mirrorize .entry-content time.entry-time:before {
    content: "Posted on: ";
    font-weight: bold;
}
.category-mirrorize .entry-content time.entry-time:after {
    content: " | Posted ";
    font-weight: bold;
}
.search-results footer.entry-footer {
    display: none;
}
/*End-05-08-2021*/




/* MENU */
.nav-button, .nav-close {
    position: absolute;
    top: 28px;
    overflow: hidden;
    z-index: 902;
    cursor: pointer;
    text-decoration: none;
    color: #A69A94
}
.nav-button i {
    font-size: 30px;
    color: #333;
}
.nav-button {
    display: block;
    right: 1rem;
    font-size: 1.7rem
}
.nav-close {
    display: none;
    right: 4rem;
    font-size: 1.9rem
}
/* .nav-close:before {
    content: "\E002"
}
.nav li.nav-active>a, .nav li:hover>a {
    color: #923600;
    background: #2E2722
} */
.nav .nav-submenu>ul {
    margin-left: 10px
}
.nav .nav-submenu>a {
    padding-right: 30px!important
}
.nav a, .nav a:active, .nav a:hover, .nav a:visited {
    padding: 0 15px 1px;
}
.nav .nav-submenu>a:after {
    position: absolute;
    display: block;
    right: 10px;
    top: 1px;
    content: "\E005"
}

.blog .pagination > div {
    display: inline-block;
    margin-left: 20px;
}

.single-post .entry-content ol {
    padding: 0;
    margin-top: 40px;
    text-transform: uppercase;
}


@media only screen and (min-width:1350px) {
    body {
        padding: 0!important
    }
    header {
        position: relative
    }
    header h1:before {
        content: "\E001"
    }
    .nav-button {
        display: none
    }
    .nav {
        padding: 0!important
    }
    .nav>ul>li {
        border-top: none
    }
    .nav li>ul {
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, .75)
    }
    .nav ul ul ul {
        border-radius: 0 6px 6px
    }
    .nav ul ul ul li:first-child {
        border-top: none
    }
    .nav .nav-left>ul {
        border-radius: 6px 0 6px 6px
    }
    .nav .nav-submenu li {
        min-width: 110px
    }
    .nav .nav-submenu>ul {
        margin: 0
    }
    .nav>ul>.nav-submenu>a:after {
        content: "\E005"
    }
    .nav .nav-submenu>a:after {
        content: "\E006"
    }
    .footer .container {
        padding: 0;
    }
}
.nav-lock-scroll {
    overflow: hidden
}
.nav {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 900;
    overflow-x: hidden;
    overflow-y: auto
}
.nav ul {
    display: block;
    position: relative;
    zoom: 1;
    list-style-type: none;
    margin: 0;
    padding: 0
}
.nav a, .nav a:active, .nav a:hover, .nav a:visited {
    display: block;
    position: relative
}


@media only screen and (min-width:1340px) {
    .nav {
        display: block;
        position: relative;
        bottom: auto;
        overflow: visible;
        text-align: right;
    }
    .nav li {
        position: relative;
        white-space: nowrap
    }
    .nav>ul>li {
        display: inline-block
    }
    .nav ul {
        display: block
    }
    .nav ul ul {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 901
    }
    .nav ul ul ul {
        top: 5px;
        left: 95%;
        z-index: 902
    }
    .nav ul ul ul ul {
        z-index: 903
    }
    .nav ul ul ul ul ul {
        z-index: 904
    }
    .nav ul ul li.nav-left>ul {
        left: auto;
        right: 95%
    }
    .nav-no-js .nav li:hover>ul {
        display: block
    }

}
@media only screen and (max-width:1339px) {
    .nav-no-js .nav-button:hover+.nav, .nav-no-js .nav-button:hover+.nav+.nav-close, .nav-no-js .nav:hover, .nav-no-js .nav:hover+.nav-close {
        display: block
    }
    .nav ul {
        background: #333;
        margin-top: 55px;
        padding: 10px 10px 1px 10px;
    }
    .nav ul li {
        display: block;
        border-bottom: 1px solid #ccc;
        padding-bottom: 5px;
        margin-bottom: 10px;
        padding: 0;
    }
    .nav ul li:last-child {
        border: none;
    }
    .nav ul li a {
        color: #fff;
        margin-bottom: 10px;
        padding: 0;
    }
    .fix_header .logo {
        /*margin-top: 15px;*/
    }
    .nav .responsive_menus_show{display: block !important;}
    .main_menu{display: none;}
    .nav .responsive_menus_show a {font-weight: normal;font-size: 18px;}


    .ctcustom_image, .blog .wrap{
        max-width: 100%;
    }
    .blog .container {
        width: 100%;
    }
    .site-header + .ctcustom_image {
        margin: 0 15px;
    }
    .nav-button, .nav-close {
        top: 12px;
    }
}

@media only screen and (max-width:991px) {
    .fix_header .logo {
        width: 60%;
        /*margin-top: 15px;*/
    }
}
@media only screen and (max-width:767px) {
}
@media only screen and (max-width:469px) {
    .footer .newsletter_footer .newsletter .actions {width: 100%;float: none;}
    .footer .newsletter_footer .newsletter input, .footer .newsletter_footer .field.newsletter {width: 100%;}
    .footer .newsletter_footer .newsletter label {display: block;}
    .footer .newsletter_footer .newsletter input {border-bottom: 1px solid #757575;margin-bottom: 5px;}
}