#ut-hero.hero {
    height: 60%;
    min-height: 60%;
    height: calc( 60% + 80px) !important;
}
      img.wp-smiley,
      img.emoji {
        display: inline !important;
        border: none !important;
        box-shadow: none !important;
        height: 1em !important;
        width: 1em !important;
        margin: 0 0.07em !important;
        vertical-align: -0.1em !important;
        background: none !important;
        padding: 0 !important;
      }
     ::-moz-selection {
        background: #dc3545;
      }

      ::selection {
        background: #dc3545;
      }

      a {
        color: #dc3545;
      }

      ins,
      mark {
        background: #dc3545;
      }

      .lead ins {
        color: #dc3545;
      }

      .themecolor {
        color: #dc3545;
      }

      .lead span {
        color: #dc3545;
      }

      .themecolor-bg {
        background: #dc3545;
      }

      .img-hover {
        background: #dc3545;
        background: #dc3545;
      }

      .ha-transparent #navigation ul li a:hover {
        color: #dc3545;
      }
      /* glow effect */
      .ut-glow {
        color: #dc3545;
        text-shadow: 0 0 40px #dc3545, 2px 2px 3px black;
      }

      .ut-language-selector a:hover {
        color: #dc3545;
      }
      /* logo */
      .site-logo img {
        max-height: 60px;
      }

      @media (min-width: 1601px) {
        .side-site-logo img {
          max-width: 100%;
        }
      }

      .ut-header-dark .site-logo .logo a:hover {
        color: #dc3545;
      }
      /* blockquotes */
      blockquote {
        border-color: #dc3545;
      }

      blockquote span {
        color: #dc3545;
      }
      /* headlines */
      h1 a:hover,
      h2 a:hover,
      h3 a:hover,
      h4 a:hover,
      h5 a:hover,
      h6 a:hover {
        color: #dc3545;
      }
      /* forms */
      input[type="button"],
      .button,
      input[type="submit"] {
        background: #dc3545;
      }

      .dark button,
      .dark input[type="submit"],
      .dark input[type="button"] {
        background: #dc3545;
      }

      .light .button,
      .light input[type="submit"],
      .light input[type="button"] {
        background: #dc3545;
      }
      /* wordpress media element */
      .mejs-controls .mejs-time-rail .mejs-time-current,
      .mejs-controls
        .mejs-horizontal-volume-slider
        .mejs-horizontal-volume-current {
        background: #dc3545 !important;
      }
      /* more link */
      a.more-link:hover {
        color: #dc3545;
      }
      /* post format */
      .format-link .entry-header a {
        background: #dc3545 !important;
      }

      .ut-gallery-slider .flex-direction-nav a {
        background: #dc3545;
        background: #dc3545;
      }
      /* comments */
      .comments-title span {
        color: #dc3545;
      }

      #cancel-comment-reply-link {
        color: #dc3545;
      }
      /* fontawesome */
      .fa-ul li .fa {
        color: #dc3545;
      }
      /* misc */
      .ut-avatar-overlay {
        background: #dc3545;
        background: #dc3545;
      }
      /* contact form 7 */
      div.wpcf7-validation-errors {
        border-color: #dc3545;
      }
      /* deprecated */
      .count {
        color: #dc3545;
      }

      .team-member-details {
        background: #dc3545;
        background: #dc3545;
      }

      .about-icon {
        background: #dc3545;
      }

      .cta-section {
        background: #dc3545 !important;
      }

      .icons-ul i {
        color: #dc3545;
      }

      .entry-meta a:hover,
      #secondary a:hover,
      .page-template-templatestemplate-archive-php a:hover {
        color: #dc3545;
      }
      /* Preloader
                ================================================== */
      #ut-loader-logo {
        max-width: 50px;
      }

      #qLoverlay {
        background: #ffffff;
      }

      .ut-loading-bar-style2 .ut-loading-bar-style2-ball-effect {
        background-color: #151515;
      }

      .ut-loading-bar-style3-outer {
        border-color: #151515;
      }

      .ut-loading-bar-style-3-inner {
        background-color: #151515;
      }

      .ut-loader__bar4,
      .ut-loader__ball4 {
        background: #151515;
      }

      .ut-loading-bar-style5-inner {
        color: #151515;
      }

      .sk-cube-grid .sk-cube {
        background-color: #151515;
      }

      .ut-inner-overlay .ut-loading-text p {
        color: #151515 !important;
      }

      .ut-inner-overlay .ut-loading-text p {
        font-size: 12px;
        font-weight: bold;
        letter-spacing: 0em;
      }

      .ut-inner-overlay .ut-loading-text {
        margin-top: 20px !important;
      }

      .ut-loader-overlay {
        background: #ffffff;
      }

      body {
        font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: 400;
        font-size: 12px;
        line-height: 30px;
      }

      body {
        color: #333333;
      }

      h1 {
        font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: 700;
      }

      h1 {
        color: #151515;
      }

      h2 {
        font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: 700;
      }

      h2 {
        color: #151515;
      }

      h3 {
        font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: 700;
      }

      h3 {
        color: #151515;
      }

      h4 {
        font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: 700;
      }

      h4 {
        color: #151515;
      }

      h5 {
        font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: 700;
      }

      h5 {
        color: #151515;
      }

      h6 {
        font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: 700;
      }

      h6 {
        color: #151515;
      }

      #ut-sitebody #primary .entry-content .widget-title {
        font-size: 12px;
      }

      blockquote,
      .format-quote blockquote {
        font-family: ralewaybold, "Helvetica Neue", Helvetica, Arial, sans-serif;
      }

      blockquote {
        color: #151515;
      }

      .single blockquote,
      .page blockquote {
        font-size: 20px;
      }

      .lead,
      .dark .lead,
      .taxonomy-description {
        font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: 400;
        font-size: 16px;
        line-height: 30px;
      }

      .lead p {
        color: #151515;
      }

      #contact-section .parallax-title,
      #contact-section .section-title {
        font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
      }

      #contact-section .lead p {
        font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
      }
      /* LightGallery
                ================================================== */
      .lg-progress-bar .lg-progress {
        background-color: #dc3545;
      }

      .lg-outer .lg-thumb-item.active,
      .lg-outer .lg-thumb-item:hover {
        border-color: #dc3545;
      }
      /* Parallax Overlay
                ================================================== */
      .parallax-overlay-pattern.style_one {
        background-image: url("http://noelbaba.com.tr/WebContent/content/css/wp-content/themes/brooklyn/images/overlay-pattern.png") !important;
      }

      .parallax-overlay-pattern.style_two {
        background-image: url("http://noelbaba.com.tr/WebContent/content/css/wp-content/themes/brooklyn/images/overlay-pattern2.png") !important;
      }
      /* General Section Headlines
                ================================================== */
      .pt-style-2 .page-title:after,
      .pt-style-2 .parallax-title:after,
      .pt-style-2 .section-title:after {
        background-color: #151515;
        height: 1px;
        width: 30px;
      }
      /* Section Animation
                    ================================================== */
      .js #main-content section .section-content,
      .js #main-content section .section-header-holder {
        opacity: 0;
      }

      .blog #primary,
      .single #primary,
      .search #primary,
      .archive #primary {
        padding-top: 160px;
        padding-bottom: 120px;
      }

      .blog #secondary,
      .single #secondary {
        padding-top: 160px;
      }

      .blog.has-no-hero #primary,
      .single.has-no-hero #primary {
        padding-top: 200px;
        padding-bottom: 120px;
      }

      .blog.has-no-hero #secondary,
      .single.has-no-hero #secondary {
        padding-top: 200px;
      }

      .page #primary {
        padding-top: 160px;
        /* padding-bottom: 120px; */
      }

      .page #secondary {
        padding-top: 160px;
      }

      .page.has-no-hero #primary {
        /* padding-top: 200px;
        padding-bottom: 120px; */
      }

      .page.has-no-hero #secondary {
        padding-top: 200px;
      }

      .ut-vc-offset-anchor-top,
      .ut-vc-offset-anchor-bottom {
        position: absolute;
        width: 0px;
        height: 0px;
        display: block;
        overflow: hidden;
        visibility: hidden;
      }

      .ut-vc-offset-anchor-top {
        top: 0;
        left: 0;
      }

      .ut-vc-offset-anchor-bottom {
        left: 0;
        bottom: 0px;
      }

      .ut-scroll-up-waypoint-wrap {
        position: relative;
      }
      #ut-hero .hero-inner {
        text-align: center;
      }

      .hero-description {
        color: #ffffff;
      }

      #ut-hero .hero-title {
        color: #ffffff;
      }

      .ut-hero-style-4 .hero-title {
        border: 3px solid #ffffff;
      }

      .ut-hero-style-6 .hero-title {
        border: 1px solid #ffffff;
      }

      .ut-hero-style-7 .hero-title {
        border: 3px solid #ffffff;
      }

      .ut-hero-style-8 .hero-title {
        border-bottom: 2px solid #ffffff;
        border-top: 2px solid #ffffff;
      }

      .ut-hero-style-9 .hero-title {
        border-left: 3px solid #ffffff;
        border-right: 3px solid #ffffff;
      }

      .ut-hero-style-10 .hero-title {
        border-left: 3px dashed #ffffff;
        border-right: 3px dashed #ffffff;
      }

      .hero-title.ut-glow {
        color: #ffffff;
        text-shadow: 0 0 40px #ffffff, 2px 2px 3px black;
      }

      .ut-hero-style-5 .hero-description {
        border-color: #dc3545;
      }

      .hero-title span:not(.ut-word-rotator) {
        color: #dc3545 !important;
      }

      .hero-title.ut-glow span {
        text-shadow: 0 0 40px #dc3545, 2px 2px 3px black;
      }

      .hero-description-bottom {
        color: #ffffff;
      }

      #wrapper_mbYTP_ut-background-video-hero {
        min-width: 100% !important;
      }

      .hero .parallax-overlay {
        background-color: rgba(20, 22, 24, 0.5) !important;
      }

      .hero-down-arrow a {
        color: #fff;
      }

      .hero-down-arrow a:hover,
      .hero-down-arrow a:focus,
      .hero-down-arrow a:active {
        color: #fff;
      }

      .hero-down-arrow {
        left: 50%;
      }

      .hero-down-arrow {
        bottom: 80px;
      }
      /* Main Navigation
            ================================================== */
      #ut-sitebody #ut-mobile-menu a,
      #ut-sitebody #navigation ul li a {
        font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: 400;
        font-size: 14px;
        text-transform: capitalize;
      }
      /* Main Navigation Submenu
            ================================================== */
      #navigation ul.sub-menu {
        border-color: #dc3545;
      }
      /* Custom Skin Navigation Settings
            ================================================== */
      /* Primary Skin Settings
                ================================================== */
      .ut-primary-custom-skin h1.logo a {
        color: rgb(21, 21, 21);
        color: rgba(21, 21, 21, 1);
      }

      .ut-primary-custom-skin h1.logo a:hover,
      .ut-primary-custom-skin h1.logo a:focus,
      .ut-primary-custom-skin h1.logo a:active {
        color: rgb(21, 21, 21) !important;
        color: rgba(21, 21, 21, 1) !important;
      }

      #ut-sitebody #header-section.ut-primary-custom-skin {
        background: transparent !important;
        background: rgb(255, 255, 255) !important;
        background: rgba(255, 255, 255, 1) !important;
      }

      #ut-sitebody #header-section.ut-primary-custom-skin.ha-header {
        -webkit-box-shadow: 0 1px 5px rgba(255, 255, 255, 0);
        -moz-box-shadow: 0 1px 5px rgba(255, 255, 255, 0);
        box-shadow: 0 1px 5px rgba(255, 255, 255, 0);
      }

      #ut-sitebody .ut-primary-custom-skin #navigation ul li a {
        color: rgb(21, 21, 21);
        color: rgba(21, 21, 21, 1);
      }

      #ut-sitebody .ut-primary-custom-skin #navigation ul li a:hover,
      #ut-sitebody .ut-primary-custom-skin #navigation ul li a:focus,
      #ut-sitebody .ut-primary-custom-skin #navigation ul li a:active {
        color: #dc3545 !important;
        color: #000 !important;
      }

      #ut-sitebody .ut-primary-custom-skin #navigation ul li a::after {
        color: rgb(21, 21, 21) !important;
        color: rgba(21, 21, 21, 1) !important;
      }

      #ut-sitebody
        .ut-primary-custom-skin
        #navigation
        .current_page_item:not(.menu-item-object-custom)
        > a,
      #ut-sitebody
        .ut-primary-custom-skin
        #navigation
        .current-menu-item:not(.menu-item-object-custom)
        > a,
      #ut-sitebody
        .ut-primary-custom-skin
        #navigation
        .current_page_ancestor
        > a,
      #ut-sitebody
        .ut-primary-custom-skin
        #navigation
        .current-menu-ancestor
        > a,
      #ut-sitebody .ut-primary-custom-skin #navigation ul li a.selected {
        color: #dc3545 !important;
        color: #000 !important;
      }

      #ut-sitebody .ut-primary-custom-skin #navigation ul.sub-menu li > a {
        color: rgb(21, 21, 21);
        color: rgba(21, 21, 21, 1);
      }

      #ut-sitebody .ut-primary-custom-skin #navigation ul.sub-menu li > a:hover,
      #ut-sitebody .ut-primary-custom-skin #navigation ul.sub-menu li > a:focus,
      #ut-sitebody
        .ut-primary-custom-skin
        #navigation
        ul.sub-menu
        li
        > a:active {
        color: #dc3545 !important;
        color: #000 !important;
      }

      #ut-sitebody
        .ut-primary-custom-skin
        #navigation
        ul.sub-menu
        .current_page_item:not(.menu-item-object-custom)
        > a,
      #ut-sitebody
        .ut-primary-custom-skin
        #navigation
        ul.sub-menu
        .current-menu-item:not(.menu-item-object-custom)
        > a,
      #ut-sitebody
        .ut-primary-custom-skin
        #navigation
        ul.sub-menu
        .current_page_ancestor
        > a,
      #ut-sitebody
        .ut-primary-custom-skin
        #navigation
        ul.sub-menu
        .current-menu-ancestor
        > a {
        color: #dc3545 !important;
        color: #000 !important;
      }

      #ut-sitebody .ut-primary-custom-skin #navigation .sub-menu {
        background: rgb(255, 255, 255);
        background: rgba(255, 255, 255, 1);
      }

      #ut-sitebody .ut-primary-custom-skin #navigation ul.sub-menu {
        border-color: rgb(255, 22, 84) !important;
        border-color: rgba(255, 22, 84, 1) !important;
      }
      /* Secondary Skin Settings
                ================================================== */
      /* Header Height
            ================================================== */
      #header-section {
        line-height: 120px;
      }

      .site-logo,
      .ut-mm-trigger {
        height: 120px;
        line-height: 120px;
      }
      /* Text Logo
            ================================================== */
      #ut-sitebody h1.logo {
        font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: 700;
        font-size: 35px;
        text-transform: uppercase;
      }

      #bklyn-sidenav-wrap {
        width: 25%;
      }

      .ut-has-bklyn-sidenav .vc-sidenav-column-container-wrap {
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
      }

      #bklyn-sidenav-content-wrap {
        min-height: 100%;
        height: 100%;
      }
      /* top header */
      .ut-has-bklyn-sidenav #ut-top-header {
        position: absolute;
        margin-left: 25%;
        z-index: 1;
      }
      /* content wrap */
      #bklyn-sidenav-content-wrap {
        margin-left: 25%;
      }
      /* vc column container wrap */
      .ut-has-bklyn-sidenav .vc-sidenav-column-container-wrap {
        padding-left: 25%;
      }

      .ut-has-bklyn-sidenav
        .vc_row.vc_row-o-equal-height.vc_row-o-columns-stretch
        > .vc_column_container {
        margin-left: 25%;
      }
      /* mobile */
      @media (max-width: 767px) {
        #bklyn-sidenav-content-wrap {
          margin-left: 0px;
        }

        .ut-has-bklyn-sidenav .vc-sidenav-column-container-wrap {
          padding-left: 0px;
        }

        .ut-has-bklyn-sidenav
          .vc_row.vc_row-o-equal-height.vc_row-o-columns-stretch
          > .vc_column_container {
          margin-left: 0px;
        }
      }
      /* tablet */
      @media (min-width: 768px) and (max-width: 1024px) {
        #bklyn-sidenav-content-wrap {
          margin-left: 0px;
        }

        .ut-has-bklyn-sidenav .vc-sidenav-column-container-wrap {
          padding-left: 0px;
        }

        .ut-has-bklyn-sidenav
          .vc_row.vc_row-o-equal-height.vc_row-o-columns-stretch
          > .vc_column_container {
          margin-left: 0px;
        }
      }
      /* side navigation sub menu default state */
      #bklyn-sidenav ul .sub-menu,
      #bklyn-sidenav ul .sub-menu ul {
        display: none;
      }

      #bklyn-sidenav ul .current-menu-ancestor > .sub-menu {
        display: block;
      }
      /* Main Navigation Font
                ================================================== */
      #ut-sitebody #bklyn-sidenav ul li a {
        font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: 400;
        font-size: 14px;
        text-transform: capitalize;
      }

      .side-site-logo h1.logo a {
        font-weight: bold;
      }

      /* #bklyn-sidenav-wrap {
        background-repeat: !important;
        background-attachment: !important;
        background-position: !important;
        background-size: !important;
        background-image: url("");
      } */
      /* Custom Skin Navigation Settings
                    ================================================== */
      .side-site-logo h1.logo a {
        color: rgb(21, 21, 21);
        color: rgba(21, 21, 21, 1);
      }

      .side-site-logo h1.logo a:hover,
      .side-site-logo h1.logo a:focus,
      .side-site-logo h1.logo a:active {
        color: rgb(21, 21, 21) !important;
        color: rgba(21, 21, 21, 1) !important;
      }

      #ut-sitebody #bklyn-sidenav-wrap.ut-primary-custom-skin {
        background-color: rgb(255, 255, 255) !important;
        background-color: rgba(255, 255, 255, 1) !important;
      }

      #ut-sitebody
        #bklyn-sidenav-wrap.ut-primary-custom-skin.bklyn-sidenav-shadow {
        -webkit-box-shadow: 0 1px 5px rgba(255, 255, 255, 0);
        -moz-box-shadow: 0 1px 5px rgba(255, 255, 255, 0);
        box-shadow: 0 1px 5px rgba(255, 255, 255, 0);
      }

      #ut-sitebody .ut-primary-custom-skin #bklyn-sidenav ul li a {
        color: rgb(21, 21, 21);
        color: rgba(21, 21, 21, 1);
      }

      #ut-sitebody .ut-primary-custom-skin #bklyn-sidenav ul li a:hover,
      #ut-sitebody .ut-primary-custom-skin #bklyn-sidenav ul li a:focus,
      #ut-sitebody .ut-primary-custom-skin #bklyn-sidenav ul li a:active {
        color: #dc3545;
        color: #000;
      }

      #ut-sitebody
        .ut-primary-custom-skin
        #bklyn-sidenav
        .current_page_item
        > a,
      #ut-sitebody
        .ut-primary-custom-skin
        #bklyn-sidenav
        .current-menu-item
        > a,
      #ut-sitebody
        .ut-primary-custom-skin
        #bklyn-sidenav
        .current_page_ancestor
        > a,
      #ut-sitebody
        .ut-primary-custom-skin
        #bklyn-sidenav
        .current-menu-ancestor
        > a,
      #ut-sitebody .ut-primary-custom-skin #bklyn-sidenav ul li a.selected {
        color: #dc3545;
        color: #000;
      }

      #ut-sitebody .ut-primary-custom-skin #bklyn-sidenav ul li::before {
        color: rgb(21, 21, 21);
        color: rgba(21, 21, 21, 1);
      }

      #ut-sitebody .ut-primary-custom-skin #bklyn-sidenav ul.sub-menu li > a {
        color: rgb(21, 21, 21);
        color: rgba(21, 21, 21, 1);
      }

      #ut-sitebody
        .ut-primary-custom-skin
        #bklyn-sidenav
        ul.sub-menu
        li.current_page_item
        > a,
      #ut-sitebody
        .ut-primary-custom-skin
        #bklyn-sidenav
        ul.sub-menu
        li.current-menu-item
        > a {
        color: #dc3545;
        color: #000;
      }

      #ut-sitebody
        .ut-primary-custom-skin
        #bklyn-sidenav
        ul.sub-menu
        li
        > a:hover,
      #ut-sitebody
        .ut-primary-custom-skin
        #bklyn-sidenav
        ul.sub-menu
        li
        > a:focus,
      #ut-sitebody
        .ut-primary-custom-skin
        #bklyn-sidenav
        ul.sub-menu
        li
        > a:active {
        color: #dc3545;
        color: #000;
      }

      #ut-sitebody
        .ut-primary-custom-skin
        #bklyn-sidenav
        ul.sub-menu
        li:before {
        color: rgb(153, 153, 153);
        color: rgba(153, 153, 153, 1);
      }

      #bklyn-sidenav-search .fa-search {
        color: rgba(21, 21, 21, 1);
      }

      #bklyn-sidenav-search .search-field {
        background: transparent;
      }

      #bklyn-sidenav-search .search-field {
        color: rgba(153, 153, 153, 1);
      }

      #ut-sitebody .ut-primary-custom-skin .ut-sociallinks {
        border-top: 1px dotted rgba(21, 21, 21, 1);
      }

      #ut-sitebody .ut-primary-custom-skin .ut-sociallinks li a {
        color: rgba(21, 21, 21, 1);
      }

      #ut-sitebody .ut-primary-custom-skin .ut-sociallinks li a:hover,
      #ut-sitebody .ut-primary-custom-skin .ut-sociallinks li a:focus,
      #ut-sitebody .ut-primary-custom-skin .ut-sociallinks li a:active {
        color: #000;
      }
      @media (max-width: 1024px) {
        .ut-mobile-menu a:hover {
          background: #dc3545;
        }

        .ut-mobile-menu a:after,
        .ut-mm-button:hover:before,
        .ut-mm-trigger.active .ut-mm-button:before {
          color: #dc3545;
        }

        .ut-header-light .ut-mm-button:before {
          color: #dc3545;
        }

        #ut-sitebody #header-section.ha-header {
          box-shadow: none;
        }

        #ut-sitebody #header-section.ha-header {
          background: rgba(255, 255, 255, 1);
        }

        #ut-sitebody.ut-mobile-menu-open #header-section.ha-header {
          background: rgba(255, 255, 255, 1) !important;
        }

        #ut-sitebody.ut-mobile-menu-open .ut-header-dark #ut-mobile-nav,
        #ut-sitebody.ut-mobile-menu-open .ut-header-light #ut-mobile-nav {
          background: transparent;
        }

        #ut-sitebody.ut-mobile-menu-open #ut-mobile-menu a {
          color: rgba(21, 21, 21, 1) !important;
        }

        #ut-sitebody.ut-mobile-menu-open #ut-mobile-menu a:hover,
        #ut-sitebody.ut-mobile-menu-open #ut-mobile-menu a:focus,
        #ut-sitebody.ut-mobile-menu-open #ut-mobile-menu a:active {
          color: #000 !important;
        }

        #ut-sitebody.ut-mobile-menu-open #ut-mobile-menu a:hover,
        #ut-sitebody.ut-mobile-menu-open #ut-mobile-menu a:focus,
        #ut-sitebody.ut-mobile-menu-open #ut-mobile-menu a:active {
          background: rgba(255, 255, 255, 1) !important;
        }

        #ut-sitebody.ut-mobile-menu-open #ut-mobile-menu a::after {
          color: rgba(21, 21, 21, 1);
        }

        #ut-sitebody.ut-mobile-menu-open #ut-mobile-menu .sub-menu a::after {
          color: rgba(21, 21, 21, 1);
        }

        #ut-sitebody.ut-mobile-menu-open #ut-mobile-menu a:hover::after {
          color: rgba(21, 21, 21, 1);
        }

        #ut-sitebody.ut-mobile-menu-open
          #ut-mobile-menu
          .sub-menu
          a:hover::after {
          color: rgba(21, 21, 21, 1);
        }

        #ut-sitebody.ut-mobile-menu-open #ut-mobile-menu,
        #ut-sitebody.ut-mobile-menu-open #ut-mobile-menu a {
          border-color: rgba(153, 153, 153, 1);
        }

        #ut-sitebody .ut-mm-trigger .ut-mm-button::before {
          color: rgba(21, 21, 21, 1);
        }

        #ut-sitebody .ut-mm-trigger .ut-mm-button:hover::before,
        #ut-sitebody.ut-mobile-menu-open
          .ut-mm-trigger.active
          .ut-mm-button::before {
          color: rgba(21, 21, 21, 1);
        }
      }
      /**
             * Title Highlight
             */
      .entry-title span {
        color: #dc3545;
      }
      /**
             * Blog Pagination
             */
      #ut-blog-navigation {
        height: 120px;
      }

      #ut-blog-navigation .fa {
        line-height: 120px;
      }

      #ut-blog-navigation a:hover {
        color: #dc3545;
      }

      #ut-blog-navigation a:focus {
        color: #dc3545;
      }

      #ut-blog-navigation a:active {
        color: #dc3545;
      }
      /**
             * Blog Titles
             */
      .blog h2.entry-title,
      .archive h2.entry-title,
      .search h2.entry-title {
        font-size: 22px;
      }
      /**
             * Single Post Titles
             */
      .single-post h1.entry-title {
        font-size: 22px;
      }

      #primary {
        float: left;
      }
      /* Sidebar Widget Title */
      #ut-sitebody #secondary .widget-title,
      #ut-sitebody #secondary .widget-title a,
      #ut-sitebody #secondary .widget-title a:hover,
      #ut-sitebody #secondary .widget-title a:focus,
      #ut-sitebody #secondary .widget-title a:active,
      #ut-sitebody #secondary h1,
      #ut-sitebody #secondary h2,
      #ut-sitebody #secondary h3,
      #ut-sitebody #secondary h4,
      #ut-sitebody #secondary h5,
      #ut-sitebody #secondary h6 {
        color: #151515 !important;
      }
      /* Sidebar Font Size */
      #ut-sitebody #secondary,
      #ut-sitebody #secondary select,
      #ut-sitebody #secondary textarea,
      #ut-sitebody #secondary input[type="text"],
      #ut-sitebody #secondary input[type="tel"],
      #ut-sitebody #secondary input[type="email"],
      #ut-sitebody #secondary input[type="password"],
      #ut-sitebody #secondary input[type="number"],
      #ut-sitebody #secondary input[type="search"] {
        font-size: 12px !important;
      }

      #ut-sitebody #secondary h3.widget-title {
        font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
      }
      #primary h1.page-title {
        font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: 700;
        font-size: 30px;
        color: #151515;
      }

      #primary .pt-style-1 h1.page-title span {
        background: #fff;
      }

      #primary .pt-style-2 h1.page-title:after {
        background-color: #151515;
        height: 1px;
        width: 30px;
      }

      #primary header.page-header.pt-style-3 span {
        background: #dc3545;
        -webkit-box-shadow: 0 0 0 3px#dc3545;
        -moz-box-shadow: 0 0 0 3px#dc3545;
        box-shadow: 0 0 0 3px#dc3545;
      }

      #primary .parallax-title {
        font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: 700;
        font-size: 40px;
        color: #151515;
      }

      #primary .section-title {
        font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: 700;
        font-size: 40px;
        color: #151515;
      }

      #primary .pt-style-1 .parallax-title span {
        background: #fff;
      }

      #primary .pt-style-1 .section-title span {
        background: #fff;
      }

      #primary .pt-style-2 .parallax-title:after {
        background-color: #151515;
        height: 1px;
        width: 30px;
      }

      #primary .pt-style-2 .section-title:after {
        background-color: #151515;
        height: 1px;
        width: 30px;
      }

      #primary {
        padding-top: 0px !important;
      }
      .portfolio-caption {
        background: #dc3545;
        background: #dc3545;
      }

      .ut-portfolio-pagination.style_two a:hover,
      .ut-portfolio-pagination.style_two a.selected,
      .ut-portfolio-pagination.style_two a.selected:hover {
        background: #dc3545 !important;
      }

      .ut-portfolio-menu.style_two li a:hover,
      .ut-portfolio-menu.style_two li a.selected {
        background: #dc3545;
      }

      .light .ut-portfolio-menu li a:hover,
      .light .ut-portfolio-pagination a:hover {
        border-color: #dc3545 !important;
      }

      .ut-portfolio-list li strong {
        color: #dc3545 !important;
      }

      .light .ut-portfolio-menu.style_two li a.selected:hover {
        background: #dc3545;
      }

      .ut-portfolio-gallery-slider .flex-direction-nav a {
        background: #dc3545;
        background: #dc3545;
      }
      .ut-btn.dark:hover,
      .ut-btn.ut-pt-btn:hover {
        background: #dc3545;
      }

      .ut-btn.theme-btn {
        background: #dc3545;
      }
      /* Single Quote
                ================================================== */
      .ut-rated i {
        color: #dc3545;
      }
      /* Custom Icon
                ================================================== */
      .ut-custom-icon-link:hover i {
        color: #dc3545;
      }

      .ut-custom-icon a:hover i:first-child {
        color: #dc3545;
      }
      /* Blog Excerpt
                ================================================== */
      .light .ut-bs-wrap .entry-title a:hover,
      .light .ut-bs-wrap a:hover .entry-title {
        color: #dc3545;
      }
      /* Client Carousel
                ================================================== */
      .elastislide-wrapper nav span:hover {
        border-color: #dc3545;
        color: #dc3545;
      }
      /* Twitter Rotator
                ================================================== */
      .ut-twitter-rotator h2 a {
        color: #dc3545;
      }

      .ut-rq-icon {
        color: #dc3545;
      }
      /* Quote Rotator
                ================================================== */
      .ut-rotate-quote .flex-direction-nav a,
      .ut-rotate-quote-alt .flex-direction-nav a {
        background: #dc3545;
        background: #dc3545;
      }
      /* Service Column
                ================================================== */
      .ut-service-column h3 span {
        color: #dc3545;
      }
      /* Social Icons
                ================================================== */
      .ut-social-title {
        color: #dc3545;
      }

      .ut-social-link:hover .ut-social-icon {
        background: #dc3545 !important;
      }
      /* List Icons
                ================================================== */
      .ut-icon-list i {
        color: #dc3545;
      }
      /* Alert
                ================================================== */
      .ut-alert.themecolor {
        background: #dc3545;
      }
      /* Parallax Quote
                ================================================== */
      .ut-parallax-quote-title span {
        color: #dc3545;
      }
      /* Tabs
                ================================================== */
      .light .ut-nav-tabs li a:hover {
        border-color: #dc3545 !important;
      }

      .light .ut-nav-tabs li a:hover {
        color: #dc3545 !important;
      }
      /* Probar
                ================================================== */
      .ut-skill-overlay {
        background: #dc3545;
      }
      /* Accordion
                ================================================== */
      .light .ut-accordion-heading a:hover {
        border-color: #dc3545 !important;
      }

      .light .ut-accordion-heading a:hover {
        color: #dc3545 !important;
      }
      /* Dropcap
                ================================================== */
      .ut-dropcap-one,
      .ut-dropcap-two {
        background: #dc3545;
      }
      /* Team Member ( Template )
                ================================================== */
      .member-social a:hover {
        color: #dc3545;
      }

      .ut-member-style-2 .member-description .ut-member-title {
        color: #dc3545;
      }

      .ut-member-style-2 .ut-so-link:hover {
        background: #dc3545 !important;
      }

      .member-description-style-3 .ut-member-title {
        color: #dc3545;
      }

      .ut-member-style-3 .member-social a:hover {
        border-color: #dc3545;
      }

      .ut-hide-member-details:hover {
        color: #dc3545;
      }

      .light .ut-hide-member-details {
        color: #dc3545;
      }
      /* Video Shortcode
                ================================================== */
      .light .ut-shortcode-video-wrap .ut-video-caption {
        border-color: #000;
      }

      .light .ut-shortcode-video-wrap .ut-video-caption i {
        border-color: rgba(142, 166, 4, 0.3);
      }

      .light .ut-shortcode-video-wrap .ut-video-caption i {
        color: rgba(142, 166, 4, 0.3);
      }

      .light .ut-shortcode-video-wrap .ut-video-caption:hover i {
        border-color: #000;
      }

      .light .ut-shortcode-video-wrap .ut-video-caption:hover i {
        color: #dc3545 !important;
      }

      .light .ut-shortcode-video-wrap .ut-video-caption:hover i {
        text-shadow: 0 0 40px #dc3545, 2px 2px 3px black;
      }

      .light .ut-video-loading {
        color: #dc3545 !important;
      }

      .light .ut-video-loading {
        text-shadow: 0 0 40px #dc3545, 2px 2px 3px black;
      }

      .light .ut-video-caption-text {
        border-color: #000;
      }
      /* Pricing Tables
                ================================================== */
      .ut-pt-featured {
        background: #dc3545 !important;
      }

      .ut-pt-featured-table .ut-pt-info .fa-li {
        color: #dc3545 !important;
      }

      .ut-pt-wrap.ut-pt-wrap-style-2 .ut-pt-featured-table .ut-pt-header {
        background: #dc3545;
      }

      .ut-pt-wrap-style-3 .ut-pt-info ul,
      .ut-pt-wrap-style-3 .ut-pt-info ul li {
        border-color: rgba(142, 166, 4, 0.1);
      }

      .ut-pt-wrap-style-3 .ut-pt-header,
      .ut-pt-wrap-style-3 .ut-custom-row,
      .ut-pt-wrap-style-3 .ut-btn.ut-pt-btn,
      .ut-pt-wrap-style-3 .ut-pt-featured-table .ut-btn {
        border-color: rgba(142, 166, 4, 0.1);
      }

      .ut-pt-wrap-style-3 .ut-btn {
        color: #dc3545 !important;
      }

      .ut-pt-wrap-style-3 .ut-btn {
        text-shadow: 0 0 40px #dc3545, 2px 2px 3px black;
      }

      .ut-pt-wrap-style-3 .ut-pt-featured-table .ut-btn {
        color: #dc3545 !important;
      }

      .ut-pt-wrap-style-3 .ut-pt-featured-table .ut-btn {
        text-shadow: 0 0 40px #dc3545, 2px 2px 3px black;
      }

      .ut-pt-wrap-style-3 .ut-pt-featured-table .ut-pt-title {
        color: #dc3545 !important;
      }

      .ut-pt-wrap-style-3 .ut-pt-featured-table .ut-pt-title {
        text-shadow: 0 0 40px #dc3545, 2px 2px 3px black;
      }
      .footer-content a:hover {
        color: #dc3545;
      }

      .footer-content i {
        color: #dc3545;
      }

      .ut-footer-dark .ut-footer-area .widget_tag_cloud a:hover {
        color: #dc3545 !important;
        border-color: #dc3545;
      }

      .ut-footer-so li a:hover {
        border-color: #dc3545;
      }

      .ut-footer-so li a:hover i {
        color: #dc3545 !important;
      }

      .toTop:hover,
      .copyright a:hover,
      .ut-footer-dark a.toTop:hover {
        color: #dc3545;
      }

      .ut-footer-area ul.sidebar a:hover {
        color: #dc3545;
      }

      #ut-sitebody .ut-footer-area h3.widget-title {
        font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: 500;
      }
      /* Footer Font Size */
      #ut-sitebody .ut-footer-area,
      #ut-sitebody .ut-footer-area select,
      #ut-sitebody .ut-footer-area textarea,
      #ut-sitebody .ut-footer-area input[type="text"],
      #ut-sitebody .ut-footer-area input[type="tel"],
      #ut-sitebody .ut-footer-area input[type="email"],
      #ut-sitebody .ut-footer-area input[type="password"],
      #ut-sitebody .ut-footer-area input[type="number"],
      #ut-sitebody .ut-footer-area input[type="search"] {
        font-size: 12px !important;
      }
      /* Sub Footer Text Color */
      #ut-sitebody .footer-content,
      #ut-sitebody .footer-content .copyright {
        color: #151515 !important;
      }
      /* Sub Footer Link Color */
      #ut-sitebody .footer-content a {
        color: #151515;
      }

      #ut-sitebody .footer-content a:hover,
      #ut-sitebody .footer-content a:focus,
      #ut-sitebody .footer-content a:active {
        color: #dc3545;
      }
      /* Sub Footer Icon Color */
      #ut-sitebody .footer-content .fa {
        color: #dc3545 !important;
      }
      /* Sub Footer Headline Color */
      #ut-sitebody .footer-content h1,
      #ut-sitebody .footer-content h2,
      #ut-sitebody .footer-content h3,
      #ut-sitebody .footer-content h4,
      #ut-sitebody .footer-content h5,
      #ut-sitebody .footer-content h6 {
        color: #151515 !important;
      }
      /* subfooter backgroundcolor  */
      .footer .footer-content {
        background: #ffffff;
        padding-top: 20px;
      }
      /* Mobile */
      @media (max-width: 400px) {
        .hide-bg-on-mobile {
          background-image: none !important;
        }
      }

      @media (max-width: 767px) {
        .hide-bg-on-mobile {
          background-image: none !important;
        }
      }
      /* Tablet */
      @media (min-width: 768px) and (max-width: 1024px) {
        .hide-bg-on-tablet {
          background-image: none !important;
        }
      }
      /* Medium Desktop */
      @media (min-width: 1025px) and (max-width: 1600px) {
        .hide-bg-on-medium {
          background-image: none !important;
        }
      }

      .hero-title {
        font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
      }
      .recentcomments a {
        display: inline !important;
        padding: 0 !important;
        margin: 0 !important;
      }

      .wpb_animate_when_almost_visible {
        opacity: 1;
      }