/*
Theme Name: Monaro Screens
Author: the Synapse Worldwide team
Author URI: https://synapseworldwide.com/
Template: twentytwentyone
Version: 1.0
Text Domain: twentytwentyone	
*/
/* Base
--------------------------------*/
*, *::before, *::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

* {
  outline: none; }

html {
  overflow-x: hidden; }

body {
  margin: 0;
  overflow-x: hidden;
  background-color: #fff;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }


/* Header
--------------------------------*/
.site-header .cd-container {
  max-width: 1390px;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto; }
.site-header .cd-header-top {
  background: #081F3F; }
  .site-header .cd-header-top > .cd-container {
    display: flex; }
  .site-header .cd-header-top .widget_custom_html a {
    background: #427DB8;
    padding: 3px 33px;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    vertical-align: top;
    font-size: 15px;
    transition: ease all 0.35s; }
    
    @media (max-width: 767px) {
      .site-header .cd-header-top .widget_custom_html a {
        padding: 3px 12px;
        font-size: 13px;
        } }
        
    .site-header .cd-header-top .widget_custom_html a:hover {
      background: #081F3F; }
  .site-header .cd-header-top .widget_nav_menu {
    margin-left: auto; }
    .site-header .cd-header-top .widget_nav_menu .menu {
      margin: 0;
      padding: 0;
      list-style: none;
      display: flex; }
      .site-header .cd-header-top .widget_nav_menu .menu li + li {
        margin-left: 65px; }
        @media (max-width: 767px) {
          .site-header .cd-header-top .widget_nav_menu .menu li + li {
            margin-left: 25px; } }
      .site-header .cd-header-top .widget_nav_menu .menu a {
        color: #fff;
        font-size: 15px;
        text-decoration: none;
        line-height: 26px;
        display: block;
        position: relative; }
        .site-header .cd-header-top .widget_nav_menu .menu a:after {
          content: "";
          position: absolute;
          bottom: 2px;
          height: 1px;
          width: 0px;
          left: auto;
          right: 0;
          background: currentColor;
          transition: ease all 0.35s; }
        .site-header .cd-header-top .widget_nav_menu .menu a:hover:after {
          width: 100%;
          left: 0;
          right: auto; }
.site-header .cd-header {
  padding-top: 18px;
  padding-bottom: 18px;
  background: #f6fafe; }
  @media (max-width: 767px) {
    .site-header .cd-header {
      padding-top: 0px; } }
  .site-header .cd-header > .cd-container {
    display: flex;
    align-items: center; }
    @media (max-width: 767px) {
      .site-header .cd-header > .cd-container {
        width: 100%;
        flex-wrap: wrap; } }
  .site-header .cd-header .menu-button-container {
    display: none;
    margin-left: 15px; }
    .site-header .cd-header .menu-button-container .button {
      padding: 4px 11px 3px !important; }
      .site-header .cd-header .menu-button-container .button .dropdown-icon {
        display: flex;
        align-items: center;
        padding: 5px 3px; }
        .site-header .cd-header .menu-button-container .button .dropdown-icon.close {
          display: none; }
      .site-header .cd-header .menu-button-container .button[aria-expanded="true"] .dropdown-icon.open {
        display: none; }
      .site-header .cd-header .menu-button-container .button[aria-expanded="true"] .dropdown-icon.close {
        display: flex; }
    @media (max-width: 991px) {
      .site-header .cd-header .menu-button-container {
        display: block; } }
    @media (max-width: 767px) {
      .site-header .cd-header .menu-button-container {
        min-height: 52px;
        margin-left: auto; }
        .primary-navigation-open .site-header .cd-header .menu-button-container #primary-mobile-menu {
          position: fixed;
          right: 15px;
          z-index: 9999;
          top: 30px; } }
  .site-header .cd-header .cd-header-right {
    margin-left: auto; }
    @media (max-width: 767px) {
      .site-header .cd-header .cd-header-right {
        order: -1;
        margin: 0 -15px 15px;
        background: #000;
        flex: 0 0 calc(100% + 30px);
        max-width: calc(100% + 30px); } }
    .site-header .cd-header .cd-header-right .textwidget ul {
      margin: 0;
      padding: 0;
      list-style: none;
      display: flex;
      align-items: center; }
      @media (max-width: 767px) {
        .site-header .cd-header .cd-header-right .textwidget ul {
          width: 100%; } }
    .site-header .cd-header .cd-header-right .textwidget .cd-header-phone {
      padding-right: 48px; }
      @media (max-width: 991px) {
        .site-header .cd-header .cd-header-right .textwidget .cd-header-phone {
          padding-right: 15px; } }
      @media (max-width: 767px) {
        .site-header .cd-header .cd-header-right .textwidget .cd-header-phone {
          padding-right: 15px;
          padding-left: 15px;
          width: 50%;
          text-align: center; } }
      .site-header .cd-header .cd-header-right .textwidget .cd-header-phone a {
        font-size: 28px;
        color: #427DB8;
        text-decoration: none;
        position: relative; }
        @media (max-width: 991px) {
          .site-header .cd-header .cd-header-right .textwidget .cd-header-phone a {
            font-size: 18px; } }
        @media (max-width: 767px) {
          .site-header .cd-header .cd-header-right .textwidget .cd-header-phone a {
            font-size: 14px;
            color: #fff; } }
        .site-header .cd-header .cd-header-right .textwidget .cd-header-phone a:after {
          content: "";
          position: absolute;
          bottom: 0;
          height: 2px;
          width: 0px;
          left: auto;
          right: 0;
          background: currentColor;
          transition: ease all 0.35s; }
        .site-header .cd-header .cd-header-right .textwidget .cd-header-phone a:hover:after {
          width: 100%;
          left: 0;
          right: auto; }
      .site-header .cd-header .cd-header-right .textwidget .cd-header-phone .cd-header-phone-number {
        font-weight: 600; }
    @media (max-width: 767px) {
      .site-header .cd-header .cd-header-right .textwidget .cd-header-quote-btn {
        width: 50%;
        text-align: center; } }
    .site-header .cd-header .cd-header-right .textwidget .cd-header-quote-btn a {
      color: #fff;
      background:#427DB8;
      padding: 15px 43px;
      font-size: 20px;
      font-weight: 500;
      text-decoration: none;
      border-radius: 5px;
      transition: ease all 0.35s;
      display: inline-block;
      vertical-align: top; }
      @media (max-width: 991px) {
        .site-header .cd-header .cd-header-right .textwidget .cd-header-quote-btn a {
          padding: 12px 16px;
          font-size: 13px; } }
      .site-header .cd-header .cd-header-right .textwidget .cd-header-quote-btn a:hover {
        background: #081F3F; }
      @media (max-width: 767px) {
        .site-header .cd-header .cd-header-right .textwidget .cd-header-quote-btn a {
          border-radius: 0;
          width: 100%;
          text-align: center; } }
@media (min-width: 992px) {
  .site-header .primary-navigation {
    background: #081F3F; }
    .site-header .primary-navigation .menu-wrapper {
      margin: 0;
      padding: 0;
      list-style: none;
      display: flex;
      justify-content: space-between; }
      .site-header .primary-navigation .menu-wrapper > li > a {
        line-height: 50px;
        display: block;
        color: #fff;
        font-size: 16px;
        text-decoration: none;
        position: relative; }
        .site-header .primary-navigation .menu-wrapper > li > a:after {
          content: "";
          position: absolute;
          bottom: 0;
          height: 4px;
          width: 0px;
          left: auto;
          right: 0;
          background: #AC8C53;
          transition: ease all 0.35s; }
      .site-header .primary-navigation .menu-wrapper > li > .sub-menu {
        position: absolute;
        top: 103%;
        background: #fff;
        min-width: 160px;
        z-index: 1;
        list-style: none;
        margin: 0;
        padding: 10px 0;
        box-shadow: 0 0 1.25rem rgba(1, 22, 39, 0.05);
        pointer-events: none;
        opacity: 0;
        transition: ease all 0.35s; }
        .site-header .primary-navigation .menu-wrapper > li > .sub-menu a {
          font-weight: 500;
          text-decoration: none;
          font-size: 15px;
          display: block;
          padding: 7px 15px; }
        .site-header .primary-navigation .menu-wrapper > li > .sub-menu > li:hover > a {
          background: #006db7; }
      .site-header .primary-navigation .menu-wrapper > li:hover > .sub-menu {
        opacity: 1;
        top: 100%;
        pointer-events: auto; }
      .site-header .primary-navigation .menu-wrapper > li:hover > a:after {
        width: 100%;
        left: 0;
        right: auto; }
      .site-header .primary-navigation .menu-wrapper > li.menu-item-has-children > a {
        padding-right: 20px; }
        .site-header .primary-navigation .menu-wrapper > li.menu-item-has-children > a:before {
          content: "";
          position: absolute;
          right: 5px;
          width: 10px;
          height: 10px;
          border-bottom: 1px solid currentColor;
          border-right: 1px solid currentColor;
          transform: rotate(45deg) translatey(-5px);
          top: 0;
          margin: auto auto auto;
          bottom: 0; }
      .site-header .primary-navigation .menu-wrapper > li .sub-menu-toggle {
        display: none; } }
@media (max-width: 991px) {
  .site-header .primary-navigation {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: all 0.15s ease-in-out;
    transform: translateY(30px);
    height: 100vh;
    z-index: 499;
    overflow-x: hidden;
    overflow-y: auto;
    background: #fff;
    padding: 40px 30px 0;
    max-width: 500px;
    box-shadow: 5px -1px 12px rgba(0, 0, 0, 0.09); }
    .primary-navigation-open .site-header .primary-navigation {
      position: absolute;
      visibility: visible;
      opacity: 1;
      transform: translateY(0); } }
    @media (max-width: 991px) and (max-width: 767px) {
      .primary-navigation-open .site-header .primary-navigation {
        top: 0;
        max-width: 100%;
        padding: 100px 15px 15px;
        position: fixed; } }
@media (max-width: 991px) {
    .site-header .primary-navigation .menu-wrapper {
      margin: 0;
      padding: 0;
      list-style: none; }
      .site-header .primary-navigation .menu-wrapper .sub-menu-toggle {
        display: block;
        background: none;
        width: 40px;
        height: 40px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: none;
        position: absolute;
        top: 7px;
        right: 0; }
        .site-header .primary-navigation .menu-wrapper .sub-menu-toggle .icon-minus {
          display: none; }
        .site-header .primary-navigation .menu-wrapper .sub-menu-toggle[aria-expanded="true"] .icon-plus {
          display: none; }
        .site-header .primary-navigation .menu-wrapper .sub-menu-toggle[aria-expanded="true"] .icon-minus {
          display: inline-flex; }
        .site-header .primary-navigation .menu-wrapper .sub-menu-toggle[aria-expanded="true"] + .sub-menu {
          display: block; }
      .site-header .primary-navigation .menu-wrapper > li {
        position: relative; }
        .site-header .primary-navigation .menu-wrapper > li > a {
          color: #333333;
          font-size: 16px;
          font-weight: 400;
          text-decoration: none;
          line-height: 50px;
          display: block;
          position: relative; }
      .site-header .primary-navigation .menu-wrapper .sub-menu {
        background: #f8f9ff;
        margin: 0;
        padding: 0;
        list-style: none;
        display: none; }
        .site-header .primary-navigation .menu-wrapper .sub-menu a {
          color: #000;
          text-decoration: none;
          font-size: 15px;
          padding: 6px 15px;
          display: block; }
          .site-header .primary-navigation .menu-wrapper .sub-menu a:hover {
            color: #006db7; } }

.cd-title .elementor-heading-title {
  font-size: 42px !important;
  color: #000 !important;
  font-weight: 400 !important;
  border-left: 5px solid #427DB8;
  padding-left: 20px; }
  @media (max-width: 991px) {
    .cd-title .elementor-heading-title {
      font-size: 38px !important; } }
  @media (max-width: 767px) {
    .cd-title .elementor-heading-title {
      font-size: 28px !important; } }

/* Home Slider
--------------------------------*/
.cd-home-slider .swiper-slide-inner {
  max-width: 1380px;
  padding-left: 15px !important;
  padding-right: 15px !important; }
  .cd-home-slider .swiper-slide-inner .elementor-slide-description ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    @media (max-width: 991px) {
      .cd-home-slider .swiper-slide-inner .elementor-slide-description ul {
        font-size: 20px; } }

@media (max-width: 991px) {
  .elementor-11 .elementor-element.elementor-element-66e3b0e .elementor-slide-heading {
    font-size: 40px !important;
    margin: 0 0 14px !important; } }
@media (max-width: 767px) {
  .elementor-11 .elementor-element.elementor-element-66e3b0e .elementor-slide-heading {
    font-size: 30px !important;
    margin: 0 0 14px !important; } }

.cd-why-section-co > .elementor-element-populated {
  display: flex;
  flex-wrap: wrap; }
  .cd-why-section-co > .elementor-element-populated > .elementor-element {
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 60px !important; }
    @media (max-width: 767px) {
      .cd-why-section-co > .elementor-element-populated > .elementor-element {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 30px !important; }
        .cd-why-section-co > .elementor-element-populated > .elementor-element .elementor-image-box-wrapper {
          text-align: left; } }
.cd-why-section-co .elementor-image-box-title {
  font-weight: 600 !important;
  color: #000 !important;
  margin: 0 0 10px !important;
  font-size: 17px !important; }
.cd-why-section-co .elementor-image-box-content {
  padding-right: 30px !important; }
  @media (max-width: 767px) {
    .cd-why-section-co .elementor-image-box-content {
      padding-right: 0px !important; } }

.cd-icon-box-yr .elementor-image-box-title {
  font-weight: 700 !important;
  font-size: 120px !important;
  line-height: 1 !important;
  margin: 0 !important;
  color: #000 !important;
  position: relative !important;
  text-align: left !important; }
  .cd-icon-box-yr .elementor-image-box-title:after {
    content: "" !important;
    width: 85px;
    height: 85px;
    background: #d8e4f0;
    position: absolute;
    bottom: -40px;
    left: -11px;
    z-index: -1; }
.cd-icon-box-yr .elementor-image-box-description {
  font-size: 20px !important;
  color: #000 !important;
  max-width: 157px !important;
  font-weight: 600 !important;
  padding-top: 9px !important;
  text-align: left !important; }

.elementor-11 .elementor-element.elementor-element-c99d59d .elementor-container {
  max-width: 1290px; }

.elementor-11 .elementor-element.elementor-element-b9d5932 .elementor-container {
  max-width: 1290px; }

.cd-services-slider .slick-slide > div {
  padding: 5px; }
.cd-services-slider .slick-slide .content-section {
  background: #000;
  text-align: center;
  padding: 15px;
  display: inline-block;
  width: 100%;
  font-size: 20px;
  font-weight: 600;
  color: #000; }
  .cd-services-slider .slick-slide .content-section p {
    margin: 0; }
  .cd-services-slider .slick-slide .content-section br {
    display: none; }
.cd-services-slider .slick-slider .ultimate-slide-img {
  overflow: hidden;
  display: block;
  margin: 0 !important; }
  .cd-services-slider .slick-slider .ultimate-slide-img img {
    transform: scale(1);
    transition: ease all 0.35s; }
.cd-services-slider .slick-slider:hover .ultimate-slide-img img {
  transform: scale(1.05); }
.cd-services-slider .slick-slider .slick-arrow {
  bottom: -70px !important;
  top: auto !important;
  width: 60px;
  height: 42px;
  padding: 0;
  line-height: 1; }
  .cd-services-slider .slick-slider .slick-arrow:after {
    content: "";
    position: absolute;
    bottom: 0;
    top: -1px;
    width: 53px;
    background: #000;
    height: 5px;
    margin: auto;
    left: 4px;
    border-radius: 3px; }
  .cd-services-slider .slick-slider .slick-arrow:before {
    padding: 0 !important;
    line-height: 1; }
  .cd-services-slider .slick-slider .slick-arrow.slick-prev {
    right: 80px !important;
    text-align: left;
    left: auto !important; }
  .cd-services-slider .slick-slider .slick-arrow.slick-next {
    text-align: right;
    right: 0 !important; }
    
 .cd-services-slider .slick-slider .slick-arrow:hover, .cd-services-slider .slick-slider .slick-arrow:focus{
        background-color: transparent !important;
        border:0 !important;
        border-style:none !important;
        border-width: 0px 0px 0px 0px !important;
        border-color: transparent !important;
    }

.cd-excellent-box .elementor-widget-wrap {
  display: flex !important;
  background: #2db67c;
  justify-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  padding: 20px 10px;
  border-radius: 5px; }
  .cd-excellent-box .elementor-widget-wrap .elementor-star-rating i:before {
    color: #fff; }
  .cd-excellent-box .elementor-widget-wrap .elementor-element {
    margin: 5px 0px !important; }
  .cd-excellent-box .elementor-widget-wrap h4.elementor-heading-title {
    font-size: 22px !important;
    font-weight: 700 !important;
    margin: 0 0 5px !important;
    color: #fff; }
  .cd-excellent-box .elementor-widget-wrap h6.elementor-heading-title {
    font-weight: 400 !important;
    font-size: 15px !important;
    color: #fff; }

.cd-review-slider .elementor-testimonial .elementor-testimonial__header {
  border: none !important;
  padding-bottom: 0 !important; }
  .cd-review-slider .elementor-testimonial .elementor-testimonial__header .elementor-testimonial__cite {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    flex-direction: row; }
    .cd-review-slider .elementor-testimonial .elementor-testimonial__header .elementor-testimonial__cite .elementor-testimonial__name {
      width: calc(100% - 90px); }
    .cd-review-slider .elementor-testimonial .elementor-testimonial__header .elementor-testimonial__cite .elementor-star-rating {
      width: 90px;
      text-align: right; }
      .cd-review-slider .elementor-testimonial .elementor-testimonial__header .elementor-testimonial__cite .elementor-star-rating i {
        color: #2db67c !important; }
    .cd-review-slider .elementor-testimonial .elementor-testimonial__header .elementor-testimonial__cite .elementor-testimonial__title {
      flex: 0 0 100%;
      max-width: 100%;
      padding-left: 20px;
      background: url(assets/images/varify-icon.png);
      background-repeat: no-repeat;
      background-position: -2px center;
      margin-top: 5px; }
.cd-review-slider .elementor-testimonial .elementor-testimonial__text h6 {
  margin: 3px 0 0;
  text-align: right;
  font-weight: normal; }

.cd-vist-column .elementor-widget-wrap {
  max-width: 450px !important; }
  @media (max-width: 991px) {
    .cd-vist-column .elementor-widget-wrap {
      max-width: 100% !important; } }
  .cd-vist-column .elementor-widget-wrap a {
    color: inherit !important;
    text-decoration: underline; }
    .cd-vist-column .elementor-widget-wrap a:hover {
      color: #000 !important; }

.cd-client-box {
  border: 5px solid #cccdd0;
  padding: 20px 40px 40px; }
  .cd-client-box .elementor-heading-title {
    display: inline-block;
    background: #f4f8fb;
    margin-top: -50px;
    position: relative;
    top: -34px;
    padding: 5px 20px; }

.elementor-11 .elementor-element.elementor-element-6efb864 .elementor-swiper-button {
  font-size: 27px !important; }
  .elementor-11 .elementor-element.elementor-element-6efb864 .elementor-swiper-button i {
    color: #000 !important; }

/* Footer
--------------------------------*/
.site-footer {
  background: #081F3F;
  color: #fff; }
  .site-footer .cd-footer-top {
    padding-top: 100px;
    padding-bottom: 70px; }
    @media (max-width: 991px) {
      .site-footer .cd-footer-top {
        padding-top: 50px;
        padding-bottom: 20px; } }
    @media (max-width: 767px) {
      .site-footer .cd-footer-top {
        padding-top: 40px;
        padding-bottom: 10px; } }
  .site-footer .cd-container {
    max-width: 1390px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto; }
  .site-footer .cd-footer-row {
    display: flex;
    justify-content: space-between; }
    @media (max-width: 991px) {
      .site-footer .cd-footer-row {
        flex-wrap: wrap; }
        .site-footer .cd-footer-row .cd-fot-col {
          flex: 0 0 50%;
          max-width: 50%;
          padding-bottom: 25px; } }
    @media (max-width: 767px) {
      .site-footer .cd-footer-row .cd-fot-col {
        flex: 0 0 100%;
        max-width: 100%; } }
  .site-footer .cd-fot-col-1 .textwidget p {
    margin: 0 0 15px; }
    .site-footer .cd-fot-col-1 .textwidget p:last-child {
      margin-bottom: 0;
      padding-top: 15px; }
    .site-footer .cd-fot-col-1 .textwidget p:not(:last-child) a:after {
      content: "";
      position: absolute;
      bottom: 0;
      left: auto;
      right: 0;
      margin: auto;
      width: 0px;
      height: 1px;
      background: #fff;
      transition: ease all 0.35s; }
    .site-footer .cd-fot-col-1 .textwidget p:not(:last-child) a:hover {
      color: #fff; }
      .site-footer .cd-fot-col-1 .textwidget p:not(:last-child) a:hover:after {
        right: auto;
        left: 0;
        width: 100%; }
  .site-footer .cd-fot-col-1 .textwidget a {
    color: #fff;
    position: relative;
    text-decoration: none; }
    .site-footer .cd-fot-col-1 .textwidget a img {
      opacity: 1;
      transition: ease all 0.35s; }
    .site-footer .cd-fot-col-1 .textwidget a:hover img {
      opacity: 0.9; }
  .site-footer .cd-fot-col-2 .textwidget p {
    margin: 0 0 15px; }
  .site-footer .menu {
    margin: 0;
    padding: 0;
    list-style: none; }
    .site-footer .menu li + li {
      padding-top: 8px; }
    .site-footer .menu a {
      font-size: 16px;
      color: #fff;
      position: relative;
      text-decoration: none; }
      .site-footer .menu a:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: auto;
        right: 0;
        margin: auto;
        width: 0px;
        height: 1px;
        background: currentColor;
        transition: ease all 0.35s; }
      .site-footer .menu a:hover {
        color: #fff; }
        .site-footer .menu a:hover:after {
          right: auto;
          left: 0;
          width: 100%; }
  .site-footer .cd-footer-bottom {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.4);
    padding-left: 15px;
    padding-right: 15px; }
    .site-footer .cd-footer-bottom a {
      font-size: 13px;
      color: rgba(255, 255, 255, 0.4);
      text-decoration: none;
      position: relative; }
    .site-footer .cd-footer-bottom .cd-container {
      border-top: 1px solid #4d4d4d;
      max-width: 1360px;
      padding: 15px 0;
      display: flex; }
      @media (max-width: 767px) {
        .site-footer .cd-footer-bottom .cd-container {
          flex-wrap: wrap;
          text-align: center; }
          .site-footer .cd-footer-bottom .cd-container .cd-brand {
            flex: 0 0 100%;
            max-width: 100%; }
          .site-footer .cd-footer-bottom .cd-container .cd-copyright {
            flex: 0 0 100%;
            max-width: 100%;
            text-align: center;
            padding-top: 12px; } }
    .site-footer .cd-footer-bottom .cd-copyright {
      margin-left: auto;
      text-align: right; }
      .site-footer .cd-footer-bottom .cd-copyright a:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: auto;
        right: 0;
        margin: auto;
        width: 0px;
        height: 1px;
        background: currentColor;
        transition: ease all 0.35s; }
      .site-footer .cd-footer-bottom .cd-copyright a:hover {
        color: #fff; }
        .site-footer .cd-footer-bottom .cd-copyright a:hover:after {
          right: auto;
          left: 0;
          width: 100%; }



/*# sourceMappingURL=style.css.map */