/*
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
*/
/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0;padding:0;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */
.underline{	padding-bottom:5px;	border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */
nav.vertical ul li{	display:block;}/* vertical menu */
nav.horizontal ul li{	display: inline-block;}/* horizontal menu */
img{max-width:100%;}
/*end reset*/
body{
	font-family:Arial, Helvetica, sans-serif;
}
.wrap{
	width:100%;
	margin:0 auto;
	background:#FFF;
	box-shadow:0px 0px 8px #222;
}
.header_top{
	padding: 15px 0;
	background-color: #FFFFFF;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #28377D;
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #28377D;
}
.logo{
	text-align: center;
	font-family: 'Doppio One', sans-serif;
	background-image: none;
}
.logo h1{
	font-size: 40px;
	color: #FFF;
	background-color: #FFF;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 18px 7px;
}
.logo h2{
	padding-left:40px;
	font-size: 18px;
	color: #FFF;
	margin-top:-8px;
}
.menu{
	padding-top:15px;
	text-align: center;
}
.menu li{
	display:inline-block;	
}
.menu li a{
	font-family: 'Doppio One', sans-serif;
	color: #000;
	font-size: 12px;
	padding: 10px 3px;
}
.menu li a:hover{
	background-color: #CCCCCC;
}
.menu li.active a{
	background-color: #CCCCCC;
}
.content{
	padding:15px;
}
.content h2{
	font-size: 20px;
	color: #28377D;
	font-family: 'Doppio One', sans-serif;
}
.content h2 span{
	color:#616060;
}
.content_top_images img{
   border: 1px solid #E0E0E0;
}
.content_top{
	border-bottom:1px solid #E2E2E2;
	padding-bottom:20px;
}
.content_bottom{
}
.welcome_img img{
	border: 1px solid #E0E0E0;
	padding:5px;
	background: #FFF;
	margin-bottom:5px;
}
.grid1 p span{
	font-size:12px;
	color:#FF561F;
	font-weight:bold;
}
.grid1 p{
    font-size:13px;
    color:#202020;
    line-height:1.8em;
}
.read_more{
	margin-top:10px;
}
.read_more h3 a{
	padding:5px;
	color:#FFF;
	font-size:12px;
	background:#1790E0 url(../images/large-button-overlay.png);
	border: 1px solid rgba(0, 0, 0, 0.25);
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.50);
	-webkit-border-radius: 5px;
    border-radius:2px;
    font-family:'Montserrat', sans-serif;
}
.read_more h3 a:hover{
  background-color:#0675BE;
}
.read_more p a:active{
	background-color:#0998F7; 
}
.grid2{
	padding-top:20px;
}
.solutions_list li{
	font-size:13px;
	color:#202020;
	padding:5px 20px;
	background:url(../images/list_img.png) no-repeat 0px;
	cursor:pointer;
}
.solutions_list li:hover{
	text-decoration:underline;
}
.grid3{
	padding-top:20px;
}
.view{
	text-align:center;
}
.grid3 h5{
	cursor:pointer;
	    font-size:12px;
	    padding:10px;
	    border            : 1px solid #b93938;
        background        : #f45442;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0NTQ0MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMzMzMzEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #f45442 0%, #a33331 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f45442), color-stop(100%,#a33331));
        background        : -webkit-linear-gradient(top,  #f45442 0%,#a33331 100%);
        background        : -o-linear-gradient(top,  #f45442 0%,#a33331 100%);
        background        : -ms-linear-gradient(top,  #f45442 0%,#a33331 100%);
        background        : linear-gradient(top,  #f45442 0%,#a33331 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#f45442', endColorstr='#a33331',GradientType=0 );
        color             : #fff;
        text-shadow       : 0 -1px 0 rgba(0, 0, 0, 0.4); 
         -webkit-box-shadow: 0 1px rgba(255,255,255,0.2) inset, 0 2px 2px -1px rgba(0,0,0,0.3);       
         -moz-box-shadow   : 0 1px rgba(255,255,255,0.2) inset, 0 2px 2px -1px rgba(0,0,0,0.3);      
          box-shadow        : 0 1px  rgba(255,255,255,0.2) inset, 0 2px 2px -1px rgba(0,0,0,0.3);   
}
.grid3 h5:hover{
	  border            : 1px solid #b93a38;
        background        : #f55e4e;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1NWU0ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMTQ2NDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #f55e4e 0%, #e14645 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f55e4e), color-stop(100%,#e14645));
        background        : -webkit-linear-gradient(top,  #f55e4e 0%,#e14645 100%);
        background        : -o-linear-gradient(top,  #f55e4e 0%,#e14645 100%);
        background        : -ms-linear-gradient(top,  #f55e4e 0%,#e14645 100%);
        background        : linear-gradient(top,  #f55e4e 0%,#e14645 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#f55e4e', endColorstr='#e14645',GradientType=0 );
        color             : #fff;
        text-shadow       : 0 -1px 0 rgba(0, 0, 0, 0.4);  
    }    
.grid3 h5:active{
        border            : 1px solid #b93a38;
        background        : #f45543;
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#f45543', endColorstr='#f45543',GradientType=0 );
        color             : #fff;
        text-shadow       : 0 -1px 0 rgba(0, 0, 0, 0.4);   
}
.sub_grid_img{
	float:left;
}
.sub_grid{
   padding: 15px 40px;
	border-bottom: 1px solid #D6D5D5;
	background: #444;
	margin: 5px 0;
	cursor:pointer;
}
.sub_grid:hover{
	background:#333;
}
.sub_grid_data h4{
	color:#E7E7E7;
	font-size:15px;
	font-family:'Doppio One', sans-serif;
}
.sub_grid_data p{
	font-size:13px;
    color:#ADADAD;
    line-height:1.6em;
}
.sub_grid_data span:hover{
	text-decoration:underline;
}
.footer{
	background:url(../images/footer_bg.jpg);
	border-bottom: 1px solid black;
}
.footer h3{
	font-size:18px;
	color: #A8A8A8;
	margin: 15px 0px;
	border-bottom: 1px solid #2E2E2E;
	padding-bottom:3px;
}
.footer_grides{
	padding:15px;
	border-bottom: 2px ridge #252525;
}
.grid1_data{
	margin:15px 0;
}
.grid1_data h5{
	margin-top:10px;
}
.grid1_data h5 span{
	font-size:13px;
    color:#444;
    font-weight:bold;
    cursor:pointer;
    text-decoration:underline;
}
.grid1_data h5 span:hover{
	color:#666;
	text-decoration:none;
}
.grid1_img{
	float:left;
}
.grid1_desc{
	float:left;
	width:78%;
	margin-left:10px;
}
.grid1_desc h4{
	color:#3D3D3D;
	font-size:11px;
	font-weight:bold;
	cursor:pointer;
}
.grid1_desc h4:hover{
	color:#4B4B4B;
}
.grid1_desc p{
	color:#888686;
	font-size:12px;
	line-height:1.5em;
}
.footer_grid2 p{
	font-size:12px;
	color:#888686;
	line-height:1.8em;
}
.footer_grid2 p a{
	font-size:13px;
	color:#666;
}
.footer_grid2 p a:hover{
	color:#B6B6B6;
}
.f_menu li{
	display:inline;
	margin:5px 5px;
}
.f_menu li a{
	color:#888686;
	font-size:13px;
}
.f_menu li a:hover{
	color:#B6B6B6;
}
.img_list li {
	display:inline;
	margin:0px 3px;
} 
.img_list li a{
	font-size:13px;
	color:#888686;
	margin:3px;
}
.img_list li a:hover{
	color:#B6B6B6;
}
.img_list img{
	vertical-align:middle;
}
.f_bottom{
	border-top: 1px solid #1F1F1F;
	background:#111;
	padding:20px 0
}
.f_bottom p{
	text-align:center;
	color:#444;
	font-size:12px;
	margin-top:5px;
}
.f_bottom p a{
	text-decoration:none;
	color:#888686;
}
.f_bottom p a:hover{
	text-decoration:underline;
	color:#EEE;
}
.copy_right{
	text-align:center;
	padding:15px 0;
}
.copy_right p{
	font-size:12px;
	color:#444;
}
.copy_right p a{
	color:#555;
	font-size:12px;
	text-decoration:underline;
}
.copy_right p a:hover{
	color:#777;
	text-decoration:none;
}
/* About */
.about_desc p{
	font-size:13px;
	 color:#202020;
	line-height:1.6em;
}
.about_images{
	padding-top:15px;
}
.about_images li{
	display:block;
	border:1px solid #C7C7C7;
	margin:5px 0;
}
.about_desc_data{
	padding:15px 0;
}
.sidebar_bottom_list li{
	font-size:14px;
	color:#202020;
	font-weight:bold;
	padding:5px 25px;
	background:url(../images/list_img2.png) no-repeat 0px;
	cursor:pointer;
	opacity:0.7;
}
.sidebar_bottom_list li:hover{
   opacity:0.9; 
 }
/* Services */
.service1{
	padding: 10px 0;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #28377D;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #28377D;
}
.service_img img{
	float: left;
	border-top-width: 1px;
	border-right-width: 5px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #E2E8EB;
	border-right-color: #FFFFFF;
	border-bottom-color: #E2E8EB;
	border-left-color: #E2E8EB;
}
.serv_desc{
	float: left;
	width: auto;
	padding-left: 10px;
}
/* contact us */
.feed{
	position:relative;
}
form label{
	display:block;
	font-size:14px;
	color:#747877;
}
.feedback form{
  padding-top:10px;
}
.feedback form input[type="text"],.feedback textarea{
		   padding:8px;
			display:block;
			width:95%;
			background:#E7E7E7;
			font-size:13px;
			border: none;
			outline:none;
			color:#464646;
			font-family:Arial, Helvetica, sans-serif;
			box-shadow: inset 0px 0px 8px #999;
			margin-bottom:15px;	
			-webkit-appearance:none;
}
.feedback textarea{
		resize:none;
		height:100px;		
}
.feedback form input[type="submit"]{
	padding:5px 10px;
	color:#FFF;
	font-size:13px;
	cursor:pointer;
	background:#F14A37 url(../images/large-button-overlay.png);
	border: 1px solid rgba(0, 0, 0, 0.25);
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.50);
	-webkit-border-radius: 5px;
    border-radius:2px;
    font-family:'Montserrat', sans-serif;
    position:absolute;
    right:0px;
}
.feedback form input[type="submit"]:hover{
	background-color:#E02510;
}
.feedback form input[type="submit"]:active{
	background-color:#F7503D;  
}
.company_address{
	padding-top: 20px;
}
.company_address p{
	font-size:13px;
	color:#9B9B9B;
	padding:2px 5px 0;
}
.address_data p{
	font-size:13px;
	color:#222;
	padding:2px 5px 0;
}
.address_data p span{
	text-decoration:underline;
	color:#666;
	cursor:pointer;
}
.map{
	border:1px solid #C7C7C7;
	width:100%;
	margin-bottom:15px;
}

/* Clean desktop fix for About page bottom navigation */
@media screen and (min-width: 768px) {
  .wrap {
    width: 100%;
    max-width: 1100px;
  }

  .footer_grides {
    padding: 24px 40px;
  }

  .footer_grid2,
  .footer_grid3,
  .footer_grid4 {
    float: none;
    width: 100%;
    clear: both;
  }

  .footer_grid3 {
    margin-top: 18px;
  }

  .footer_grid3 h3 {
    margin-bottom: 10px;
  }

  .f_menu ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 14px 24px;
    align-items: center;
    padding: 0;
    margin: 0;
  }

  .f_menu li {
    display: inline-block;
    margin: 0;
  }

  .f_menu li a {
    display: inline-block;
    padding: 6px 0;
  }
}


/* Full desktop polish pass */
* { box-sizing: border-box; }
body { background: #f3f3f3; line-height: 1.5; }
.wrap { width: 100%; max-width: 1120px; margin: 0 auto; background: #fff; }
.logo img { display: block; width: auto; max-width: 360px; max-height: 130px; margin: 0 auto; }
.logo a { display: inline-block; }
.logo p { color: #000; font-size: 16px; }
.menu ul { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 8px 12px; }
.menu li { display: inline-block; }
.menu li a { display: block; padding: 10px 14px; font-size: 14px; }
#slideshow, #slideshow ul { width: 100%; height: clamp(220px, 36vw, 460px); overflow: hidden; }
#slideshow li { width: 100%; height: 100%; }
#slideshow li img, .slides img { width: 100% !important; height: 100% !important; object-fit: cover; object-position: center; display: block; }
.content { padding: 30px 42px; }
.content h2, .footer h3 { margin-bottom: 12px; }
.footer_grides { padding: 30px 42px; }
.footer_grid2, .footer_grid3, .footer_grid4 { float: none; width: 100%; clear: both; }
.footer_grid3 { margin-top: 22px; }
.f_menu ul { display: flex; flex-direction: row; flex-wrap: wrap; gap: 10px 24px; align-items: center; padding: 0; margin: 0; }
.f_menu li { display: inline-block; margin: 0; }
.f_menu li a { display: inline-block; padding: 6px 0; font-size: 14px; }
.img_list li { display: flex; align-items: center; gap: 8px; }
.service1 { overflow: hidden; padding: 18px 0; }
.service_img img { width: 150px; height: auto; margin: 0 18px 12px 0; }
.serv_desc { float: none; width: auto; padding-left: 0; }
.grid1 p, .sub_grid_data p, .about_desc, .footer_grid2 p { font-size: 15px; line-height: 1.7; }
.copy_right { text-align: center; padding: 16px; }
@media screen and (max-width: 767px) {
  .logo img { max-width: 260px; }
  .menu ul { gap: 4px; }
  .menu li a { padding: 8px 6px; font-size: 12px; }
  #slideshow, #slideshow ul { height: 173px; }
  .content, .footer_grides { padding: 15px; }
  .f_menu ul { gap: 8px 14px; }
}

/* Royal Renos Version 2.0a - visual refresh only
   Appearance-only CSS added July 2026. No HTML, links, scripts, or gallery code changed. */
:root {
  --rr-bg: #f4f2ee;
  --rr-panel: #ffffff;
  --rr-charcoal: #2f3237;
  --rr-blue: #28377D;
  --rr-accent: #8b1e24;
  --rr-text: #252525;
  --rr-muted: #666666;
  --rr-border: #ded8ce;
  --rr-shadow: 0 10px 28px rgba(0,0,0,0.12);
  --rr-soft-shadow: 0 4px 16px rgba(0,0,0,0.10);
}

body {
  background: var(--rr-bg);
  color: var(--rr-text);
}

.wrap {
  max-width: 1140px;
  background: transparent;
  box-shadow: var(--rr-shadow);
}

.header_top {
  background: linear-gradient(180deg, #ffffff 0%, #fbfaf8 100%);
  border-top-color: var(--rr-charcoal);
  border-bottom-color: var(--rr-blue);
  padding: 20px 18px 16px;
}

.logo img {
  filter: drop-shadow(0 2px 3px rgba(0,0,0,0.15));
}

.logo p {
  color: var(--rr-charcoal);
  letter-spacing: 0.5px;
  font-weight: bold;
}

.menu {
  padding-top: 18px;
}

.menu ul {
  gap: 8px 10px;
}

.menu li a {
  color: var(--rr-charcoal);
  border-radius: 999px;
  border: 1px solid transparent;
  transition: background-color 160ms ease, color 160ms ease, border-color 160ms ease;
}

.menu li a:hover,
.menu li.active a {
  background: var(--rr-blue);
  color: #ffffff;
  border-color: var(--rr-blue);
}

.header_bottom {
  background: var(--rr-panel);
  padding: 18px 22px 8px;
}

#slideshow {
  border-radius: 8px;
  box-shadow: var(--rr-soft-shadow);
  border: 1px solid var(--rr-border);
  background: #f7f6f3;
}

#slideshow ul {
  border-radius: 8px;
}

.main {
  background: var(--rr-bg);
  padding: 22px;
}

.content {
  background: var(--rr-panel);
  border: 1px solid var(--rr-border);
  border-radius: 10px;
  box-shadow: var(--rr-soft-shadow);
}

.content h2 {
  color: var(--rr-blue);
  font-size: 24px;
  line-height: 1.25;
  padding-bottom: 8px;
  border-bottom: 2px solid rgba(40,55,125,0.16);
}

.grid1 p,
.about_desc p,
.footer_grid2 p,
.address_data p,
.company_address p,
.serv_desc p,
.sub_grid_data p {
  color: var(--rr-text);
}

.grid1 p span,
.content a,
.address_data p span {
  color: var(--rr-accent);
}

.welcome_img img,
.content_top_images img,
.about_images li,
.service_img img,
.map {
  border-radius: 8px;
  box-shadow: 0 3px 12px rgba(0,0,0,0.10);
}

.service1 {
  background: #fbfaf8;
  border: 1px solid var(--rr-border);
  border-radius: 8px;
  padding: 18px;
  margin: 16px 0;
}

.sub_grid {
  border-radius: 8px;
  background: var(--rr-charcoal);
}

.read_more h3 a,
.feedback form input[type="submit"] {
  background-color: var(--rr-accent);
  border-radius: 6px;
}

.footer {
  background: var(--rr-charcoal);
  border-bottom: none;
}

.footer_grides {
  background: var(--rr-charcoal);
}

.footer h3 {
  color: #ffffff;
  border-bottom-color: rgba(255,255,255,0.15);
}

.f_menu li a,
.footer_grid2 p,
.footer_grid2 p a,
.img_list li a,
.copy_right p,
.copy_right p a {
  color: #d7d7d7;
}

.f_menu li a:hover,
.footer_grid2 p a:hover,
.img_list li a:hover,
.copy_right p a:hover {
  color: #ffffff;
}

.copy_right {
  background: #232529;
}

@media screen and (max-width: 767px) {
  .wrap {
    box-shadow: none;
  }

  .header_bottom,
  .main {
    padding: 12px;
  }

  .content {
    border-radius: 8px;
  }

  .content h2 {
    font-size: 20px;
  }
}

/* V2.1 Home polish overrides */
body{background:#f4f4f2;}
.header,.top-header{padding-top:10px;padding-bottom:10px;}
a{transition:color .2s ease;}
img{border-radius:4px;}
.footer{padding:24px 0;}