/*
Theme Name: Business Plan
Theme URI: https://aarambhathemes.com/themes/business-plan/
Author: Aarambha Themes
Author URI: https://aarambhathemes.com/
Description:Business Plan is an excellent choice for you. It is fully responsive and it offers an abundance of features. The friendly design creates new opportunities for connecting with many new people from all around the world, and a responsive layout makes sure that all your content looks wonderful on all devices, whether they are on desktop, smartphones or tablet.
Version: 1.0.6
Requires PHP: 7.0
Tested up to: 6.1
License: GNU General Public License V3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: business-plan
Tags: translation-ready, custom-background, theme-options, custom-menu, threaded-comments, blog, education, news, custom-logo,right-sidebar, left-sidebar, custom-header

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

Business-plan is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
========================= 

Table of Content

========================= 
    # Font-Face
    # Global
      - Headings tags
      - Accessibility
      - Alignments
      - Blockquote
      - clearings
      - Breadcrumb
      - No Margin/Padding/Border
      - Super/Sub Scripts
      - Text Elements
      - Links
      - Forms
      - lable
      - Article
      - Buttons
      - Images
      - Horizontal Row
      - figcaption
    # Others
    # Basic-Structure
      - Site-Layout
    # Header
      - Site Branding
      - Social Profiles
    # navbar
      - Navbar
      - search-box
    # Featured-Content
    # Widgets
          - Widget Service
          - widget-promotional-bar
          - Widget Featured Page
          - Widgete Testimonial
          - Widget Calendar 
          - widget Recent Entries/Comments 
          - widget search
    # content
      - Post Featured Image
      - Entry Header
      - Entry Title
      - Entry Meta
      - Tag Links
      - Entry Content
      - Galleries
      - pagination
      - bbPress Support
    # Footer
    # Media-Queries
    */

/*     UniSansHeavyCAPS fonts    */
@font-face {
    font-family: 'UniSansHeavyCAPS';
    src: url('assest/fonts/UniSansHeavyCAPS.eot?#iefix') format('embedded-opentype'),
        url('assest/fonts/UniSansHeavyCAPS.otf') format('opentype'),
        url('assest/fonts/UniSansHeavyCAPS.woff') format('woff'),
        url('assest/fonts/UniSansHeavyCAPS.ttf') format('truetype'),
        url('assest/fonts/UniSansHeavyCAPS.svg#UniSansHeavyCAPS') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*font awesome supportive style*/

[class*="fa-"] a {
    margin-left: 2px;
}


/*  2.0 ===== Global =====   */
body {
    color: #676767;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    margin: 0;
    line-height: 1.5;
    word-wrap: break-word;
}

.site {
    display: block;
    float: left;
    overflow: hidden;
    word-wrap: break-word;
    width: 100%;
}

*:focus {
    outline: 1px dotted;
}

/*   -- "Header-Tags" (These are the styles for the Header Tags) --   */

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #323232;
    font-weight: 400;
    margin: 0;
}

.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer h5,
.site-footer h6 {
    color: #fff;
}

h1 {
    font-size: 28px;
    line-height: 35px;
}

h2 {
    font-size: 24px;
    line-height: 32px;
}

h3 {
    font-size: 19px;
    line-height: 28px;
}

h4 {
    font-size: 16px;
    line-height: 26px;
}

h5 {
    font-size: 15px;
    line-height: 25px;
}

h6 {
    font-size: 14px;
    line-height: 23px;
}

/*   -- "Accessibility" (These are the styles for the Accessibility) --   */

.assistive-text,
.screen-reader-text {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    width: 1px;
}

/*   -- "Blockquote" (These are the styles for the Blockquote) --   */

blockquote {
    background: rgb(25, 46, 70) none repeat scroll 0 0;
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-style: italic;
    line-height: 22px;
    margin: 0 auto 20px;
    max-width: 100%;
    padding: 15px;
    position: relative;
    border-left: 10px solid;
}

blockquote p {
    color: rgb(255, 255, 255);
    margin: 0;
}

blockquote em,
blockquote i,
blockquote cite {
    font-style: normal;
}

blockquote cite {
    text-transform: uppercase;
}

/*   -- "Clearings" (These are the styles for the Clearings) --   */

.clearfix:after {
    content: " ";
    clear: both;
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

.clearfix {
    display: block;
}

/*   -- "Breadcrumb" (These are the styles for the Breadcrumb) --   */

.breadcrumb {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    font-size: 14px;
    margin: 0;
    padding: 0;
}

.breadcrumb,
.breadcrumb a,
.breadcrumb span {
    margin: 0 5px;
    text-transform: uppercase;
}

.breadcrumb>li {
    display: inline-block;
    list-style: outside none none;
}

.page-title-wrap .breadcrumb,
.page-title-wrap .breadcrumb a,
.page-title-wrap .breadcrumb span {
    color: #767676;
}

/*   -- "Superscript and Subscript" (These are the styles for the Superscript and Subscript) --  */

sup,
sub {
    font-size: 10px;
    height: 0;
    line-height: 1;
    position: relative;
    vertical-align: baseline;
}

sup {
    bottom: 1ex;
}

sub {
    top: .5ex;
}

/*   -- "Text Elements" (These are the styles for the Text Elements) --   */

p {
    color: #464646;
    font-size: 14px;
    margin: 0 0 22px;
}

strong {
    font-weight: bold;
}

cite,
em,
i {
    font-style: italic;
}

pre {
    background-color: #fff;
    margin-bottom: 20px;
    padding: 30px;
    overflow: auto;
}

pre,
code,
kbd {
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 14px;
    line-height: 21px;
}

abbr,
acronym,
dfn {
    border-bottom: 1px dotted rgba(0, 0, 0, 0.4);
    cursor: help;
}

address {
    display: block;
    margin: 0 0 15px;
}

ins {
    background-color: #fff9c0;
    margin-bottom: 20px;
    text-decoration: none;
}

/*   -- "table" (These are the styles for the Links) --  */

table,
th,
td {
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px;
}

table th {
    font-weight: 600;
    text-transform: uppercase;
}

table td {
    text-transform: capitalize;
}

table {
    border-spacing: 0;
    border-width: 1px 0 0 1px;
    margin-bottom: 20px;
    width: 100%;
}

/*   -- "Links" (These are the styles for the Links) --  */

ul {
    margin: 0;
    padding: 0;
}

a {
    color: #192E46;
    text-decoration: none;
}

a:hover {
    color: #F9BA48;
}

a:active,
a:hover {
    outline: none;
    text-decoration: none;
    transition: all 0.3s ease-in 0s;
}

.social-links ul li a:focus::before,
a:focus {
    outline: 1px dotted;
}

.custom-logo-link {
    display: inherit;
}

/*   -- "Forms" (These are the styles for the Forms) --   */

input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"],
input[type="tel"],
input[type="url"],
input[type="date"],
textarea,
input[type="reset"],
input[type="button"],
input[type="number"],
input[type="submit"] {
    border-radius: 0px;
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    -moz-box-sizing: inherit;
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}

input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"],
input[type="tel"],
input[type="url"],
input[type="date"],
input[type="number"],
textarea {
    border: 1px solid #c2c2c2;
    height: 41px;
    margin: 0 0 15px;
    padding: 8px 15px 5px;
    width: 100%;
}

input[type="reset"],
input[type="button"],
input[type="submit"] {
    border: none;
    cursor: pointer;
    display: block;
    font-size: 16px;
    font-weight: 300;
    height: 41px;
    margin-bottom: 30px;
    margin-top: 5px;
    padding: 0px 40px;
    text-transform: capitalize;
    text-align: center;
    -ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.wpcf7-form input[type="submit"] {
    padding: 0px 40px;
    font-size: 12px;
}

.wpcf7-form input[type="submit"]:hover {
    background: #F9BA48;
}

input[type="reset"]:hover,
input[type="button"]:hover,
input[type="submit"]:hover {
    color: #fff;
    background-color: #F9BA48;
}

select {
    background-color: #f9f9f9;
    border: 1px solid rgba(0, 0, 0, 0.05);
    font-size: 14px;
    font-weight: 600;
    height: 50px;
    padding: 10px;
    width: 100%;
    border-radius: 3px;
}

option {
    margin: 5px 0;
}

input[type="radio"],
input[type="checkbox"],
input[type="file"] {
    margin-bottom: 5px;
}

input[type="file"] {
    border: 0 none;
    cursor: pointer;
    display: block;
    height: 40px;
    text-transform: uppercase;
    text-align: center;
    -ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

input::-webkit-input-placeholder,
textarea::-webkit-textarea-placeholder {
    /* Chrome/Opera/Safari */
    opacity: 1;
    font-family: 'Open Sans', sans-serif;

}

input::-moz-placeholder,
textarea::-moz-placeholder {
    /* Firefox 19+ */
    opacity: 1;
}

input:-ms-input-placeholder,
textarea:-ms-textarea-placeholder {
    /* IE 10+ */
    opacity: 1;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    /* Firefox 18- */
    opacity: 1;
}

input,
textarea {
    color: #323232;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
}

/*   -- "label" (These are the styles for the label) --   */

label {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 5px;
    width: 100%;
}

input[type="radio"],
input[type="checkbox"] {
    display: inline-block;
    margin: 0 5px 0 0;
}


/*   -- "Article" (These are the styles for the Article) --   */

article {
    font-size: 14px;
    line-height: 22px;
}

/*    ===== Buttons =====   */

/*   -- "Back To Top" (These are the styles for the Back To Top) --   */

.back-to-top {
    bottom: 70px;
    position: fixed;
    right: 30px;
    z-index: 2;
}

.back-to-top a {
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 3px;
    color: #fff;
    display: block;
    font-family: "FontAwesome";
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.back-to-top a:hover {
    border: 1px solid #fff;
    color: #fff;
}

.site-footer .back-to-top a {
    color: #fff;
}

/*   -- "box-button" (These are the styles for the box-button) --   */

.box-button,
.wpcf7-submit[type="submit"],
.rwspt-btn-business,
.load-button {
    border: 1px solid;
    color: #fff;
    line-height: 1.2;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    overflow: hidden;
    padding: 14px 65px 18px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    transform: perspective(0px);
}

.media-content .load-button {
    background: #c9c9c9;
    border-color: #c9c9c9;
    color: #6f5f2f;
}

.box-button::before,
.wpcf7-submit[type="submit"]::before,
.rwspt-btn-business::before,
.load-button::before {
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: rotate(0deg) scaleY(0);
    transition: -webkit-transform 0.5s linear 0s;
    width: 100%;
    z-index: -1;
}

.box-button:hover::before,
.wpcf7-submit[type="submit"]:hover::before,
.rwspt-btn-business:hover::before,
.load-button:hover::before {
    transform: rotate(0deg) scaleY(2);
}

.featured-slider .box-button {
    margin: 0 10px;
}

.box-button:hover,
.box-button:active,
.box-button:focus,
.rwspt-btn-business:hover,
.load-button:hover {
    color: #fff;
}


/*   -- "Alignment" (These are the styles for the Alignment) --   */

.alignleft {
    display: inline;
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
    position: relative;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 20px;
    margin-bottom: 10px;
    position: relative;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    position: relative;
}

.alignnone {
    clear: both;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    margin-top: 15px;
}

.global-layout-no-sidebar .alignfull {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    max-width: none;
}

.alignleft>a img,
.alignright>a img,
.aligncenter>a img {
    transition: all 0.3s ease 0s;
}

.alignleft>a:hover img,
.alignright>a:hover img,
.aligncenter>a:hover img {
    opacity: 0.9;
    transition: all 0.3s ease 0s;
}

.entry-meta.alignleft,
.entry-meta.alignright {
    margin-bottom: 0;
}

.entry-meta.alignleft>div,
.entry-meta.alignright>div {
    border-right: medium none;
    padding-left: 8px;
    padding-right: 0px;
}

.entry-meta.alignleft [class*="fa-"],
.entry-meta.alignright [class*="fa-"] {
    margin-right: 0px;
    margin-left: 10px;
}


/*   -- "Images" (These are the styles for the Images) --   */

figure {
    margin: 0;
    /*text-align: center;*/
}

img {
    display: block;
    max-width: 100%;
    height: auto;
    vertical-align: top;
}

.entry-content img,
.comment-content img,
.widget img {
    max-width: 100%;
}

img#wpstats {
    display: none;
}


.widget-area .widget {
    padding: 15px;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
}

/*   -- "Horizontal Row" (These are the styles for the Horizontal Row) --   */

hr {
    border-color: #bdbdbd;
    border-style: solid none none;
    border-width: 1px 0 0;
    height: 0;
    margin: 0 0 33px;
}

/*        custom layout       */
.container {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    width: 1170px;
}

.row {
    margin-left: -15px;
    margin-right: -15px;
}

.custom-col-1,
.custom-col-2,
.custom-col-3,
.custom-col-4,
.custom-col-5,
.custom-col-6,
.custom-col-7,
.custom-col-8,
.custom-col-9,
.custom-col-10,
.custom-col-11,
.custom-col-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.custom-col-1,
.custom-col-2,
.custom-col-3,
.custom-col-4,
.custom-col-5,
.custom-col-6,
.custom-col-7,
.custom-col-8,
.custom-col-9,
.custom-col-10,
.custom-col-11,
.custom-col-12 {
    float: left;
}

.custom-col-12 {
    width: 100%;
}

.custom-col-11 {
    width: 91.66666667%;
}

.custom-col-10 {
    width: 83.33333333%;
}

.custom-col-9 {
    width: 75%;
}

.custom-col-8 {
    width: 66.66666667%;
}

.custom-col-7 {
    width: 58.33333333%;
}

.custom-col-6 {
    width: 50%;
}

.custom-col-5 {
    width: 41.66666667%;
}

.custom-col-4 {
    width: 33.33333333%;
}

.custom-col-3 {
    width: 25%;
}

.custom-col-2 {
    width: 16.66666667%;
}

.custom-col-1 {
    width: 8.33333333%;
}

* {
    box-sizing: border-box;
}



/*   -- "captions" (These are the styles for the captions) --   */

.wp-caption {
    margin-bottom: 1.6em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 0;
}

.wp-caption-text {
    bottom: 0;
    color: #fff;
    font-size: 14px;
    margin: 10px 0 0;
    padding: 7px;
    position: absolute;
    text-align: left;
    width: inherit;
}

/*  3.0 ====== Others =====    */

/*   -- "Others" (These are the styles for the Others) --   */

.comment-list:before,
.comment-list:after,
.comment-body:before,
.comment-body:after,
.gallery:before,
.gallery:after,
.post-content-wrap:before,
.post-content-wrap:after,
.nav-links:before,
.nav-links:after,
.entry-meta-bar:before,
.entry-meta-bar:after,
.comment-form:before,
.comment-form:after,
.wpcf7-form:before,
.wpcf7-form:after,
.main-navigation:before,
.main-navigation:after,
.comment-meta:before,
.comment-meta:after,
.container::before,
.container::after,
.row:before,
.row:after,
.post-content-wrapper:before,
.post-content-wrapper:after,
.rwspt-pricing-table-wrapper:before,
.rwspt-pricing-table-wrapper:after,
.widget_bht_insta_feeds:before,
.widget_bht_insta_feeds:after,
.hgroup-wrap:before,
.hgroup-wrap:after,
.entry-meta:before,
.entry-meta:after,
.site-generator:before,
.site-generator:after,
.post-item:before,
.post-item:after,
.flexible-post:before,
.flexible-post:after,
.widget-shortcut-links ul:before,
.widget-shortcut-links ul:after,
.header-section-wrap:before,
.header-section-wrap:after,
.choose-section:before,
.choose-section:after,
.post-item-wrapper:before,
.post-item-wrapper:after,
.post-image:before,
.post-image:after,
.media-content:before,
.media-content:after,
.single-contact-detail:before,
.single-contact-detail:after,
.contact-detail:before,
.contact-detail:after,
.gallery-section:before,
.gallery-section:after,
.service-content-wrap:before,
.service-content-wrap:after {
    clear: both;
    display: block;
    content: "";
}

html {
    height: 100%;
    width: 100%;
}

ul li {
    list-style: none;
}

.entry-content ul li {
    position: relative;
}

.entry-content ul li:before {
    content: "\f101";
    font-family: FontAwesome;
    font-size: 15px;
    position: absolute;
    left: -15px
}

.entry-content ul {
    margin-left: 20px;
}

time {
    font-size: 14px;
    text-transform: capitalize;
}

.site-footer span.date::before {
    display: none;
}


/*  4.0 ====== Basic Structure ======*/
iframe {
    max-width: 100%;
}



/*  5.0 ===== Header =====   */

/*   -- "Header" (These are the styles for the Header section) --   */
.site-header {
    background: rgb(247, 247, 247) none repeat scroll 0 0;
}

.hgroup-wrap .container {
    align-items: center;
    align-items: -webkit-box;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    flex-wrap: wrap;
    flex-wrap: -webkit-box;
    position: relative;
}

.hgroup-right {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    float: right;
    text-align: right;
    width: 76%;
    width: calc(100% - 265px);
    width: -moz-calc(100% - 265px);
    width: -webkit-calc(100% - 265px);
    width: -o-calc(100% - 265px);
}




/*   -- "Site Branding" (These are the styles for the Site-Branding section) --   */

.site-branding {
    float: left;
    position: relative;
    max-width: 260px;
    z-index: 9;
}

.site-title {
    display: inline-block;
    font-size: 28px;
    line-height: 1;
    margin-bottom: 3px;
}

.site-title a {
    color: #fff;
    display: inline-block;
}

.site-footer .site-title>a {
    display: block;
}

.site-description {
    color: #fff;
    display: inline-block;
    font-size: 12px;
    margin: 0;
    width: 100%;
}

.site-title a img,
.site-title a {
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

.site-title a:hover img,
.site-title a:hover {
    opacity: 0.6
}

.site-title img {
    margin-right: 15px;
}

.blink_me {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 1.5s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 1.5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

@-webkit-keyframes blinker {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

@keyframes blinker {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

.sticky {
    display: block;
}

.home .site-content {
    padding-top: 70px;
}

.home.page-template-template-home .site-content {
    padding-top: 0;
}

/*   -- "Social Profile" (These are the styles for the Social Site section) --   */
.social-links ul li a {
    font-size: 0;
}

.social-links ul li a::before {
    font-family: "FontAwesome";
    color: #dad7d1;
    vertical-align: middle;
    font-size: 14px;
}

.social-links ul li a:hover::before {}

.social-links ul li a[href*="facebook.com"]::before {
    content: "\f09a"
}

.social-links ul li a[href*="twitter.com"]::before {
    content: "\f099"
}

.social-links ul li a[href*="linkedin.com"]::before {
    content: "\f0e1"
}

.social-links ul li a[href*="plus.google.com"]::before {
    content: "\f0d5"
}

.social-links ul li a[href*="youtube.com"]::before {
    content: "\f167"
}

.social-links ul li a[href*="dribbble.com"]::before {
    content: "\f17d"
}

.social-links ul li a[href*="pinterest.com"]::before {
    content: "\f0d2"
}

.social-links ul li a[href*="bitbucket.org"]::before {
    content: "\f171"
}

.social-links ul li a[href*="github.com"]::before {
    content: "\f113"
}

.social-links ul li a[href*="codepen.io"]::before {
    content: "\f1cb"
}

.social-links ul li a[href*="flickr.com"]::before {
    content: "\f16e"
}

.social-links ul li a[href$="feed.com"]::before {
    content: "\f09e"
}

.social-links ul li a[href*="foursquare.com"]::before {
    content: "\f180"
}

.social-links ul li a[href*="instagram.com"]::before {
    content: "\f16d"
}

.social-links ul li a[href*="tumblr.com"]::before {
    content: "\f173"
}

.social-links ul li a[href*="respanit.com"]::before {
    content: "\f1a1"
}

.social-links ul li a[href*="vimeo.com"]::before {
    content: "\f194"
}

.social-links ul li a[href*="digg.com"]::before {
    content: "\f1a6"
}

.social-links ul li a[href*="twitch.tv"]::before {
    content: "\f1e8"
}

.social-links ul li a[href*="stumbleupon.com"]::before {
    content: "\f1a4"
}

.social-links ul li a[href*="delicious.com"]::before {
    content: "\f1a5"
}

.social-links ul li a[href*="mailto:"]::before {
    content: "\f0e0"
}

.social-links ul li a[href*="soundcloud.com"]::before {
    content: "\f1be"
}

.social-links ul li a[href*="wordpress.org"]::before {
    content: "\f19a"
}

.social-links ul li a[href*="wordpress.com"]::before {
    content: "\f19a"
}

.social-links ul li a[href*="jsfispanle.net"]::before {
    content: "\f1cc"
}

.social-links ul li a[href*="tripadvisor.com"]::before {
    content: "\f262"
}

.social-links ul li a[href*="foursquare.com"]::before {
    content: "\f180"
}

.social-links ul li a[href*="angel.co"]::before {
    content: "\f209"
}

.social-links ul li a[href*="slack.com"]::before {
    content: "\f198"
}

.social-links ul li a[href*="facebook.com"]:hover:before {
    color: #3b5998
}

.social-links ul li a[href*="twitter.com"]:hover:before {
    color: #00aced
}

.social-links ul li a[href*="plus.google.com"]:hover:before {
    color: #c13c31
}

.social-links ul li a[href*="/feed/"]:hover:before {
    color: #dc622c
}

.social-links ul li a[href*="wordpress.org"]:hover:before {
    color: #21759b
}

.social-links ul li a[href*="github.com"]:hover:before {
    color: #4183c4
}

.social-links ul li a[href*="linkedin.com"]:hover:before {
    color: #007bb6
}

.social-links ul li a[href*="pinterest.com"]:hover:before {
    color: #cb2027
}

.social-links ul li a[href*="flickr.com"]:hover:before {
    color: #ff0084
}

.social-links ul li a[href*="vimeo.com"]:hover:before {
    color: #aad450
}

.social-links ul li a[href*="youtube.com"]:hover:before {
    color: #b00
}

.social-links ul li a[href*="instagram.com"]:hover:before {
    color: #517fa4
}

.social-links ul li a[href*="dribbble.com"]:hover:before {
    color: #ea4c89
}

.social-links ul li a[href*="skype.com"]:hover:before {
    color: #12a5f4
}

.social-links ul li a[href*="digg.com"]:hover:before {
    color: #333
}

.social-links ul li a[href*="codepen.io"]:hover:before {
    color: #000
}

.social-links ul li a[href*="respanit.com"]:hover:before {
    color: #ff4500
}

.social-links ul li a[href*="mailto:"]:hover:before {
    color: #1d62f0
}

.social-links ul li a[href*="foursquare.com"]:hover:before {
    color: #f94877
}

.social-links ul li a[href*="stumbleupon.com"]:hover:before {
    color: #eb4924
}

.social-links ul li a[href*="twitch.tv"]:hover:before {
    color: #6441a5
}

.social-links ul li a[href*="tumblr.com"]:hover:before {
    color: #32506d
}

.social-links ul li a[href*="foursquare.com"]:hover:before {
    color: #f94877
}

.social-links ul li a[href*="stumbleupon.com"]:hover:before {
    color: #eb4924
}

.social-links ul li a[href*="twitch.tv"]:hover:before {
    color: #6441a5
}

.social-links ul li a[href*="tumblr.com"]:hover:before {
    color: #32506d
}

.social-links ul li a[href*="soundcloud.com"]:hover:before {
    color: #f50
}

.social-links ul li a[href*="wordpress.org"]:hover:before {
    color: #21759b
}

.social-links ul li a[href*="jsfispanle.net"]:hover:before {
    color: #4679bd
}

.social-links ul li a[href*="tripadvisor.com"]:hover:before {
    color: #86c171
}

.social-links ul li a[href*="foursquare.com"]:hover:before {
    color: #2d5be3
}

.social-links ul li a[href*="angel.co"]:hover:before {
    color: #000
}

.social-links ul li a[href*="slack.com"]:hover {
    color: #56b68b
}




/*   -- "Inline Social Profiles" (These are the styles for the Social Site section) --   */

.inline-social-icons ul,
.block-social-icons ul,
.widget ul {
    margin: 0 !important;
}

.inline-social-icons ul li {
    display: inline-block;
    padding: 0 15px;
}

.top-bar .inline-social-icons ul li {
    line-height: 34px;
}

.topbar-right.menu-right.topbar-right-menu ul#menu-social-menu {
    padding-right: 15px;
}

.topbar-right.menu-right ul#menu-social-menu {
    padding-right: 0;
    padding-left: 15px;
}

.global-layout-right-search .custom-col-5 {
    padding-right: 0;
}

.global-layout-left-search .inline-social-icons li:last-child {
    padding-right: 0;
}

.inline-social-icons li a {
    display: inline-block;
    font-size: 16px;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

.inline-social-icons li a:hover {
    border-radius: 35px;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.inline-social-icons ul li:last-child a {
    margin-right: 0;
}

/*   -- "Block Social Profiles" (These are the styles for the Social Site section) --   */

.block-social-icons ul li {
    border: none;
    padding: 0;
}

.block-social-icons ul li a,
.widget.block-social-icons ul li a {
    border-radius: 3px;
    color: #fff;
    display: block;
    padding: 10px;
    text-transform: inherit;
}

.block-social-icons ul li a:hover {
    color: #fff;
}

.block-social-icons a span {
    border-right: 1px solid #fff;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    margin-right: 4px;
    padding-right: 10px;
}

.block-social-icons .facebook-profile {
    background: #3b5997;
}

.block-social-icons .facebook-profile:hover {
    background: #4b70ba;
    opacity: 1;
}

.block-social-icons .twitter-profile {
    background: #00acee;
}

.block-social-icons .twitter-profile:hover {
    background: #22c2ff;
    opacity: 1;
}

.block-social-icons .rss-profile {
    background: #ff9c00;
}

.block-social-icons .rss-profile:hover {
    background: #ffb94f;
    opacity: 1;
}

.block-social-icons .youtube-profile {
    background: #bc0000;
}

.block-social-icons .youtube-profile:hover {
    background: #f90000;
    opacity: 1;
}

/*  6.0 ===== Navbar =====   */

/*   -- "Navbar" section (These are the styles for the navbar section) --   */
.main-navigation {
    line-height: 1;
}

.home-menu-wrapper {
    position: relative;
}

.home.blog .home-menu-wrapper {
    background: rgba(60, 49, 39, 0.5);
    min-height: 89px;
}

.hgroup-wrap {
    position: absolute;
    top: 25px;
    width: 100%;
}

.hgroup-wrap.header-top-bar {
    top: 0;
}

.logged-in .hgroup-wrap {
    top: 25px;
}

.logged-in .hgroup-wrap.header-top-bar {
    top: 15px;
}

.hgroup-wrap .navbar {
    border-radius: 0;
    min-height: 0;
    width: 100%;
    z-index: 9;
}

.navbar .container {
    position: relative;
}

.menu-top-menu-container li {
    display: inline-block;
    list-style: outside none none;
    position: relative;
    z-index: 1;
    transition: all 0.3s ease 0s;
}

.menu-top-menu-container>ul>li,
.menu-top-menu-container>div>ul>li {
    margin: 15px 0;
}

.menu-top-menu-container li a {
    color: rgb(255, 255, 255);
    display: block;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}

.menu-top-menu-container li a:hover {
    color: #F9BA48;
}

.menu-top-menu-container>ul>li>a,
.menu-top-menu-container>div>ul>li>a {
    margin: 0 16px;
}

.menu-top-menu-container>ul>li:first-child>a,
.menu-top-menu-container>div>ul>li:first-child>a {
    margin-left: 0;
}

.menu-top-menu-container>ul>li:last-child>a,
.menu-top-menu-container>div>ul>li:last-child>a {
    margin-right: 0;
}

.menu-top-menu-container ul li a:hover,
.menu-top-menu-container li.current-menu-item a {
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

/*   -- "Dropdown" section (These are the styles for the Dropdown section) --   */

.menu-top-menu-container ul li ul,
.menu-top-menu-container ul li:hover ul ul,
.menu-top-menu-container ul ul li:hover ul ul,
.menu-top-menu-container ul ul ul li:hover ul ul,
.menu-top-menu-container ul ul ul ul li:hover ul ul {
    visibility: hidden;
    opacity: 0;
    z-index: 9999;
}

.menu-top-menu-container ul li:focus-within ul,
.menu-top-menu-container ul ul li:focus-within ul,
.menu-top-menu-container ul ul ul li:focus-within ul,
.menu-top-menu-container ul ul ul ul li:focus-within ul,
.menu-top-menu-container ul ul ul ul ul li:focus-within ul,

.menu-top-menu-container ul li:hover ul,
.menu-top-menu-container ul ul li:hover ul,
.menu-top-menu-container ul ul ul li:hover ul,
.menu-top-menu-container ul ul ul ul li:hover ul,
.menu-top-menu-container ul ul ul ul ul li:hover ul {
    visibility: visible;
    opacity: 1;
    top: 20px;
    -webkit-transition: opacity 0.5s linear;
    transition: all 0.5s ease 0s;
}

.menu-top-menu-container ul ul li:hover ul,
.menu-top-menu-container ul ul ul li:hover ul,
.menu-top-menu-container ul ul ul ul li:hover ul,
.menu-top-menu-container ul ul ul ul ul li:hover ul {
    opacity: 1;
    top: -5px;
    visibility: visible;
    -webkit-transition: opacity 0.5s linear;
    transition: all 0.5s ease 0s;
}

.menu-top-menu-container ul li ul {
    background-color: #fff;
    left: 0;
    position: absolute;
    text-align: left;
    top: 65px;
    width: 200px;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

.menu-top-menu-container ul li ul li {
    float: none;
    margin: 0;
    display: block;
}

.menu-top-menu-container ul li ul li a,
.menu-top-menu-container ul li.current-menu-item ul li a,
.menu-top-menu-container ul li ul li.current-menu-item a,
.menu-top-menu-container ul li.current-page-ancestor ul li a,
.menu-top-menu-container ul li.current-menu-ancestor ul li a,
.menu-top-menu-container ul li.current-page-item ul li a {
    color: #383838;
    float: none;
    line-height: 20px;
    font-size: 15px;
    height: inherit;
    padding: 10px 14px;
}

.menu-top-menu-container ul li ul li a:hover,
.menu-top-menu-container ul li ul li:hover>a,
.menu-top-menu-container ul li.current-menu-item ul li a:hover {
    background: rgb(25, 46, 70);
    color: #fff;
}

.menu-top-menu-container ul li ul li ul {
    border-left: 1px solid rgba(0, 0, 0, 0.2);
    border-top: medium none;
    left: 200px;
    top: 0;
    transition: all 0.5s ease 0s;
    -webkit-transition: opacity 0.5s linear;
}

.menu-top-menu-container ul ul li:hover ul,
.menu-top-menu-container ul ul ul li:hover ul,
.menu-top-menu-container ul ul ul ul li:hover ul,
.menu-top-menu-container ul ul ul ul ul li:hover ul,
.menu-top-menu-container ul li ul {
    border-top: 5px solid #F9BA48;
}



/*   -- "Search Form" section (These are the styles for the Search Form section) --   */




/*  ====== Featured Content =====  */
.entry-footer>span {
    font-size: 18px;
    margin-right: 15px;
}

.entry-footer>span a {
    font-size: 14px;
    text-transform: capitalize;
}

.entry-footer>span a:first-child {
    margin-left: 8px;
}

.entry-footer>span:last-child {
    float: right;
}

/*   -- "Featured Slider" section (These are the styles for the Featured Slider section) --   */

.featured-slider>img {
    width: 100%
}

.slider-text {
    margin: 0 auto;
    position: absolute;
    text-align: center;
    transform: translate(0px, -50%);
    width: 70%;
    z-index: 9;
}

.slider-image {
    position: relative;
}

.slider-image::before {
    background: rgba(25, 46, 70, 0.7) none repeat scroll 0 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

.slider-title {
    color: #fff;
    display: inline-block;
    font-size: 42px;
    font-weight: 700;
    line-height: 1.2;
    padding: 10px 0px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
}

.slider-text p {
    color: rgb(255, 255, 255);
    font-size: 22px;
    font-weight: 300;
    line-height: 1.3;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
}

.slider-btn {
    padding-top: 20px;
}

.featured-slider {
    background: rgb(25, 46, 70) none repeat scroll 0 0;
}

.featured-slider .v-center {
    max-width: 740px;
}

.slider-content .intro-art {
    right: 50%;
    width: 308px;
}

.slider-content {
    position: relative;
}

.v-center {
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

#owl-slider-demo.owl-theme .owl-nav [class*="owl-"] {
    font-size: 0;
    width: 45px;
    background: none;
    margin: auto;
    position: absolute;
}

#owl-slider-demo .owl-prev:before {
    content: "\f104";
}

#owl-slider-demo .owl-next:before {
    content: "\f105";
}

#owl-slider-demo .owl-prev:before,
#owl-slider-demo .owl-next:before {
    color: #fff;
    font-family: "FontAwesome";
    font-size: 50px;
    transition: all 0.3s ease 0s;
    z-index: 9;
}

#owl-slider-demo .owl-prev:hover:before,
#owl-slider-demo .owl-next:hover:before {
    color: #F9BA48;
}

#owl-slider-demo .owl-next {
    bottom: 0;
    height: 30px;
    right: 15px;
    top: 0;
}

#owl-slider-demo .owl-prev {
    bottom: 0;
    height: 30px;
    left: 15px;
    top: 0;
}

#owl-slider-demo.owl-theme .owl-nav {
    bottom: 0;
    margin: auto;
    top: 0;
    opacity: 0;
    transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
}

#owl-slider-demo.owl-theme:hover .owl-nav {
    opacity: 1;
    transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
}

.no-banner-image {
    padding-top: 44.44%;
}



/*   ===== post-featured-image =====  */
.post-featured-image img {
    width: 100%;
}

.post-featured-image {
    margin-bottom: 15px;
    position: relative;
    overflow: hidden;
}

.post-content-wrap .post-featured-image {
    float: right;
    width: 38%;
}

.post-content-wrap .entry-container {
    border-left: medium none;
    float: left;
    padding: 0;
    width: 55%;
}




/*  9.0 ===== Content =====   */

.site-content h1,
.site-content h2,
.site-content h3,
.site-content h4,
.site-content h5,
.site-content h6 {
    padding-bottom: 10px;
}

/*   -- "Entry Header"  (These are the styles for the Entry Header ) --   */
header.entry-header.heading {
    padding: 0 0 60px;
    text-align: center;
    position: relative;
}

header.entry-header.heading .entry-title:before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 39px;
    height: 2px;
    background: #f9ba48;
    left: 0;
    right: 0;
    margin: 0 auto;
}

header.entry-header.heading .entry-title:after {
    content: '';
    position: absolute;
    bottom: -5px;
    width: 67px;
    height: 2px;
    background: #f9ba48;
    left: 0;
    right: 0;
    margin: 0 auto;
}

header.entry-header.heading .entry-content {
    padding-top: 30px;
}

.introduction-content-wrapper header.entry-header.heading {
    padding: 0;
    text-align: left;
}

.introduction-content-wrapper header.entry-header.heading .entry-title {
    font-size: 24px;
    text-transform: capitalize;
}

.heading .entry-title {
    color: #192E46;
    display: block;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 2px;
    position: relative;
    text-transform: uppercase;
}

.entry-header {
    padding: 15px 0 12px;
    /*for space on the top and bottom of the entry header to balance the entry meta and figure on the gallery page, blog page etc.*/
}

.cat-links {
    display: inline-block;
    margin-right: 7px;
    position: relative;
}

.cat-links a {
    display: inline-block;
    font-weight: 400;
    margin: 0 6px 0 0;
    transition: all 0.3s ease 0s;
}

/*   -- "Entry Title" section (These are the styles for the Entry Title section) --   */
.entry-title {
    font-size: 18px;
    text-transform: initial;
    position: relative;
}

.post .entry-header .entry-title {
    padding: 4px 0 0;
}


/*   -- "Entry Meta" section (These are the styles for the Entry Meta section) --   */

.entry-meta,
.entry-meta a {
    color: #bebebe;
}

.entry-meta a:hover {
    color: #F9BA48;
}

.entry-meta .fa {
    color: #7e7e7e;
}

.blog-section .entry-meta,
.blog-section .entry-meta a {
    color: #7e7e7e;
}

.site-footer .entry-meta,
.site-footer .entry-meta a {
    color: #767676;
}

.entry-meta .cat-links,
.entry-meta .cat-links a {
    color: #767676;

}

.entry-meta .cat-links a {
    display: inline-block;
    padding-bottom: 10px;
}

#secondary .entry-meta .cat-links a {
    padding-bottom: 0px;
}

.post-content-wrap .entry-meta .cat-links a {
    padding-bottom: 0px;
}

.entry-meta [class*="fa-"] {
    float: left;
    margin-right: 7px;
    line-height: 16px;
}

.entry-header .entry-meta {
    margin: 9px 0 0;
}

.entry-meta>div {
    float: left;
    line-height: 1;
    padding-right: 10px;
}


/* Tag Links */
.tag-links>a {
    border-right: 1px solid;
    color: #7e7e7e;
    display: inline-block;
    font-weight: 500;
    padding: 0 8px;
    margin-bottom: 7px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

.tag-links>a:first-child {
    padding-left: 0;
    border-left: none;
}

.tag-links>a:last-child {
    padding-right: 0;
    border-right: none;
}

.widget_tag_cloud a:hover {
    color: #fff;
    opacity: 1;
}

.tag-links h4 {
    display: inline-block;
    margin: 0 20px 0 0;
    padding: 0 !important;
}

.meta-icon .fa {
    float: none;
}


/*   -- "Entry Content" section (These are the styles for the Entry Content section) --   */

.entry-content {
    display: block;
    padding-bottom: 15px;
}

.entry-content dt,
.comment-content dt {
    font-weight: bold;
}

.entry-content dd,
.comment-content dd {
    margin-bottom: 20px;
}

.entry-content td,
.comment-content td {
    padding: 8px;
}

.post .entry-content>p:last-child {
    margin-bottom: 5px;
}

/*      COMMENT     */
.bypostauthor>article .fn:after {
    content: "\f304";
    position: relative;
    top: 5px;
    left: 3px;
}

.comment-list .reply {
    text-align: right;
}

.sidebar .comments-title,
.sidebar .comment-list,
.sidebar .must-log-in,
.sidebar .comment-reply-title,
.sidebar .comment-navigation,
.sidebar .comment-respond .comment-form {
    max-width: 1040px;
    padding-left: 60px;
    padding-right: 376px;
}

.comment-list {
    list-style-type: none;
    padding: 0;
    margin-left: 0 !important;
    padding: 0 !important;
}

.comment-list .children {
    list-style-type: none;
    padding: 0;
}

.comment-list .children {
    margin-left: 65px !important;
}

.comment-list .children .avatar {
    border-left: 5px solid;
    left: -7px;
    padding-left: 10px;
}

.comment-list>li:after,
.comment-list .children>li:before {
    content: "";
    display: block;
    height: 1px;
    width: 100%;
}

#comments ol,
#comments ul {
    list-style-type: none !important;
    margin-left: 0;
}

.comment-body,
.post-author {
    padding: 0px 0 24px 140px;
    position: relative;
    clear: both;
}

.comment-body {
    margin: 0 0 30px;
    padding: 0;
}

.author-details>p,
.comment-content>p:last-child {
    margin-bottom: 12px;
}

.comment-author .avatar img,
.post-author .avatar img {
    display: block;
    height: 120px;
    width: 120px;
}

.comment-metadata .fn,
.comment-author .url,
.comment-reply-login {
    display: inline-block;
    font-size: 18px;
    font-style: normal;
    text-transform: uppercase;
}

.says {
    display: none;
}

.comment-list .edit-link {
    margin-left: 20px;
}

.comment-awaiting-moderation {
    float: right;
    text-align: left;
    width: 82%;
    width: -webkit-calc(100% - 125px);
    width: calc(100% - 125px);
    word-wrap: break-word;
}

.comment-meta,
.comment-meta a {
    color: #181818;
    font-size: 13px;
}

.comment-metadata a {
    color: #ababab;
}

.comment-meta>div {
    float: left;
    margin-right: 10px;
}

.reply a:hover {
    color: #181818;
}

.comment-metadata {
    margin-bottom: 8px;
}

/* Comment form */
.comment .comment-respond {
    margin-bottom: 20px;
    padding: 20px;
}

.comment-form .comment-notes {
    margin-bottom: 15px;
}

.comment-form .comment-form-author,
.comment-form .comment-form-email,
.comment-form .comment-form-url,
.comment-form p {
    margin-bottom: 5px;
}

.comment-form [for="author"],
.comment-form [for="email"],
.comment-form [for="url"],
.comment-form [for="comment"] {
    float: left;
    padding: 5px 0;
    width: 120px;
}

.comment-form .required {
    color: #ed331c;
}

.comment-form textarea {
    width: 100%;
}

.form-allowed-tags,
.form-allowed-tags code {
    color: #383838;
    font-size: 12px;
}

.form-allowed-tags code {
    font-size: 10px;
    margin-left: 3px;
}

.comment-list .pingback,
.comment-list .trackback {
    padding-top: 24px;
}

.comment-navigation {
    font-size: 20px;
    font-style: italic;
    font-weight: 300;
    margin: 0 auto;
    max-width: 604px;
    padding: 20px 0 30px;
    width: 100%;
}

/*     comment area     */
.comment-reply-title {
    font-size: 24px;
    font-weight: 500;
}

.comments-area {
    padding: 30px 0 28px;
}

.comments-area ul,
.comments-area ol {
    list-style: none;
}

.comment-form p {
    float: left;
    width: 50%;
}

.comment-form-comment,
.form-submit {
    width: 100% !important;
    padding: 0 !important;
}

.comment-form input[type="submit"] {
    display: inline-block;
}

/* 11.0 ===== Contact form 7 styling ===== */
.wpcf7-form {
    padding: 10px 0 0;
}

.wpcf7-form p {
    margin: 0 0 14px;
    text-align: left;
}

.wpcf7-form textarea {
    height: 140px;
    resize: none;
}

.wpcf7-submit[type="submit"],
.form-submit input[type="submit"],
.page-content .search-form .search-submit {
    margin: 0;
}

.wpcf7-form .contact-textarea,
.wpcf7-form .contact-submit {
    width: 100% !important;
    padding: 0 !important;
}

.contact-submit {
    text-align: center !important;
}

.wpcf7-form input,
.wpcf7-form textarea {
    background: #fff;
    border: 1px solid #c5c3c3;
    padding: 10px 18px;
    margin-bottom: 9px;
}

.wpcf7-form textarea {
    margin-bottom: 19px;
}

.wpcf7 {
    margin: 12px 0 0;
}

input::-webkit-input-placeholder,
textarea::-webkit-textarea-placeholder {
    /* Chrome/Opera/Safari */
    opacity: 1;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    /* Firefox 19+ */
    opacity: 1;
}

input:-ms-input-placeholder,
textarea:-ms-textarea-placeholder {
    /* IE 10+ */
    opacity: 1;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    /* Firefox 18- */
    opacity: 1;
}

/*     Name: Error form     **/

form.cmxform label.error,
label.error {
    /* remove the next line when you have trouble in IE6 with labels in list */
    color: #ff0000;
    font-style: italic;
    margin: 10px 0 0;
    text-align: left;
}

div.error {
    display: none;
}

/*   ===== Pages =====   */

/*   -- "Page Title" section (These are the styles for the Page Title section) --   */

.page-title-wrap {
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 160px 0 30px;
    position: relative;
    margin-bottom: 75px;
    text-align: center;
}

.page-title-wrap::before {
    background: rgba(60, 49, 39, 0.5) none repeat scroll 0 0;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0;
}

.page-title-wrap .intro-art>img {
    opacity: 0.4;
}

.page-header {
    padding: 10px 0 15px;
}

.page-title {
    color: rgb(255, 255, 255);
    display: inline-block;
    font-size: 35px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 30px;
    padding: 0 0 37px;
    position: relative;
    text-transform: uppercase;
}

.page-sub-title {
    color: rgb(234, 237, 153);
    display: block;
    font-size: 20px;
    font-weight: 300;
    margin: 0 0 8px;
}

.page-title-wrap div {
    position: relative;
}

.page-title a,
.taxonomy-description p {
    color: #fff;
}

.page-title-wrap .breadcrumb {
    background: #fff;
    border-radius: 0;
    display: inline-block;
    margin: 0 0 -15px;
    padding: 15px 20px;
    position: relative;
    text-align: center;
}

/*   -- "bbPress Support" section (These are the styles for the bbPress Support section) --   */

#bbpress-forums,
#bbpress-forums button,
#bbpress-forums ul.bbp-lead-topic,
#bbpress-forums ul.bbp-topics,
#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-replies,
#bbpress-forums ul.bbp-search-results,
div.bbp-search-form input,
div.bbp-search-form button,
div.bbp-breadcrumb,
div.bbp-topic-tags {
    font-size: 16px;
}

div.bbp-search-form input,
div.bbp-search-form button {
    padding: 10px;
}

#bbpress-forums div.bbp-search-form {
    float: none;
}

#bbpress-forums ul,
#bbpress-forums ol {
    margin: 0;
}

#bbpress-forums #bbp-search-form #bbp-search {
    width: 100%;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border-right: 0 none;
}

#bbpress-forums div.bbp-topic-author a.bbp-author-name,
#bbpress-forums div.bbp-reply-author a.bbp-author-name {
    display: inline-block;
    line-height: 20px;
    margin-top: 5px;
}

div.bbp-submit-wrapper button {
    background-color: rgb(46, 60, 66);
    border: 0 none;
    color: #fff;
    cursor: pointer;
    display: block;
    font-weight: 400;
    height: 40px;
    margin-bottom: 30px;
    padding: 0px 20px;
    text-transform: uppercase;
    text-align: center;
    -ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.site-content .entry-header .entry-meta:last-child a:hover,
.site-content .entry-header .entry-meta:last-child span:hover {
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

/*   ===== pagination =====   */
/*   -- "pagination" section (These are the styles for the pagination section) --   */

.pagination,
#wp-page-numbers,
.wp-pagenavi,
#main ul.default-wp-page {
    border-radius: 0px;
    margin: 0 0 30px;
}

.pagination a,
.pagination>li>a,
.pagination>li>span,
#wp_page_numbers li,
.wp-pagenavi li,
#main ul.default-wp-page,
.pagination span.current {
    background-color: rgb(210, 209, 209);
    border: medium none;
    color: rgb(57, 57, 60);
    font-size: 14px;
    font-weight: 600;
    padding: 9px 15px;
    text-transform: uppercase;
    display: inline-block;
}

.pagination a:first-child,
.pagination a:last-child {
    padding: 9px 30px
}

.pagination a:hover,
.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus,
#wp_page_numbers li>a:hover,
.wp-pagenavi li>a:hover,
#main ul.default-wp-page li>a:hover,
.pagination>span,
.pagination span.current {
    background-color: #88ac53;
    color: #fff;
}

.nav-links a {
    background-color: rgb(210, 209, 209);
    padding: 9px 15px;
    order: medium none;
    margin-bottom: 40px;
    color: rgb(57, 57, 60);
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    display: inline-block;
}

.nav-links a:hover {
    background-color: #F9BA48;
    color: #fff;
}

.nav-links .nav-previous {
    float: left;
}

.nav-links .nav-next {
    float: right;
}


/*  8.0 ===== Widgets =====  */
.widget {
    margin-bottom: 30px;
}

/*#secondary .widget {
  margin-bottom: 30px;
  }*/
.widget-gallery-section .widget-description {
    padding: 10px 0 25px;
}

.widget ul li {
    color: rgb(200, 203, 204);
    display: block;
    padding: 6px 0;
}

.widget>ul>li>span {
    float: left;
}

#secondary .widget li a {
    font-size: 16px;
    font-weight: 600;
    color: #192E46;
    position: relative;
}

#secondary .widget li a:hover {
    color: #F9BA48;
}

#secondary .widget li {
    padding-left: 25px;
    position: relative;
}

#secondary .widget li:before {
    content: '\f105';
    color: #F9BA48;
    font-family: 'FontAwesome';
    font-size: 16px;
    left: 5px;
    line-height: 30px;
    position: absolute;
    top: 0;
}

#secondary .widget_user li {
    background: none;
}

#secondary .widget_user li a:before {
    content: "\f007";
    font-family: "FontAwesome";
    left: -25px;
    position: absolute;
}

#secondary .widget_user li a {
    color: #52504f;
}

/*     Widget-Search     */
.widget_search,
.wp-block-search__inside-wrapper {
    position: relative;
}

.widget_search .search-submit,
.wp-block-search__inside-wrapper .wp-block-search__button {
    background-color: #192E46;
    background-image: none;
    border: medium none;
    border-radius: 0;
    box-shadow: inherit;
    color: rgb(255, 255, 255);
    margin: 0;
    padding: 0 8px;
    position: absolute;
    right: 0;
    top: 0;
    width: 80px;
    bottom: 0;
}

.widget_search .search-submit:hover,
.wp-block-search__inside-wrapper .wp-block-search__button:hover {
    background-color: #F9BA48;
}

.widget_search input[type="search"],
.error-content-wrap input[type="search"],
.wp-block-search__inside-wrapper input[type="search"] {
    padding-right: 85px;
    margin-bottom: 0;
}

.widget_search .search-form label {
    margin-bottom: 0;
}

/*   -- "Widget Calendar" section (These are the styles for the Widgete calendar section) --   */
.widget_calendar table,
.widget_calendar th,
.widget_calendar td {
    border: none;
}

/*    textwidget styling from here    */
.textwidget {
    margin: 0 0 20px;
}

.widget_text address {
    display: inline-block;
    margin: 0;
    vertical-align: top;
}

.site-content .widget_text>ul {
    margin: 0;
    padding: 0;
}

.widget_text li {
    color: rgb(103, 103, 103);
    list-style: outside none none;
    margin-bottom: 2px;
}

.widget_text li a {
    color: rgb(95, 100, 104);
}

.widget_text ul li span {
    float: none !important;
}

.widget_text .entry-title {
    font-size: 21px;
    padding: 7px 0 15px;
    text-transform: uppercase;
}

.widget_tag_cloud a {
    border: 1px solid rgb(111, 95, 47);
    color: rgb(111, 107, 107);
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    margin: 3px 7px 5px 0;
    padding: 5px 10px;
    text-transform: capitalize;
}

/*   -- "Recent Entries/Comments widget" section (These are the styles for the Recent Entries/Comments widget section) --   */

.widget-recent-entries ul li {
    border: 1px solid rgb(209, 209, 209);
    margin-bottom: 10px;
}

/*        main styleing from here	   */

.post {
    margin-bottom: 35px;
}

/*     topbar styling from here    */
.top-bar {
    background: rgb(25, 46, 70) none repeat scroll 0 0;
}

/*     search section styling from here   */
.search-section {
    float: right;
    position: relative;
    width: 365px;
}

.top-bar label input {
    margin: 0;
    padding-right: 55px;
}

.top-bar label {
    margin: 0;
}

.top-bar input[type="submit"] {
    background: #192E46 url("assest/img/search-icon.png") no-repeat scroll center center;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 46px;
    transition: all 0s ease 0s;
    -webkit-transition: all 0s ease 0s;
}

.topbar-right,
.top-bar .row {
    align-items: center;
    align-items: -webkit-box;
    flex-wrap: wrap;
    flex-wrap: -webkit-box;
    position: relative;
}

.tobbar-button,
.top-bar .inline-social-icons {
    float: left;
}

.tobbar-button ul li {
    display: inline-block;
}

.tobbar-button ul li a {
    color: rgb(255, 255, 255);
    display: inline-block;
    font-size: 12px;
    padding: 12px 15px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}

.site-header input.search-submit:hover {
    background-color: #F9BA48;
}

.topbar-right {
    float: right;
}

#left-search {
    width: 50px;
}

.global-layout-right-search #left-search {
    float: right;
}

/*    introduction styling from here    */
.introduction-section {
    background: #fff;
    margin: 0;
    position: relative;
}


.introduction-section .introduction-content-wrapper header.entry-header.heading {
    padding: 0 0 10px;
}

.introduction-section .introduction-content-wrapper header.entry-header.heading .entry-title:before,
.introduction-section .introduction-content-wrapper header.entry-header.heading .entry-title:after {
    display: none;
}

.introduction-content-wrapper .featured-image {
    width: 50%;
    padding-right: 15px;
    float: left;
}

.introduction-content-wrapper .content-wrapper {
    width: 50%;
    padding-left: 15px;
    float: right;
}

.introduction-section .entry-content p {
    color: rgba(0, 0, 0, 0.6);
    font-size: 16px;
    font-weight: 400;
}

.intro-art {
    bottom: 0;
    margin: 0 auto;
    position: absolute;
    right: 23%;
    width: 430px;
}

.introduction-content-wrapper .heading span {
    color: #e9eb8e;
    font-weight: 300;
    position: relative;
}

.introduction-content-wrapper .heading span::before {
    background: rgb(255, 255, 255) none repeat scroll 0 0;
    content: "";
    display: block;
    height: 7px;
    left: -130px;
    position: absolute;
    top: 7px;
    width: 105px;
}

.introduction-content-wrapper .box-button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 2px solid rgb(25, 46, 70);
    color: rgb(25, 46, 70);
    font-weight: 700;
    padding: 14px 28px 18px;
}

.introduction-content-wrapper .box-button:hover {
    border: 2px solid rgb(249, 186, 72);
    color: rgb(255, 255, 255);

}

.defult-padding {
    padding: 70px 0;
}


/*    service section styling from here    */
.service-section {
    background: #fbfbfb;
}

.service-section header.entry-header.heading>span,
.service-section header.entry-header.heading>h2,
.service-section header.entry-header.heading>div,
.service-section .heading p {
    position: relative;
}

.service-content-wrap {
    margin: 0 -15px;
}

.service-item {
    background: #fff;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
    padding: 15px;
    margin: 6px 19px 15px;
    float: left;
    text-align: center;
    width: 30%;
    transition: all ease-in-out 1s;
}

.service-item:hover {
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
    transition: all ease-in-out 1s;
}

.service-item:nth-child(3n+1) {
    clear: both;
}

.service-section .featured-image img {
    margin: 0 auto;
}

.service-item .featured-image {
    padding-top: 37px;
    text-align: left;
}

.service-item .entry-title {
    font-size: 18px;
    font-weight: 400;
    padding: 0px;
}

.service-item .entry-title a {
    color: #192E46;
}

.no-image .protfolio-image {
    min-height: 239px;
    background: #333;
}

.mixit-content-wrapper {
    background: transparent;
    padding: 10px 15px;
    text-align: left;
    position: absolute;
    bottom: 0;
    z-index: 9;
}

.protfolio-image:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    content: " ";
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#bf000000', GradientType=0);

}

.mixit-content-wrapper .entry-header {
    padding: 0;
}

.mixit-content-wrapper .entry-title {
    text-transform: capitalize;
    font-weight: 600;
    font-size: 20px;
}

.mixit-content-wrapper p {
    margin: 0;
}

.mixit-content-wrapper .entry-title a,
.mixit-content-wrapper .cat-links a {
    color: #fff;
}

/*     events section styling from here    */
.events-section {
    background: rgb(207, 222, 239) none repeat scroll 0 0;
    padding: 80px 0;
}

.event-gallery {
    margin: 0 -10px;
}

.event-item {
    float: left;
    margin: 10px;
    width: 31.5%;
    width: calc(33.3% - 20px);
    width: -webkit-calc(33.3% - 20px);
}

.events-section header.entry-header.heading {
    background: #ffffff;
    padding: 100px 55px 80px;
    text-align: center;
}

.events-section header.entry-header.heading .entry-title {
    color: #3163ac;
    display: inline-block;
    margin-bottom: 20px;
    text-transform: capitalize;
    font-weight: 800;
}

.events-section header.entry-header.heading .entry-title::before {
    background: rgb(52, 104, 178) none repeat scroll 0 0;
    bottom: 3px;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    width: 75px;
}

.event-item img {
    width: 100%;
}

.event-content {
    bottom: 0;
    padding: 50px 20px;
    position: absolute;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

.event-content::before {
    background: rgb(241, 91, 131) none repeat scroll 0 0;
    content: "";
    display: block;
    height: 10px;
    left: 0;
    position: absolute;
    top: -10px;
    width: 0px;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
}

.event-item:hover .event-content::before {
    width: 70px;
    transition: all 0.9s ease 0s;
    -webkit-transition: all 0.9s ease 0s;
    -moz-transition: all 0.9s ease 0s;
    -ms-transition: all 0.9s ease 0s;
    -o-transition: all 0.9s ease 0s;
}

.event-item:hover .event-content {
    background: #7eb051;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

.event-item .entry-title a,
.event-item time {
    color: #ffffff;
}

.event-item .entry-title a {
    font-weight: 600;
}

.event-item .entry-title a:hover {
    color: #3e3a27;
}

.featured-image {
    position: relative;
}

.event-item .featured-image::before {
    background: rgba(0, 6, 0, 0.4) none repeat scroll 0 0;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
}


/*     blog section styling from here    */
.blog-section {
    background: #fbfbfb;
    position: relative;
}

.blog-section .entry-meta {
    color: rgb(62, 58, 39);
    font-weight: bold;
}

.entry-meta>span {
    margin: 0 5px;
}

.entry-meta>span:first-child {
    margin-left: 0;
}

.entry-meta>span:last-child {
    margin-right: 0;
}

.blog-section .flexible-post {
    position: relative;
}

.flexible-post .featured-image {
    float: left;
    width: 50%;
}

.flexible-post .flexible-post-content {
    box-shadow: 5px 0 15px rgba(0, 0, 0, 0.2);
    background: #fff;
    float: right;
    padding: 30px;
    position: absolute;
    top: 24px;
    right: 25px;
    width: 50%;

}

.opp.flexible-post .featured-image {
    float: right;
}

.opp.flexible-post .flexible-post-content {
    float: left;
    padding: 15px 95px 0 0px;
    text-align: right;
}

.opp .entry-meta {
    text-align: left;
}

.blog-section .opp .entry-header {
    padding-left: 50px;
    padding-right: 0;
}

.blog-section .post .entry-title {
    font-size: 25px;
    font-weight: 700;
    line-height: 1.2;
}

#primary .blog-section .post .entry-title {
    padding-bottom: 0 !important
}

.blog-section .post .entry-title:before {
    display: none;
}

.blog-section .entry-title a {
    color: rgb(25, 46, 70);
}

.blog-section .byline {
    color: rgb(25, 46, 70);
    font-weight: 400;
    text-transform: capitalize;
}

.byline a {
    color: rgb(25, 46, 70);
    font-weight: 400;
}

.blog-section time {
    color: #464646;
    font-weight: 400;
}

.widget_recent_entries .entry-meta>span:last-child {
    float: none;
}

.comments-link {
    display: inline-block;
    font-weight: 400;
}

.entry-meta .fa {
    vertical-align: middle;
}

.entry-meta [class*="fa-"],
a .fa {
    line-height: 22px;
    vertical-align: middle;
}

.blog-section .entry-header {
    padding-right: 50px;
}

.entry-content>a {
    color: rgb(25, 46, 70);
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    padding-right: 25px;
}

.entry-content .fa,
.load-button .fa {
    line-height: 23px;
    margin-left: 15px;
    position: absolute;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

.load-button .fa {
    line-height: 23px;
    margin-left: 15px;
    position: absolute;
    right: 30px;
    top: 15px;
}

.load-button:hover .fa {
    right: 40px;
}

.entry-content a:hover .fa,
.load-button:hover .fa {
    margin-left: 5px;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.load-portfolio {
    padding-top: 50px;
    text-align: center;
}



/*     clients styling from here   */
.clients-section {
    padding: 14px 0 88px;
    text-align: center;
}

.clients-section {
    background: #fff;
    padding: 15px 0 90px;
    text-align: center;
}

.heading .entry-content {
    margin: 0 auto;
    max-width: 575px;
}

.heading p {
    color: rgb(25, 46, 70);
    font-size: 16px;
}

#clients-slider {
    padding-top: 40px;
}

.individual-client {
    padding: 0 37px;
}

.individual-client img:hover {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

.individual-client img {
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

.author-img img {
    width: 100%
}

.author-name {
    padding: 10px 0 7px;
}

.author-name a {
    font-size: 16px;
    color: #4e534d;
    font-weight: 600;
    text-transform: capitalize;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

.author-designation {
    font-size: 13px;
    color: #959794;
    text-transform: capitalize;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

.team-section .social-links ul li a::before {
    color: #282f2a;
}

.team-item .inline-social-icons {
    margin: 10px 0 0;
}

.team-item:hover .social-links ul li a::before,
.team-item:hover .author-name a,
.team-item:hover .author-designation {
    color: #7cab4b;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

.team-item:hover .author-name a:hover,
.team-item:hover .social-links ul li a:hover::before {
    color: #807735;
}

.team-section .custom-col-3 {
    padding-left: 8px;
    padding-right: 8px;
}

.team-section .row {
    margin-left: -8px;
    margin-right: -8px;
}


/*     about page styling from here   */
.about-page-content {
    padding: 0 35px 37px 0;
}

.about-page-content p {
    font-size: 16px
}

.about-page-content p {
    margin-bottom: 40px;
}

.header-section-wrap {
    padding: 0px 0 56px;
}

.header-section-wrap .entry-header {
    float: left;
    padding: 0;
    max-width: 440px;
}

.header-section-wrap .entry-title {
    color: #423629;
    font-size: 66px;
    font-weight: 300;
    line-height: 1.03;
    padding-bottom: 33px;
    position: relative;
    text-transform: inherit;
}

.header-section-wrap .entry-title::before {
    background: #85aa4f none repeat scroll 0 0;
    bottom: 0;
    content: "";
    display: block;
    height: 6px;
    position: absolute;
    width: 120px;
}

.header-section-wrap .entry-content {
    float: right;
    padding: 15px 100px 15px 0;
    width: 55%;
    width: calc(100% - 515px);
    width: -webkit-calc(100% - 515px);
}

.header-section-wrap .entry-content p {
    color: #9f8f61;
    font-size: 20px;
    font-weight: 600;
}


/*     archive page styling from here    */
.archive .page-title-wrap::before {
    background: rgba(64, 52, 41, 0.6) none repeat scroll 0 0;
}

.sorting-section {
    float: left;
    margin-right: 3%;
    width: 60%;
}

.view-select-section {
    float: right;
    margin-top: 11px;
    text-align: right;
    width: 37%;
}

.sorting-section label {
    display: inline;
    font-size: 18px;
    margin-right: 10px;
}

.sorting-section select {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid rgb(196, 194, 195);
    border-radius: 0;
    display: inline-block;
    max-width: 100%;
    width: 230px;
}

.view-select-section>h5 {
    display: inline-block;
    font-size: 18px;
    padding-right: 5px;
}

.view-select-section>ul {
    display: inline-block;
    vertical-align: middle;
}

.view-select-section li {
    display: inline-block;
    margin: 0 5px;
}

.view-select-section li a {
    color: #747172;
    font-size: 18px;
}

.view-select-section li a:hover,
.view-select-section li a.active {
    color: #6f5f2f;
}

.choose-section {
    padding-bottom: 10px;
    border-bottom: 1px solid #aeabab;
    margin-bottom: 35px;
}

.archive #primary .post-image {
    float: left;
    width: 295px;
}

.archive #primary .no-thumbnail .post-image {
    width: 80px;
}

.archive #primary .post-item-text {
    width: 59%;
    width: calc(100% - 310px);
    width: -webkit-calc(100% - 310px);
    float: left;
    padding-left: 30px;
}

.archive #primary .no-thumbnail .post-item-text {
    width: 86%;
    width: calc(100% - 100px);
    width: -webkit-calc(100% - 100px);
}

.thumbnail-view #primary .post-item .post-image {
    float: none;
    width: 100%;
}

.thumbnail-view #primary .post-item-text {
    width: 100%;
    float: none;
}

.post .entry-title {
    font-size: 18px;
    font-weight: 700;
}

#primary .post .entry-title {
    padding-bottom: 0;
}

.star-rating figure {
    display: inline-block;
    margin: 2px 0 0;
    vertical-align: middle;
}

.star-rating>a {
    font-size: 12px;
    line-height: 1.5;
    margin-left: 10px;
    text-transform: uppercase;
}

.star-rating>a:hover {
    color: #57a04a;
}

.thumbnail-view #primary .post-item {
    width: 50%;
    float: left;
}

.thumbnail-view #primary .post-item-wrapper .post-item:nth-child(2n+1) {
    padding-right: 15px;
}

.thumbnail-view #primary .post-item-wrapper .post-item:nth-child(2n+2) {
    padding-left: 15px;
}

#primary .post-image {
    margin-bottom: 15px;
}

.home.blog #primary .post-image,
.blog #primary .post-image,
.archive #primary .post-image,
.archive.category #primary .post-image {
    margin-bottom: 0;
}

.home.blog .entry-meta .cat-links a,
.blog .entry-meta .cat-links a,
.archive .entry-meta .cat-links a,
.archive.category .entry-meta .cat-links a {
    padding-bottom: 0;
}

.home.blog .post-item-text,
.blog .post-item-text,
.archive .post-item-text,
.archive.category .post-item-text,
.home.blog .post-image,
.blog .post-image,
.archive .post-image,
.archive.category .post-image {
    float: left;


}

.home.blog .post-image,
.blog .post-image,
.archive .post-image,
.archive.category .post-image {
    width: 30%;
}

.home.blog .post-item-text,
.blog .post-item-text,
.archive .post-item-text,
.archive.category .post-item-text {
    padding-left: 35px;
    width: 70%;
}

.post-image img {
    max-width: 100%;
}


/*      media page styling from here    */

.media-content {
    margin: 0 -8px 60px;
}

.media-item {
    float: left;
    padding: 8px;
    width: 50%;
    position: relative;
}

.media-item .featured-image {
    overflow: hidden;
}

.media-item .featured-image img {
    width: 100%;
    transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
}

.media-item:hover>.featured-image img {
    transform: scale(1.12);
    -webkit-transform: scale(1.12);
    -moz-transform: scale(1.12);
    -ms-transform: scale(1.12);
    -o-transform: scale(1.12);
    transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
}

.media-item .media-icon {
    background: #85aa4f;
    color: rgb(255, 255, 255);
    display: block;
    font-size: 36px;
    height: 75px;
    padding: 12px 0 0;
    position: absolute;
    text-align: center;
    top: 8px;
    width: 75px;
}

.media-item .media-icon:hover {
    background: #6f5f2f;
}

.media-item .entry-title {
    bottom: 25px;
    font-size: 22px;
    font-weight: 600;
    left: 30px;
    position: absolute;
    text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.8);
}

.media-item .entry-title a {
    color: #fff;
}

.media-item .media-item:nth-child(2n+1) {
    padding-left: 0;
}

.media-item .media-item:nth-child(2n+2) {
    padding-right: 0;
}

.media-item .media-item {
    padding-top: 0;
    padding-bottom: 0;
}

.media-item .media-item .media-icon {
    top: 0px;
}

.f-right {
    float: right;
}

.load-gallery {
    clear: both;
    padding: 60px 0 30px;
    text-align: center;
}

/*     contact page styling from here     */
.contact-section-wrap .heading .entry-title {
    color: #3e3a26;
    font-size: 20px;
    letter-spacing: 0;
}

.contact-section-wrap header.entry-header.heading {
    padding: 30px 0 10px;
    text-align: left;
}

.contact-detail {
    padding: 47px 0 70px;
}

.single-contact-detail {
    border-right: 1px solid rgb(181, 179, 179);
    border-bottom: 1px solid rgb(181, 179, 179);
    border-top: 1px solid rgb(181, 179, 179);
    float: left;
    min-height: 182px;
    padding: 46px 0 40px;
    text-align: center;
    width: 33.3%;
}

.single-contact-detail:last-child {
    border-right: none;
}

.contact-icon {
    display: block;
    float: left;
    width: 100px;
}

.contact-icon .fa {
    color: rgb(140, 175, 90);
    font-size: 50px;
}

.contact-section-wrap .contact-information {
    float: right;
    text-align: left;
    width: 73%;
    width: calc(100% - 100px);
    width: -webkit-calc(100% - 100px);
}

.contact-information>h4 {
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 4px;
    text-transform: capitalize;
}

.contact-information>span,
.contact-information>a {
    font-size: 24px;
    font-weight: 300;
}

.contact-information a:hover {
    color: #8caf5a;
}

.contact-form-wrap {
    padding-left: 30px;
}


/*     error page styling from here    */
.error404 .page-title-wrap::before {
    background: rgba(115, 91, 167, 0.6) none repeat scroll 0 0;
}

.error404 .page-title::before {
    display: none;
}

.error404 .page-title {
    font-size: 112px;
    font-family: 'UniSansHeavyCAPS';
    margin-bottom: 70px;
}

.site-main .error-404 {
    margin: 0 auto;
    max-width: 100%;
    width: 725px;
    position: relative;
    padding-bottom: 60px;
}

.error-404 .entry-content {
    float: right;
    max-width: 390px;
    padding-bottom: 90px;
    padding-top: 30px;
}

.error404 .error-icon {
    max-width: 290px;
    position: absolute;
    top: -180px;
}

.error-404 .box-button {
    background: none;
    border: 3px solid #735ba7;
    font-size: 14px;
    color: #735ba7;
    padding: 17px 29px 16px;
}

.error-404 .entry-content .box-button {
    margin-top: 13px;
}

.error-404 .box-button:hover {
    color: #fff;
}

.error-404 .box-button::before {
    background: #735ba7;
}

.error404 .site-footer a,
.error404 .site-footer .widget ul li,
.error404 .site-footer p,
.error404 .site-footer span {
    color: rgb(122, 123, 123);
}

.error404 .site-footer {
    border-top: 1px solid;
}

.error404 .site-footer .widget-title,
.error404 .post-item,
.error404 .site-generator,
.error404 .site-footer {
    border-color: #cac7c7;
}

.error404 .site-footer a:hover,
.error404 .contact-information .fa,
.error404 .site-footer .inline-social-icons.social-links ul li a:hover::before {
    color: #735ba7;
}

.error404 .site-footer .social-links ul li a::before {
    color: #7a7b7b;
}

.error-404 .entry-content>p {
    color: rgb(58, 58, 60);
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: uppercase;
}

.error-art-image {
    bottom: -50px;
    position: absolute;
    right: 60px;
}

/*  10.0 ===== Footer =====   */

/*   -- "Footer" section (These are the styles for the Footer section) --   */
.site-footer {
    background: #192E46;
}

.footer-branding:hover img {
    opacity: 0.5;
    transition: all 0.3s ease 0s;
}

.footer-branding {
    margin-bottom: 25px;
}

.site-footer .widget-area {
    padding: 70px 0 20px;
    position: relative;
}

.site-footer .textwidget {
    color: rgb(166, 167, 166);
}

.widget-area .widget {
    margin: 0 0 30px;
}

.widget-area .widget a {
    font-size: 14px;
    text-transform: capitalize;
}

.widget-title,
.wp-block-group__inner-container>h2,
.wp-block-search .wp-block-search__label {
    display: block;
    font-size: 22px;
    font-weight: 700;
    position: relative;
    text-transform: uppercase;
    padding-bottom: 15px;
    color: #323232;
    margin-bottom: 0;
}

.site-footer .widget-title,
.site-footer .wp-block-group__inner-container>h2,
.site-footer .wp-block-search .wp-block-search__label {
    border-bottom: 1px solid rgb(249, 186, 72);
    color: rgb(166, 167, 166);
    display: block;
    font-size: 19px;
    margin: 17px 0;
    padding-bottom: 10px;
}

.site-footer .widget_bht_insta_feeds ul li a::before {
    display: none;
}

.site-footer p {
    color: rgb(166, 167, 166);
}

.site-footer .site-title {
    font-size: 20px;
    margin-bottom: 5px;
}

.site-footer .site-description {
    color: rgb(166, 167, 166);
    font-size: 14px;
    margin-bottom: 15px;
    margin-top: 4px;
}

.site-footer ul,
.site-footer ol {
    list-style: none;
}

.site-footer .widget ul li {
    color: rgb(166, 167, 166);
}

.site-footer .widget ul ul li a {
    padding-left: 20px;
}

.site-footer .widget ul ul ul li a {
    padding-left: 30px;
}

.site-footer .widget-recent-entries ul li {
    border: none;
    margin-bottom: 0px;
}

.site-footer a {
    color: rgb(166, 167, 166);
    display: inline-block;
}

.site-info {
    color: rgba(255, 255, 255, 0.5);
    font-size: 14px;
    line-height: 20px;
    padding: 0 0 3px;
}

.site-footer address {
    margin: 0;
}

.site-generator .container {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}

.site-generator {
    padding: 25px 0;
}

.copy-right {
    color: rgb(166, 167, 166);
    float: left;
    font-size: 14px;
    width: 48%;
}

.copy-right a {
    color: rgb(166, 167, 166);
}

.site-generator .inline-social-icons {
    float: right;
    margin-right: 0;
    text-align: right;
    width: 52%;
}

.inline-social-icons li {
    text-align: center;
}

.site-footer input[type="text"],
.site-footer input[type="email"],
.site-footer input[type="search"],
.site-footer input[type="password"],
.site-footer input[type="tel"],
.site-footer input[type="url"],
.site-footer input[type="date"],
.site-footer textarea {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: rgb(255, 255, 255);
}

.site-footer input[type="reset"]:hover,
.site-footer input[type="button"]:hover,
.site-footer input[type="submit"]:hover {
    background: rgb(255, 255, 255);
    color: rgb(62, 58, 39)
}

.site-footer form input,
.site-footer form textarea {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.contact-information dl {
    margin: 0 0 10px;
}

.contact-information dt {
    display: inline-block;
    vertical-align: top;
    width: 20px;
}

.contact-information dd {
    display: inline-block;
    margin: 0 0 0 17px;
    width: 80%;
    width: calc(100% - 25px);
}

.contact-information p {
    margin-bottom: 5px;
}

.contact-information .fa {
    color: #192E46;
    font-size: 18px;
}

.widget-shortcut-links li {
    float: left;
    width: 50%;
}

.widget-shortcut-links li:nth-child(2n+1) {
    clear: both
}

/*   widget_recent_post styling from here   */
.post-item {
    border-bottom: 1px solid rgb(74, 70, 52);
    padding: 15px 0;
}

#primary .post-item {
    border-bottom: 1px solid #aeabab;
    padding: 0 0 35px;
}

#primary .post-item-wrapper:last-child .post-item {
    border-bottom: 0;
}

.site-footer .post-item:last-child {
    border-bottom: none;
}

.site-footer .post-image {
    float: left;
    height: 42px;
    width: 42px;
}

.site-footer .entry-header {
    padding: 0 0 2px;
}

.site-footer .entry-title {
    font-size: 14px;
    line-height: 1.2;
}

.site-footer .heading .entry-title {
    font-size: 28px;
    padding-bottom: 10px;
}

.site-footer .heading p {
    font-size: 16px;
}

.site-footer .clients-section .heading p {
    color: rgb(138, 129, 64);
}



.widget_bht_insta_feeds ul li {
    width: 33.3%;
    float: left;
    padding: 5px;
}

.widget_bht_insta_feeds ul {
    margin: 0 -5px;
}

.widget_bht_insta_feeds a:hover img {
    opacity: 0.6;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

.widget_bht_insta_feeds a img {
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}


/*   -- "Galleries" section (These are the styles for the Galleries section) --   */

.gallery-columns-1 .gallery-item {
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    width: 50%;
}

.gallery-columns-3 .gallery-item {
    width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    width: 25%;
}

.gallery-columns-5 .gallery-item {
    width: 20%;
}

.gallery-columns-6 .gallery-item {
    width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    width: 11.11%;
}

.gallery-icon img {
    margin: 0 auto;
    width: 100%;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
    display: none;
}

.gallery-size-thumbnail {
    margin: 0 -10px 20px;
}

.gallery {
    margin: 0 -10px;
}

.gallery-item {
    float: left;
    padding: 0 10px;
    margin: 10px auto;
    text-align: center;
    vertical-align: top;
    position: relative;
    overflow: hidden;
}

.gallery-caption {
    bottom: -100%;
    color: rgb(255, 255, 255);
    left: 10px;
    margin: 0;
    padding: 6px;
    width: 89.5%;
    width: calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    width: -moz-calc(100% - 20px);
    width: -ms-calc(100% - 20px);
    width: -o-calc(100% - 20px);
    transition: all 0.3s ease 0s;
}

.gallery-item:hover .gallery-caption {
    bottom: 0;
}

.top-menu-toggle_bar_wrapper {
    display: none;
}

.search-toggle::before {
    color: rgb(255, 255, 255);
    content: "\f002";
    display: block;
    font-family: "FontAwesome";
}

.search-active.search-toggle::before,
.search-toggle:hover:before {
    color: #F9BA48;
}

.search-toggle {
    border-right: 1px solid rgb(249, 186, 72);
    color: rgb(255, 255, 255);
    font-size: 16px;
    line-height: 40px;
    padding-right: 15px;
    cursor: pointer;
    display: inline-block;

}

.global-layout-right-search .search-toggle {
    border-right: none;
    border-left: 1px solid rgb(44, 45, 31);
    color: rgb(255, 255, 255);
    float: right;
    padding-right: 0;
    padding-left: 15px;
}

.search-section {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
    left: 15px;
    padding: 10px;
    position: absolute;
    top: 54px;
    visibility: hidden;
    z-index: 10000;
}

.global-layout-right-search .search-section {
    left: auto;
    right: 15px;
}

.search-toggle.search-active~.search-section {
    display: block;
    visibility: visible;
}

.search-section .search-arrow {
    background-color: rgb(255, 255, 255);
    border-color: rgba(0, 0, 0, 0.1);
    border-style: solid;
    border-width: 1px 0 0 1px;
    display: block;
    height: 10px;
    position: absolute;
    left: 10px;
    top: -6px;
    transform: rotate(45deg);
    width: 10px;
}

.global-layout-right-search .search-section .search-arrow {
    left: auto;
    right: 10px;
}

.search-form {
    position: relative;
}

.topbar-left .post-meta-author li {
    display: inline-block;
    line-height: 43px;
    margin-bottom: 0;
    margin-right: 0;
    padding: 0 5px;
}

.top-bar .custom-col-11 {
    width: 100%;
    width: -webkit-calc(100% - 50px);
    width: calc(100% - 50px);
}

.global-layout-right-search .top-bar .custom-col-11 {
    padding-left: 15px;
}

.topbar-left .post-meta-author li:first-child {
    padding-left: 0;
}

.topbar-left .post-meta-author li:last-child {
    border-right: none;
}

.post-meta-author {
    width: 100%;
}





/*********************** Added Css *******************************/
.global-layout-left #primary.custom-col-8 {
    float: right;
}

.updated:not(.published) {
    display: none;
}

#commentform p {
    width: 100%;
}

.comment-form-comment textarea#comment {
    min-height: 200px;
}

.top-bar .search-form input.search-submit {
    font-size: 0;
}

.post-meta-author a,
.post-meta-author li {
    color: rgb(255, 255, 255);
}

.top-bar .post-meta-author a:hover {
    color: rgb(249, 186, 72);
}

.post-meta-author li {
    margin-bottom: 5px;
}

.post-meta-author li:last-child {
    margin-bottom: 0;
}

.post-meta-author .fa {
    margin-right: 10px;
}

.tobbar-right-address .post-meta-author {
    float: right;
    padding-left: 20px;
}

.tobbar-right-address .search-section {
    float: left;
}

.top-bar .topbar-right-menu .inline-social-icons {
    float: left;
    text-align: left;
}

.site-footer .fa {
    color: #F9BA48;
    font-size: 18px;
    margin-right: 5px;
    vertical-align: middle;
}

.bottom-footer {
    border-top: 1px solid rgb(249, 186, 72);
    background: #192E46;
}

td#today {
    color: #F9BA48;
    font-weight: 700;
}

/*       work section styling from here       */

.gallery-section {
    background: #fff;
    padding-bottom: 70px;
}

#mixit-container .mix {
    display: none;
}

.single-work {
    float: left;
    padding: 0;
    width: 33%;
}

.portfolio-single-gallery {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    position: relative;
}

.portfolio-title a {
    font-size: 16px;
    text-transform: capitalize;
}

.portfolio-gallery-menu {
    padding: 15px 0 30px;
    text-align: center;
}

.portfolio-gallery-menu li {
    border: 1px solid;
    cursor: pointer;
    display: inline-block;
    padding: 10px 15px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.gallery-section .portfolio-gallery-menu li {
    color: #000;
}

.portfolio-gallery-menu li:hover,
.portfolio-gallery-menu li.active {
    color: #fff;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.portfolio-gallery-menu .filter.active,
.portfolio-gallery-menu li:hover {
    border-color: #192E46;
}

.protfolio-image {
    position: relative;
}

.work-infomation {
    color: #fff;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.portfolio-single-gallery:hover .work-infomation {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.portfolio-single-gallery:hover .work-infomation .fa {
    top: 44%;
    opacity: 1;
    transition: all 0.5s ease 0.5s;
    -webkit-transition: all 0.5s ease 0.5s;
    -moz-transition: all 0.5s ease 0.5s;
    -ms-transition: all 0.5s ease 0.5s;
    -o-transition: all 0.5s ease 0.5s;
}

.work-infomation .fa {
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 28px;
    height: 50px;
    left: 0;
    margin: auto;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    text-align: center;
    transition: all 0.5s ease 0.5s;
    -webkit-transition: all 0.5s ease 0.5s;
    -moz-transition: all 0.5s ease 0.5s;
    -ms-transition: all 0.5s ease 0.5s;
    -o-transition: all 0.5s ease 0.5s;
}

.load-portfolio {
    margin: 40px 0 0;
    text-align: center;
}

.work-infomation {
    background: rgba(249, 186, 72, 0.7) none repeat scroll 0 0;
}

.protfolio-image img {
    width: 100%;
}




/*  12.0 ===== Medias/Responsive =====   */

/*
 * Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}

/* All Tablet Portrait size smaller than standard 1199 (devices and browsers) */
@media only screen and (max-width: 1199px) {
    .introduction-content-wrapper {
        margin-left: 0;
    }

    .service-content-wrap {
        padding: 0 30px 0 70px;
    }

    .events-section header.entry-header.heading .entry-title {
        font-size: 24px;
    }

    .events-section header.entry-header.heading {
        padding: 100px 30px 80px;
    }

    .opp.flexible-post .flexible-post-content {
        padding: 0 55px 0 0;
    }

    .slider-content .v-center {
        top: 54%;
    }

    #owl-slider-demo .owl-next {
        right: 5%;
    }

    #owl-slider-demo .owl-prev {
        left: 5%;
    }

    .header-section-wrap .entry-content {
        padding: 15px 0;
        width: 51%;
        width: calc(100% - 475px);
        width: -webkit-calc(100% - 475px);
    }

    .media-item {
        padding: 7px;
    }

    .media-content {
        margin: 0 -7px 60px;
    }

    .contact-form-wrap {
        padding-left: 0;
    }

    .contact-information>span,
    .contact-information>a {
        font-size: 20px;
    }

    #secondary {
        padding-left: 15px;
    }

    .site-title {
        font-size: 22px;
    }

    .topbar-left .post-meta-author li,
    .tobbar-button ul li a {
        font-size: 12px;
    }

    .service-item {
        margin: 6px 15px 15px;
    }
}

/* All Tablet Portrait size smaller than standard 1023 (devices and browsers) */
@media only screen and (max-width: 1023px) {
    .slider-title {
        font-size: 26px;
    }

    .slider-text p {
        font-size: 24px;
    }

    .site-branding {
        max-width: 200px;
        top: 10px;
    }

    .hgroup-right {
        width: 72%;
        width: calc(100% - 205px);
        width: -webkit-calc(100% - 205px);
    }

    .menu-top-menu-container>ul>li>a {
        margin: 0 14px;
    }

    .slider-btn {
        padding-top: 10px;
    }

    .introduction-content-wrapper {
        margin-left: 0;
    }

    .service-content-wrap {
        padding: 0 0 0 20px;
    }

    .service-item {
        padding: 15px;
    }

    .service-section {
        padding: 75px 0 60px;
    }

    .event-item {
        width: 49%;
        width: calc(50% - 20px);
        width: -webkit-calc(50% - 20px);
    }

    .events-section {
        padding: 60px 0;
    }

    .events-section header.entry-header.heading {
        padding: 75px 30px 65px;
    }

    .load-portfolio {
        padding-top: 30px;
    }

    .blog-section .entry-header {
        padding: 0 0 10px;
    }

    .blog-section .post .entry-header .entry-title {
        font-size: 28px;
        padding: 0;
    }

    .opp.flexible-post .flexible-post-content {
        padding: 0 20px 0 0;
    }

    .blog-section .opp .entry-header {
        padding-left: 0;
        padding-right: 0;
    }

    .team-section,
    .clients-section {
        padding: 0 0 60px;
    }

    .site-footer .widget-area {
        padding: 50px 0 10px;
    }

    .widget-shortcut-links li {
        float: none;
        width: 100%;
    }

    .top-menu-toggle_bar_wrapper {
        display: block;
    }

    .hide-menu {
        display: none;
    }

    .top-menu-toggle_bar_wrapper {
        background: rgb(25, 46, 70);
        width: 100%;
        text-align: center;
    }

    .top-menu-toggle_trigger {
        height: 40px;
        margin: 0 auto;
        width: 50px;
        padding: 8px 0;
        position: relative;
        display: inline-block;
    }

    .top-menu-toggle_trigger>span {
        background: #fff;
        border-radius: 5px;
        display: block;
        height: 2px;
        margin: 0 auto 10px;
        width: 30px;
        transition: all 0.4s ease-in-out 0s;
        -webkit-transition: all 0.4s ease-in-out 0s;
        -moz-transition: all 0.4s ease-in-out 0s;
        -ms-transition: all 0.4s ease-in-out 0s;
        -o-transition: all 0.4s ease-in-out 0s;
    }

    .top-menu-toggle_bar_wrapper .top-menu-toggle_trigger.close>span {
        left: 10px;
        position: absolute;
        top: 23px;
        transform: rotate(45deg);
        transition: all 0.4s ease-in-out 0s;
        -webkit-transition: all 0.4s ease-in-out 0s;
        -moz-transition: all 0.4s ease-in-out 0s;
        -ms-transition: all 0.4s ease-in-out 0s;
        -o-transition: all 0.4s ease-in-out 0s;
    }

    .top-menu-toggle_bar_wrapper .top-menu-toggle_trigger.close>span:nth-child(2) {
        opacity: 0;
        transition: all 0.4s ease-in-out 0s;
        -webkit-transition: all 0.4s ease-in-out 0s;
        -moz-transition: all 0.4s ease-in-out 0s;
        -ms-transition: all 0.4s ease-in-out 0s;
        -o-transition: all 0.4s ease-in-out 0s;
    }

    .top-menu-toggle_bar_wrapper .top-menu-toggle_trigger.close>span:last-child {
        top: 23px;
        transform: rotate(-225deg);
        transition: all 0.4s ease-in-out 0s;
        -webkit-transition: all 0.4s ease-in-out 0s;
        -moz-transition: all 0.4s ease-in-out 0s;
        -ms-transition: all 0.4s ease-in-out 0s;
        -o-transition: all 0.4s ease-in-out 0s;
    }

    .top-menu-toggle_trigger:focus {
        outline: 1px dotted #fff;
    }

    .top-bar .custom-col-6 {
        margin-bottom: 15px;
        width: 100%;
    }

    .top-bar .topbar-right {
        width: 100%;
    }

    .top-menu-toggle_body_wrapper {
        position: absolute;
        z-index: 9999;
        width: 100%;
    }

    .top-bar {
        border-top: 1px solid #F9BA48;
        padding: 20px 0;
    }

    .top-bar .container {
        padding: 0 40px;
    }

    #owl-slider-demo .owl-next {
        right: 3%;
    }

    #owl-slider-demo .owl-prev {
        left: 3%;
    }

    .page-title {
        font-size: 40px;
    }

    .page-sub-title {
        font-size: 18px;
    }

    .header-section-wrap .entry-header {
        max-width: 245px;
    }

    .header-section-wrap .entry-title {
        font-size: 36px;
        line-height: 1.2;
    }

    .header-section-wrap .entry-content {
        padding: 10px 0;
        width: 63%;
        width: calc(100% - 255px);
        width: -webkit-calc(100% - 255px);
    }

    .header-section-wrap .entry-content p {
        font-size: 17px;
    }

    .header-section-wrap {
        padding: 50px 0 19px;
    }

    .about-page-content {
        padding: 0 0 27px;
    }

    .media-item {
        padding: 5px;
    }

    .media-content {
        margin: 0 -5px 60px;
    }

    .contact-information>span,
    .contact-information>a {
        font-size: 16px;
    }

    .contact-information>h4 {
        font-size: 16px;
    }

    .contact-icon .fa {
        font-size: 40px;
    }

    .contact-icon {
        width: 60px;
    }

    .contact-section-wrap .contact-information {
        width: 74%;
        width: calc(100% - 60px);
        width: -webkit-calc(100% - 60px);
    }

    .single-contact-detail {
        min-height: 160px;
        padding: 36px 0 40px;
    }

    .error404 .page-title {
        font-size: 80px;
    }

    .error-art-image {
        right: 20px;
    }

    .post .entry-title {
        font-size: 16px;
    }

    .archive #primary .post-item-text {
        width: 47%;
        width: calc(100% - 260px);
        width: -webkit-calc(100% - 260px);

    }

    .archive #primary .post-image {
        width: 245px;
    }

    .post-image .date a {
        height: 65px;
        padding: 7px 14px 5px;
        width: 65px;
    }

    #primary .post-image figure {
        width: 100%;
    }

    .sorting-section label {
        font-size: 16px;
    }

    .sorting-section select {
        width: 190px;
    }

    .single-work {
        width: 33.3%;
    }

    .box-button,
    .wpcf7-submit[type="submit"],
    .rwspt-btn-business,
    .load-button {
        font-size: 14px;
        padding: 15px 45px 15px;
    }

    .home.blog #primary .post-image figure,
    .blog #primary .post-image figure,
    .archive #primary .post-image figure,
    .archive.category #primary .post-image figure {
        width: 100%;
    }

}


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

    .menu-top-menu-container>ul>li>a,
    .menu-top-menu-container>div>ul>li>a {
        margin: 0 13px;
    }

    .service-item {
        margin: 6px 12px 15px;
    }

    .flexible-post .flexible-post-content {
        position: relative;
    }

    .blog-section .flexible-post {
        margin-bottom: 68px;
    }

    .blog-section .flexible-post:nth-last-of-type(1) {
        margin-bottom: 0;
    }
}


/* All Mobile Portrait size smaller than 768 (devices and browsers) */
@media only screen and (max-width: 767px) {

    .custom-col-1,
    .custom-col-2,
    .custom-col-3,
    .custom-col-4,
    .custom-col-5,
    .custom-col-6,
    .custom-col-7,
    .custom-col-8,
    .custom-col-9,
    .custom-col-10,
    .custom-col-11,
    .custom-col-12 {
        float: none;
        width: 100%;
    }

    .hgroup-wrap {
        background: #F9BA48 none repeat scroll 0 0;
        padding: 9px 0;
        position: static;
        z-index: 9;
    }

    .top-menu-toggle_trigger {
        padding: 15px 0;
    }

    .top-menu-toggle_trigger>span {
        margin-bottom: 3px;
        width: 20px;
    }

    .featured-slider .v-center {
        max-width: 100%;
        width: 94%;
    }

    .slider-content .v-center {
        top: 48%;
    }

    .introduction-content-wrapper {
        margin-left: 0;
        max-width: 100%;
        text-align: center;
        width: 100%;
    }

    .site-branding {
        top: 0px;
    }

    .top-bar,
    .introduction-content-wrapper header.entry-header.heading {
        text-align: center;
    }

    .introduction-content-wrapper .featured-image {
        padding-right: 0;
    }

    .single-work,
    .service-item,
    .introduction-content-wrapper .featured-image img,
    .introduction-content-wrapper .featured-image,
    .introduction-content-wrapper .content-wrapper {
        width: 100%;
    }

    .single-work {
        padding: 15px;
    }

    .introduction-content-wrapper .content-wrapper {
        padding-left: 0;
        padding-top: 15px;
    }

    .service-content-wrap {
        padding: 0;
        width: 100%;
    }

    .service-section {
        padding: 60px 0 50px;
    }

    .events-section {
        padding: 45px 0;
    }

    header.entry-header.heading {
        padding: 0 0 40px;
    }

    .defult-padding {
        padding: 50px 0;
    }

    .service-item {
        float: none;
        width: 100%;
    }

    .blog-section .load-portfolio {
        padding-top: 0px;
    }

    .team-section .custom-col-3 {
        float: left;
        width: 50%;
    }

    .team-item {
        margin-bottom: 40px;
    }

    .team-section {
        padding-bottom: 20px;
    }

    .widget-shortcut-links li {
        float: left;
        width: 50%;
    }

    .copy-right {
        display: block;
        float: none;
        margin: 0 0 20px;
        text-align: center;
        width: 100%;
    }

    .site-generator .inline-social-icons {
        float: none;
        text-align: center;
        width: 100%;
    }

    .site-generator {
        padding: 20px 0;
    }

    .search-section,
    #left-search {
        float: none;
        width: 100%;
        left: 0;
    }

    .top-bar label input {
        background: rgba(25, 46, 70, 0.5) none repeat scroll 0 0;
        border: 1px solid rgba(255, 255, 255, 0.2);
        color: rgb(255, 255, 255);
    }

    .load-button .fa {
        right: 20px;
        top: 14px;
    }

    .load-button:hover .fa {
        right: 30px;
    }

    #owl-slider-demo .owl-next {
        right: 5px;
    }

    #owl-slider-demo .owl-prev {
        left: 5px;
    }

    .intro-art {
        right: 19%;
        width: 300px;
    }

    .slider-content .intro-art {
        right: 43%;
        width: 200px;
    }

    .individual-client {
        padding: 0 25px;
    }

    .page-title-wrap {
        padding: 85px 0 30px;
    }

    .page-title {
        font-size: 30px;
    }

    .page-title::before {
        height: 5px;
        left: -105px;
        width: 85px;
    }

    .header-section-wrap .entry-content p {
        font-size: 15px;
    }

    .mean-expand:hover {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    }

    .media-content>.media-item {
        width: 100%;
    }

    .media-item.f-right {
        float: left;
    }

    .media-item .media-icon {
        top: 5px;
    }

    .page-title-wrap {
        margin-bottom: 50px;
    }

    .contact-section-wrap header.entry-header.heading {
        padding: 0 0 10px;
    }

    .single-contact-detail {
        border-bottom: medium none;
        border-left: 1px solid rgb(181, 179, 179);
        min-height: auto;
        padding: 36px 0 40px;
        width: 100%;
    }

    .single-contact-detail:last-child {
        border-bottom: 1px solid rgb(181, 179, 179);
        ;
        border-right: 1px solid rgb(181, 179, 179);
    }

    .contact-icon {
        width: 100px;
    }

    .contact-section-wrap .contact-information {
        width: 81%;
        width: calc(100% - 100px);
        width: -webkit-calc(100% - 100px);
    }

    .error-art-image {
        bottom: -18px;
        max-width: 155px;
    }

    .error404 .error-icon {
        max-width: 220px;
        top: -125px;
    }

    .error-404 .entry-content {
        max-width: 310px;
        padding-bottom: 50px;
    }

    .error404 .page-title-wrap>.container {
        padding-left: 90px;
    }

    .portfolio-gallery-menu>ul {
        margin: 0 15px;
    }

    .portfolio-gallery-menu li {
        border-bottom: medium none;
        display: block;
    }

    .portfolio-gallery-menu li:last-child {
        border-bottom: 1px solid #f9ba48;
    }

    .site-title {
        font-size: 16px;
    }

    .search-section {
        top: 34px;
    }

    .topbar-left .post-meta-author li,
    .search-toggle {
        padding: 0;
        border: none;
        display: block;
        line-height: 30px;
    }

    .top-bar .topbar-right-menu .inline-social-icons,
    .tobbar-button,
    .inline-social-icons.social-links {
        float: none;
    }

    .top-bar .topbar-right-menu .inline-social-icons {
        text-align: center;
    }

    .comment-list .children {
        margin-left: 30px !important;
    }

    .slider-text {
        z-index: 1;
    }

    .service-item:nth-child(3n+1) {
        clear: none;
    }




}


@media only screen and (max-width: 559px) {
    .heading .entry-title {
        font-size: 22px;
    }

    .flexible-post .featured-image {
        width: 100%;
        margin-bottom: 20px;
    }

    .flexible-post .flexible-post-content {
        top: -20px;
        right: 0;
        width: 100%;
    }

    .blog-section .post .entry-header .entry-title {
        font-size: 22px;
    }

    .opp.flexible-post .flexible-post-content {
        padding: 0;
        text-align: left;
    }

    .box-button,
    .wpcf7-submit[type="submit"],
    .rwspt-btn-business,
    .load-button {
        font-size: 14px;
        padding: 14px 35px;
    }

    .slider-title {
        font-size: 24px;
    }

    .slider-text p {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .introduction-section .entry-content p {
        font-size: 16px;
        font-weight: 400;
        line-height: 1.3;
    }

    .service-item .entry-title {
        font-size: 16px;
    }

    .event-content .entry-title {
        font-size: 16px;
        line-height: 1.2;
    }

    .event-content {
        padding: 15px 15px 5px;
    }

    .events-section header.entry-header.heading {
        padding: 40px 15px 25px;
    }

    .events-section header.entry-header.heading .entry-title {
        font-size: 20px;
        margin-bottom: 13px;
    }

    .events-section .load-button {
        padding: 14px 50px 14px 19px;
    }

    .entry-content .fa,
    .load-button .fa {
        line-height: 19px;
    }

    .top-bar .inline-social-icons {
        float: none;
        text-align: center;
        width: 100%;
    }

    .tobbar-button {
        float: none;
    }

    .page-title::before {
        left: -75px;
        top: -25px;
        width: 70px;
    }

    .page-title-wrap>.container {
        padding-left: 85px;
    }

    .page-sub-title {
        font-size: 16px;
    }

    .page-title {
        font-size: 26px;
    }

    .header-section-wrap .entry-header {
        max-width: 100%;
    }

    .header-section-wrap .entry-title {
        font-size: 30px;
    }

    .header-section-wrap .entry-content {
        padding: 30px 0 0;
        width: 100%;
    }

    .header-section-wrap .entry-content p {
        font-size: 16px;
    }

    .about-page-content p {
        margin-bottom: 22px;
    }

    .page-title-wrap {
        margin-bottom: 50px;
    }

    .media-content {
        margin: 0 -5px 20px;
    }

    .load-gallery {
        padding: 40px 0 25px;
    }

    .contact-detail {
        padding: 40px 0 50px;
    }

    .error404 .error-icon {
        left: 0;
        margin: 0 auto;
        max-width: 190px;
        right: 0;
        top: -120px;
    }

    .error-404 .entry-content {
        float: none;
        max-width: 100%;
        padding-bottom: 10px;
        padding-top: 150px;
        text-align: center;
    }

    .site-main .error-404 {
        padding-bottom: 35px;
    }

    .error404 .page-title-wrap>.container {
        padding-left: 35px;
    }

    .error404 .page-title {
        font-size: 65px;
    }

    .archive #primary .post-image,
    .archive #primary .post-item-text {
        float: none;
        width: 100%;
    }

    .archive #primary .post-image {
        margin-bottom: 25px;
    }

    .sorting-section select {
        width: 160px;
    }

    .thumbnail-view #primary .post-item {
        float: none;
        width: 100%;
    }

    .thumbnail-view #primary .post-item-wrapper .post-item:nth-child(2n+1) {
        padding-right: 0;
    }

    .thumbnail-view #primary .post-item-wrapper .post-item:nth-child(2n+2) {
        padding-left: 0;
    }


}


/* All Mobile size smaller than standard 479 (devices and browsers) */
@media only screen and (max-width: 479px) {

    .box-button,
    .wpcf7-submit[type="submit"],
    .rwspt-btn-business,
    .load-button {
        padding: 12px 18px;
    }

    .blog-section::before {
        width: 80%;
    }

    .slider-text.v-center {
        position: static;
    }

    .slider-text.v-center {
        padding: 20px 0 25px;
        position: static;
        transform: translate(0px, 0px);
    }

    .slider-title {
        font-size: 18px;
    }

    .slider-text p {
        font-size: 16px;
    }

    .mean-container a.meanmenu-reveal {
        padding: 3px 15px 8px;
    }

    .mean-container .mean-nav>ul {
        top: 47px;
    }

    .introduction-content-wrapper .heading span::before {
        height: 4px;
        left: -64px;
        top: 7px;
        width: 50px;
    }

    .introduction-content-wrapper .box-button {
        padding: 14px 18px 12px;
    }

    .introduction-content-wrapper header.entry-header.heading .entry-title {
        font-size: 18px;
    }

    .service-item:nth-child(2n+1),
    .service-item:nth-child(2n+2) {
        padding: 20px 20px 0px;
        width: 100%;
    }

    .service-item:first-child,
    .service-item:nth-child(2) {
        border-top: 1px solid rgb(222, 220, 214);
    }

    .service-item:nth-child(2n+1) {
        border-right: none;
    }

    .service-item:first-child {
        border-top: none;
    }

    .service-item {
        min-height: auto;
    }

    .service-item .featured-image {
        margin-bottom: 7px;
    }

    .service-section {
        padding: 44px 0 20px;
    }

    .event-item {
        width: 94.5%;
        width: calc(100% - 20px);
        width: -webkit-calc(100% - 20px);
    }

    .events-section header.entry-header.heading .entry-title {
        font-size: 22px;
    }

    .heading .entry-title {
        font-size: 18px;
    }

    .heading p {
        font-size: 14px;
    }

    .blog-section .post .entry-header .entry-title {
        font-size: 16px;
    }

    .entry-meta>span:last-child {
        float: none;
        margin: 5px 0 0;
    }

    .team-section .custom-col-3 {
        float: none;
        width: 100%;
    }

    .team-section {
        padding-bottom: 10px;
    }

    #clients-slider {
        padding-top: 10px;
    }

    .widget-shortcut-links li {
        float: none;
        width: 100%;
    }

    .entry-content>a {
        font-size: 14px;
    }

    .entry-content .fa {
        line-height: 22px;
    }

    .widget-area .widget {
        margin: 0 0 40px;
    }

    .top-bar .container {
        padding: 0 15px;
    }

    #owl-slider-demo .owl-prev,
    #owl-slider-demo .owl-next {
        top: 20%;
        bottom: auto;
    }

    .intro-art {
        right: 8%;
        width: 250px;
    }

    .slider-content .intro-art {
        width: 165px;
    }

    .media-content .media-item {
        width: 100%;
    }

    .media-item .media-item {
        padding-bottom: 10px;
    }

    .media-item .media-item:last-child {
        padding-bottom: 5px;
    }

    .media-item .media-item:nth-child(2n+2),
    .media-item .media-item:nth-child(2n+1) {
        padding-left: 0;
        padding-right: 0;
    }

    .media-item .media-item .media-icon {
        top: 5px;
    }

    .page-title-wrap {
        margin-bottom: 35px;
    }

    .load-gallery {
        padding: 25px 0 10px;
    }

    .contact-section-wrap header.entry-header.heading {
        padding: 0;
    }

    .contact-icon {
        width: 60px;
    }

    .contact-icon .fa {
        font-size: 30px;
    }

    .contact-section-wrap .contact-information {
        width: 77%;
        width: calc(100% - 60px);
        width: -webkit-calc(100% - 60px);
    }

    .page-title-wrap {
        padding: 55px 0 10px;
    }

    .single-contact-detail {
        padding: 26px 0 30px;
    }

    .error404 .page-title {
        font-size: 50px;
    }

    .page-title-wrap>.container {
        padding-left: 40px;
    }

    .error404 .page-title {
        font-size: 40px;
    }

    .error-art-image {
        bottom: 0;
        max-width: 100px;
    }

    .error404 .page-title {
        margin-bottom: 40px;
    }

    .error404 .error-icon {
        max-width: 132px;
        top: -80px;
    }

    .error-404 .entry-content {
        padding-top: 105px;
    }

    .site-main .error-404 {
        padding-bottom: 25px;
    }

    .error-404 .entry-content>p {
        font-size: 15px;
    }

    .error-404 .entry-content .box-button {
        margin-top: 0;
    }

    .error-404 .box-button {
        padding: 13px 18px 12px;
    }

    .sorting-section {
        float: none;
        margin-right: 0;
        width: 100%;
    }

    .view-select-section {
        float: none;
        text-align: left;
        width: 100%;
    }

    .pagination a,
    .pagination>li>a,
    .pagination>li>span,
    #wp_page_numbers li,
    .wp-pagenavi li,
    #main ul.default-wp-page,
    .pagination>span {
        padding: 5px 9px
    }

    .pagination a:first-child,
    .pagination a:last-child {
        padding: 5px 20px;
    }

    .sorting-section select {
        height: 41px;
        padding: 5px 10px;
        width: 64%;
        width: calc(100% - 94px);
        width: -webkit-calc(100% - 94px);
    }

    .single-work {
        width: 100%;
    }

    .home.blog .post-image,
    .blog .post-image,
    .archive .post-image,
    .archive.category .post-image,
    .home.blog .post-item-text,
    .blog .post-item-text,
    .archive .post-item-text,
    .archive.category .post-item-text {
        width: 100%;
    }

    .home.blog .post-item-text,
    .blog .post-item-text,
    .archive .post-item-text,
    .archive.category .post-item-text {
        padding-left: 0;
        padding-top: 15px;
    }

    .mixit-content-wrapper .entry-title {
        font-size: 16px;
    }

    .blog-section .flexible-post {
        margin-bottom: 20px;
    }

    .nav-links .nav-next {
        float: none;
    }

    .nav-links a {
        margin-bottom: 20px;
    }

}



.about-us-section article:hover i,
.counter-item:hover .counter-icon i,
.breadcrumb,
.breadcrumb a:hover,
.site-title>a:hover,
.current-item a,
.pagination a:hover,
.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus,
#wp_page_numbers li>a:hover,
.wp-pagenavi li>a:hover,
#main ul.default-wp-page li>a:hover,
.widget>ul>li>span,
.widget-title a:hover,
.team-section .inline-social-icons li a,
.portfolio-gallery-menu li,
.site-footer a:hover,
.top-footer .social-links ul li a::before,
.rwspt-price .rwspt-price-number,
.rwspt-price-prefix,
.site-header .fa-search:hover,
.site-header .search-active,
.calling-info .fa,
.calling-info a:hover,
.calling-info a:focus,
.mean-container a.meanmenu-reveal,
.service-section .post:hover .service-icon .fa,
#agent-slider .owl-prev::before,
#agent-slider .owl-next::before,
.contact_details a:hover {
    color: #fff;
}

.back-to-top a:hover,
.box-button,
.wp-caption-text,
.widget_tag_cloud a:hover,
.wpcf7-submit[type="submit"],
.page-title-wrap,
#bbpress-forums button:hover,
.portfolio-gallery-menu li:hover,
#testimonial-slider.owl-theme .owl-dots .owl-dot.active span,
#testimonial-slider.owl-theme .owl-dots .owl-dot:hover span,
.top-footer,
.site-footer .widget-title::before,
.rwspt-btn-business,
.active-plan .rwspt-price-header,
.load-button,
.mean-container .mean-nav ul li a:hover,
#city-slider.owl-theme .owl-dots .owl-dot span,
.entry-footer .price,
.mean-container a.meanmenu-reveal span,
.portfolio-gallery-menu .filter.active,
#property-slider .owl-prev,
#property-slider .owl-next,
.price-detail span,
#agent-slider .owl-prev:hover,
#agent-slider .owl-next:hover,
.slider-btn .box-button:hover,
.slider-btn .box-button::before {
    background-color: #192E46;
}

.portfolio-gallery-menu li,
.comment-list .children .avatar,
blockquote,
.box-button,
.wpcf7-submit[type="submit"],
.rwspt-btn-business {
    border-color: #f9ba48;
}

.gallery-information {
    background: rgba(239, 198, 44, 0.7) none repeat scroll 0 0;
}

::selection {
    background: rgba(239, 198, 44, 0.9) none repeat scroll 0 0;
    /* WebKit/Blink Browsers */
    color: #fff;
}

::-moz-selection {
    background: rgba(239, 198, 44, 0.9) none repeat scroll 0 0;
    /* Gecko Browsers */
    color: #fff;
}

.box-button:hover,
.box-button:active,
.box-button:focus,
.load-button:hover,
.featured-section .price,
#city-slider.owl-theme .owl-dots .owl-dot.active span,
#city-slider.owl-theme .owl-dots .owl-dot:hover span,
#property-slider .owl-prev:hover,
#property-slider .owl-next:hover,
#city-slider.owl-theme .owl-dots .owl-dot.active span,
#city-slider.owl-theme .owl-dots .owl-dot:hover span,
#testimonial-slider.owl-theme .owl-dots .owl-dot span,
.box-button::before,
.wpcf7-submit[type="submit"]::before,
.rwspt-btn-business::before,
.load-button::before,
.slider-btn .box-button,
.back-to-top a {
    background-color: #f9ba48;
}

.menu-top-menu-container>ul>li>a:hover,
.inline-social-icons.social-links ul li a:hover::before,
.entry-title a:hover,
.site-content .entry-header .entry-meta:last-child a:hover,
.site-content .entry-header .entry-meta:last-child span a:hover,
.entry-content>a:hover {
    color: #f9ba48;
}

.wpcf7-submit[type="submit"]:hover,
.slider-btn .box-button,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="date"]:focus,
input[type="number"]:focus,
textarea:focus,
.site-footer input[type="reset"]:hover,
.site-footer input[type="button"]:hover,
.site-footer input[type="submit"]:hover {
    border-color: #f9ba48;
}

.wpcf7-submit[type="submit"],
.slider-btn .box-button:hover {
    border-color: #192E46;
}

.navbar .mean-container .mean-nav {
    background: #F9BA48;
}

.site-footer .social-links ul li a::before {
    vertical-align: inherit;
}

.no-results.not-found .page-title {
    color: #323232;
}

.no-transparent-header .hgroup-wrap {
    position: static;
    background: #3c3939;
    padding: 20px 0;
}

.elementor-builder.home .site-content,
.elementor-builder .site-content {
    padding-top: 0;
}

.wp-block-latest-comments {
    padding-left: 0;
    margin: 0;
}

.home.blog .home-menu-wrapper {
    min-height: 120px;
}

@media only screen and (max-width: 767px) {
    .home.blog .home-menu-wrapper {
        min-height: 0;
    }

    .mean-container a.meanmenu-reveal span {
        position: relative;
    }

    .mean-container a.meanmenu-reveal span span {
        top: 7px;
    }

}