@charset "UTF-8";
/*
Theme Name: Architect Engineer
Author: TheMagnifico52
Theme URI: https://www.themagnifico.net/themes/free-architect-wordpress-theme/
Author URI: https://www.themagnifico.net/
Description: The Architect Engineer WordPress Theme is a perfect solution for architects, engineers, and other construction office workers who need a simple, sophisticated, and clean website. This theme is retina ready, so it works well on high-resolution devices like tablets and phones. And, you can get your website up and running without wasting any time. The Architect Engineer WordPress Theme is an excellent WordPress theme for architects. Even you can use this theme to create a website for an architecture agency, or Architecture Company. The theme can display your projects in a beautiful portfolio section. The theme has all the features your visitors need to easily filter and view your work. The theme is speed-optimized and SEO ready, and it has a clean code. Architect Engineer is a modern and minimalistic WordPress theme with a large selection of short codes. It is easy to use and flexible. It comes with designer homepages, Elementor builder support, and many other features. This is a theme for people who want their website to look modern, clean, and professional. The design is minimalistic and includes only important elements that help you showcase your projects. 
Version: 1.0
Tested up to: 6.0
Requires PHP: 7.2
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: architect-engineer
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: wide-blocks, block-styles, custom-logo, one-column, two-columns, grid-layout, sticky-post, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, threaded-comments, theme-options, left-sidebar, right-sidebar, full-width-template, editor-style, photography, blog, news

Architect Engineer WordPress Theme has been created by TheMagnifico(themagnifico.net), 2022.
Architect Engineer WordPress Theme is released under the terms of GNU GPL
*/

/***
====================================================================
## Start CSS
====================================================================
***/

body {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow-x: hidden;
    position: relative;
    margin: 0;
    padding: 0;
    font-family: "Meiryo", Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.8;
    font-weight: normal;
    color: #333;
    background-color: #fff;
    /* Fallback for when there is no custom background color defined. */
}


/**
 * Typography
 * -------------------------------------------------------------
 */

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    margin: 0 0 10px;
    padding: 0;
    line-height: 1.3;
}

h1 {
    font-size: 38px;
}

h2 {
    font-size: 28px;
}

h3 {
    font-size: 20px;
    font-weight: bold;
}

h4 {
    font-size: 22px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

p {
    margin: 10px 0;
    padding: 0;
    font-size: 16px;
    font-weight: normal;
    line-height: 30px;
    color: #333;
}


/**
 * Links
 * -------------------------------------------------------------
 */

a {
    background-color: transparent;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    text-decoration: none;
    color: #333;
}

a:hover,
a:active {
    color: #9a6a34;
}

a:focus {
    outline: thin dotted;
}

a:hover,
a:active {
    outline: 0;
}


/**
 * Elements
 * -------------------------------------------------------------
 */

.clr {
    clear: both;
}


/***
====================================================================
## Masthead
====================================================================
***/

#masthead {
    /*margin-bottom: 2em;*/
}

.socialmedia {}

.main-header {
    padding: 10px 0;
    background: #d39d65;
}


/**
 * Logo
 * -------------------------------------------------------------
 */

.navbar-brand {}

.site-logo {}

.site-logo img {
    max-width: 100%;
}

@media screen and (max-width: 767px) {
    .navbar-brand {
        text-align: center;
    }
}


/**
 * Navigation
 * -------------------------------------------------------------
 */

.navigation_header .nav {
    justify-content: flex-end;
}

.nav {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
}

nav#site-navigation {
    padding: 0;
}

.main-navigation .menu {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.main-navigation .menu>li {
    display: inline;
    position: relative;
}

.main-navigation .menu>li:not(:last-child) {
    margin-right: 20px;
}

.main-navigation .menu>li>a {
    display: inline-block;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}

.main-navigation .menu>li>a:hover,
.main-navigation .menu>li:hover>a {
    color: #333;
}

.toggle-nav.mobile-menu,
a.closebtn.mobile-menu {
    display: none;
}

@media screen and (max-width: 1000px) {
    .toggle-nav.mobile-menu {
        text-align: right;
    }
    .toggle-nav {
        display: none;
        cursor: pointer;
        z-index: 999999;
    }
    .toggle-nav button {
        background: transparent;
        border: none;
    }
    .toggle-nav i {
        font-size: 30px;
        color: #d39d65;
        background: #fff;
        padding: 8px;
    }
    .toggle-nav,
    .toggle-nav.mobile-menu,
    a.closebtn.mobile-menu {
        display: block;
    }
    .sidenav {
        overflow-x: hidden;
        overflow-y: scroll;
        position: fixed;
        width: 0;
        height: 100%;
        background: #2e3236;
        padding: 15px;
        top: 0;
        left: 0;
        transition: 0.5s;
        visibility: hidden;
        z-index: 99999999;
    }
    .sidenav.show {
        width: 300px;
        visibility: visible;
    }
    .sidenav #site-navigation {
        width: 100%;
    }
    .sidenav #site-navigation .menu>li {
        display: block;
        padding: 10px 0;
        border-bottom: solid 1px rgb(255 255 255 / 10%);
    }
    .sidenav #site-navigation .menu>li:last-child {
        border-bottom: none;
    }
    .sidenav #site-navigation .menu>li:not(:last-child) {
        margin-right: 0;
    }
    .sidenav #site-navigation .menu>li>a {
        display: block;
        font-size: 16px;
        font-weight: normal;
        color: #fff;
    }
    .sidenav #site-navigation .menu>li>a:hover,
    .sidenav #site-navigation .menu>li:hover>a {
        color: #d39d65;
    }
    .sidenav .closebtn {
        text-align: center;
        display: block;
        position: absolute;
        width: 35px;
        height: 35px;
        background: #d39d65;
        border-radius: 5px;
        font-size: 22px;
        color: #fff;
        top: 20px;
    }
}

@media screen and (max-width: 767px) {
     .toggle-nav.mobile-menu {
        text-align: center;
        margin-top: 10px;
    }
}


/***
====================================================================
## Keyword
====================================================================
***/

#our-skill {
    padding: 3rem 0;
    background: #fff7eb;
}

#our-skill .skill-section {}

#our-skill p.discription {
    margin: 0;
    padding: 0;
}


/***
====================================================================
## Categories-1
====================================================================
***/

#about {
    padding: 3rem 0;
}

.about-right {
    -ms-flex-item-align: center;
    align-self: center;
}

.about-box {}

.about-box h2.main_heading {}

.about-box p.about_content {
    margin: 0;
}

.about-left {
    position: relative;
    padding-right: 45px;
}

#about .abtimage {
    position: relative;
}

#about .about_box_img {
    position: relative;
}

#about .about_box_img:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    border: solid 5px #d39d65;
    top: -15px;
    right: -15px;
    z-index: -1;
}

#about .about_box_img:hover:before {
    border-color: #000;
}

#about .about_box_img img {
    object-fit: cover;
    width: 100%;
}

#about .about_boximg {
    position: absolute;
    width: 30%;
    border: solid 6px #fff;
    bottom: 30px;
    left: -60px;
}

#about .about_boximg img {
    object-fit: cover;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .about-right {
        padding-right: 60px;
    }
}

@media (max-width: 992px) {
    .about-left {
        padding-right: 30px;
    }
    #about .about_box_img img {
        height: 300px;
    }
}

@media (max-width: 767px) {
    .about-left {
        margin-top: 35px;
    }
    #about .about_box_img {
        padding-top: 0;
        padding-right: 0;
    }
    #about .about_box_img img {
        height: auto;
    }
    #about .about_boximg {
        bottom: 15px;
        left: 15px;
    }
}


/***
====================================================================
## Post / Categories-1
====================================================================
***/

#team {
    padding: 3rem 0;
}

#team .team-box {}

#team .teams {
    position: relative;
    padding-right: 45px;
}

#team .teams>div {}

#team .team-image {
    position: relative;
}

#team .team-image:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    border: solid 5px #d39d65;
    top: -15px;
    right: -15px;
    z-index: -1;
}

#team .team-image img {
    object-fit: cover;
    width: 100%;
    height: 500px;
}

#team .team-content {
    position: absolute;
    width: 70%;
    background: #d39e66;
    padding: 20px 15px;
    bottom: 15px;
    left: -5px;
}

#team .team-content h3.post-title {}

#team .team-content h3.post-title a {
    color: #fff;
}

#team .team-content p {
    margin: 0;
    color: #fff;
}

#team .teams:hover .team-image:before {
    border-color: #000;
}

#team .teams:hover .team-content {
    background: #000;
}

@media (max-width: 992px) {
    #team .teams {
        padding-right: 30px;
    }
    #team .team-image img {
        height: 150px;
    }
    #team .team-content {
        position: relative;
        width: 100%;
        bottom: 0;
        left: 0;
    }
}

@media (max-width: 767px) {
    #team .teams {
        margin-bottom: 60px;
    }
    #team .teams:last-child {
        margin-bottom: 0;
    }
    #team .team-image img {
        height: auto;
    }
}


/***
====================================================================
## Categories-2
====================================================================
***/

#testimonial {
    margin: 3rem 0;
    padding: 3rem 0;
    background: #fff7eb;
}

#testimonial .testibg {}

#testimonial .section_text {
    text-align: center;
    margin-bottom: 20px;
}

#testimonial .section_text h2.main_heading {}

#testimonial .testimonial_sec {}

#testimonial .testimonail_box {}

#testimonial .row {
    flex-wrap: initial;
}

#testimonial .col-lg-4.col-md-4 {
    width: 31%;
}

#testimonial .testimonail-image {
    position: relative;
    margin: 15px 0 0 30px;
    transition: all 0.5s ease 0s;
}

#testimonial .testimonail-image:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    border: solid 5px #d39d65;
    top: -15px;
    left: -15px;
    z-index: -1;
}

#testimonial .testimonail-image img {
    object-fit: cover;
    width: 100%;
    height: 400px;
}

#testimonial .col-lg-8.col-md-8 {
    -ms-flex-item-align: center;
    align-self: center;
}

#testimonial .testimonial-content {
    position: relative;
    padding: 45px 50px;
    background: #fff;
}

#testimonial .testimonial-content p.content {
    margin: 0;
}

@media (max-width: 992px) {
    #testimonial .testimonail-image img {
        height: 250px;
    }
    #testimonial .testimonial-content {
        padding: 30px;
    }
}

@media (max-width: 767px) {
    #testimonial .row {
        flex-wrap: wrap;
    }
    #testimonial .col-lg-4.col-md-4 {
        width: 100%;
    }
    #testimonial .testimonail-image {
        margin-right: 15px;
    }
    #testimonial .testimonail-image img {
        height: auto;
    }
    #testimonial .testimonial-content {
        padding: 20px 15px;
    }
}


/***
====================================================================
## Layout Post@Categories-2 / Sidebar
====================================================================
***/

.home #skip-content {}

.single #skip-content {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

#primary {}

.home .site-main {}

.single .site-main {}

#secondary {}


/***
====================================================================
## Post@Categories-2
====================================================================
***/

.article-box {
    margin-bottom: 50px;
    padding: 15px;
    background: #fff7eb;
    box-shadow: 0 0 10px 4px #eee;
    border-radius: 10px;
}

.article-box .post-thumbnail {
    margin-bottom: 20px;
}

.article-box .post-thumbnail img {
    object-fit: cover;
    width: 100%;
    border-radius: 10px;
}

.article-box .post-summery {}

.article-box .post-summery h3.entry-title {}

.article-box .post-summery h3.entry-title a {
    color: #333;
}

.article-box .post-summery p {}

.article-box .post-summery a.btn-text {
    display: inline-block;
    position: relative;
    font-size: 12px;
    font-weight: bold;
    color: #9a6a34;
}

.article-box .post-summery a.btn-text:hover {
    color: #333;
}


/***
====================================================================
## Sidebar
====================================================================
***/

.sidebar {}

.sidebar .widget {
    margin-bottom: 30px;
    padding: 20px;
    background: #f4f5f6;
    border: solid 1px #e7ebf1;
}

.sidebar .widget:last-child {}

.sidebar .widget h5 {
    position: relative;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    padding: 10px 15px;
    background: #d39d65;
}

.sidebar .widget h5 a {
    color: #fff;
}

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

.sidebar .widget ul li {
    margin: 0;
    padding: 7px 0 7px 0;
}

.sidebar .widget ul li:last-child {
    border-bottom: none;
}

.sidebar .widget ul li a {
    display: block;
    font-size: 16px;
    font-weight: normal;
    color: #333;
}

.sidebar .widget ul li a:hover,
.sidebar .widget ul li:hover a {
    color: #9a6a34;
}

.sidebar ul li a:before {
    content: '\f30b';
    font-family: "Font Awesome\ 5 Free";
    font-size: 15px;
    font-weight: 900;
    margin-right: 10px;
}


/***
====================================================================
## Single Post
====================================================================
***/

.module-border-wrap article {
    margin-bottom: 3rem;
}

.module-border-wrap article .entry-header {}

.module-border-wrap article h2.entry-title {
    font-weight: normal;
}

.module-border-wrap article .post-thumbnail {
    margin-bottom: 20px;
}

.module-border-wrap article .post-thumbnail img {
    object-fit: cover;
    width: 100%;
}

.module-border-wrap article .entry-content {}

.module-border-wrap article .entry-content h3 {}

.module-border-wrap article .entry-content p {}


/***
====================================================================
## Footer
====================================================================
***/

#colophon {
    background: #000;
}

.site-info {
    padding: 15px 10px;
}

.footer-menu-left {
    text-align: center;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: normal;
    color: #fff;
}

.footer-menu-left a {
    color: #fff;
}


/***
====================================================================
## Scroll Back
====================================================================
***/

#button {
    text-align: center;
    display: inline-block;
    position: fixed;
    width: 55px;
    height: 55px;
    line-height: 55px;
    background-color: #d39d65;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    bottom: 60px;
    right: 30px;
    opacity: 0;
    transition: background-color .3s, opacity .5s, visibility .5s;
    visibility: hidden;
    z-index: 999;
}

#button:hover,
#button:active {
    background-color: #d39d65;
    cursor: pointer;
}

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


/***
====================================================================
## End CSS
====================================================================
***/

pre {
    font-size: 1em;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}

b,
strong {
    font-weight: bolder;
}

code,
kbd,
samp {
    font-size: 1em;
}

small {
    font-size: 80%;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

button,
input,
optgroup,
select,
textarea {
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

img {
    border-style: none;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
    /* 1 */
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
    /* 1 */
    text-transform: none;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner {
    border-style: none;
    padding: 0;
}


textarea:focus {
    outline: -webkit-focus-ring-color auto 1px;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button {
    -webkit-appearance: button;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
    vertical-align: baseline;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
    overflow: auto;
}

/**
 * Alignment CSS
 */
.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;
}


/**
 * Add the correct display in IE 10.
 */
[hidden] {
    display: none;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
.custom-header *,
.featured-header-image * {
    color: white;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
img {
    height: auto;
    /* Make sure images are scaled correctly. */
    max-width: 100%;
    /* Adhere to container width. */
}

figure {
    margin: 1em 0;
    /* Extra wide images within figure tags don't overflow the content area. */
}

.textwidget a,
#page-content p a {
    text-decoration: none;
}

/*--------------------------------------------------------------
## Slider Section
--------------------------------------------------------------*/

#top-slider {
    position: relative;
}

.slider-inner-box {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15%;
    left: 10%;
}

.slider-inner-box h1 a {
    color: #2e3236;
    font-size: 45px;
}

.slider-box-btn {
    position: relative;
}

.slider-box-btn a {
    font-size: 14px;
    color: #d39e66;
    font-weight: 700;
    padding: 10px 35px;
    border: 2px solid #d39e66;
    position: relative;
}

.slider-box-btn a:before {
    content: "";
    position: absolute;
    width: 40px;
    background: #d39e66;
    height: 2px;
    left: -20px;
    top: 50%;
}

.slider-box-btn a:hover {
    background: #d39e66;
    color: #fff;
}

/*--------------------------------------------------------------
## Latest Projects
--------------------------------------------------------------*/


.latest-project h6 {
    font-size: 25px;
    color: #d39d65;
}

.latest-project h3 {
    font-size: 40px;
}

.box {
    position: relative;
}

.box-image {
    border: 5px solid #d39d65;
}

.box-content {
    position: absolute;
    bottom: 0;
    left: 10%;
}

.box .box-content {
    color: #fff;
    z-index: 1;
}

.box .title {
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 3px;
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.3s ease 0s;
}

.box .post {
    font-size: 15px;
    font-weight: 500;
    display: block;
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.3s ease 0.15s;
}

.box:hover .title,
.box:hover .post {
    opacity: 1;
    transform: translateY(0);
}

/*--------------------------------------------------------------
## Sticky
--------------------------------------------------------------*/

.stick_header {
    position: fixed;
    width: 100%;
    z-index: 999;
    top: 0;
    background: #ebebeb;
}

/*--------------------------------------------------------------
## Preloader
--------------------------------------------------------------*/
.dot {
    height: 20px;
    width: 20px;
    border-radius: 50%;
    display: inline-block;
    margin: 6px;
    animation: loading 2s cubic-bezier(0.45, 0, 0.55, 1) infinite;
}

.loading {
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 99999;
}

@keyframes loading {

    0%,
    100% {
        transform: translatey(-2.5rem);
        background-color: #d39d65;
    }

    50% {
        transform: translatey(2.5rem);
        background-color: #d39d65;
    }
}

/*--------------------------------------------------------------
## Articale
--------------------------------------------------------------*/
#latest_post h2 {
    font-size: 30px;
}

.sidebar input[type="submit"],
.sidebar button[type="submit"] {
    width: 100%;
    background: #d39d65;
    border: none;
    font-weight: bold;
    font-size: 14px;
}

h1.entry-title,
h2.page-title {
    font-size: 28px;
    margin-bottom: 20px;
}

.entry-summary p {
    line-height: 1.7;
    font-size: 15px;
}


/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation .sub-menu {
    background-color: #d39d65;
    list-style: none;
    padding-left: 0;
    position: absolute;
    opacity: 0;
    left: -9999px;
    z-index: 99999;
    width: 200px !important;
}

.main-navigation .sub-menu>li>a:hover,
.main-navigation .sub-menu>li>a:focus {
    background: #d39d65;
    color: #fff;
}

.main-navigation .sub-menu>li {
    display: block;
    float: none;
    position: relative;
}

.main-navigation .sub-menu>li.menu-item-has-children .submenu-expand {
    display: inline-block;
    position: absolute;
    width: calc(24px + 1rem);
    right: 0;
    top: calc(.125 * 1rem);
    bottom: 0;
    color: white;
    line-height: 1;
    padding: calc(.5 * 1rem);
}

.main-navigation .sub-menu>li.menu-item-has-children .submenu-expand {
    margin-right: 0;
}

.main-navigation .sub-menu>li>a,
.main-navigation .sub-menu>li>.menu-item-link-return {
    color: #fff;
    display: block;
    padding: 15px;
    font-weight: 600;
}

.main-navigation .sub-menu>li>.menu-item-link-return {
    width: 100%;
    font-size: 22px;
    font-weight: normal;
    text-align: left;
}

.main-navigation .sub-menu>li>a:empty {
    display: none;
}

.main-navigation .sub-menu>li.mobile-parent-nav-menu-item {
    display: none;
    font-size: 0.88889em;
    font-weight: normal;
}

.main-navigation .menu .menu-item-has-children:not(.off-canvas):hover>.sub-menu,
.main-navigation .menu .menu-item-has-children:not(.off-canvas):focus>.sub-menu,
.main-navigation .menu .menu-item-has-children.is-focused:not(.off-canvas)>.sub-menu,
.main-navigation .menu .menu-item-has-children:not(.off-canvas)[focus-within]>.sub-menum,
.main-navigation .menu .menu-item-has-children:not(.off-canvas):focus-within>.sub-menu {
    display: block;
    left: 0;
    margin-top: 0;
    opacity: 1;
    width: auto;
    min-width: 100%;
}

/* Accessibility */
/* Text meant only for screen readers. */
.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;
}

.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-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
    outline: 0;
}

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

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

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

a img .alignright {
    float: right;
    margin: 0.313rem 0 1.25rem 1.25rem;
}

a img .alignnone {
    margin: 0.313rem 1.25rem 1.25rem 0;
}

a img .alignleft {
    float: left;
    margin: 0.313rem 1.25rem 1.25rem 0;
}

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

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

/*.module-border-wrap {
    -moz-border-image: -moz-linear-gradient(to bottom left, #19b094 0%, #d39d65 100%);
    -webkit-border-image: -webkit-linear-gradient(to bottom left, #19b094 0%, #d39d65 100%);
    border-image: linear-gradient(to bottom left, #19b094 0%, #d39d65 100%) 1;
}*/

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky .entry-title a {
    margin-left: 15px;
}

.sticky .entry-title::before {
    content: '\f08d';
    font-family: "Font Awesome\ 5 Free";
    font-size: 20px;
    font-weight: 900;
}

.page-content,
.entry-summary {
    margin: 1.5em 0 0;
}

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
.footer-menu li {
    display: inline-block;
    padding-right: 10px;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/

.half-rule {
    margin: 2.5rem 0;
    width: 6rem;
}

.sidebar select {
    padding: 10px;
    border: solid 1px #e3e3e3;
    background: transparent;
    font-size: 14px;
    width: 100%;
    color: #2e3236;
}

.sidebar button[type="submit"] {
    padding: 8px;
    width: 100%;
    margin-top: 10px;
    color: #fff;
}

.sidebar th,
#theme-sidebar td {
    border-right: solid 1px #e3e3e3;
    padding: 10px 0;
}

.sidebar tr {
    border-bottom: solid 1px #e3e3e3;
}

/*--------------------------------------------------------------
# Infinite Scroll
--------------------------------------------------------------*/
.infinite-scroll.neverending .site-footer {
    display: none;
}

.infinity-end.neverending .site-footer {
    display: block;
}


/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
    max-width: 100%;
}

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

    .footer-menu-left,
    #colophon ul,
    .slider-box {
        text-align: center;
    }

    .slider-inner-box .navbar-brand,
    .admin-bar .navigation_header.stick_header {
        margin: 0 auto;
        width: 100%;
    }

    #top-slider button.owl-prev {
        left: 0;
    }

    #top-slider button.owl-next {
        right: 0;
    }

    .slider-inner-box h1 a,
    #new-products h3 {
        font-size: 18px;
    }

    .slider-inner-box h1 {
        line-height: 18px;
    }

    .slider-inner-box p {
        display: none;
    }
}

@media screen and (max-width: 1000px) {
    .slider-inner-box {
        right: 15%;
        left: 15%;
    }

    .nav-box {
        outline: none;
        background: transparent;
    }

    .main-navigation .sub-menu>li {
        border: none;
    }

    .alignfull {
        max-width: 1000%;
        margin-right: ~"calc(50% - 50vw)";
        margin-left: ~"calc(50% - 50vw)";
        width: auto;
    }

    .alignwide {
        max-width: 1000%;
        margin-right: ~"calc(25% - 25vw)";
        margin-left: ~"calc(25% - 25vw)";
        width: auto;
    }

    .main-navigation ul ul li {
        display: block;
    }

    .nav ul li ul,
    .nav ul li ul ul {
        display: block !important;
    }

    .nav ul li ul li a:before {
        content: "\00BB \00a0";
    }

    .nav ul li ul li a {
        padding-left: 20px !important;
    }

    .nav ul li ul li ul li a {
        padding-left: 30px !important;
    }

    .nav ul li ul,
    .nav ul li ul ul {
        display: block !important;
        opacity: 1 !important;
    }

    .main-navigation ul ul {
        position: static;
        width: 100%;
    }

    .main-navigation .sub-menu {
        position: static;
        background: transparent;
    }

    .main-navigation .sub-menu>li>a,
    .main-navigation .sub-menu>li>.menu-item-link-return {
        color: #fff;
        display: block;
        border: none;
    }
}

@media screen and (min-width: 320px) and (max-width: 575px) {
    .slider-inner-box {
        transform: translateY(-175%);
    }
}

@media screen and (min-width: 768px) and (max-width: 999px) {
    .slider-inner-box {
        right: 10%;
        left: 10%;
    }

    .slider-inner-box p {
        display: none;
    }

    .slider-inner-box h1 a {
        font-size: 30px;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1199px) {
    .slider-inner-box h1 a {
        color: #2e3236;
        font-size: 40px;
    }
}

/* *********about us ************/

#about .about_btn {
    margin-top: 36px;
    text-align: left;
    position: relative;
    padding-left: 18px;
}

#about .about-box .about_btn:before {
    content: "";
    position: absolute;
    width: 40px;
    background: #d39e66;
    height: 2px;
    left: 0px;
    top: 18px;
}

#about .about_btn .btn {
    font-size: 14px;
    color: #d39e66;
    font-weight: 700;
    text-align: center;
    line-height: 17px;
    border-radius: 0px;
    padding: 10px 35px;
    border: 2px solid #d39e66;
    box-shadow: none;
    border-radius: 0;
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition: all 0.5s;
}

#about .btn:hover {
    color: #ffffff;
    animation: swoosh 0.4s ease-out 0.2s;
}

#about .btn:before,
#about .btn:after {
    content: "";
    background-color: #d39e66;
    height: 100%;
    width: 100%;
    opacity: 0.7;
    position: absolute;
    top: 0;
    left: -100%;
    z-index: -1;
    transition: all 0.4s ease-out 0.1s;
}

#about .btn:after {
    opacity: 0;
    transform: scale(0.9, 0.7);
    left: 0;
    transition: all 0.3s ease-out 0s;
}

#about .btn:hover:before {
    left: 100%;
}

#about .btn:hover:after {
    opacity: 0.5;
    transform: scale(1);
}


/*************Our Team************/
#team .team_text p.main_sub_heading {
    font-size: 52px;
    line-height: 64px;
    color: #2e3236;
    font-weight: 700;
    text-align: center;
}