body, body p, body div{font-family: Spectral !important;font-weight: 400 !important; }
h1,h2,h3,h4,h5,h6{font-family: Bebas Neue, sans-serif !important;font-weight: 400 !important;}
b, strong {font-weight: bold !important;}
@media (max-width: 991px) {}
@media only screen and (max-width: 768px){
	.swiper-slide {width: 100% !important;}
	.testimonials-wrapper .testimonials-block .carousel-control {display: none;}
	.carousel-control.left, .carousel-control.right {background-image: unset; background-image: unset;background-repeat: unset;}
	.carousel-control, .carousel-control:hover, .carousel-control:focus {color: #FFFFFF;}}
#services-box a{ margin:0 auto;}
#articles .ry-btn-primary, 
#articles .ry-btn-primary:after {color: #FFFFFF;}
#articles .ry-btn-primary:hover, 
#articles .ry-btn-primary:hover:after {color: #FFFFFF;}

.ry-btn:after {display:none;}
.btn, .ry-btn, .ry-btn-primary, .ry-btn-secondary {font-family: 'Spectral';z-index:99;}
.ry-btn {height: 60px;display: flex;align-items: center;justify-content: center;padding-left: 25px;padding-right: 25px;max-width: max-content;color: #FFFFFF !important;background: #34424b !important;font-size: 20px !important;}
.ry-btn-primary:hover {background: #738498 !important;color: #FFFFFF !important;}
.ry-btn.ry-btn-secondary{color: #FFFFFF !important;background: #738498 !important;}
.ry-btn.ry-btn-secondary:hover {background: #34424b !important;color: #FFFFFF !important;box-shadow: unset !important;}
/*.cmsForm .has-error input {border: 1px solid #ff0069;}*/
.btn,.ry-btn,.ry-btn-primary {border-radius:  !important; font-size: 18px !important}
.btn-img {z-index: 999;}
@media (max-width: 1080px) {
	.ry-list-wrp .ry-list-item .ry-list-photo img {
		margin: auto;
	}
	.ry-list-wrp .ry-list-item .ry-box-right * {
		text-align: center;
	}
	.ry-list-wrp .ry-list-item .ry-box-right .col-xs-12 {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: 30px;
		margin-bottom: 20px;
	}
}

/* INTERIOR PAGE SIDEBAR AND FULL WIDTH */
body.default #ry-pg-body[data-interior-layout="Full Width"] > .ry-container > .ry-content > .ry-left {
    width: 100%;
    max-width: 100%;
    float: unset;
}

body.default #ry-pg-body[data-interior-layout="Full Width"] > .ry-container > .ry-content > .ry-right {
    display: none;
}

.title-open {
  border-radius: 10px 10px 0 0 !important;
}

.title-closed {
  border-radius: 10px !important;
}

/*MODULE -1*/
.module-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 50px; }
    @media (max-width: 767px) {
      .module-1 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; } }
    
      @media (max-width: 767px) {
        .module-1 h1, .module-1 h2, .module-1 h3, .module-1 h4, .module-1 h5, .module-1 h6, .module-1 p {
          text-align: center; } }
    
    .module-1 .ry-box-left {
      width: 25%; }
      @media (max-width: 500px) {
        .module-1 .ry-box-left {
          width: 50%; } }
      @media (max-width: 767px) {
        .module-1 .ry-box-left img {
          margin-bottom: 20px; } }
    .module-1 .ry-box-right {
      width: 70%; }
      @media (max-width: 767px) {
        .module-1 .ry-box-right {
          width: 100%; } }

/*MODULE -1 END*/

.ry-anchor-hidden { display: block; position: relative; top: -200px; visibility: hidden;}
.full-link, .full-link a { position: absolute; inset: 0; color: transparent;}
.full-link:hover a { color: transparent; }
#ry-pg-body .owl-carousel .owl-item img {filter: unset;}
.HOLDsp-slides-container {height: calc(100vh - 120px) !important;}
li.third-level-container:not(.third-level a):after {
    content: '\f105';
    font-family: fontawesome;
    color: #fff;
    position: relative;
    top: 12px;
    right: 12px;
}





/* HEADINGS BUTTONS */


.page-anchor {
  display: block;
  position: relative;
  top: -143px;
  visibility: hidden; 
  
}

.ry-btn {
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 30px;
    padding-right: 30px;
    max-width: max-content;
    color: #FFFFFF !important;
    background: #34424b!important;
    font-size: 20px !important;
	text-transform: uppercase;
}


.ry-heading span, .ry-heading h4 {
    font-size: 26px;
    color: var(--color-secondary);
    line-height: 1.2;
    font-weight: normal;
    text-transform: initial;
    font-family: var(--font-default) !important;
    margin-bottom: 1em;
    font-style: italic;
    display: block;
    position: relative;
    left: 2.5em;
}


.ry-heading h2 {
    color: var(--color-primary);
    font-size: clamp(2.8125rem, 1.8584rem + 4.7vw, 10rem);
    text-transform: uppercase;
    line-height: 0.9;
}


.ry-heading span:before, .ry-heading h4:before, .module-team.style-1 .ry-heading h4:after {
    position: absolute;
    left: -2.5em;
    width: 50px;
    height: 1px;
    content:'';
    top: 50%;
    z-index: 1;
    background: var(--color-secondary);
}



div#reviews-block .ry-heading h4:before {
    background: #fff;
}


body.home .ry-btn:hover, a#hero-btn:hover, .module-43 .ry-right .ry-leads .ry-contact .ry-btn:hover, .module-welcome.style-5 .ry-text .ry-btn:hover, div#reviews-block a#white-btn:hover, button#white-btn:hover {
    background: var(--color-secondary) !important;
    color: #fff !important;
    border-color: var(--color-secondary) !important;
}

.ry-services.style2 button.slide-arrow.next-arrow.slick-arrow:hover, .ry-services.style2 button.slide-arrow.prev-arrow.slick-arrow:hover {
    background: var(--color-secondary) !important;
}

div.module-team.style-1 .content .ry-btn:hover {
    border-color: var(--color-primary) !important;
    background: var(--color-primary) !important;
}


/* HOMEPAGE VS ADS*/

div.vs-ads-image-wrap {
    display: flex;
    gap: 1em;
    margin: 10px 0;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 560px;
    margin: auto;
    float: none;
    flex-wrap: wrap !important;
    position: relative;
    top: -4em;
}

div.vs-ads-image-wrap img {
    height: auto !important;
    border-radius: 0px;
    padding: 5px;
    border:3px solid #8f8b8a;
    background: transparent;
    object-fit: cover;
    max-width: 300px;
    width: 47%;
    margin: 0 !important;
}

@media (max-width:1199px) {
    div.vs-ads-image-wrap {
		top: 0;
	}

	div.vs-ads-image-wrap img {
		border:1px solid #8f8b8a;
	}

	div.vs-ads-image-wrap { 
		  max-width: 400px;
	}
}



/* END HOMEPAGE VS ADS*/





/* HEADINGS BUTTONS */



/*FEATURED SERVICES*/

.mobile-services .slick-track .each-block:hover .photo:hover {
	  background: transparent;
}



.mobile-services .slick-track .each-block:hover img {
  filter: none;
  z-index: 9999;
}

.ry-services.style2 * .link a, .ry-services.style2 .link {
	  z-index: 9999;
}

.mobile-services .slick-track .each-block:hover a.serv-learn-more-btn {
  color: #fff !important;
  font-weight: 300;
}


.link a {
	  position: absolute;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  color:transparent !important;
	  outline: none;
	}

	.ry-services.style2 * .title {
	  position: static;
	  clear: both;
	  background: #fcfef1;
	}

	.ry-services.style2 * .title >div {
	  color: var(--color-primary);
	  font-size: 30px;
	  font-weight: 400 !important;
	  =:
	  left !important;
	  line-height: 30px;
	  pointer-events: none;
	  text-align: left !important;
	  font-family: var(--font-title) !important;
	  padding: 25px;
	}

	.mobile-services .slick-track .each-block {
	  /* margin-left: 60px; */
	  border-radius: 0;
	  outline: 0 !important;
	  outline-offset: 0 !important;
	}
	

	  .ry-services.style2 * .photo {
	  border-radius: 0;
	  cursor: pointer;
	  margin-bottom: 0;
	}

	.ry-services.style2 * .slick-slide img {
	  border-radius: 0;
	}


	

	  .ry-services.style2  button.slide-arrow.next-arrow.slick-arrow {
	  position: absolute;
	  right: 18em;
	}

	.ry-services.style2  button.slide-arrow.prev-arrow.slick-arrow {
	  position: absolute;
	  right: 22em;
	  top: 0;
	}

	.ry-services.style2  button.slide-arrow.next-arrow.slick-arrow, .ry-services.style2 button.slide-arrow.prev-arrow.slick-arrow {
	  border: 1px solid #fff;
	  background: var(--color-primary);
	  width: 60px;
	  height: 60px;
	  border-radius: 0;
	  color: #fff;
	  bottom: -3%;
	  top: initial;
	}

	.ry-services.style2  button.slide-arrow.next-arrow.slick-arrow:before {
	  content: '';
	  font-family: 'FontAwesome';
	  font-size: 45px;
	  color: #fff;
	  background: transparent;
	  height: 12px;
	  width: 12px;
	  border: 2px solid #fff;
	  position: absolute;
	  top: 50%;
	  transform: rotate(
132deg);
	  top: 38%;
	  right: 43%;
	  border-bottom: none;
	  border-right: none;
	}

	.ry-services.style2 button.slide-arrow.prev-arrow.slick-arrow:before {
	  content: '';
	  font-family: 'FontAwesome';
	  font-size: 45px;
	  color: #fff;
	  background: transparent;
	  height: 12px;
	  width: 12px;
	  border: 2px solid #fff;
	  position: absolute;
	  top: 50%;
	  transform: rotate(312deg);
	  top: 38%;
	  left: 43%;
	  border-bottom: none;
	  border-right: none;
	}

.ry-services.style2 .slick-track {
    gap: 0 2em;
    display: flex;
    justify-content: space-between;
}

.ry-services.style2 .slick-list {
    overflow: visible;
}

div.hp-mobile-serv-btn {
    justify-content: flex-end;
    display: flex;
    align-items: center;
    margin-top: 3em;
    width: auto;
    float: right;
    position: relative;
    right: 5%;
}

.ry-services.style2 .ry-container {
    max-width: 100%;
    position: relative;
}

div#heading-btn-block {
    transform: rotate(
270deg);
    position: absolute;
    left: -40%;
    bottom: 11em;
}

.ry-services.style2 ul.slick-dots {
    display: none !important;
}

/*END FEATURED SERVICES*/







/* MAP FORM */


img.img-responsive.map-marker {
    max-width: 190px;
    margin: auto;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.homepage-map img:not(img.img-responsive.map-marker) {
    width: 100%;
    height: 900px;
    position: relative;
    object-fit: cover;
    object-position: top center;
}

.form-control {
    background: #f3f1ef !important;
    height: 60px !important;
    border-radius: 0;
    border: 1px solid #f3f1ef !important;
    box-shadow: none;
    font-size: 20px;
    font-style: italic;
    padding-left: 2em;
}

.homepage-map input::-webkit-input-placeholder, 
.homepage-map textarea::-webkit-input-placeholder {
    color: var(--color-primary) !important;
    font-size: 20px;
    font-style: italic;
}

button#white-btn {
    background: transparent !important;
    color: var(--color-primary) !important;
    border: 1px solid var(--color-primary);
}

.homepage-map {
    background: transparent;
}

div#footer-form {
    position: absolute;
    z-index: 300;
    background: url(https://www.royacdn.com/unsafe/smart/Site-e21c8662-4e99-4df9-a941-2d210548c45a/hp_assets/form_container.png);
    top: -14em;
    padding: 6em;
    gap: 0 10em;
    background-size: cover;
    background-position: center;
}

div#footer-form textarea#Message {
    height: 150px !important;
    padding-top: 20px;
}

div#footer-form .ry-text p {
    line-height: 1.5;
    margin: 30px 0 40px;
    font-size: 26px;
    letter-spacing: -1px;
    color: #666666;
}

a.phonelink {
    font-size: 28px;
    color: var(--color-secondary) !important;
    font-weight: 600;
}


/* MAP FORM */




/* RESPONSIVE*/


@media (max-width:1660px) {
	
    .ry-heading h2 {
        font-size: 65px !important;
 }


	.module-welcome.style-5 .ry-each {
		max-width: 100%;
	}

	.module-welcome.style-5 .ry-each:not(.image-wrapper) {
		padding-right: 6%;
	}

	.module-welcome.style-5 .ry-flex {
		gap: 6%;
	}

}

@media (max-width:1199px) {
    .module-welcome.style-5 .ry-flex {
		flex-direction: column !important;
		gap: 2em 0 !important;
	}

	.module-welcome.style-5 .ry-each {
		max-width: 100% !important;
		padding-right: 0 !important;
	}

	.module-welcome.style-5 .ry-each.image-wrapper img {
		max-width: 400px;
		margin: 0 auto 1em;
	}

	.module-welcome.style-5 {
		padding: 3em 1em !important;
	}

	.module-welcome.style-5 .text-wrapper p, .module-welcome.style-5 .text-wrapper h2, .module-welcome.style-5 .text-wrapper h4 {
		text-align: center !important;
	}

	.ry-heading span, .ry-heading h4 {
		left: 0;
		text-align: center;
	}

	.ry-heading span:before, .ry-heading h4:before, .module-team.style-1 .ry-heading h4:after {
		display: none !important;
	}
	.module-welcome.style-5 .ry-text .ry-btn {
		margin: 2em auto 0 !important;
	}
}



@media (max-width:500px) {
    .module-welcome.style-5 .ry-each .ry-text p {
        font-size:20px !important;
    }
}




:root {
    --color-primary: #34424b;
    --color-secondary: #738498;
    --font-default: Spectral;
    --font-title: Bebas Neue;
    
}