/*
 * Globals
 */

body {
  font-family: "Noto Sans", sans-serif;
  color: #444;
  line-height: 1.618
}

html{
  scroll-behavior: smooth;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  color:#000;
  margin-top: 0;
  font-family: "Noto Serif", serif;
  /* text-transform: capitalize; */
  font-weight: 600;
  line-height: 1.2
}
h1, .h1{font-size: 2.75rem; font-weight: 800}
a{letter-spacing: .75px; transition: color .3s ease, background-color .3s ease;}
.page-section{padding-top:4rem; padding-bottom:4rem}
.page-section-top{padding-top:4rem}
.page-section-bottom{padding-bottom:4rem}
.page-small-section{padding-top:2rem; padding-bottom:2rem}
.page-small-section-top{padding-top:2rem}
.page-small-section-bottom{padding-bottom:2rem}
.page-large-section{padding-top:8rem; padding-bottom:8rem}
.page-large-section-top{padding-top:8rem}
.page-large-section-bottom{padding-bottom:8rem}

.font-medium,strong,.strong{font-weight: 600}
.font-bold{font-weight: 800}
.font-black{color:#000}
.small-font{font-size:.8rem}
.large-font{font-size:1.2rem}
.normal-font{font-size:1rem}
.uppercase{text-transform: uppercase;}

.hideOnDesktop{display:none!important}
.hideOnMobileBlock{display:block!important}
.hideOnMobileFlex{display:flex!important}


/* #mainNav{background-image: linear-gradient(0,#3c3c3c 0%,#000000 100%);} */
#mainNav{background-color:#243d55;padding-top:1rem;padding-bottom:1rem; position: fixed; z-index: 5}
#menu-main-menu{padding:0; margin:0 1rem 0  0; list-style: none; display: flex;}
.nav-main-row{justify-content: space-between;}
.nav-col, .logo-col{display:flex; align-items:center;padding: 0 15px; }
#yiz-navbar-main-1{align-self:flex-end; margin-bottom:-.625rem}
/* #mini-nav{min-width: 375px; display:flex;  justify-content: space-between;} */
.site-logo-link{display:inline-block; width:350px;height:86px}
.page-on-scrolling .site-logo-link{width:180px; height:auto}
.page-on-scrolling #mainNav{padding-top:.5rem;padding-bottom:.5rem;}
.main-menu a {color:#fff; font-weight: 600;display:inline-block; padding:.25rem 1.25rem; position: relative; font-size:16px; line-height:1;}
.main-menu a::after{content:''; display: block; width:0; height: 2px; background-color: #f8e24d;  position: absolute; left:1.25rem; bottom: -2px ;  transition: width .3s ease}
.main-menu a:hover{text-decoration: none; color:#fcc34d}
.main-menu a:hover::after, .main-menu .current-page-item a::after{width:calc(100% - 2.5rem); }
.rmc-btn{display: inline-block; padding:.5rem 1.5rem; color:#000; background-color: #f8e24d; text-transform: uppercase; font-weight: 600; font-size: 14px; border-radius: 6px}
.rmc-btn:hover{text-decoration: none;color:#fff; background-color: #fcc34d; background-image:none}
.rmc-btn-large{padding:.5rem 2.25rem;}
.rmc-btn-cta{background:#f8e24d;  }
.rmc-btn-white{background:#fff; color:#fcc34d;border:2px solid #fff; background-image: none;}
.rmc-btn-white:hover{background:#fcc34d; color:#fff;}
.menu-btn svg{fill: #fff; width: 36px; height: 36px}
.head-rmc-btn{margin-right:1rem}
#menu-main-menu .sub-menu{visibility: hidden; position: absolute; top:0; left:0; padding:0; list-style: none; padding-top:1rem; padding-bottom:1rem; margin-top:40px; background-color:rgba(255,255,255,1); border-radius: 10px; box-shadow: 0 -2px 12px rgba(0,0,0,0.25); min-width:320px; opacity: 0; transition:visibility .5s ease, opacity .5s ease;}
#menu-main-menu .sub-menu a{color:#000;line-height:1.1; padding-top:.25rem; font-weight:normal;margin-bottom:.25rem; font-size:14px;width:100%}
#menu-main-menu .sub-menu a::after{height:2px;background-color:#f8e24d}
#menu-main-menu .sub-menu.show{visibility: visible; opacity: 1}
#menu-main-menu .sub-menu::before{content: "";
      position: absolute;
      left: 32px;
      bottom: 100%;
      width: 0;
      height: 0;
      border-left: 12px solid transparent;
      border-bottom: 6px solid rgba(255,255,255,1);
      border-right: 12px solid transparent;
    }
/* .main-menu .sub-menu a::after{content:none;} */
main{padding-top:104px}
.home-banner{height:720px;background-size:cover; background-position: center; color:#fff;
   /* background-blend-mode: multiply; */
 }
.home-banner h1{color:#fff}
.home-banner ul{font-size:20px;list-style: none; padding-left:0}
.home-banner ul li{display:flex; align-items: center; padding-bottom:.5rem}
.home-banner ul li::before{content:''; background-image:url('../../images/arrow-right.svg'); display:block; width:16px; height:16px; background-size:cover; margin-right:10px}
.service-img-wrap{width:100%; height:232px; overflow:hidden; border-radius: 6px; display:flex; justify-content:center; align-items:center;}
.service-img-link{position: relative;}
.service-img-link::before{content:''; position: absolute; top:0; left:0; width:100%; height:100%; background-color: rgba(0,0,0,.25); transition: background-color 1s ease}
.service-col:hover .service-img-link::before{background-color: rgba(0,0,0,0);}
.service-col:hover .service-txt-link{text-decoration: underline;}
.wpcf7-form-control-wrap input, .wpcf7-form label,.wpcf7-select{width:100%;}
.wpcf7-form-control-wrap input, .wpcf7-select,.wpcf7-textarea{padding:.25rem .5rem;border-radius: 4px; border:1px solid #ccc}
.wpcf7-select{height:35px}
.wpcf7-form label{margin-bottom:.75rem; font-weight: 600;font-size: 15px;}
.wpcf7-form p{margin-bottom:.25rem}
.wpcf7-submit{margin-top:.5rem; width:100%; -webkit-appearance: none; padding:.5rem 1.5rem; color:#000; background:#f8e24d; text-transform: uppercase; font-weight: 600; border-radius: 6px; border:0; transition: color .3s ease, background-color .3s ease}
.wpcf7-submit:hover{color:#fff; background-color: #fcc34d; background-image:none}

#wpcf7-f228-p91-o1>form, #wpcf7-f241-p89-o1>form{display:flex; flex-wrap:wrap}
.cf-half-col{flex:0 0 50%;padding-right:15px}
.cf-full-col{flex:0 0 100%;padding-right:15px}
.wpcf7-form textarea{width:100%; height:96px}
.wpcf7-form-control-wrap input.wpcf7-file{padding: .25rem 0;border: 0}

.covid-19-banner{display:flex;justify-content:space-between; align-items:center;margin:0 -15px}
	.testimonial-carousel .item{background:#fff; border-radius: 16px; color:#666; padding:2rem; max-width: 750px; margin:0 auto}
	.testimonial-carousel	.item-row{display:flex;flex-direction:column; align-items:center;}
	.testimonial-carousel .testimonial-text{text-align: center; max-width:500px;font-size:14px;}
	.testimonial-carousel .tc-col-img{width:64px; height:64px; border-radius:32px; display:flex; justify-content:center; align-items:center; overflow:hidden; margin:1rem auto}
	.testimonial-carousel .owl-nav{color:#fff;position: absolute; width:100%; top:50%; transform: translateY(-50%); display: flex; justify-content: space-between; pointer-events: none}
	.testimonial-carousel.owl-carousel  .owl-nav button{border:1px solid #fff;padding:.5rem!important;border-radius: 24px; pointer-events: auto}
	.owl-carousel .owl-nav button svg{width:32px; height:32px; }

	.why_us-icon-col{display:flex; flex-direction:column; align-items:center}
	.why_us-icon-wrap{width:160px; height:160px;}

  .page-banner{height:33.33vmax; background-position: bottom left; background-attachment: fixed;}
  .title-col{display:flex; flex-direction:column; justify-content:center}
  .home-banner-form-col{display: flex; justify-content: center; align-items: center}
  .banner-form-col{padding-top: 1rem; padding-bottom: 1rem;margin-top:-500px;}
  .banner-form-wrap{border-radius:10px; background-color:#fff; width:100%; padding:2rem 15px 1rem 15px; color:#000;border: 1px solid #ccc;position: sticky; top:80px}
  .sidebar-img{display:flex; justify-content: center; align-items:center; overflow:hidden;margin-top:-1rem; border-radius:10px;}
  .sidebar-img img{width:auto; height:300px}
  .page article h2, .page article h3{margin-bottom:.75rem}

ul.page-content-list{list-style: none; padding-left:0}
ul.page-content-list li{position:relative; padding-bottom:.75rem; padding-left:1.5rem; line-height: 1.35}
ul.page-content-list li::before{content:''; background-image:url('../../images/arrow-right.svg'); display:block; width:14px; height:14px; background-size:cover; margin-right:6px;margin-top: 6px; position: absolute; left: 0;}
.process-img-wrap{cursor: help;}
.process-img-wrap::before{content:''; position: absolute; top:0; left:0; width:100%; height:100%; background-color: rgba(0,0,0,.25); transition: background-color 1s ease}
.piw-content{position:absolute; bottom:0; left:0; right:0; width:100%; background:#dda32f; color:#000; padding:1rem 15px; line-height:1.2; height:64px }
.piw-content-hl{height:36px; display: flex; align-items: center; font-size:15px; justify-content: center; text-transform:uppercase}
.piw-content-hl span{ font-size: 2.5rem;padding-right:.5rem}
.process-img-wrap:hover .piw-content{height:auto; }
.process-img-wrap:hover::before{background-color: rgba(0,0,0,0)}
footer{background:#243d55; color:#fff}
.footer-logo-col,.footer-social-col{display:flex; align-items:center; margin-top:1.5rem}
.footer-social-col{justify-content:flex-end; font-size:3rem}
.footer-social-col a{color:#fff; display:inline-block; margin-left:1rem; line-height:1}
.rmc-footer-navbar{font-size:12px; color:#ccc; padding:1.5rem 0;border-top:1px dotted #555; border-bottom:1px dotted #555;width:100%;margin: 1.5rem 15px;}
.footer-menu{display:flex; list-style: none;padding:0; font-weight: 600; margin:0;width: 100%;justify-content: space-between;}
.footer-menu .sub-menu{display:none}
.footer-menu a{color:#fff; font-size:12px; padding:0.5rem .75rem; text-transform: uppercase;}
.footer-menu a:hover{color:#fff}
.footer-icon-col a{color:#fff; text-decoration: none;display: flex; align-items: center; flex-direction: column; justify-content: center;font-weight: 600; transition: color .3s ease}
.footer-icon-col a span{background-color:#fff; width:80px; height:80px; display: flex; justify-content: center; align-items: center;  border-radius: 40px;  margin-bottom:1rem; transition: background-color .3s ease}
.footer-icon-col a span i{color:#000; font-size: 2.5rem}
.footer-icon-col a:hover{color:#fcc34d}
.footer-icon-col a:hover span{background-color:#fcc34d}
/* .rmc-footer-navbar{justify-content: center} */

.full-menu{color:#fff;position:fixed; height:100vh; width:100vw; padding-top:1rem; padding-bottom:1rem; background-color:#243d55;top:0;right:0; z-index:19; transform: translateY(-100%);overflow-y: scroll; transition: transform .5s ease}
.full-menu ul li a{color:#fff;padding:.25rem 0; display: inline-block; width:100%; font-size:1.25rem}
.full-menu ul.menu{padding-top:1rem; list-style: none; padding-left:0; column-count: 2;  font-weight: 600;}
.full-menu .sub-menu{break-inside: avoid; padding:.51rem 0 .5rem 1.25rem}
.full-menu ul.sub-menu li a{font-weight: normal; padding:.125rem 0; font-size:15px; }

.modal-lg { max-width: 80%; }


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

    .hideOnMobileBlock{display:none!important}
    .hideOnMobileFlex{display:none!important}
    .hideOnDesktop{display:block!important}
    .page-section{padding-top:2rem; padding-bottom:2rem}
    .page-section-top{padding-top:2rem}
    .page-section-bottom{padding-bottom:2rem}
    .page-small-section{padding-top:1rem; padding-bottom:1rem}
    .page-small-section-top{padding-top:1rem}
    .page-small-section-bottom{padding-bottom:1rem}
    .page-large-section{padding-top:3rem; padding-bottom:3rem}
    .page-large-section-top{padding-top:3rem}
    .page-large-section-bottom{padding-bottom:3rem}
    h1,.h1{font-size:2rem}
    h2,.h2{font-size:1.75rem}
    h3,.h3{font-size:1.5rem}
    h4,.h4{font-size:1.25rem}

    main{padding-top:80px}

    .home-banner{height:auto;padding-top:2rem; background:#243d55}
    .page-banner{height:240px;background-size: cover}
    .banner-form-col{padding-top:0; padding-bottom:2rem;margin-top:1rem}
    .home-banner-form-col{margin-bottom:2rem}
    .footer-icon-col a{flex-direction: column}
    .footer-icon-col a span{margin:0 0 1rem 0}
    .footer-logo-col{justify-content: center}
    .logo-col{padding-right:0}
    .site-logo-link,.page-on-scrolling .site-logo-link{width:150px;height:48px}

    .nav-col{padding-left:0}
    .owl-carousel .owl-nav button svg{fill:#fcc34d}
    .full-menu ul.menu{column-count: 1}
    .full-menu ul.menu li{max-width: 500px; margin-left:auto}
    .banner-form-wrap{position: static;}
    .covid-19-banner{flex-direction: column; justify-content: center}
    .covid-19-banner span{padding-top:2rem; padding-bottom: 2rem;display: block}
    .piw-content{height:auto}
    .modal-lg { max-width: 100%; }
	.footer-social-col{justify-content:center}

}

@media screen and (max-width: 991px) {
}
@media screen and (max-width: 767px) {

}

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