@charset "UTF-8";
    /* CSS Document */
    /*------------------------------------------------------------------

Template Name:      Hair Salon Website Templates Free Download
Version:            1.0.0
Created Date:       30/03/2017 
Author:             Jitu Chauhan 

------------------------------------------------------------------
[CSS Table of contents]

1.  Body / Typography 
2.  Form Elements
3.  Buttons
4.  General / Elements
        4.1 Section space
        4.2 Margin space
        4.3 Padding space
        4.4 Background color
        4.5 Features
        4.7 Call to actions
        4.8 Img hover effect
        4.9 Icon
        -----------------------
5. Header / Navigations
        5.1 Header Regular
        5.2 Header Transparent
        5.3 Navigation Regular
        5.4 Page Header

        -----------------------
6. Slider
        6.1 Slider
        -----------------------
7. Content
8. Footers
9. Pages
    9.1  Service
    9.2  Service Single / sidebar with sidenav
    9.3  Testimonial
    9.4  Contact us
    9.5  Styleguide
    ------------------------------------
10.Blog
    10.1 Blog Default
    10.2 Blog Single
    ------------------------------------
11.Sidebar
    11.1 Widget
    ------------------------------------

13. Media Queries
service-content
------------------------------------------------------------------*/
    /*-----------------------------------
    1. Body / Typography 
-----------------------------------*/
    
    body {
        font-size: 16px;
        background-color: #fff;
        color: #5d5c59;
        font-family: 'Roboto', sans-serif !important;
        line-height: 28px;
        font-weight: 300;
    }
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin: 0;
        padding: 0;
        margin-bottom: 10px;
        color: #18150d;
        font-weight: 400;
        font-family: 'Montserrat', sans-serif !important;
        text-transform: uppercase;
        -webkit-font-smoothing: antialiased;
        text-rendering: optimizeLegibility;
    }
    
    h1 {
        font-family: Impact, "Arial Black", Arial, Verdana, sans-serif !important;
        font-size: 30px;
        line-height: 42px;
    }
    
    h2 {
        font-size: 24px !important;
        line-height: 32px;
    }
    
    h3 {
        font-size: 18px;
        line-height: 28px;
    }
    
    h4 {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 10px;
    }
    
    h5 {
        text-align: justify;
        font-size: 30px;
        line-height: 42px;
    }
    
    h6 {
        font-size: 12px;
    }
    
    p {
        font-family: 'Montserrat', sans-serif !important;
        color: #030303;
        text-align: justify;
        margin: 0 0 20px;
        font-size: 15 px;
        letter-spacing: 1.7px;
    }
    
    p:last-child {
        margin-bottom: 0px;
    }
    
    ul,
    ol {
        margin: 0;
    }
    
    ul li,
    ol li {}
    
    a {
        color: #aa44aa;
        text-decoration: none;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }
    
    a:focus,
    a:hover {
        text-decoration: none;
        color: #8e2474;
    }
    
    b,
    strong {
        font-weight: 400;
    }
    
    .listnone {
        list-style: none;
        padding: 0px;
    }
    
    .lead {
        font-size: 21px;
        color: #3c3c3c;
        font-weight: 400;
    }
    
    .italic {
        font-style: italic !important;
    }
    
    .small-text {
        color: #000000;
        font-size: 12px;
    }
    
    .text-caps {
        text-transform: uppercase;
        letter-spacing: 2px;
    }
    
     ::selection {
        background: #ffecb3;
        color: #333;
    }
    
    h3 small {
        font-weight: 400;
        line-height: 1;
        color: #aa9144;
        font-size: 14px;
    }
    
    hr {
        margin-top: 20px;
        margin-bottom: 20px;
        border: 0;
        border-top: 1px solid #f1f3f8;
    }
    
    blockquote {
        padding: 10px 20px;
        margin: 0px;
        font-size: 21px;
        line-height: 32px;
        color: #3c3c3c;
        font-style: italic;
        border-left: 5px solid #aa9144;
    }
    /*-------------- align ------------*/
    /* =WordPress Core
-------------------------------------------------------------- */
    
    .alignnone {
        margin: 5px 20px 20px 0;
    }
    
    .aligncenter,
    div.aligncenter {
        display: block;
        margin: 5px auto 5px auto;
    }
    
    .alignright {
        float: right;
        margin: 0px 0 30px 30px;
    }
    
    .alignleft {
        float: left;
        margin: 0px 30px 0px 0;
    }
    
    a img.alignright {
        float: right;
        margin: 0px 0 30px 30px;
    }
    
    a img.alignnone {
        margin: 5px 20px 20px 0;
    }
    
    a img.alignleft {
        float: left;
        margin: 5px 20px 20px 0;
    }
    
    a img.aligncenter {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    
    .wp-caption {
        background: #fff;
        border: 1px solid #f0f0f0;
        max-width: 96%;
        /* Image does not overflow the content area */
        padding: 5px 3px 10px;
        text-align: center;
    }
    
    .wp-caption.alignnone {
        margin: 5px 20px 20px 0;
    }
    
    .wp-caption.alignleft {
        margin: 5px 20px 20px 0;
    }
    
    .wp-caption.alignright {
        margin: 5px 0 20px 20px;
    }
    
    .wp-caption img {
        border: 0 none;
        height: auto;
        margin: 0;
        max-width: 98.5%;
        padding: 0;
        width: auto;
    }
    
    .wp-caption p.wp-caption-text {
        font-size: 11px;
        line-height: 17px;
        margin: 0;
        padding: 0 4px 5px;
    }
    /*-----------------------------------
    2. Form css 
-----------------------------------*/
    
    label {}
    
    .control-label {
        color: #f7f5f5;
        font-weight: 700;
        font-size: 12px;
        text-transform: uppercase;
    }
    
    .control-label2 {
        color: hsl(0, 0%, 100%);
        font-weight: 700;
        font-size: 23px;
        text-transform: uppercase;
    }
    
    .form-control {
        width: 100%;
        height: 50px;
        padding: 6px 12px;
        font-size: 16px;
        line-height: 1.42857143;
        color: rgb(255, 255, 255);
        background-color: #fff;
        border: 1px solid #dcd9d3;
        background-image: none;
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0px 0px rgba(255, 255, 255, .075);
        box-shadow: inset 3px 3px 3px rgba(255, 255, 255, .075);
        margin-bottom: 15px;
    }
    
    .form-control:focus {
        border-color: #bab6ae;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, .075), 0 0 8px rgba(255, 255, 255, .6);
        box-shadow: inset 0 3px 3px rgba(255, 255, 255, .075), 0 0 8px rgba(235, 237, 238, .6);
        background-color: #fffefd;
    }
    
    .textarea.form-control {
        background-color: #ffffff;
        height: auto;
    }
    
    .required {}
    
    .form-news-letter .form-control {
        float: left;
        width: 75%;
        margin-right: 10px;
    }
    
    .form-group {
        margin-bottom: 10px;
    }
    
    .get-in-touch {}
    
    .get-in-touch .form-control {
        margin-bottom: 10px;
    }
    /*-----------------------------------
    3. Buttons 
-----------------------------------*/
    
    .btn {
        display: inline-block;
        padding: 18px 30px;
        margin-bottom: 0;
        font-size: 13px;
        font-weight: 800;
        letter-spacing: 1px;
        line-height: 1.42857143;
        text-align: center;
        border: none;
        text-transform: uppercase;
        border-radius: 100px;
        font-family: 'Montserrat', sans-serif;
        -webkit-font-smoothing: antialiased;
        text-rendering: optimizeLegibility;
    }
    
    .btn-default {
        color: rgb(242, 242, 243);
        background-color: #392bfa;
    }
    
    .btn-default:hover {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        color: rgb(238, 236, 238);
        background-color: #424ffc;
        border-color: #29278d;
    }
    
    .btn-default.focus,
    .btn-default:focus {
        color: #fff;
        background-color: #322eee;
        border-color: #fcfcfc;
    }
    
    .btn-primary {
        background-color: #2d281a;
        color: rgb(245, 239, 239);
    }
    
    .btn-primary:hover {
        background-color: #fffefd;
        color: rgb(3, 0, 0);
    }
    
    .btn-primary.focus,
    .btn-primary:focus {}
    
    .btn-white {
        color: #aa9144;
        background-color: #fff;
        border: 1px solid #fff;
    }
    
    .btn-white:hover {
        background-color: #8e7424;
        border-color: #29278d;
        color: #fff;
    }
    
    .btn-white.focus,
    .btn-white:focus {
        background-color: #8e7424;
        border-color: #29278d;
        color: #fff;
    }
    
    .btn-link {
        color: #98989c;
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 2px;
        border-bottom: 1px solid #98989c;
        padding-bottom: 2px;
    }
    
    .btn-link:hover {
        color: #aa9144;
        font-weight: 700;
        text-decoration: none;
        border-bottom: 1px solid #aa9144;
    }
    
    .btn-lg {
        font-size: 14px;
        padding: 20px 30px;
    }
    
    .btn-sm {
        font-size: 12px;
        padding: 5px 10px;
    }
    
    .btn-xs {
        font-size: 15px;
        padding: 6px 8px;
    }
    /*-----------------------------------
    4. General / Elements 
-----------------------------------*/
    /*----------------------- 
    4.1 Section space :
-------------------------*/
    /*Note: Section space help to create top bottom space;*/
    
    .space-small {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    
    .space-medium {
        padding-top: 100px;
        padding-bottom: 100px;
    }
    
    .space-large {
        padding-top: 120px;
        padding-bottom: 120px;
    }
    
    .space-ex-large {
        padding-top: 140px;
        padding-bottom: 140px;
    }
    /*----------------------
   4.2 Margin Space
-----------------------*/
    
    .mb0 {
        margin-bottom: 0px;
    }
    
    .mb10 {
        margin-bottom: 10px;
    }
    
    .mb20 {
        margin-bottom: 20px;
    }
    
    .mb30 {
        margin-bottom: 30px;
    }
    
    .mb35 {
        margin-bottom: 35px;
    }
    
    .mb40 {
        margin-bottom: 40px;
    }
    
    .mb60 {
        margin-bottom: 60px;
    }
    
    .mb80 {
        margin-bottom: 80px;
    }
    
    .mb100 {
        margin-bottom: 100px;
    }
    
    .mt0 {
        margin-top: 0px;
    }
    
    .mt10 {
        margin-top: 10px;
    }
    
    .mt20 {
        margin-top: 20px;
    }
    
    .mt30 {
        margin-top: 30px;
    }
    
    .mt40 {
        margin-top: 40px;
    }
    
    .mt60 {
        margin-top: 60px;
    }
    
    .mt70 {
        margin-top: 70px;
    }
    
    .mt80 {
        margin-top: 80px;
    }
    
    .mt100 {
        margin-top: 100px;
    }
    /*----- less margin space from top --*/
    
    .mt-20 {
        margin-top: -20px;
    }
    
    .mt-40 {
        margin-top: -40px;
    }
    
    .mt-60 {
        margin-top: -60px;
    }
    
    .mt-80 {
        margin-top: -80px;
    }
    /*-----------------------
   4.3 Padding space
-------------------------*/
    
    .nopadding {
        padding: 0px;
    }
    
    .nopr {
        padding-right: 0px;
    }
    
    .nopl {
        padding-left: 0px;
    }
    
    .pinside10 {
        padding: 10px;
    }
    
    .pinside20 {
        padding: 20px;
    }
    
    .pinside30 {
        padding: 30px;
    }
    
    .pinside40 {
        padding: 40px;
    }
    
    .pinside50 {
        padding: 50px;
    }
    
    .pinside60 {
        padding: 60px;
    }
    
    .pinside80 {
        padding: 80px;
    }
    
    .pinside130 {
        padding: 130px;
    }
    
    .pdt10 {
        padding-top: 10px;
    }
    
    .pdt20 {
        padding-top: 20px;
    }
    
    .pdt30 {
        padding-top: 30px;
    }
    
    .pdt40 {
        padding-top: 40px;
    }
    
    .pdt60 {
        padding-top: 60px;
    }
    
    .pdt80 {
        padding-top: 80px;
    }
    
    .pdb10 {
        padding-bottom: 10px;
    }
    
    .pdb20 {
        padding-bottom: 20px;
    }
    
    .pdb30 {
        padding-bottom: 30px;
    }
    
    .pdb40 {
        padding-bottom: 40px;
    }
    
    .pdb60 {
        padding-bottom: 60px;
    }
    
    .pdb80 {
        padding-bottom: 80px;
    }
    
    .pdl10 {
        padding-left: 10px;
    }
    
    .pdl20 {
        padding-left: 20px;
    }
    
    .pdl30 {
        padding-left: 30px;
    }
    
    .pdl40 {
        padding-left: 40px;
    }
    
    .pdl60 {
        padding-left: 60px;
    }
    
    .pdl80 {
        padding-left: 80px;
    }
    
    .pdr10 {
        padding-right: 10px;
    }
    
    .pdr20 {
        padding-right: 20px;
    }
    
    .pdr30 {
        padding-right: 30px;
    }
    
    .pdr40 {
        padding-right: 40px;
    }
    
    .pdr60 {
        padding-right: 60px;
    }
    
    .pdr80 {
        padding-right: 80px;
    }
    /*--------------------------------
4.4 Background & Block color 
----------------------------------*/
    
    .bg-light {
        background-color: #f4f1ec;
    }
    
    .bg-primary {
        background-color: #aa9144;
    }
    
    .bg-default {
        background-color: #f4f1ec;
    }
    
    .bg-white {
        background-color: #fff;
    }
    
    .outline {
        border: 1px solid #e5e7ec;
    }
    
    .section-title {}
    
    .title {
        color: #060107;
    }
    
    .small-title {
        color: #030303;
        font-size: 17px;
        letter-spacing: 1.8px;
        margin-bottom: 33px;
    }
    
    .text-white {
        color: rgb(250, 250, 250);
    }
    
    .primary-sidebar {}
    
    .secondary-sidebar {}
    
    .well-block {
        background-color: #fff;
        padding: 40px;
    }
    /*--------------------------------
4.5 Features Block 
----------------------------------*/
    
    .feature {}
    
    .feature-icon {
        margin-bottom: 20px;
    }
    
    .feature-left {}
    
    .feature-left .feature-icon {
        float: left;
    }
    
    .feature-left .feature-content {
        padding-left: 80px;
    }
    
    .feature-center {}
    
    .feature-center .feature-icon {}
    
    .feature-center .feature-content {}
    
    .feature-inner {}
    
    .feature-outline {}
    
    .thumbnail-block {}
    
    .thumbnail-img {}
    
    .thumbnail-content {}
    
    .thumbnail-inner {}
    
    .thumbnail-outline {}
    /*----------------- video ---------------*/
    
    .video-section {
        position: relative;
    }
    
    .video-img {
        position: relative;
    }
    
    .video-img img {
        width: 90%;
    }
    
    .video-action {
        position: absolute;
        top: 40%;
        left: 47%;
    }
    /*--------------------------------
4.6 Bullet 
----------------------------------*/
    
    .bullet {
        position: relative;
        padding-left: 15px;
        color: #78807e;
        line-height: 32px;
    }
    
    .bullet-double-right li:before {
        font-family: FontAwesome;
        display: block;
        position: absolute;
        left: 0;
        width: 13px;
        font-size: 14px;
        color: #78807e;
        content: "\f101";
    }
    /*--------------------------------
4.7 Call to actions 
----------------------------------*/
    
    .cta-block {}
    
    .cta-title {
        font-size: 32px;
        font-weight: 700;
        letter-spacing: -1px;
        color: #fff;
        margin-bottom: 10px;
    }
    
    .cta-text {
        font-size: 18px;
        color: #a2fed4;
    }
    
    .cta-content {}
    
    .cta-call,
    .cta-mail {}
    
    .cta-section {
        background-size: 85%;
        padding-top: 120px;
        padding-bottom: 120px;
        background: linear-gradient(rgba(2, 2, 2, 0), rgba(0, 0, 0, 0.8)), rgba(0, 0, 0, 0.8) url(../images/cta-section-img.jpg) no-repeat center;
    }
    
    .cta-caption {}
    
    .cta-title {
        font-size: 36px;
        color: #fff;
        line-height: 58px;
        font-weight: 600;
        margin-bottom: 10px;
        letter-spacing: -1px;
    }
    
    .cta-text {
        font-size: 18px;
        color: #fff;
        margin-bottom: 30px;
    }
    /*--------------------------------
4.8 Image Hover Effect 
----------------------------------*/
    
    .imghover {
        display: block;
        position: relative;
        max-width: 100%;
    }
    
    .imghover::before,
    .imghover::after {
        display: block;
        position: absolute;
        content: "";
        text-align: center;
        opacity: 0;
    }
    
    .imghover::before {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }
    
    .imghover::after {
        top: 50%;
        left: 50%;
        width: 50px;
        height: 50px;
        line-height: 50px;
        margin: -25px 0 0 -25px;
        content: "\f2a8";
        font-family: "FontAwesome";
        font-size: 36px;
    }
    
    .imghover:hover::before,
    .imghover:hover::after {
        opacity: 1;
    }
    
    .imghover:hover::before {
        background: rgba(212, 27, 44, .55);
    }
    
    .imghover:hover::after {
        color: #FFFFFF;
    }
    
    [class^='imghvr-'],
    [class*=' imghvr-'] {
        background: rgba(211, 0, 80, .55);
    }
    /*--------------------------------
4.9 Icon 
----------------------------------*/
    
    .icon {}
    
    .icon-1x {
        font-size: 18px;
    }
    /* default icon size of font*/
    
    .icon-2x {
        font-size: 38px;
    }
    
    .icon-4x {
        font-size: 65px;
    }
    
    .icon-6x {
        font-size: 88px;
    }
    
    .icon-8x {
        font-size: 108px;
    }
    
    .icon-default {
        color: #aa9144;
    }
    
    .icon-primary {
        color: #474954;
    }
    
    .icon-secondary {
        color: #fff;
    }
    
    .icon-white {
        color: #fff;
    }
    /*--------------------------------
5 Header / Navigations 
----------------------------------*

/*--------------------
    5.1 Header Regular 
   ----------------------*/
    
    .logo {}
    
    .header {
        background-color: rgb(8, 6, 6);
        z-index: 9999;
        position: relative;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    
    .top-text {
        text-align: right;
    }
    
    .top-text .text-block {
        padding-left: 20px;
        color: #fff;
        line-height: 18px;
    }
    
    .call-block {}
    
    .call-no {}
    
    .mail-block {}
    
    .mail-text {}
    
    .time-block {}
    
    .time-text {}
    
    .call-block,
    .mail-block,
    .time-block {}
    /* Cards */
    
    .content-cards {
        display: flex;
        width: 100%;
        justify-content: space-evenly;
        flex-wrap: wrap;
    }
    
    .card {
        width: 30%;
        text-align: center;
        height: 300px;
        box-shadow: 0 0 3px 0 rgba(10, 10, 10, 0.5);
        transform: scale(1);
        transition: transform 0.6s;
    }
    
    .card:hover {
        box-shadow: 0 0 6px 0 rgba(12, 6, 6, 0.5);
        transform: scale(1.03);
        cursor: pointer;
    }
    
    .card i {
        margin: 30px 0 20px 0;
        color: #5639a5;
        font-size: 50px;
    }
    
    .card p {
        font-weight: 300;
        font-size: 25px;
        margin-bottom: 10px;
    }
    /* Entretenimiento */
    
    section.actividades {
        padding: 70px;
        min-height: 100vh;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    section.actividades hr {
        width: 60px;
        margin-bottom: 20px;
        border: solid 2px #c76464;
        border-radius: 60px;
    }
    
    section.actividades h2 {
        text-transform: uppercase;
        font-size: 20px;
        margin-bottom: 20px;
    }
    
    section.actividades div.acts {
        display: grid;
        grid-template-columns: 200px 200px 180px;
    }
    
    section.actividades div.acts div.acts-item {
        height: 200px;
        text-align: center;
        overflow: hidden;
        position: relative;
        cursor: pointer;
    }
    
    section.actividades div.acts div.acts-item div.icons {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 1;
    }
    
    section.actividades div.acts div.acts-item:hover div.icons {
        top: 40%;
        transition: 0.8s;
    }
    
    section.actividades div.acts div.acts-item img.ico {
        width: 40px;
        margin-bottom: 5px;
        transition: 0.5s;
    }
    
    section.actividades div.acts div.acts-item h3.tituloAct {
        color: #ffffff;
        font-size: 12px;
        text-transform: uppercase;
        display: block;
    }
    
    section.actividades div.acts div.acts-item:hover h3.tituloAct {
        color: #ffffff;
        transition: 0.8s;
    }
    
    section.actividades div.acts div.acts-item p.tituloAct {
        color: #ffffff;
        font-size: 5px;
        text-transform: uppercase;
        display: block;
    }
    
    section.actividades div.acts div.acts-item:hover p.tituloAct {
        color: #ffffff;
        transition: 0.8s;
    }
    
    section.actividades div.acts div.acts-item div.backgroundInfo {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #070707;
        transform: translateY(220px);
    }
    
    section.actividades div.acts div.acts-item:hover div.backgroundInfo {
        animation-name: backgroundAnimationItem;
        animation-duration: 0.8s;
        animation-fill-mode: both;
    }
    
    section.actividades div.acts div.acts-item div.backgroundInfo p {
        display: block;
        width: 80%;
        font-size: 7px;
        text-align: center;
        position: absolute;
        top: 0%;
        left: 50%;
        transform: translateX(-50%);
    }
    /* Invitación */
    
    section.invitacion {
        height: 50vh;
        background: url('images/fondo1.png');
        background-repeat: no-repeat;
        background-size: cover;
        background-position-y: -960px;
    }
    /* Section */
    
    .website {
        display: flex;
        justify-content: space-between;
    }
    
    .website img {
        width: 48%;
    }
    
    .website .contenedor-textos-main {
        width: 40%;
    }
    
    .parrafo {
        text-align: justify;
        margin-bottom: 20px;
    }
    
    .cta {
        display: inline-block;
        text-decoration: none;
        background-image: linear-gradient(45deg, #8d85f8 0%, #c4dbfa 99%, #c4ddfa 100%);
        padding: 12px 15px;
        border-radius: 8px;
        color: #fff;
    }
    /*--------------------------
    5.2 Navigations Regular
   ----------------------------*/
    
    .hero-section {
        padding-top: 300px;
        padding-bottom: 135px;
        background: linear-gradient(rgba(158, 104, 144, 0.123), rgba(165, 74, 153, 0.13)), rgba(121, 127, 185, 0.219) url(../images/video.mp4) no-repeat center;
        background-size: cover;
    }
    
    .hero-caption {
        padding-top: 100px;
        padding-bottom: 100px;
    }
    
    .hero-title {
        font-size: 46px;
        color: #fff;
        line-height: 58px;
        font-weight: 600;
        margin-bottom: 30px;
        letter-spacing: -1px;
    }
    
    .hero-text {
        font-size: 18px;
        color: #fff;
        margin-bottom: 30px;
    }
    
    .navigation {
        float: right;
    }
    
    .is-sticky .header {
        border-bottom: 1px solid #11100e;
    }
    
    #navigation,
    #navigation ul,
    #navigation ul li,
    #navigation ul li a,
    #navigation #menu-button {
        margin: 0;
        padding: 0;
        border: 0;
        list-style: none;
        line-height: 1;
        display: block;
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    #navigation:after,
    #navigation>ul:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
    }
    
    #navigation #menu-button {
        display: none;
    }
    
    #navigation {
        font-family: 'Montserrat', sans-serif;
        -webkit-font-smoothing: antialiased;
        text-rendering: optimizeLegibility;
    }
    
    #navigation>ul>li {
        float: left;
    }
    
    #navigation.align-center>ul {
        font-size: 0;
        text-align: center;
    }
    
    #navigation.align-center>ul>li {
        display: inline-block;
        float: none;
    }
    
    #navigation.align-center ul ul {
        text-align: left;
    }
    
    #navigation.align-right>ul>li {
        float: right;
    }
    
    #navigation>ul>li>a {
        padding: 20px;
        font-size: 13px;
        color: #f8f7f5;
        text-decoration: none;
        font-weight: 500;
        text-transform: uppercase;
    }
    
    #navigation>ul>li:hover>a {
        color: #ffffff;
        background-color: #201397;
    }
    
    #navigation>ul>li.has-sub>a {
        padding-right: 32px;
    }
    /*#navigation > ul > li.has-sub > a:after {
 position: absolute;
 top: 22px;
 right: 11px;
 width: 8px;
 height: 2px;
 display: block;
 background: #dddddd;
 content: '';
}*/
    
    #navigation>ul>li.has-sub>a:before {
        position: absolute;
        right: 14px;
        font-family: FontAwesome;
        content: "\f107";
        -webkit-transition: all .25s ease;
        -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
        -o-transition: all .25s ease;
        transition: all .25s ease;
    }
    /*#navigation > ul > li.has-sub:hover > a:before {
 top: 23px;
 height: 0;
}*/
    
    #navigation ul ul {
        position: absolute;
        left: -9999px;
    }
    
    #navigation.align-right ul ul {
        text-align: right;
    }
    
    #navigation ul ul li {
        height: 0;
        -webkit-transition: all .25s ease;
        -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
        -o-transition: all .25s ease;
        transition: all .25s ease;
    }
    
    #navigation li:hover>ul {
        left: auto;
    }
    
    #navigation.align-right li:hover>ul {
        left: auto;
        right: 0;
    }
    
    #navigation li:hover>ul>li {
        height: 46px;
    }
    
    #navigation ul ul ul {
        margin-left: 100%;
        top: 0;
    }
    
    #navigation.align-right ul ul ul {
        margin-left: 0;
        margin-right: 100%;
    }
    
    #navigation ul ul li a {
        padding: 16px;
        width: 170px;
        font-size: 13px;
        text-decoration: none;
        color: rgb(250, 248, 248);
        font-weight: 500;
        background: #312a99;
        text-transform: uppercase;
        border-bottom: 1px solid #211a88;
    }
    
    #navigation ul ul li:last-child>a,
    #navigation ul ul li.last-item>a {
        border-bottom: 0;
    }
    
    #navigation ul ul li:hover>a,
    #navigation ul ul li a:hover {
        color: #f8f8f8;
        background-color: #482a99;
    }
    
    #navigation ul ul li.has-sub>a:after {
        position: absolute;
        top: 16px;
        right: 11px;
        width: 8px;
        height: 2px;
        display: block;
        background: #dddddd;
        content: '';
    }
    
    #navigation.align-right ul ul li.has-sub>a:after {
        right: auto;
        left: 11px;
    }
    
    #navigation ul ul li.has-sub>a:before {
        position: absolute;
        top: 13px;
        right: 14px;
        display: block;
        width: 2px;
        height: 8px;
        background: #dddddd;
        content: '';
        -webkit-transition: all .25s ease;
        -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
        -o-transition: all .25s ease;
        transition: all .25s ease;
    }
    
    #navigation.align-right ul ul li.has-sub>a:before {
        right: auto;
        left: 14px;
    }
    
    #navigation ul ul>li.has-sub:hover>a:before {
        top: 17px;
        height: 0;
    }
    
    #navigation.small-screen {
        width: 100%;
    }
    
    #navigation.small-screen ul {
        width: 100%;
        display: none;
    }
    
    #navigation.small-screen.align-center>ul {
        text-align: left;
    }
    
    #navigation.small-screen ul li {
        width: 100%;
        border-top: 1px solid #ffffff;
    }
    
    #navigation.small-screen ul ul li,
    #navigation.small-screen li:hover>ul>li {
        height: auto;
    }
    
    #navigation.small-screen ul li a,
    #navigation.small-screen ul ul li a {
        width: 100%;
        border-bottom: 0;
        padding: 20px 15px;
    }
    
    #navigation.small-screen>ul>li {
        float: none;
    }
    
    #navigation.small-screen ul ul li a {
        padding-left: 25px;
    }
    
    #navigation.small-screen ul ul ul li a {
        padding-left: 35px;
    }
    
    #navigation.small-screen ul ul li a {
        color: #fdfdfd;
        background: none;
    }
    
    #navigation.small-screen ul ul li:hover>a,
    #navigation.small-screen ul ul li.active>a {
        color: #fdfafa;
    }
    
    #navigation.small-screen ul ul,
    #navigation.small-screen ul ul ul,
    #navigation.small-screen.align-right ul ul {
        position: relative;
        left: 0;
        width: 100%;
        margin: 0;
        text-align: left;
    }
    
    #navigation.small-screen>ul>li.has-sub>a:after,
    #navigation.small-screen>ul>li.has-sub>a:before,
    #navigation.small-screen ul ul>li.has-sub>a:after,
    #navigation.small-screen ul ul>li.has-sub>a:before {
        display: none;
    }
    
    #navigation.small-screen #menu-button {
        display: block;
        padding: 15px;
        color: #f3f3f3;
        cursor: pointer;
        font-size: 12px;
        text-transform: uppercase;
        font-weight: 700;
    }
    
    #navigation.small-screen #menu-button:after {
        position: absolute;
        top: 16px;
        right: 17px;
        display: block;
        height: 12px;
        width: 20px;
        border-top: 2px solid #f0f0f0;
        border-bottom: 2px solid #f8f3f3;
        content: '';
    }
    
    #navigation.small-screen #menu-button:before {
        position: absolute;
        top: 21px;
        right: 17px;
        display: block;
        height: 2px;
        width: 20px;
        background: #f7f3f3;
        content: '';
    }
    
    #navigation.small-screen #menu-button.menu-opened:after {
        top: 23px;
        border: 0;
        height: 2px;
        width: 15px;
        background: #e9e5e5;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    
    #navigation.small-screen #menu-button.menu-opened:before {
        top: 23px;
        background: #fcfafa;
        width: 15px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    
    #navigation.small-screen .submenu-button {
        position: absolute;
        z-index: 99;
        right: 0;
        top: 0;
        display: block;
        border-left: 1px solid #c7c7c7;
        height: 53px;
        width: 53px;
        cursor: pointer;
    }
    
    #navigation.small-screen .submenu-button.submenu-opened {}
    
    #navigation.small-screen ul ul .submenu-button {
        height: 34px;
        width: 34px;
    }
    
    #navigation.small-screen .submenu-button:after {
        position: absolute;
        top: 22px;
        right: 20px;
        width: 8px;
        height: 2px;
        display: block;
        background: #fcfafa;
        content: '';
    }
    
    #navigation.small-screen ul ul .submenu-button:after {
        top: 15px;
        right: 13px;
    }
    
    #navigation.small-screen .submenu-button.submenu-opened:after {
        background: #f8f4f4;
    }
    
    #navigation.small-screen .submenu-button:before {
        position: absolute;
        top: 19px;
        right: 23px;
        display: block;
        width: 2px;
        height: 8px;
        background: #f3f3f3;
        content: '';
    }
    
    #navigation.small-screen ul ul .submenu-button:before {
        top: 12px;
        right: 16px;
    }
    
    #navigation.small-screen .submenu-button.submenu-opened:before {
        display: none;
    }
    
    #navigation.small-screen.select-list {
        padding: 5px;
    }
    /*----------------------------------------------
    5.4 Page Header
----------------------------------------------*/
    
    .page-header {
        background: linear-gradient(rgba(36, 39, 38, 0), rgba(36, 39, 38, 0)), rgba(36, 39, 38, 0) url(../images/cta-section-img.JPG) no-repeat center;
        background-size: 85%;
        margin: 0;
        border-bottom: none;
        padding-bottom: 0px;
    }
    
    .page-header6 {
        background: linear-gradient(rgba(36, 39, 38, 0), rgba(36, 39, 38, 0)), rgba(36, 39, 38, 0) url(../images/Diapositiva11.png) no-repeat center;
        background-size: 85%;
        margin: 0;
        border-bottom: none;
        padding-bottom: 0px;
    }
    
    .page-header5 {
        background: linear-gradient(rgba(36, 39, 38, 0), rgba(36, 39, 38, 0)), rgba(36, 39, 38, 0) url(../images/Diapositiva01.jpg) no-repeat center;
        background-size: 100%;
        margin: 0;
        border-bottom: none;
        padding-bottom: 0px;
    }
    
    .page-caption {
        padding: 124px 0px;
        position: relative;
        z-index: 1;
        color: rgb(8, 6, 6);
        text-align: center;
    }
    
    .page-title {
        color: rgb(255, 253, 253);
        font-size: 40px;
        font-weight: 400;
        letter-spacing: -1px;
    }
    
    .breadcrumb {}
    
    .breadcrumb>.active {}
    
    .page-breadcrumb {}
    
    .page-breadcrumb .breadcrumb {
        background-color: transparent;
        margin-bottom: 0px;
        font-size: 12px;
        text-transform: uppercase;
    }
    /*-----------------------------------
    ----------------------------------------------*/
    
    .page-header1 {
        background: linear-gradient(rgba(36, 39, 38, 0), rgba(36, 39, 38, 0)), rgba(36, 39, 38, 0) url(../images/Diapositiva09.jpg) no-repeat center;
        background-size: 100%;
        margin: 0;
        border-bottom: none;
        padding-bottom: 0px;
    }
    /*-----------------------------------
     ----------------------------------------------*/
    
    .page-header2 {
        background: linear-gradient(rgba(36, 39, 38, 0), rgba(36, 39, 38, 0)), rgba(36, 39, 38, 0) url(../images/Diapositiva03.jpg) no-repeat center;
        background-size: 100%;
        margin: 0;
        border-bottom: none;
        padding-bottom: 0px;
    }
    /*-----------------------------------
     ----------------------------------------------*/
    
    .page-header3 {
        background: linear-gradient(rgba(36, 39, 38, 0), rgba(36, 39, 38, 0)), rgba(36, 39, 38, 0) url(../images/Diapositiva07.jpg) no-repeat center;
        background-size: 100%;
        margin: 0;
        border-bottom: none;
        padding-bottom: 0px;
    }
    /*-----------------------------------

    6. Slider 
-------------------------------------*/
    /*-----------------------------------
7. Content 
-------------------------------------*/
    
    .content {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    /*-----------------------------------
8. Footer 
-------------------------------------*/
    
    .footer {
        background-color: #000000;
        padding-top: 200px;
        padding-bottom: 60px;
    }
    
    .footer-block {
        background-color: #000000;
        padding: 40px 40px 10px 40px;
        border-radius: 10px;
    }
    
    .footer-widget p {
        color: #050505;
    }
    
    .footer-widget .widget-title {
        color: rgb(189, 141, 8);
        font-weight: 600;
        padding-bottom: 20px;
        margin-bottom: 30px;
    }
    
    .footer-widget {}
    
    .footer-widget ul {}
    
    .footer-widget li {}
    
    .footer-widget li a {
        color: #030303;
        line-height: 34px;
    }
    
    .footer-widget li a:hover {
        color: #aa9144;
    }
    
    .footer-link {}
    
    .footer-social {}
    
    .footer-social ul {}
    
    .footer-social ul li {}
    
    .footer-social ul li a i {
        padding-right: 10px;
        width: 30px;
    }
    
    .footer-social ul li a:hover i {
        color: #aa9144;
    }
    
    .footer .contact li {
        position: relative;
        padding-left: 40px;
        display: block;
        '
 margin-bottom: 8px;
        padding: 0 0 8px 40px;
        color: #747474;
    }
    
    .footer .contact li i {
        display: block;
        position: absolute;
        top: 5px;
        left: 0;
        width: 30px;
        font-size: 16px;
        text-align: center;
    }
    
    .widget-newsletter .form-control {
        height: 20px;
        color: #eee;
        background-color: #020202;
        border: none;
        box-shadow: none;
        font-size: 14px;
        border-radius: 30px 0px 0px 30px;
    }
    
    .widget-newsletter button {
        height: 48px;
    }
    /*-------------- tiny footer ------------*/
    
    .tiny-footer {
        padding-top: 19px;
        padding-bottom: 9px;
        font-size: 12px;
        color: #000000;
        text-align: left;
        text-transform: uppercase;
        text-align: center;
    }
    
    .copyright-content {
        padding: 12px;
        color: #ffffff;
    }
    /*-----------------------------------
9. Pages 
-------------------------------------*/
    /*-------------------------
 9.1 About us
---------------------------*/
    
    .about-text {
        line-height: 40px;
    }
    
    .about-block {}
    
    .about-img {}
    
    .about-info {}
    
    .about-contact {
        font-size: 18px;
        color: #8c9292;
        font-weight: 600;
        margin-left: 5px;
    }
    
    .counter_block {}
    
    .counter_box {
        border-bottom: 1px solid #eee;
        padding: 40px 0px;
    }
    
    .counter_number {
        font-weight: 900;
        margin-bottom: 0px;
    }
    
    .counter_text {
        font-size: 12px;
        text-transform: uppercase;
        letter-spacing: 2px;
    }
    /*-------------------------
 9.2  Service / single / sidebar
--------------------------*/
    /* service section */
    
    .service-block {
        margin-bottom: 30px;
    }
    
    .service-img {
        margin-bottom: 30px;
    }
    
    .service-img img {
        width: 100%;
    }
    
    .service-caption {}
    
    .service-title {
        font-size: 20px;
        color: #212330;
        text-transform: uppercase;
        text-align: center;
        letter-spacing: 1px;
    }
    
    .service-icon {}
    
    .service-icon img {}
    
    .service-single-block {}
    
    .service-single-img {}
    
    .service-single-content {
        margin-left: auto;
    }
    
    .price {
        font-size: 24px;
        color: #aa9144;
        font-weight: 600;
        font-family: 'Montserrat', sans-serif;
    }
    /*-----------------------------------------
    service side-nav
   ------------------------------------------*/
    
    .sidenav {
        background-color: #fff;
        margin-bottom: 30px;
    }
    
    .sidenav li {
        position: relative;
    }
    
    .sidenav li:last-child {
        margin-bottom: 0px;
    }
    
    .sidenav li a {
        display: block;
        line-height: 14px;
        color: #2b2d2c;
        font-weight: 500;
        font-size: 14px;
        background-color: #dfddd7;
        padding: 20px;
        margin-bottom: 1px;
        text-transform: uppercase;
        font-family: 'Montserrat', sans-serif;
    }
    
    .sidenav li a:hover {
        color: #fff;
        background-color: #aa9144;
    }
    
    .sidenav li a.active,
    .sidenav ul li a.active .sidenav ul li i {
        color: #fff;
        background-color: #aa9144;
    }
    
    .sidenav li a:focus {
        color: #bb0349;
    }
    
    .sidenav li.active a:before {
        color: #bb0349;
    }
    /*.sidenav li a:before { margin-right: 10px; font-family: FontAwesome; position: absolute; width: 20px; font-size: 12px; color: #7d7f89; content: "138"; left: 10px; }
.sidenav li a:hover:before { color: #bb0349; }*/
    
    .arrow-circle-right li:last-child {
        border-bottom: 0px solid #6f4a52;
    }
    
    .arrow-circle-right li a:before {
        margin-right: 10px;
        font-family: FontAwesome;
        position: absolute;
        left: 20px;
        width: 20px;
        font-size: 16px;
        color: #5a5a5a;
        content: "\f105";
        font-weight: normal;
    }
    /*--------------------------
  9.5  Testimonial
---------------------------*/
    
    .quote-left {
        position: absolute;
        font-size: 100px;
        font-family: 'Libre Baskerville', serif;
        font-style: normal;
        color: #aa9144;
        line-height: 0px;
        top: 52px;
    }
    
    .testimonial-block {
        margin-bottom: 40px;
    }
    
    .testimonial-img {}
    
    .testimonial-img img {}
    
    .testimonial-content {
        margin-bottom: 30px;
    }
    
    .testimonial-info {
        line-height: 1;
    }
    
    .testimonial-text {
        font-size: 21px;
        font-style: italic;
        line-height: 32px;
        color: #333333;
    }
    
    .testimonial-name {
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 10px;
    }
    
    .testimonial-meta {
        font-size: 13px;
        text-transform: uppercase;
        color: #aa9144;
        padding-right: 10px;
        font-weight: 400;
    }
    /*-------------------------
  9.8 Contact us
---------------------------*/
    
    .contact-block {}
    
    .contact-block ul {}
    
    .contact-block ul li {
        border: 1px solid #f1f2f4;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    
    .contact-block ul li i {
        color: #aa9144;
        float: left;
        padding: 0px;
    }
    
    .contact-block .contact-text {}
    
    .contact-info {
        background-color: #cda34d;
        color: #fff;
    }
    
    .contact-info ul {
        padding-left: 0px;
    }
    
    .contact-info li {
        position: relative;
        padding-left: 70px;
        margin-bottom: 30px;
        border-bottom: 1px solid #b69042;
        padding-bottom: 29px;
    }
    
    .contact-info li:last-child {
        border-bottom: none;
    }
    
    .contact-info li i {
        display: block;
        position: absolute;
        left: 0;
        /* font-size: 50px; */
        /* text-align: center; */
        color: #fff;
        /* bottom: 0px; */
    }
    
    .map {
        height: 400px;
    }
    
    .contact-social {
        text-align: center;
    }
    
    .contact-social {}
    
    .contact-social a i {
        height: 32px;
        width: 32px;
        border-radius: 50px;
        background-color: #8e7424;
        text-align: center;
        padding: 7px;
        line-height: 1.2;
        font-size: 14px;
        color: #c12d17;
    }
    
    .contact-social a i:hover {
        color: #8e7424;
    }
    
    address {
        margin-bottom: 20px;
        font-style: normal;
        line-height: 1.42857143;
    }
    /*------------------------
 10. Blog pages
--------------------------*/
    
    .content {}
    
    .sidebar {}
    
    .post-block,
    .post-quote {
        position: relative;
        background-color: #f4f1ec;
        padding: 30px;
        border-radius: 10px;
        margin-bottom: 30px;
    }
    /*-- use for thumbnail --*/
    
    .post-holder {
        position: relative;
        margin-bottom: 30px;
    }
    /*-- for single post page --*/
    
    .post-img {
        position: relative;
    }
    
    .post-img img {
        border-radius: 10px;
        width: 100%;
    }
    
    .post-title {}
    
    .post-content {
        padding-top: 40px;
        padding-right: 40px;
    }
    
    .post-header {}
    /*-------- Post meta --------*/
    
    .meta {
        font-size: 12px;
        text-transform: uppercase;
        margin-bottom: 20px;
        font-family: 'Montserrat', sans-serif;
    }
    
    .meta-date {}
    
    .meta-user {}
    
    .meta-comment {}
    
    .meta-author {}
    
    .meta-cat {}
    
    .meta-date,
    .meta-author,
    .meta-comment,
    .meta-cat {
        display: inline-block;
        margin-right: 10px;
    }
    
    .meta-link {}
    
    .meta-tags {}
    /*-------- Post Type --------*/
    
    .post-sticky {
        background: url(../images/sticky.png) no-repeat;
        position: absolute;
        right: 35px;
        bottom: 35px;
        width: 30px;
        height: 30px;
        color: #fff;
    }
    
    .post-gallery {}
    
    .post-video {}
    
    .post-video .video-sign {}
    
    .post-audio {}
    
    .post-quote {
        background-color: #080008;
    }
    
    .quote-content {}
    
    .post-quote blockquote {
        color: #fff;
        font-size: 34px;
        line-height: 42px;
    }
    /*-------- Related Post --------*/
    
    .related-post-block {
        border-top: 1px solid #eee;
        padding-top: 29px;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    
    .related-post {
        margin-bottom: 30px;
    }
    
    .related-post-title {}
    
    .related-post-img {
        margin-bottom: 30px;
    }
    
    .related-post-img img {
        border-radius: 10px;
    }
    /*----- Prev Next Post -----*/
    
    .post-navigation {
        margin-bottom: 30px;
    }
    
    .nav-previous,
    .nav-next {
        border: 1px solid #ffffff;
        padding: 20px;
    }
    
    .nav-previous {}
    
    .nav-next {}
    
    .prev-post {}
    
    .next-post {}
    
    .prev-link {}
    
    .next-link {}
    
    .prev-link,
    .next-link {
        margin-bottom: 10px;
        display: block;
        text-transform: uppercase;
        font-size: 12px;
    }
    /*----- Author Post -----*/
    
    .author-post {
        margin-bottom: 30px;
        background: #f4f1ec;
        padding: 30px;
        border-radius: 10px;
    }
    
    .author-img {}
    
    .author-title {}
    
    .author-img img {
        width: 100%;
        border-radius: 10px;
    }
    
    .author-bio {}
    
    .author-meta {}
    
    .author-name {}
    
    .author-header {}
    
    .author-detail {}
    
    .author-link {}
    
    .author-social {}
    
    .author-social ul {}
    
    .author-social ul li {}
    
    .author-social ul li a {}
    
    .author-social ul li a:hover {}
    
    .author-info {}
    /*------------- Post Pagination -------------*/
    
    .st-pagination {}
    
    .st-pagination .pagination>li>a,
    .pagination>li>span {
        position: relative;
        float: left;
        margin-left: -1px;
        line-height: 1.42857143;
        color: #3c3c3c;
        text-decoration: none;
        font-size: 12px;
        background-color: #fff;
        font-weight: 700;
        text-transform: uppercase;
        margin-right: 5px;
        margin-bottom: 5px;
        padding: 8px 13px;
        border: 1px solid #efefef;
        border-radius: 100%;
    }
    
    .st-pagination .pagination>li>a:focus,
    .st-pagination .pagination>li>a:hover,
    .st-pagination .pagination>li>span:focus,
    .st-pagination .pagination>li>span:hover,
    .st-pagination .pagination>li>a.active {
        z-index: 2;
        color: #fff;
        background-color: #aa9144;
        border: 1px solid #f4f1ec;
    }
    
    .st-pagination .pagination>li:first-child>a,
    .st-pagination .pagination>li:first-child>span {
        margin-left: 0;
        border-radius: 100%;
    }
    
    .st-pagination .pagination>li:last-child>a,
    .st-pagination .pagination>li:last-child>span {
        border-radius: 100%;
    }
    
    .st-pagination .pagination>.active>a,
    .st-pagination .pagination>.active>a:focus,
    .st-pagination .pagination>.active>a:hover,
    .st-pagination .pagination>.active>span,
    .st-pagination .pagination>.active>span:focus,
    .st-pagination .pagination>.active>span:hover {
        z-index: 3;
        color: #fff;
        cursor: default;
        background-color: #aa9144;
        border: 1px solid #aa9144;
    }
    /*------------------------
  12. Sidebar / Widgets
--------------------------*/
    /*----- widget -----*/
    
    .widget {
        margin-bottom: 10px;
        background-color: #f4f1ec;
        padding: 30px;
        border-radius: 10px;
    }
    
    .widget-title {
        margin-bottom: 20px;
    }
    
    .widget ul {}
    
    .widget ul li {
        margin-bottom: 16px;
        line-height: 18px;
    }
    
    .widget ul li:last-child {
        margin-bottom: 0px;
    }
    
    .widget ul li a {
        color: #474747;
    }
    
    .widget ul li a.active {
        color: #aa9144;
    }
    
    .widget ul li a:hover {
        color: #aa9144;
    }
    
    .widget-search {}
    
    .widget-search .input-group-addon {
        color: #fff;
        text-align: center;
        background-color: #aa9144;
        border: 1px solid #aa9144;
        border-left: transparent;
    }
    
    .widget-categories {}
    
    .widget-categories ul {}
    
    .widget-categories ul li {}
    
    .widget-categories ul li a {}
    
    .widget-archives {}
    
    .widget-archives ul {}
    
    .widget-archives ul li {}
    
    .widget-archives ul li a {}
    
    ul.widget-recent-post {}
    
    .widget-recent-post li {
        margin-bottom: 10px;
        border-bottom: 1px solid #cecbc7;
        padding-bottom: 10px;
    }
    
    .widget-recent-post li:last-child {
        border-bottom: 1px solid transparent;
    }
    
    .widget-recent-post ul li a {}
    
    .widget-recent-post .meta {
        margin-bottom: 0px;
    }
    
    .recent-post-img {
        margin-bottom: 20px;
    }
    
    .recent-post-content {}
    
    .recent-title {
        font-size: 12px;
        line-height: 18px;
    }
    
    .widget-tags {}
    
    .widget-tags a {
        border: 1px solid #cecbc7;
        padding: 2px 10px;
        display: inline-block;
        background-color: #fff;
        font-size: 12px;
        text-transform: uppercase;
        margin-bottom: 5px;
        margin-right: 3px;
        border-radius: 50px;
        color: #18150d;
    }
    
    .widget-tags a:hover {
        background-color: #aa9144;
        color: #fff;
        border: 1px solid #aa9144;
    }
    
    .widget-text {}
    
    .widget-contact {}
    
    .widget-social {}
    
    .social-circle a {
        height: 33px;
        width: 33px;
        background-color: #aa9144;
        color: #fff;
        border-radius: 100%;
        padding: 5px;
        display: inline-block;
        text-align: center;
        margin-right: 10px;
    }
    
    .social-circle a:hover {
        background-color: #8e7424;
    }
    
    .widget-call-to-action {
        background-color: #eddba5;
    }
    
    .widget-call-to-action .widget-title {
        font-size: 20px;
        font-weight: 400;
        margin-bottom: 20px;
        line-height: 28px;
    }
    
    .widget-call-to-action p {
        font-size: 18px;
        color: #18150d;
    }
    
    .team-block {
        margin-bottom: 20px;
    }
    
    .team-img {
        margin-bottom: 20px;
    }
    
    .team-content {
        text-align: center;
    }
    
    .team-title {
        margin-bottom: 0px;
    }
    
    .team-name {}
    
    .team-meta {
        text-transform: uppercase;
        font-size: 12px;
        color: #aa9144;
        font-weight: 500;
        letter-spacing: 1px;
    }
    
    .team-designation {}
    /*----- Comment Post -----*/
    
    .comments-area {}
    
    .comments-title {
        border-bottom: 1px solid #f4f1ec;
        padding-bottom: 20px;
        margin-bottom: 30px;
    }
    
    .comment-list {
        list-style: none;
        padding: 0px;
    }
    
    .comment {}
    
    .comment-body {
        margin-top: 20px;
        margin-bottom: 30px;
        border-bottom: 1px solid #f4f1ec;
        padding-bottom: 20px;
    }
    
    .comment-author {}
    
    .comment-author img {
        float: left;
    }
    
    .comment-info {
        padding-left: 120px;
    }
    
    .comment-header {
        margin-bottom: 0px;
    }
    
    .user-title {
        font-size: 15px;
        color: #474747;
        margin-bottom: 10px;
        font-weight: 500;
    }
    
    .comment-meta {}
    
    .comment-meta-date {
        color: #98989c;
        font-size: 12px;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-weight: 500;
    }
    
    .comment-content {
        color: #6f6f6f;
        margin-bottom: 20px;
    }
    
    .reply {}
    /*---- thread comments --------*/
    
    .childern {
        padding-left: 100px;
        list-style: none;
    }
    
    .childern .comment-body {
        background-color: #f4f1ec;
        padding: 20px;
        border-radius: 10px;
    }
    
    .childern .comment-info {
        padding-left: 120px;
    }
    /*----- Leave Reply -----*/
    
    .leave-comments {
        margin-top: 30px;
        background-color: #f4f1ec;
        padding: 40px;
        border-radius: 10px;
    }
    
    .leave-comments .control-label {
        color: #474747;
        font-weight: 600;
        font-size: 13px;
    }
    /*--------------------------------
 Extra Plugin CSS - Back to top  
---------------------------------*/
    
    .cd-top {
        display: inline-block;
        height: 40px;
        width: 40px;
        position: fixed;
        bottom: 40px;
        right: 10px;
        overflow: hidden;
        text-indent: 100%;
        white-space: nowrap;
        background: rgba(212, 27, 44, 100) url(../images/cd-top-arrow.svg) no-repeat center 50%;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: opacity .3s 0s, visibility 0s .3s;
        -moz-transition: opacity .3s 0s, visibility 0s .3s;
        transition: opacity .3s 0s, visibility 0s .3s;
    }
    
    .cd-top.cd-is-visible,
    .cd-top.cd-fade-out,
    .no-touch .cd-top:hover {
        -webkit-transition: opacity .3s 0s, visibility 0s 0s;
        -moz-transition: opacity .3s 0s, visibility 0s 0s;
        transition: opacity .3s 0s, visibility 0s 0s;
    }
    
    .cd-top.cd-is-visible {
        /* the button becomes visible */
        visibility: visible;
        opacity: 1;
    }
    
    .cd-top.cd-fade-out {
        /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
        opacity: .5;
    }
    
    .no-touch .cd-top:hover {
        background-color: #e70359;
        opacity: 1;
    }
    /*-------------styleguide-------------*/
    
    .box-info {}
    
    .box-default-color {
        background-color: #aa9144;
        height: 160px;
        width: 160px;
    }
    
    .box-primary-color {
        background-color: #18150d;
        height: 160px;
        width: 160px;
    }
    
    .box-heading-color {
        background-color: #18150d;
        height: 160px;
        width: 160px;
    }
    
    .box-secondary-color {
        background-color: #6f6f6f;
        height: 160px;
        width: 160px;
    }
    
    .box-bg-color {
        background-color: #eddba5;
        height: 160px;
        width: 160px;
    }
    /*==========  Non-Mobile First Method  ==========*/
    /* Large Devices, Wide Screens */
    
    @media only screen and (max-width: 1200px) {
        .navigation {
            float: none;
        }
        .hero-title {
            font-size: 25px;
            line-height: 40px;
        }
        .hero-section {
            padding-top: 50px;
            padding-bottom: 50px;
        }
        .comment-info {
            padding-left: 100px;
        }
        .cta-title {
            font-size: 26px;
            line-height: 40px;
        }
        .cta-section {
            padding-top: 50px;
            padding-bottom: 50px;
        }
        .footer-widget {
            margin-bottom: 20px;
        }
        .footer-widget .widget-title {
            margin-bottom: 0px;
        }
        .page-title {
            font-size: 20px;
        }
        .page-caption {
            padding: 80px 0px;
        }
        .childern .comment-info {
            padding-left: 90px;
        }
        .childern {
            padding-left: 0px;
            list-style: none;
        }
    }
    /*video*/
    
    video {
        width: 100%;
    }
    
    .overlay {
        width: 100%;
        height: 100%;
        position: absolute;
        background: rgba(0, 0, 0, 0);
    }
    /*video*/
    
    @media screen and (max-width: 600px) {
        h1 {
            font-size: 50px;
        }
    }
    
    @media screen and (max-width: 500px) {
        h1 {
            font-size: 30px;
            margin-bottom: 0;
        }
        h1::after {
            display: none;
        }
    }
    /* Medium Devices, Desktops */
    
    @media only screen and (max-width: 992px) {
        .navigation {
            float: none;
        }
        .hero-title {
            font-size: 25px;
            line-height: 40px;
        }
        .hero-section {
            padding-top: 50px;
            padding-bottom: 50px;
        }
        .comment-info {
            padding-left: 100px;
        }
        .cta-title {
            font-size: 26px;
            line-height: 40px;
        }
        .cta-section {
            padding-top: 50px;
            padding-bottom: 50px;
        }
        .footer-widget {
            margin-bottom: 20px;
        }
        .footer-widget .widget-title {
            margin-bottom: 0px;
        }
        .page-title {
            font-size: 20px;
        }
        .page-caption {
            padding: 80px 0px;
        }
        .childern .comment-info {
            padding-left: 90px;
        }
        .childern {
            padding-left: 0px;
            list-style: none;
        }
    }
    /* Small Devices, Tablets */
    
    @media only screen and (max-width: 768px) {
        .navigation {
            float: none;
        }
        .hero-title {
            font-size: 25px;
            line-height: 40px;
        }
        .hero-section {
            padding-top: 50px;
            padding-bottom: 50px;
        }
        .comment-info {
            padding-left: 100px;
        }
        .cta-title {
            font-size: 26px;
            line-height: 40px;
        }
        .cta-section {
            padding-top: 50px;
            padding-bottom: 50px;
        }
        .footer-widget {
            margin-bottom: 20px;
        }
        .footer-widget .widget-title {
            margin-bottom: 0px;
        }
        .page-title {
            font-size: 20px;
        }
        .page-caption {
            padding: 80px 0px;
        }
        .childern .comment-info {
            padding-left: 90px;
        }
        .childern {
            padding-left: 0px;
            list-style: none;
        }
    }
    /* Animaciones */
    
    @keyframes menuSelect {
        25% {
            transform: scale(1.1);
        }
        75% {
            transform: scale(0.9);
        }
    }
    
    @keyframes textAnim {
        0% {
            transform: translateX(-550px);
        }
        55% {
            transform: translateX(100px);
        }
        100% {
            transform: translateX(0px)
        }
    }
    
    @keyframes backgroundAnimationItem {
        100% {
            transform: translateY(0);
        }
    }
    
    @supports (object-fit: cover) {
        div.acts-item img.background {
            opacity: 0.8;
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center center;
        }
    }
    /* Extra Small Devices, Phones */
    
    @media only screen and (max-width: 480px) {
        .navigation {
            float: none;
        }
        .hero-title {
            font-size: 25px;
            line-height: 40px;
        }
        .hero-section {
            padding-top: 50px;
            padding-bottom: 50px;
        }
        .comment-info {
            padding-left: 100px;
        }
        .cta-title {
            font-size: 26px;
            line-height: 40px;
        }
        .cta-section {
            padding-top: 50px;
            padding-bottom: 50px;
        }
        .footer-widget {
            margin-bottom: 20px;
        }
        .footer-widget .widget-title {
            margin-bottom: 0px;
        }
        .page-title {
            font-size: 20px;
        }
        .page-caption {
            padding: 80px 0px;
        }
        .childern .comment-info {
            padding-left: 90px;
        }
        .childern {
            padding-left: 0px;
            list-style: none;
        }
    }
    /* Custom, iPhone Retina */
    
    @media only screen and (max-width: 320px) {
        .navigation {
            float: none;
        }
        .hero-title {
            font-size: 25px;
            line-height: 40px;
        }
        .hero-section {
            padding-top: 50px;
            padding-bottom: 50px;
        }
        .comment-info {
            padding-left: 100px;
        }
        .cta-title {
            font-size: 26px;
            line-height: 40px;
        }
        .cta-section {
            padding-top: 50px;
            padding-bottom: 50px;
        }
        .footer-widget {
            margin-bottom: 20px;
        }
        .footer-widget .widget-title {
            margin-bottom: 0px;
        }
        .page-title {
            font-size: 20px;
        }
        .page-caption {
            padding: 80px 0px;
        }
        .childern .comment-info {
            padding-left: 90px;
        }
        .childern {
            padding-left: 0px;
            list-style: none;
        }
    }