@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i|Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');

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, center, dl, dt, dd, ol, ul, 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;
    border: 0;
    font-size: 70%;
    font: inherit;
    vertical-align: baseline;
	}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block;
		position: relative;
	}


ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

body {
	width: 100%;
	color: rgba(25,25,25,0.70);
	font-weight: 500;
	font-family: 'Nunito', sans-serif;
    font-feature-settings: kern;
    -ms-font-feature-settings: kern;
    -o-font-feature-settings: kern;
    font-kerning: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: none;
    scroll-behavior: smooth;
    line-height: 2.1em;
    font-size: 70%;
    letter-spacing: 0.045em;
    user-select: none;

   /* font-family: 'Nunito', sans-serif;
    font-family: 'Poppins', sans-serif;*/


}


html, body {
    overflow-x: hidden;
}


table {
	border-collapse: collapse;
	border-spacing: 0;
}



*, *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px;
    margin: 0px;
}

.element { 
    pointer-events: none; 
}

.element > a { 
    text-decoration:none; 
    color:inherit; 
}

@-ms-viewport {
	width: device-width;
}

.ie7-clear {
    display: block;
    clear: both;
}

img, a {
    outline: none;
}

img {
    pointer-events: none;
    user-select: none;
}

.rl_top_icon_outter {
    color: rgba(255,255,255,1.00);
    background: rgba(0,128,225,1.00);
	background: -moz-linear-gradient(270deg, rgba(0,94,186,1.00), rgba(0,128,225,1.00));
	background: -webkit-linear-gradient(270deg, rgba(0,94,186,1.00), rgba(0,128,225,1.00));
	background: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0,94,186,1.00)), to(rgba(0,128,225,1.00)));
	background: -o-linear-gradient(to left, rgba(0,94,186,1.00), rgba(0,128,225,1.00));
	background: linear-gradient(270deg, rgba(0,94,186,1.00), rgba(0,128,225,1.00));
	-webkit-animation: AnimationName 10s ease infinite;
	 -moz-animation: AnimationName 10s ease infinite;
	 -o-animation: AnimationName 10s ease infinite;
	 animation: AnimationName 10s ease infinite;
	 background-size: 400% 400%;
    padding: 0px;
    margin: 0px;
    z-index: 888887;
}

.rl_top_icon_inner {
    width: 80%;
    margin: 0px auto;
    padding: 0px;
    z-index: 888887;
}

.rl_top_days {
    width: 60%;
    display: inline-block;
    vertical-align: top;
    z-index: 888887;
}

.rl_top_days h6 {
    display: inline-block;
    vertical-align: top;
    padding: 5px 20px 5px 0px;
    font-weight: 400;
    font-size: 0.85em;
    text-transform: uppercase;
    z-index: 888887;
}

.rl_top_days i  {
    margin: 0px 5px;
    z-index: 888887;
}

.topnoshow {
    display: inline-flex;
    width: auto;
}

.topshow {
    display: inline-flex;
    width: auto;
}

.topshow a, .topshow a:active {
    color: rgba(255,255,255,1.00);
    text-decoration: none;
}

.topshow a:hover {
    text-decoration: underline;
}

.rl_top_social {
    width: 20%;
    display: inline-block;
    vertical-align: top;
    padding: 5px 0px;
    text-align: right;
    z-index: 888887;
}

.rl_top_social a, .rl_top_social a:active {
    color: rgba(255,255,255,1.00);
    text-decoration: none;
    margin: 0px 5px;
    z-index: 888887;
}

.rl_top_social a:hover {
    color: rgba(25,25,25,1.00);
    text-decoration: none;
    transition: ease all 2s;
}

.rl_top_quote {
    width: 19%;
    display: inline-block;
    vertical-align: top;
    padding: 0px;
    z-index: 888887;
    text-align: right;
}

.rl_top_quote a, .rl_top_quote a:active {
    display: inline-block;
    background-color: rgba(255,133,3,1.00);
    color: rgba(25,25,25,1.00);
    text-decoration: none;
    text-transform: uppercase;
    padding: 5px 20px;
    font-size: 0.85em;
    z-index: 888887;
}

.rl_top_quote a:hover {
    background-color: rgba(25,25,25,1.00);
    transition: ease all 2s;
    color: rgba(255,255,255,1.00);
}

.rl_top_header_outter {
    width: 100%;
    background-color: rgba(255,255,255,1.00);
    z-index: 888887;
    position: relative;
}

.rl_top_header_outter-fixed {
    top: 0;
    position: fixed;
    width: 100%;
	background-color: rgba(255,255,255,1.00);
    z-index: 888888888888;
    padding: 0px 0px;
}

#rl_top_header_outter {
    width: 100%;
	margin-bottom: 0px;
	z-index: 888887;

}

.rl_top_header_inner {
    width: 80%;
    margin: 0px auto;
    padding: 0px ;

}

.rl_top_header_outter::after { 
   content: " ";
   display: block; 
   clear: both;
   z-index: 888887;
}

.rl_logo {
    width: 20%;
    display: inline-block;
    z-index: 99999;
    vertical-align: top;
    padding: 10px 0%;
}

.rl_logo img {
    max-width: 150px;
    display: block;
}


.rl_top_menu {
    width: 80%;
    display: inline-block;
    z-index: 888887;
    vertical-align: top;
    text-align: right;
}

.rl_top_info_outter {
    clear: both;
}

.rl_top_info_inner {
    width: 80%;
    margin: 0px auto;
    text-align: center;
    padding: 20% 0px 5%;
}

.rl_top_output {
    text-align: left;
    font-family: 'Poppins', sans-serif;
    color: white;
}
.rl_top_output h1 {
    font-size: 5.0em;
    letter-spacing: -0.045em;
    text-transform: capitalize;
    font-weight: 900;
    text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.86);
    line-height: 1.5em;
}

/* Cursor Styling */
.rl_top_cursor::after {
  content: '';
  display: inline-block;
  margin-left: 3px;
  background-color: white;
  animation-name: blink;
  animation-duration: 0.5s;
  animation-iteration-count: infinite;
}

h1.rl_top_cursor::after {
  height: 24px;
  width: 13px;
}

.rl_downarrow {
    text-align: center;
    padding: 0px 0px 50px;;
}

.rl_downarrow i {
    height: 60px !important;
    width: 60px;
    font-size: 20px !important;
    color: #fff !important;
    line-height: 60px !important;
    z-index: 10;
    animation: 3.4s ease-in-out infinite fadebottom;
    -webkit-animation: 3.4s ease-in-out infinite fadebottom;
}

.rl_downarrow a{
    color: rgba(255,255,255,1.00);
}

.rl_credit_outter {
    clear: both;
    background-color: rgba(255,255,255,1.00);
}

.rl_credit_inner {
    padding: 50px 0px;
    text-align: center;
    width: 80%;
    margin: 0px auto;
}

.rl_credit_copy {
    width: 20%;
    display: inline-block;
    vertical-align: top;
    padding: 0px 1% 0px 0px;
}

.rl_credit_copy h2 {
    text-transform: capitalize;
    font-size: 3.00em;
    text-align: left;
    font-weight: 700;
    letter-spacing: -0.045em;
    line-height: 1.15em;
    font-family: 'Poppins', sans-serif;
}

.rl_credit_copy h2:after {
	width: 4rem;
	height: 5px;
	background-color: rgba(0,128,225,1.00);
	display: block;
	content: "";
	margin: 0.4em 0;
	margin-top: 0.4em;
	margin-right: 0;
	margin-bottom: 0.4em;
	margin-left: 0;
	animation-name: fadeInLeftBig;
	animation-duration: 2s;
}

.rl_credit_logo {
    width: 79%;
    display: inline-block;
    vertical-align: top;
}

.rl_credit_logo img {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin: 1%;
    max-width: 150px;
}

.rl_credit_logo h3 {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin: 1%;
    font-size: 4.5em;
    font-weight: 700;
    letter-spacing: -0.045em;
    font-family: 'Poppins', sans-serif;
    color: rgba(0,128,225,1.00);
}

.rl_credit_logo h4 {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin: 1%;
    font-size: 2.0em;
    color: rgba(0,128,225,1.00);
}

.rl_credit_logo i {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-size: 1.5em;
    color: rgba(0,128,225,1.00);
}

.rl_wel_client_test_outter {
    clear: both;
    background-color: rgba(255,255,255,1.00);
}

.rl_wel_client_test_inner {
    padding: 50px 0px;
    text-align: center;
    width: 80%;
    margin: 0px auto;
}

.rl_wel_client_test_inner h3 {
    text-transform: capitalize;
    font-size: 3.00em;
    text-align: center;
    font-weight: 700;
    letter-spacing: -0.045em;
    line-height: 1.05em;
    font-family: 'Poppins', sans-serif;
}

.rl_wel_client_test_inner h3:after {
	width: 4rem;
	height: 5px;
	background-color: rgba(0,128,225,1.00);
	display: block;
	content: "";
	margin: 0.4em auto;
	margin-top: 0.4em;
	margin-right: auto;
	margin-bottom: 0.4em;
	margin-left: auto;
	animation-name: fadeInLeftBig;
	animation-duration: 2s;
}

.rl_testi {
    clear: both;
    display: block;
    padding: 80px 0px 30px;
    text-align: center;
}

.rl_testi a, .rl_testi a:active {
    text-decoration: none;
    color: rgba(255,255,255,1.00);
    background-color: rgba(0,94,186,1.00);
    padding: 20px 40px;
    border-radius: 30px;
}

.rl_testi a:hover {
    background-color: rgba(0,128,225,1.00);
    transition: ease all 2s;
}

.rl_work_with_you_outter {
    clear: both;
    color: rgba(255,255,255,1.00);
    background: rgba(0,128,225,1.00);
	background: -moz-linear-gradient(270deg, rgba(0,94,186,1.00), rgba(0,128,225,1.00));
	background: -webkit-linear-gradient(270deg, rgba(0,94,186,1.00), rgba(0,128,225,1.00));
	background: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0,94,186,1.00)), to(rgba(0,128,225,1.00)));
	background: -o-linear-gradient(to left, rgba(0,94,186,1.00), rgba(0,128,225,1.00));
	background: linear-gradient(270deg, rgba(0,94,186,1.00), rgba(0,128,225,1.00));
	-webkit-animation: AnimationName 10s ease infinite;
	 -moz-animation: AnimationName 10s ease infinite;
	 -o-animation: AnimationName 10s ease infinite;
	 animation: AnimationName 10s ease infinite;
	 background-size: 400% 400%;
    padding: 50px 0px;
    margin: 0px;
}

.rl_work_with_you_inner {
    width: 80%;
    margin: 0px auto;
    padding: 0px;
}

.rl_work_with_1 {
    vertical-align: top;
    color: rgba(255,255,255,1.00);
    text-align: center;
    display: block;
    width: 50%;
    margin: 0px auto;
}

.rl_work_with_1 h3 {
    text-transform: capitalize;
    font-size: 3.50em;
    text-align: center;
    font-weight: 700;
    letter-spacing: -0.045em;
    line-height: 1.15em;
    font-family: 'Poppins', sans-serif;
}

.rl_work_with_1 h3:after {
	width: 4rem;
	height: 5px;
	background-color: rgba(255,255,255,1.00);
	display: block;
	content: "";
	margin: 0.4em auto;
	margin-top: 0.4em;
	margin-right: auto;
	margin-bottom: 0.4em;
	margin-left: auto;
	animation-name: fadeInLeftBig;
	animation-duration: 2s;
}

.rl_work_with_1 h5 {
    font-size: 1.0em;
    font-weight: 500;
    padding: 0px 0px 10px;
}

.rl_work_with_2 {
    display: block;
    vertical-align: top;
    color: rgba(255,255,255,1.00);
    font-size: 1.0em;
    text-align: center;
    width: 50%;
    margin: 0px auto;
}

.rl_work_with_2 a, .rl_work_with_2 a:active {
    color: rgba(255,255,255,1.00);
    border: solid 1px rgba(255,255,255,1.00);
    text-decoration: none;
    padding: 20px 40px;
    font-weight: 300;
    font-size: 1.0em;
    border-radius: 30px;
}

.rl_work_with_2 a:hover {
    color: rgba(0,128,225,1.00);
    background-color: rgba(255,255,255,1.00);
    text-decoration: none;
    padding: 20px;
    font-weight: 300;
    font-size: 1.0em;
    transition: ease all 2s;
}

.rl_wel_copy_outter {
    clear: both;
    background-color: rgba(255,255,255,1.00);
}

.rl_wel_copy_inner {
    width: 100%;
    margin: 0px auto;
    display: flex;
    align-content: stretch;
}

.rl_wel_copy_text {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    text-align: justify;
    padding: 3% 5%;
    color: rgba(255,255,255,1.00);
    background: rgba(0,128,225,1.00);
	background: -moz-linear-gradient(270deg, rgba(0,94,186,1.00), rgba(0,128,225,1.00));
	background: -webkit-linear-gradient(270deg, rgba(0,94,186,1.00), rgba(0,128,225,1.00));
	background: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0,94,186,1.00)), to(rgba(0,128,225,1.00)));
	background: -o-linear-gradient(to left, rgba(0,94,186,1.00), rgba(0,128,225,1.00));
	background: linear-gradient(270deg, rgba(0,94,186,1.00), rgba(0,128,225,1.00));
	-webkit-animation: AnimationName 10s ease infinite;
	 -moz-animation: AnimationName 10s ease infinite;
	 -o-animation: AnimationName 10s ease infinite;
	 animation: AnimationName 10s ease infinite;
	 background-size: 400% 400%;
    flex-wrap: wrap;
    font-weight: 500;
}

.rl_wel_copy_text h1 {
    text-align: left;
    font-size: 3.5em;
    font-weight: 700;
    letter-spacing: -0.045em;
    line-height: 1.15em;
    font-family: 'Poppins', sans-serif;
}

.rl_wel_copy_text h1:after {
	width: 4rem;
	height: 5px;
	background-color: rgba(255,255,255,1.00);
	display: block;
	content: "";
	margin: 0.4em 0;
	margin-top: 0.4em;
	margin-right: 0;
	margin-bottom: 0.4em;
	margin-left: 0;
	animation-name: fadeInLeftBig;
	animation-duration: 2s;
}

.rl_wel_copy_text ul {
    padding: 20px 20px;
    column-count: 3;
    column-gap: 50px;
}

.rl_wel_copy_text li {
    text-align: left;
    font-weight: 500;
}

.rl_wel_copy_text h3 {
    font-size: 1.00em;
    text-transform: capitalize;
    font-weight: 500;
    padding: 10px 0px;
}

.rl_wel_copy_text i {
    font-size: 1.50em;
    margin: 0px 10px 0px 0px;
}

.rl_wel_cta {
    display: block;
    padding: 30px 0px 0px;
}

.rl_wel_copy_text a, .rl_wel_copy_text a:active {
    color: rgba(255,255,255,1.00);
    border: solid 1px rgba(255,255,255,1.00);
    text-decoration: none;
    padding: 20px 40px;
    font-weight: 300;
    font-size: 1.0em;
    border-radius: 30px;
}

.rl_wel_copy_text a:hover {
    color: rgba(0,128,225,1.00);
    background-color: rgba(255,255,255,1.00);
    text-decoration: none;
    padding: 20px;
    font-weight: 300;
    font-size: 1.0em;
    transition: ease all 2s;
}

.rl_wel_copy_pix, .rl_wel_copy_pix2, .rl_wel_copy_pix3, .rl_wel_copy_pix4 {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    padding: 0px;
    flex-wrap: wrap;
    background-size: cover;
    background-position: center center;
}

.rl_wel_copy_pix {
    background-image: url("../images/welcome.jpg");
}

.rl_wel_copy_pix2 {
    background-image: url("../images/welcome2.jpg");
}

.rl_wel_copy_pix3 {
    background-image: url("../images/welcome3.jpg");
}


.rl_home_about_outter {
    clear: both;
    padding: 50px 0px;
    background-color: rgba(255,255,255,1.00);
	background: -moz-linear-gradient(270deg, rgba(255,255,255,0.90), rgba(255,255,255,0.90)),  url(../images/pagebg1.jpg);
	background: -webkit-linear-gradient(270deg, rgba(255,255,255,0.90), rgba(255,255,255,0.90)),  url(../images/pagebg1.jpg);
	background: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(255,255,255,0.90)), to(rgba(255,255,255,0.90))),  url(../images/pagebg1.jpg);
	background: -o-linear-gradient(270deg, rgba(255,255,255,0.90), rgba(255,255,255,0.90)),  url(../images/pagebg1.jpg);
	background: linear-gradient(270deg, rgba(255,255,255,0.90), rgba(255,255,255,0.90)), url(../images/pagebg1.jpg);
    background-size:  cover;
    background-position: center;
}

.rl_home_about_inner {
    width: 80%;
    margin: 0px auto;
}

.rl_home_about_1 {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}

.rl_home_about_1 h1 {
    font-size: 6.0em;
    font-weight: 600;
    letter-spacing: -0.045em;
    line-height: 1.5em;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    color: rgba(0,128,225,1.00);
}

.rl_home_about_1 h5 {
    font-size: 1.4em;
    font-weight: 400;
}

.rl_home_about_2 {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}

.rl_home_about_2 p {
    padding: 2% 0px 4%;
}

.rl_home_about_2 a, .rl_home_about_2 a:active {
    text-decoration: none;
    color: rgba(255,255,255,1.00);
    background-color: rgba(0,94,186,1.00);
    padding: 20px 40px;
    border-radius: 30px;
}

.rl_home_about_2 a:hover {
    background-color: rgba(0,128,225,1.00);
    transition: ease all 2s;
}

.rl_design_outter {
    clear: both;
    background-color: rgba(255,255,255,1.00);
    /*padding: 12em 0px;
    text-align: center;
	background: -moz-linear-gradient(270deg, rgba(0,0,0,0.60), rgba(0,0,0,0.70)),  url(../images/pagebg2.jpg);
	background: -webkit-linear-gradient(270deg, rgba(0,0,0,0.60), rgba(0,0,0,0.70)),  url(../images/pagebg2.jpg);
	background: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0,0,0,0.60)), to(rgba(0,0,0,0.70))),  url(../images/pagebg2.jpg);
	background: -o-linear-gradient(270deg, rgba(0,0,0,0.60), rgba(0,0,0,0.70)),  url(../images/pagebg2.jpg);
	background: linear-gradient(270deg, rgba(0,0,0,0.60), rgba(0,0,0,0.70)), url(../images/pagebg2.jpg);
    background-position: center center;
    background-size: cover;*/
}

.rl_design_outter h2 {
    font-size: 6.0em;
    line-height: 1.5em;
    color: rgba(255,255,255,1.00);
    text-align: center;
    letter-spacing: -0.045em;
    font-family: 'Poppins', sans-serif;
    display: none;
}

.rl_wel_ser_outter {
    clear: both;
    padding: 50px 0px;
    background-color: rgba(255,255,255,1.00);
}

.rl_wel_ser_inner {
    width: 70%;
    margin: 0px auto;
}

.rl_wel_ser_box1 {
    clear: both;
    padding: 0px 0px 100px;
}

.rl_wel_ser_box1 h1 {
    text-align: center;
    font-size: 3.5em;
    font-weight: 700;
    letter-spacing: -0.045em;
    line-height: 1.15em;
    font-family: 'Poppins', sans-serif;
}

.rl_wel_ser_box1 h1:after {
	width: 4rem;
	height: 5px;
	background-color: rgba(0,128,225,1.00);
	display: block;
	content: "";
	margin: 0.4em auto;
	margin-top: 0.4em;
	margin-right: auto;
	margin-bottom: 0.4em;
	margin-left: auto;
	animation-name: fadeInLeftBig;
	animation-duration: 2s;
}

.rl_work_cta {
    text-align: center;
    display: block;
}
.rl_work_cta a, .rl_work_cta a:active {
    text-align: center;
    text-decoration: none;
    color: rgba(255,255,255,1.00);
    background-color: rgba(0,94,186,1.00);
    padding: 20px 40px;
    border-radius: 30px;
}

.rl_work_cta a:hover {
    background-color: rgba(0,128,225,1.00);
    transition: ease all 2s;
}

.rl_facts_outter {
    clear: both;
    
    background: rgba(255,255,255,1.00);
    color: rgba(0,128,225,1.00);
/*
    color: rgba(255,255,255,1.00);
    background: rgba(0,128,225,1.00);
	background: -moz-linear-gradient(270deg, rgba(0,94,186,1.00), rgba(0,128,225,1.00));
	background: -webkit-linear-gradient(270deg, rgba(0,94,186,1.00), rgba(0,128,225,1.00));
	background: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0,94,186,1.00)), to(rgba(0,128,225,1.00)));
	background: -o-linear-gradient(to left, rgba(0,94,186,1.00), rgba(0,128,225,1.00));
	background: linear-gradient(270deg, rgba(0,94,186,1.00), rgba(0,128,225,1.00));
	-webkit-animation: AnimationName 10s ease infinite;
	 -moz-animation: AnimationName 10s ease infinite;
	 -o-animation: AnimationName 10s ease infinite;
	 animation: AnimationName 10s ease infinite;
	 background-size: 400% 400%;
*/
/*    display: none;*/
    
}

.rl_facts_inner {
    width: 80%;
    margin: 0px auto;
    padding: 50px 0px;
}

.rl_facts1 {
    vertical-align: top;
    display: inline-block;
    width: 30%;
    display: none;
}

.rl_facts1 h1 {
    text-align: left;
    font-size: 3.5em;
    font-weight: 700;
    letter-spacing: -0.045em;
    line-height: 1.15em;
    font-family: 'Poppins', sans-serif;
}

.rl_facts1 h1:after {
	width: 4rem;
	height: 5px;
	background-color: rgba(255,255,255,1.00);
	display: block;
	content: "";
	margin: 0.4em 0;
	margin-top: 0.4em;
	margin-right: 0;
	margin-bottom: 0.4em;
	margin-left: 0;
	animation-name: fadeInLeftBig;
	animation-duration: 2s;
}

.rl_facts2 {
    vertical-align: top;
    display: inline-block;
    width: 70%;
    display: none;
}

.rl_footer_facts {
    width: 30%;
    margin: 1%;
    text-align: center;
    color: rgba(255,255,255,1.00);
    display: inline-block;
    vertical-align: top;
}

.rl_footer_facts i {
    font-size: 4.0em;
}

.rl_footer_facts h3 {
    font-size: 2.5em;
    font-weight: 500;
    padding: 20px 0px 10px;
}

.rl_footer_facts h5 {
    font-weight: 300;
    font-size: 1.00em;
}

.rl_reviews {
    display: block;
    padding: 50px 0px 0px;
}

.rl_reviews h1 {
    text-align: center;
    font-size: 1.5em;
    font-weight: 500;
    padding: 0px 0px 50px;
}

/*
 iframe#which-trusted-traders-review-widget { 
     border: 0; 
     width: 100%; 
     min-height: 810px;
}

  @media screen and (min-width: 768px) { 
      iframe#which-trusted-traders-review-widget { 
          min-height: 435px;
      } 
}
*/

.rl_reviews iframe {
    width: 100%!important;
    height: 520px !important;
    border-radius: 30px !important;
}


/* Trust a trader cta */

iframe .widget-body.businesses-reviews-body .action a, iframe .widget-body.businesses-reviews-body .action a:active, .widget-body.businesses-reviews-body .action a, .widget-body.businesses-reviews-body .action a:active {
    text-align: center;
    text-decoration: none;
    color: rgba(255,255,255,1.00) !important;
    background-color: rgba(0,94,186,1.00) !important;
    padding: 20px 40px !important;
    border-radius: 100px !important;
    transition: ease all 2s !important;
}

.widget-body.businesses-reviews-body .action a:hover {
    background-color: rgba(0,128,225,1.00) !important;
    transition: ease all 2s !important;
}



.rl_reviews .tt-review-snippet , .tt-review-snippet {
    border-radius: 30px !important;
    border: 5px dashed rgba(0,128,225,1.00) !important;
}


.rl_footer_outter {
    clear: both;
	background: -moz-linear-gradient(270deg, rgba(25,25,25,0.90), rgba(25,25,25,0.90)),  url("../images/footerbg.jpg");
	background: -webkit-linear-gradient(270deg, rgba(25,25,25,0.90), rgba(25,25,25,0.90)),  url("../images/footerbg.jpg");
	background: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(25,25,25,0.90)), to(rgba(25,25,25,0.90))),  url("../images/footerbg.jpg");
	background: -o-linear-gradient(270deg, rgba(25,25,25,0.90), rgba(25,25,25,0.90)),  url("../images/footerbg.jpg");
	background: linear-gradient(270deg, rgba(25,25,25,0.90), rgba(25,25,25,0.90)), url("../images/footerbg.jpg");
    background-position: left top;
    background-size: cover;
}

.rl_footer_inner {
    width: 80%;
    margin: 0px auto;
    padding: 0px 0px 0px
}

.rl_footer_box2 {
    display: block;
    color: rgba(255,255,255,1.00);
    padding: 50px 0px 0px;
}

.rl_footer_links {
    width: 20%;
    margin: 1%;
    text-align: center;
    color: rgba(255,255,255,1.00);
    display: inline-block;
    vertical-align: top;
}

.rl_footer_links img {
    width: 40%;
}

.rl_footer_links h4  {
    display: block;
    font-weight: 400;
    font-size: 1.00em;
}

.rl_footer_links h6  {
    display: block;
    font-weight: 300;
    margin: 0px 10px;
    font-size: 1.00em;
}

.rl_footer_links2 {
    width: 20%;
    margin: 1%;
    color: rgba(255,255,255,1.00);
    display: inline-block;
    vertical-align: top;
    text-align: center;
}

.rl_footer_links2 a, .rl_footer_links2 a:active {
    display: block;
    color: rgba(255,255,255,1.00);
    text-decoration: none;
    font-weight: 300;
    margin: 0px 10px;
}

.rl_footer_links2 h4 {
    display: block;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 1.00em;
}

.rl_footer_links2 h4:after {
	width: 2rem;
	height: 2px;
	background-color: rgba(0,128,225,1.00);
	display: block;
	content: "";
	margin: 0.6em auto;
	margin-top: 0.6em;
	margin-right: uto;
	margin-bottom: 0.6em;
	margin-left: auto;
	animation-name: fadeInLeftBig;
	animation-duration: 2s;
}

.rl_footer_links2 h6 {
    display: block;
    font-weight: 300;
    margin: 0px 10px;
}

.rl_footer_links3 {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 0.85em;
    padding: 20px 0px;
}

.rl_footer_links3 h6 {
    display: block;
    font-weight: 300;
    margin: 0px 10px;
}

.rl_footer_links3 a, .rl_footer_links3 a:active {
    display: inline-block;
    color: rgba(255,255,255,1.00);
    text-decoration: none;
    font-weight: 300;
    margin: 0px 10px;
}

.bottomlinks a, .bottomlinks a:active {
    display: inline-block !important;
}

.rl_desktop {
        display: block;
}

.rl_midscreen {
    display: none;
}
    
.rl_smalscreen {
    display: none;
}

.rl_smallvsize {
    display: none;
}











/*About Us*/


.rl_aboutus_top_outter, .rl_services_top_outter, .rl_team_top_outter, .rl_terms_top_outter, .rl_quote_top_outter, .rl_privacy_top_outter, .rl_testimony_top_outter, .rl_our_work_top_outter, .rl_our_work_top2_outter, .rl_services1_top_outter, .rl_services2_top_outter, .rl_services3_top_outter, .rl_services4_top_outter, .rl_services5_top_outter, .rl_services6_top_outter, .rl_services7_top_outter  {
	width: 100%;
	background-size: cover;
    background-position: left center;
	position: absolute;
	top: 0px;
	right: 0px;
	left: 0px;
    z-index: 1;
}

.rl_aboutus_top_outter {
	background-image: linear-gradient(rgba(25,25,25,0.50), rgba(25,25,25,0.50)), url(../images/pagebg0.jpg);
}

.rl_services_top_outter {
	background-image: linear-gradient(rgba(25,25,25,0.50), rgba(25,25,25,0.50)), url(../images/pagebg3.jpg);
}

.rl_team_top_outter {
	background-image: linear-gradient(rgba(25,25,25,0.50), rgba(25,25,25,0.50)), url(../images/pagebg4.jpg);
}

.rl_terms_top_outter {
	background-image: linear-gradient(rgba(25,25,25,0.50), rgba(25,25,25,0.50)), url(../images/pagebg5.jpg);
}

.rl_testimony_top_outter {
	background-image: linear-gradient(rgba(25,25,25,0.50), rgba(25,25,25,0.50)), url(../images/pagebg6.jpg);
}

.rl_our_work_top2_outter {
	background-image: linear-gradient(rgba(25,25,25,0.50), rgba(25,25,25,0.50)), url(../images/pagebg12.jpg);
}

.rl_our_work_top_outter {
	background-image: linear-gradient(rgba(25,25,25,0.50), rgba(25,25,25,0.50)), url(../images/pagebg7.jpg);
}

.rl_services1_top_outter {
	background-image: linear-gradient(rgba(25,25,25,0.50), rgba(25,25,25,0.50)), url(../images/pagebg8.jpg);
}

.rl_services2_top_outter {
	background-image: linear-gradient(rgba(25,25,25,0.50), rgba(25,25,25,0.50)), url(../images/pagebg9.jpg);
}

.rl_services3_top_outter {
	background-image: linear-gradient(rgba(25,25,25,0.50), rgba(25,25,25,0.50)), url(../images/pagebg10.jpg);
}

.rl_services4_top_outter {
	background-image: linear-gradient(rgba(25,25,25,0.50), rgba(25,25,25,0.50)), url(../images/pagebg11.jpg);
}

.rl_services5_top_outter {
	background-image: linear-gradient(rgba(25,25,25,0.50), rgba(25,25,25,0.50)), url(../images/pagebg3.jpg);
}

.rl_services6_top_outter {
	background-image: linear-gradient(rgba(25,25,25,0.50), rgba(25,25,25,0.50)), url(../images/pagebg3.jpg);
}

.rl_services7_top_outter {
	background-image: linear-gradient(rgba(25,25,25,0.50), rgba(25,25,25,0.50)), url("../images/pagebg01.jpg");
}

.rl_aboutus_top_inner {
	width: 80%;
	margin: 0px auto;
	text-align: center;
	padding: 15% 0px 200px;
}

.rl_aboutus_top_inner .output {
  text-align: center;
  color: white;
    font-family: 'Poppins', sans-serif;
}

.rl_aboutus_top_inner .output h1 {
    font-family: 'Poppins', sans-serif;
    font-size: 5.3em;
    letter-spacing: -0.045em;
    text-transform: capitalize;
    font-weight: 900;
    text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.66);
    line-height: 1.5em;
}

/* Cursor Styling */
.rl_aboutus_top_inner .cursor::after {
  content: '';
  display: inline-block;
  margin-left: 3px;
  background-color: white;
  animation-name: blink;
  animation-duration: 0.5s;
  animation-iteration-count: infinite;
}

.rl_aboutus_top_inner h1.cursor::after {
  height: 24px;
  width: 13px;
}

.rl_aboutus_top_inner p.cursor::after {
  height: 13px;
  width: 6px;
}

.rl_page_clear {
    clear: both;
    padding: 15% 0px 125px;
}

.rl_page_clear2 {
    clear: both;
    padding: 0px 0px 100px;
    background-color: rgba(255,255,255,1.00);
}

.rl_page_clear3 {
        clear: both;
        padding: 15% 0px 110px;
}


.rl_aboutus_copy_outter {
    clear: both;
    width: 100%;
    z-index: 22222;
}

.rl_aboutus_copy_inner {
    display: flex;
    align-content: stretch;
}

.rl_aboutus_copy_1 {
    display: inline-block;
    width: 33.3333333333%;
    vertical-align: top;
    background-color: rgba(0,128,225,1.00);
	background: -moz-linear-gradient(270deg, rgba(0,94,186,1.00), rgba(0,128,225,1.00));
	background: -webkit-linear-gradient(270deg, rgba(0,94,186,1.00), rgba(0,128,225,1.00));
	background: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0,94,186,1.00)), to(rgba(0,128,225,1.00)));
	background: -o-linear-gradient(to left, rgba(0,94,186,1.00), rgba(0,128,225,1.00));
	background: linear-gradient(270deg, rgba(0,94,186,1.00), rgba(0,128,225,1.00));
	-webkit-animation: AnimationName 10s ease infinite;
	 -moz-animation: AnimationName 10s ease infinite;
	 -o-animation: AnimationName 10s ease infinite;
	 animation: AnimationName 10s ease infinite;
	 background-size: 400% 400%;
    color: rgba(255,255,255,1.00);
    padding: 10% 5%;
    flex-wrap: wrap;
}

.rl_aboutus_copy_1 h1 {
    font-size: 6.00em;
    font-family: 'Poppins', sans-serif;
    letter-spacing: -0.045em;
    line-height: 1.15em;
}

.rl_aboutus_copy_2 {
    display: inline-block;
    width: 33.3333333333%;
    vertical-align: top;
    padding: 5%;
    flex-wrap: wrap;
    text-align: justify;
    font-weight: 400;
    background-color: rgba(255,255,255,1.00);
}

.rl_aboutus_copy_3 {
    display: inline-block;
    width: 33.3333333333%;
    vertical-align: top;
    flex-wrap: wrap;
    padding: 5%;
    background-size: cover;
    background-position: center;
}

.whoweare1 {
    background-image: url("../images/roofline_about_1.jpg");
}
.whoweare2 {
    background-image: url("../images/roofline_about_2.jpg");
}
.whoweare3 {
    background-image: url("../images/roofline_about_3.jpg");
}

.rl_vision_outter {
    clear: both;
    background-color: rgba(255,255,255,1.00);
    display: none;
}

.rl_vision_inner {
    width: 50%;
    margin: 0px auto;
    padding: 50px 0px;
}

.rl_vision_inner h1 {
    text-align: center;
    font-size: 3.5em;
    font-weight: 700;
    letter-spacing: -0.045em;
    line-height: 1.15em;
    font-family: 'Poppins', sans-serif;
}

.rl_vision_inner h1:after {
	width: 4rem;
	height: 5px;
	background-color: rgba(0,128,225,1.00);
	display: block;
	content: "";
	margin: 0.4em auto;
	margin-top: 0.4em;
	margin-right: auto;
	margin-bottom: 0.4em;
	margin-left: auto;
	animation-name: fadeInLeftBig;
	animation-duration: 2s;
}



.rl_value p {
  border-top: 2px dashed;
  border-color: rgba(0,128,225,0.30) !important;
  margin:0; 
    text-align: center;
    padding: 50px;
}

.rl_value p:nth-child(even) {
  border-left: 2px dashed;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  margin-right: 30px; 
  padding-right: 0;
}

.rl_value p:nth-child(odd) {
  border-right: 2px dashed;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  margin-left: 30px; 
  padding-left: 0;
}

.rl_value p:first-child {
  border-top: 0;
  border-top-right-radius:0;
  border-top-left-radius:0;
}

.rl_value p:last-child {
  border-bottom-right-radius:0;
  border-bottom-left-radius:0;
}

.rl_value i {
    font-size: 4.0em;
    display: block;
}

.valueb {
    font-size: 1.0em;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
    display: block;
    padding: 10px 0px;
}

.valuef {
    font-size: 1.0em;
    font-weight: 300;
    text-align: center;
    display: block;
}

.rl_history_outter {
    clear: both;
}

.rl_history_inner {
    clear: both;
}


.rl_why_choose_outter {
    clear: both;
	background-image: linear-gradient(rgba(25,25,25,0.50), rgba(25,25,25,0.50)), url(../images/pagebg7.jpg);
    background-size: cover;
}

.rl_why_choose_inner {
    width: 70%;
    margin: 0px auto;
    padding: 10%;
    background-color: rgba(255,255,255,0.80);
}

.rl_why_choose_inner h1 {
    text-align: center;
    font-size: 3.5em;
    font-weight: 700;
    letter-spacing: -0.045em;
    line-height: 1.15em;
    font-family: 'Poppins', sans-serif;
}

.rl_why_choose_inner h1:after {
	width: 4rem;
	height: 5px;
	background-color: rgba(25,25,25,0.60);
	display: block;
	content: "";
	margin: 0.4em auto;
	margin-top: 0.4em;
	margin-right: auto;
	margin-bottom: 0.4em;
	margin-left: auto;
	animation-name: fadeInLeftBig;
	animation-duration: 2s;
}

.rl_icons {
    text-align: center;
    display: block;
    padding: 0px 0 50px;
}

.rl_icons h4 {
    display: inline-block;
    font-size: 0.85em;
    margin: 20px;
    font-weight: 700;
    text-transform: uppercase;
    vertical-align: top;
}

.rl_icons i {
    font-size: 2.0em;
    display: block;
    margin: 15px 0px;
    color: rgba(0,128,225,1.00);
}


.rl_why {
    text-align: justify;
    display: block;
}












/*Services*/


.rl_services_copy_outter {
    clear: both;
    background-color: rgba(255,255,255,1.00);
}

.rl_services_copy_inner {
    width: 80%;
    margin: 0px auto;
    padding: 100px 0px 50px;
}

.rl_services_copy_inner h1 {
    text-align: center;
    font-size: 3.5em;
    font-weight: 700;
    letter-spacing: -0.045em;
    line-height: 1.5em;
    font-family: 'Poppins', sans-serif;
}

.rl_services_copy_inner h1:after {
	width: 4rem;
	height: 5px;
	background-color: rgba(0,128,225,1.00);
	display: block;
	content: "";
	margin: 0.4em auto;
	margin-top: 0.4em;
	margin-right: auto;
	margin-bottom: 0.4em;
	margin-left: auto;
	animation-name: fadeInLeftBig;
	animation-duration: 2s;
}

.rl_services_copy_inner h3 {
    text-align: justify;
    font-size: 1.0em;
    font-weight: 400;
}

.rl_services_copy_inner h4 {
    text-align: justify;
    font-size: 1.0em;
    font-weight: 900;
}

.rl_service_list_outter {
    clear: both;
    background-color: rgba(255,255,255,1.00);
}

.servicebg {
	background-color: rgba(0,128,225,1.00);
    color: rgba(255,255,255,1.00);
}

.servicewhitebg {
	background-color: rgba(255,255,255,1.00);
	color: rgba(25,25,25,0.70);
}

.snrdesktop {
    display: block;
}

.snrsmallscreen {
    display: none;
}

.rl_service_list_inner {
    display: flex;
    align-content: stretch;
}

.rl_service_list_inner2 {
    display: block;
}

.rl_service_list_1 {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    flex-wrap: wrap;
}

.rl_service_list_2 {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    padding: 50px 5%;
    flex-wrap: wrap;
    text-align: justify;
    font-weight: 400;
}

.rl_service_list_2 h1, .rl_service_list_3 h1, .rl_service_list_4 h1 {
    font-size: 4.5em;
    font-weight: 700;
    line-height: 1.15em;
    font-family: 'Poppins', sans-serif;
    letter-spacing: -0.045em;
}

.rl_service_list_2 h5, .rl_service_list_3 h5, .rl_service_list_4 h5 {
    font-size: 1.0em;
    font-weight: 300;
    margin: 0 0 20px;
    padding: 50px 0px;
}

.rl_service_list_2 a, .rl_service_list_2 a:active {
    font-size: 1.0em;
    font-weight: 600;
    color: rgba(255,255,255,1.00);
    background-color: rgba(0,128,225,1.00);
	background: -moz-linear-gradient(270deg, rgba(0,94,186,1.00), rgba(0,128,225,1.00));
	background: -webkit-linear-gradient(270deg, rgba(0,94,186,1.00), rgba(0,128,225,1.00));
	background: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0,94,186,1.00)), to(rgba(0,128,225,1.00)));
	background: -o-linear-gradient(to left, rgba(0,94,186,1.00), rgba(0,128,225,1.00));
	background: linear-gradient(270deg, rgba(0,94,186,1.00), rgba(0,128,225,1.00));
	-webkit-animation: AnimationName 10s ease infinite;
	 -moz-animation: AnimationName 10s ease infinite;
	 -o-animation: AnimationName 10s ease infinite;
	 animation: AnimationName 10s ease infinite;
	 background-size: 400% 400%;
    text-transform: capitalize;
    padding: 20px 40px;
    text-decoration: none;
    border-radius: 30px;
}

.rl_service_list_2 a:hover {
    background-color: rgba(25,25,25,1.00);
    transition: ease all 2s;
}

.rl_ser_cta a, .rl_ser_cta a:active {
    font-size: 1.0em;
    font-weight: 600;
    color: rgba(0,128,225,1.00);
    background-color: rgba(255,255,255,1.00);
	background: -moz-linear-gradient(270deg, rgba(0,94,186,1.00), rgba(0,128,225,1.00));
	background: -webkit-linear-gradient(270deg, rgba(0,94,186,1.00), rgba(0,128,225,1.00));
	background: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0,94,186,1.00)), to(rgba(0,128,225,1.00)));
	background: -o-linear-gradient(to left, rgba(0,94,186,1.00), rgba(0,128,225,1.00));
	background: linear-gradient(270deg, rgba(200,200,200,1.00), rgba(255,255,255,1.00));
	-webkit-animation: AnimationName 10s ease infinite;
	 -moz-animation: AnimationName 10s ease infinite;
	 -o-animation: AnimationName 10s ease infinite;
	 animation: AnimationName 10s ease infinite;
	 background-size: 400% 400%;
    text-transform: capitalize;
    padding: 20px 40px;
    text-decoration: none;
    border-radius: 30px;
}

.rl_ser_cta a:hover {
    background-color: rgba(25,25,25,1.00);
    transition: ease all 2s;
}

.rl_service_list_3 {
    display: block;
    width: 100%;
    vertical-align: top;
    padding: 5% 5%;
    text-align: justify;
    font-weight: 400;
}

.rl_service_list_3 h5 {
    column-count: 2;
    column-gap: 100px;
}

.rl_service_list_4 {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    padding: 5% 5%;
    text-align: justify;
    font-weight: 400;
}

.rl_service_list_5 {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    text-align: justify;
}


.roofrepairs {
	background-image: url("../images/reroofs.jpg");
    background-position: center;
    background-size: cover;
    
}

.flatroof {
	background-image: url("../images/flatroofs.jpg");
    background-position: center;
    background-size: cover;
    
}

.pitchedroof {
	background-image: url("../images/soffits.jpg");
    background-position: center center;
    background-size: cover;
    
}

.fascia {
	background-image: url("../images/guttering.jpg");
    background-position: center center;
    background-size: cover;
    
}

.roofrepairs2 {
	background-image: url("../images/repairs.jpg");
    background-position: center;
    background-size: cover;
    
}

.flatroof2 {
	background-image: url("../images/flatroofs2.jpg");
    background-position: center;
    background-size: cover;
    
}

.pitched2 {
	background-image: url("../images/pitched.jpg");
    background-position: center center;
    background-size: cover;
    
}

.fascia2 {
	background-image: url("../images/fascia.jpg");
    background-position: center center;
    background-size: cover;
    
}

.cladding {
	background-image: url("../images/cladding1.jpg");
    background-position: center center;
    background-size: cover;
    
}

.cladding2 {
	background-image: url("../images/cladding2.jpg");
    background-position: center center;
    background-size: cover;
    
}

.rl_services_recent_outter {
    clear: both;
    background-color: rgba(255,255,255,1.00);
    display: none;
}

.rl_services_recent_inner {
    width: 70%;
    margin: 0px auto;
    padding: 200px 0px;
    text-align: center;
}

.rl_services_recent_inner h1 {
    text-align: center;
    font-size: 3.5em;
    font-weight: 700;
    letter-spacing: -0.045em;
    line-height: 1.5em;
    font-family: 'Poppins', sans-serif;
}

.rl_services_recent_inner h1:after {
	width: 4rem;
	height: 5px;
	background-color: rgba(0,128,225,1.00);
	display: block;
	content: "";
	margin: 0.4em auto;
	margin-top: 0.4em;
	margin-right: auto;
	margin-bottom: 0.4em;
	margin-left: auto;
	animation-name: fadeInLeftBig;
	animation-duration: 2s;
}

.rl_services_recent {
    width: 20%;
    display: inline-block;
    vertical-align: top;
    margin: 3% 1%;
    text-align: center;
}

.rl_services_recent img {
    width: 50%;
}


.rl_services_call_outter {
    clear: both;
    background-color: rgba(255,255,255,1.00);
    padding: 50px 0px;
}

.rl_services_call_inner {
    width: 80%;
    margin: 0px auto;
    padding: 50px;
    text-align: center;
    border: 20px  solid;
    border-image: linear-gradient(45deg, rgba(0,128,225,1.00), rgba(16, 26, 112, 1.00)) 1;
    border-image-slice: 1;
}

.rl_services_call_inner h1 {
    text-align: center;
    font-size: 3.5em;
    font-weight: 700;
    letter-spacing: -0.045em;
    line-height: 1.5em;
    font-family: 'Poppins', sans-serif;
}

.rl_services_call_inner h1:after {
	width: 4rem;
	height: 5px;
	background-color: rgba(0,128,225,1.00);
	display: block;
	content: "";
	margin: 0.4em auto;
	margin-top: 0.4em;
	margin-right: auto;
	margin-bottom: 0.4em;
	margin-left: auto;
	animation-name: fadeInLeftBig;
	animation-duration: 2s;
}

.rl_services_call_inner h3 {
    text-align: center;
    font-size: 3.0em;
    font-weight: 700;
    line-height: 1.5em;
    font-family: 'Poppins', sans-serif;
    margin: 0px 0px 30px;
}

.rl_call a, .rl_call a:active {
    font-size: 1.0em;
    font-weight: 600;
    color: rgba(255,255,255,1.00);
    background-color: rgba(0,128,225,1.00);
	background: -moz-linear-gradient(270deg, rgba(0,94,186,1.00), rgba(0,128,225,1.00));
	background: -webkit-linear-gradient(270deg, rgba(0,94,186,1.00), rgba(0,128,225,1.00));
	background: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0,94,186,1.00)), to(rgba(0,128,225,1.00)));
	background: -o-linear-gradient(to left, rgba(0,94,186,1.00), rgba(0,128,225,1.00));
	background: linear-gradient(270deg, rgba(0,94,186,1.00), rgba(0,128,225,1.00));
	-webkit-animation: AnimationName 10s ease infinite;
	 -moz-animation: AnimationName 10s ease infinite;
	 -o-animation: AnimationName 10s ease infinite;
	 animation: AnimationName 10s ease infinite;
	 background-size: 400% 400%;
    text-transform: capitalize;
    padding: 20px 40px;
    text-decoration: none;
    border-radius: 30px;
}

.rl_call  a:hover {
    background-color: rgba(25,25,25,1.00);
    transition: ease all 2s;
}


.rl_service_ba_outter {
    clear: both;
    background-color: rgba(255,255,255,1.00);
    padding: 50px 0px 0px;    
}

.rl_service_ba_inner {
    width: 100%;
}

.rl_service_ba_inner h1 {
    text-align: center;
    font-size: 3.5em;
    font-weight: 700;
    letter-spacing: -0.045em;
    line-height: 1.5em;
    font-family: 'Poppins', sans-serif;
}

.rl_service_ba_inner h1:after {
	width: 4rem;
	height: 5px;
	background-color: rgba(0,128,225,1.00);
	display: block;
	content: "";
	margin: 0.4em auto;
	margin-top: 0.4em;
	margin-right: auto;
	margin-bottom: 0.4em;
	margin-left: auto;
	animation-name: fadeInLeftBig;
	animation-duration: 2s;
}




















/*Testimonianl*/





.rl_test_inner {
    width: 50%;
    margin: 0px auto;
}

.rl_test_inner p {
  border-top: 2px dashed;
  border-color: rgba(0,128,225,0.30) !important;
  margin:0; 
    text-align: center;
    padding: 50px;
}

.rl_test_inner p:nth-child(even) {
  border-left: 2px dashed;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  margin-right: 30px; 
  padding-right: 0;
}

.rl_test_inner p:nth-child(odd) {
  border-right: 2px dashed;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  margin-left: 30px; 
  padding-left: 0;
}

.rl_test_inner p:first-child {
  border-top: 0;
  border-top-right-radius:0;
  border-top-left-radius:0;
}

.rl_test_inner p:last-child {
  border-bottom-right-radius:0;
  border-bottom-left-radius:0;
}

.rl_test_inner i {
    font-size: 4.0em;
    display: block;
}

.test_1 {
    font-size: 1.0em;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
    display: block;
    padding: 10px 0px;
}

.test_2 {
    font-size: 1.0em;
    font-weight: 400;
    text-align: justify;
    display: block;
}



















/*Team*/




.rl_team_list_outter {
    clear: both;
}

.rl_team_list_inner {
    display: flex;
    align-content: stretch;
}

.rl_team_list_1 {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    flex-wrap: wrap;
}

.rl_team_list_1 img {
    display: block;
    width: 100%;
}

.rl_team_list_2 {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    padding: 10% 5%;
    flex-wrap: wrap;
    text-align: justify;
    font-weight: 400;
}

.rl_team_list_2 h1 {
    font-size: 3.5em;
    font-weight: 600;
    line-height: 1.5em;
}

.rl_team_list_2 h5 {
    font-size: 1.0em;
    font-weight: 300;
    margin: 0 0 20px;
}










/*Quote*/


.quotesbg {
    clear: both;
    text-align: center;
	background: -moz-linear-gradient(270deg, rgba(0,0,0,0.60), rgba(0,0,0,0.70)),  url(../images/pagebg1.jpg);
	background: -webkit-linear-gradient(270deg, rgba(0,0,0,0.60), rgba(0,0,0,0.70)),  url(../images/pagebg1.jpg);
	background: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0,0,0,0.60)), to(rgba(0,0,0,0.70))),  url(../images/pagebg1.jpg);
	background: -o-linear-gradient(270deg, rgba(0,0,0,0.60), rgba(0,0,0,0.70)),  url(../images/pagebg1.jpg);
	background: linear-gradient(270deg, rgba(0,0,0,0.60), rgba(0,0,0,0.70)), url(../images/pagebg1.jpg);
    background-position: center center;
    background-size: cover;
}

.get_quote {
    background-color: rgba(255,255,255, 0.85);
}

.rl_quote_form {
    width: 90%;
    margin: 0px auto;
}

.quote_name, .quote_email, .quote_phone {
    width: 100%;
    padding: 10px 20px;;
    height: 50px;
    margin: 10px auto;
    border: solid 1px rgba(13,13,13,0.10);
    background-color: rgba(255,255,255,1.00);
	font-family: 'Nunito', sans-serif;
    font-size: 1.0em;
    border-radius: 30px;
}

.rl_quote_servies{
    text-align: left;
	font-family: 'Nunito', sans-serif;
    font-size: 1.0em;
    padding: 10px 20px;
}

.quote_message{
    width: 100%;
    padding: 20px;
    height: 150px;
    margin: 10px auto;
    border: solid 1px rgba(13,13,13,0.10);
    background-color: rgba(255,255,255,1.00);
	font-family: 'Nunito', sans-serif;
    font-size: 1.0em;
    border-radius: 30px;
}

.quote_send {
    width: 150px;
    height: 50px;
    background: rgba(0,128,225,1.00);
	background: -moz-linear-gradient(270deg, rgba(0,94,186,1.00), rgba(0,128,225,1.00));
	background: -webkit-linear-gradient(270deg, rgba(0,94,186,1.00), rgba(0,128,225,1.00));
	background: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0,94,186,1.00)), to(rgba(0,128,225,1.00)));
	background: -o-linear-gradient(to left, rgba(0,94,186,1.00), rgba(0,128,225,1.00));
	background: linear-gradient(270deg, rgba(0,94,186,1.00), rgba(0,128,225,1.00));
	-webkit-animation: AnimationName 10s ease infinite;
	 -moz-animation: AnimationName 10s ease infinite;
	 -o-animation: AnimationName 10s ease infinite;
	 animation: AnimationName 10s ease infinite;
	 background-size: 400% 400%;
    text-align: center;
    color: rgba(255,255,255,1.00);
    transition: all ease 2s;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1.0em;
    border: none;
    border-radius: 30px;
    font-family: 'Nunito', sans-serif;
    margin: 0px auto;
}

.contact_send:hover {
    background-color: rgba(13,13,13,1.00);
    color: rgba(255,255,255,1.00);
    transition: ease all 2s;
}























/*Contact*/



.rl_contact_info_outter {
    clear: both;
}

.rl_contact_info_inner {
    display: flex;
    align-content: stretch;
}

.rl_contact_info_1 {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    flex-wrap: wrap;
    background-color: rgba(25,25,25,1.00);
}

.rl_contact_info_1 img {
    display: block;
    width: 100%;
}

.rl_contact_info_2 {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    padding: 10%;
    color: rgba(255,255,255,1.00);
    background: rgba(0,128,225,1.00);
	background: -moz-linear-gradient(270deg, rgba(0,94,186,1.00), rgba(0,128,225,1.00));
	background: -webkit-linear-gradient(270deg, rgba(0,94,186,1.00), rgba(0,128,225,1.00));
	background: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0,94,186,1.00)), to(rgba(0,128,225,1.00)));
	background: -o-linear-gradient(to left, rgba(0,94,186,1.00), rgba(0,128,225,1.00));
	background: linear-gradient(270deg, rgba(0,94,186,1.00), rgba(0,128,225,1.00));
	-webkit-animation: AnimationName 10s ease infinite;
	 -moz-animation: AnimationName 10s ease infinite;
	 -o-animation: AnimationName 10s ease infinite;
	 animation: AnimationName 10s ease infinite;
	 background-size: 400% 400%;
    flex-wrap: wrap;
    text-align: center;
    font-weight: 400;
}

.rl_contact_info_2 h1 {
    text-align: center;
    font-size: 3.5em;
    font-weight: 700;
    letter-spacing: -0.045em;
    line-height: 1.5em;
    font-family: 'Poppins', sans-serif;
}

.rl_contact_info_2 a, .rl_contact_info_2 a:active {
    color: rgba(255,255,255,1.00);
    text-decoration: none;
}

.rl_contact_info_2 a:hover {
    color: rgba(255,255,255,1.00);
    text-decoration: underline;
}

.rl_contact_form_outter {
    clear: both;
    background-color: rgba(255,255,255,1.00);
}

.rl_contact_form_inner {
    width: 50%;
    margin: 0px auto;
    padding: 200px 0px;
}

.rl_contact_form_inner h1 {
    text-align: center;
    font-size: 3.5em;
    font-weight: 700;
    letter-spacing: -0.045em;
    line-height: 1.5em;
    font-family: 'Poppins', sans-serif;
}

.rl_contact_form_inner h1:after {
	width: 8rem;
	height: 2px;
	background-color: rgba(0,128,225,1.00);
	display: block;
	content: "";
	margin: 0.6em auto;
	margin-top: 0.6em;
	margin-right: auto;
	margin-bottom: 0.6em;
	margin-left: auto;
	animation-name: fadeInLeftBig;
	animation-duration: 2s;
}

.rl_contact_form_inner p {
    text-align: center;
}

.rl_contact_form_1 {
    width: 36%;
    margin: 1%;
    display: inline-block;
    vertical-align: top;
    padding: 5%;
}

.rl_contact_form_1 i {
    font-size: 20.0em;
}


.rl_contact_form_2 {
    width: 50%;
    margin: 2%;
    display: inline-block;
    vertical-align: top;
    padding: 5%;
}

.contact_name, .contact_email, .contact_phone {
    width: 100%;
    padding: 10px 20px;;
    height: 50px;
    margin: 10px auto;
    border: solid 1px rgba(13,13,13,0.10);
    background-color: rgba(255,255,255,1.00);
	font-family: 'Nunito', sans-serif;
    font-size: 1.0em;
    border-radius: 30px;
}

.contact_message{
    width: 100%;
    padding: 20px;
    height: 150px;
    margin: 10px auto;
    border: solid 1px rgba(13,13,13,0.10);
    background-color: rgba(255,255,255,1.00);
	font-family: 'Nunito', sans-serif;
    font-size: 1.0em;
    border-radius: 30px;
}

.contact_send {
    width: 100%;
    height: 50px;
    background: rgba(0,128,225,1.00);
	background: -moz-linear-gradient(270deg, rgba(0,94,186,1.00), rgba(0,128,225,1.00));
	background: -webkit-linear-gradient(270deg, rgba(0,94,186,1.00), rgba(0,128,225,1.00));
	background: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0,94,186,1.00)), to(rgba(0,128,225,1.00)));
	background: -o-linear-gradient(to left, rgba(0,94,186,1.00), rgba(0,128,225,1.00));
	background: linear-gradient(270deg, rgba(0,94,186,1.00), rgba(0,128,225,1.00));
	-webkit-animation: AnimationName 10s ease infinite;
	 -moz-animation: AnimationName 10s ease infinite;
	 -o-animation: AnimationName 10s ease infinite;
	 animation: AnimationName 10s ease infinite;
	 background-size: 400% 400%;
    text-align: center;
    color: rgba(255,255,255,1.00);
    transition: all ease 2s;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1.0em;
    border: none;
    border-radius: 30px;
    font-family: 'Nunito', sans-serif;
}

.contact_send:hover {
    background-color: rgba(13,13,13,1.00);
    color: rgba(255,255,255,1.00);
    transition: ease all 2s;
}

.contact_google {
    text-align: center !important;
    padding: 0px 0px 10px;
    margin: 0px auto;
    width: 290px;
}

iframe {
    display: block;
}






























.namecolor {
    color: rgba(0,128,225,1.00);
}

.namecolor2 {
    color: rgba(255,133,3,1.00);
    padding: 0px 10px;
}

.grecaptcha-badge {
     z-index: 999999999999999999;
}

#rc-imageselect, .g-recaptcha{
	margin: 0 auto;
    text-align: center;
     z-index: 999999999999999999;
}

.grobot {
	margin: 0 auto;
    text-align: center;
    min-width: 290px;
    max-width: 305px;
     z-index: 999999999999999999;  
}


@media screen and (max-height: 575px){
#rc-imageselect, .g-recaptcha {
    -webkit-transform:scale(0.77);
    transform:scale(0.77);
    -webkit-transform-origin:0 0;
    transform-origin:0 0;
    }
}





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

    .rl_wel_copy_text h1 {
        line-height: 1.5em;
    }
    
    .rl_aboutus_copy_1 h1 {
        font-size: 4.90em;
    }

    


}



@media only screen and (max-width: 1200px) {
	
	
    .rl_smallvsize {
        display: block;
    }

    .rl_bigvsize {
        display: none;
    }
    
    .rl_downarrow {
        display: none;
    }
    


}

@media only screen and (min-width:1221px) and (max-width: 1579px) {
	
	
	 


    .rl_top_icon_inner {
        width: 90%;
    }

    .rl_top_header_inner {
        width: 90%;

    }

    .rl_top_info_inner {
        width: 90%;
        padding: 25% 0px 5%;
    }

    .rl_top_output h1 {
        font-size: 3.5em;
        line-height: 1.15em;
    }

    .rl_credit_inner {
        width: 90%;
        padding: 50px 0px 0px;
    }

    .rl_credit_copy h2 {
        font-size: 2.60em;
    }

    .rl_wel_client_test_inner {
        width: 90%;
    }

    .rl_wel_client_test_inner h3 {
        font-size: 2.60em;
    }

    .rl_work_with_you_inner {
        width: 90%;
    }

    .rl_work_with_1 h3 {
        font-size: 2.60em;
    }

    .rl_work_with_2 {
        width: 100%;
    }
    
    .rl_wel_copy_text {
        width: 50%;
        padding: 5% 5%;
            
    }

    .rl_wel_copy_text h1 {
        text-align: left;
        font-size: 2.6em;
    }

    .rl_wel_copy_text ul {
        column-count: 2;
        column-gap: 50px;
    }

    .rl_wel_copy_pix, .rl_wel_copy_pix2, .rl_wel_copy_pix3 {
        width: 50%;
        background-position: left center;
    }

    .rl_home_about_outter {
        background-size:  cover !important;
        background-position: center;
    }

    .rl_home_about_inner {
        width: 90%;
        margin: 0px auto;
    }

    .rl_home_about_1 {
        width: 100%;
        display: inline-block;
        vertical-align: top;
        text-align: center;
    }

    .rl_home_about_1 h1 {
        font-size: 3.9em;
    }

    .rl_design_outter {
        background-position: center center;
        background-size: cover !important;
    }

    .rl_design_outter h2 {
        font-size: 3.70em;
        line-height: 1.15em;
    }
    
    .rl_wel_ser_inner {
        width: 90%;
        margin: 0px auto;
    }

    .rl_wel_ser_box1 {
        clear: both;
        padding: 0px 0px 100px;
    }

    .rl_wel_ser_box1 h1 {
        font-size: 2.6em;
    }

    .rl_facts_inner {
        width: 90%;
    }

    .rl_facts1 h1 {
        font-size: 2.6em;
    }
    

    .rl_footer_facts {
        width: 30%;
        margin: 1%;
    }

    .rl_footer_outter {
        background-position: left top;
        background-size: cover !important;
    }

    .rl_footer_inner {
        width: 90%;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    /*About Us*/
    
    
    .rl_aboutus_top_inner {
        padding: 25% 0px 200px;
    }

    .rl_aboutus_top_inner .output h1 {
      font-size: 3.5em;
    }
    
    .rl_page_clear {
        clear: both;
        padding: 25% 0px 110px;
    }
    
    .rl_page_clear3 {
        clear: both;
        padding: 25% 0px 110px;
    }
    
    .rl_aboutus_copy_1 {
        padding: 10em 0px;
    }

    .rl_aboutus_copy_1 h1 {
        font-size: 3.90em;
        text-align: center;
    }

    .rl_vision_inner {
        width: 90%;
    }
    
    .rl_vision_inner h1, .rl_why_choose_inner h1 {
        font-size: 2.6em;
    }
    
    
    
    
    
    
    
    /*Services*/


    .rl_services_copy_inner {
        width: 90%;
    }

    .rl_services_copy_inner h1 {
        font-size: 2.2em;
    }
    
    .rl_services_recent_inner {
        width: 90%;
    }

    .rl_services_recent_inner h1 {
        font-size: 2.2em;
    }
    
    
    .rl_service_list_2 h1, .rl_service_list_3 h1 {
        font-size: 3.3em;
    }

    .rl_services_call_inner {
        width: 90%;
        border: 15px  solid;
        border-image: linear-gradient(45deg, rgba(0,128,225,1.00), rgba(16, 26, 112, 1.00)) 1;
        border-image-slice: 1;
    }

    .rl_services_call_inner h1, .rl_service_ba_inner h1  {
        font-size: 2.2em;
    }

    .rl_services_call_inner h3 {
        text-align: center;
        font-size: 1.7em;
    }

    

    
    
    
    
    
    
    
    
    
    /*Testimonianl*/





    .rl_test_inner {
        width: 70%;
        margin: 0px auto;
    }




    
    







    /*Contact*/



    .rl_contact_info_2 h1 {
        font-size: 2.2em;
    }
    
    .rl_contact_info_1 img {
        width: 100%;
        height: 100% !important;
    }
    
    .rl_contact_form_inner {
        width: 90%;
    }

    .rl_contact_form_inner h1 {
        font-size: 2.2em;
    }

    .rl_contact_form_1 {
        width: 40%;
        text-align: center;
    }

    .rl_contact_form_2 {
        width: 50%;
        margin: 2%;
        padding: 5%;
    }
    



    
    
    
    
    
    
    


}












@media only screen and (min-width:951px) and (max-width: 1220px) {
	
    

    .rl_top_icon_inner {
        width: 100%;
    }
    
    .rl_top_days {
        width: 60%;
        padding-left: 5%;
    }

    .topnoshow {
        display: none;
    }
    
    .topshow {
        display: inline-block;
    }
    
    .rl_top_social {
        display: none;
    }
    
    .rl_logo img {
        max-width: 100px;
    }

    .rl_top_quote {
        width: 40%;
    }
    
    .rl_top_quote a {
    }

    .rl_top_header_inner {
        width: 90%;

    }

    .rl_top_info_inner {
        width: 95%;
        padding: 25% 0px 5%;
    }

    .rl_top_output h1 {
        font-size: 3.0em;
        line-height: 1.15em;
        text-align: center;
    }

    .rl_credit_inner {
        width: 90%;
        padding: 50px 0px 0px;
    }

    .rl_credit_copy {
        width: 100%;
    }

    .rl_credit_copy h2 {
        font-size: 2.20em;
        text-align: center;
    }

    .rl_credit_copy h2:after {
        margin: 0.4em auto;
        margin-top: 0.4em;
        margin-right: auto;
        margin-bottom: 0.4em;
        margin-left: auto;
    }

    .rl_credit_logo {
        width: 100%;
    }

    .rl_credit_logo img {
        margin: 2%;
        max-width: 100px;
    }
    
    .rl_wel_client_test_inner {
        width: 90%;
    }

    .rl_wel_client_test_inner h3 {
        font-size: 2.20em;
    }

    .rl_work_with_you_inner {
        width: 90%;
    }

    .rl_work_with_1 {
        width: 100%;
    }

    .rl_work_with_1 h3 {
        font-size: 2.10em;
    }

    .rl_work_with_2 {
        width: 100%;
    }
    
    .rl_wel_copy_inner {
    }

    .rl_wel_copy_text {
        width: 50%;
        padding: 5% 5%;
            
    }

    .rl_wel_copy_text h1 {
        text-align: left;
        font-size: 2.6em;
    }

    .rl_wel_copy_text ul {
        column-count: 2;
        column-gap: 50px;
    }

    .rl_wel_copy_pix, .rl_wel_copy_pix2, .rl_wel_copy_pix3 {
        width: 50%;
        background-position: left center;
    }

    .rl_home_about_outter {
        background-size:  cover !important;
        background-position: center;
    }

    .rl_home_about_inner {
        width: 90%;
        margin: 0px auto;
    }

    .rl_home_about_1 {
        width: 100%;
        display: inline-block;
        vertical-align: top;
        text-align: center;
    }

    .rl_home_about_1 h1 {
        font-size: 3.9em;
    }

    .rl_design_outter {
        background-position: center center;
        background-size: cover !important;
    }

    .rl_design_outter h2 {
        font-size: 3.70em;
        line-height: 1.15em;
    }
    
    .rl_wel_ser_inner {
        width: 90%;
        margin: 0px auto;
    }

    .rl_wel_ser_box1 {
        clear: both;
        padding: 0px 0px 100px;
    }

    .rl_wel_ser_box1 h1 {
        font-size: 2.6em;
    }

    .rl_facts_inner {
        width: 90%;
    }

    .rl_facts1 {
        width: 100%;
    }

    .rl_facts1 h1 {
        text-align: center;
        font-size: 2.1em;
    }
    
    .rl_facts1 h1:after {
        margin: 0.4em auto;
        margin-top: 0.4em;
        margin-right: auto;
        margin-bottom: 0.4em;
        margin-left: auto;
    }

    .rl_facts2 {
        width: 100%;
    }

    .rl_footer_facts {
        width: 30%;
        margin: 1%;
    }

    .rl_footer_facts i {
        font-size: 3.00em;
    }

    .rl_footer_facts h3 {
        font-size: 1.8em;
    }

    .rl_footer_outter {
        background-position: left top;
        background-size: cover !important;
    }

    .rl_footer_inner {
        width: 90%;
    }
    
    
    .rl_desktop {
        display: block !important;
    }
    
    .rl_smalscreen {
        display: none;
    }



    
    
    


    
    
    
    
    
    
    
    




    /*About Us*/


   
    
    
    .rl_aboutus_top_inner {
        width: 90%;
        padding: 30% 0px 200px;
    }

    .rl_aboutus_top_inner .output h1 {
      font-size: 2.6em;
    }
    
    .rl_page_clear {
        clear: both;
        padding: 25% 0px 110px;
    }
    
    .rl_page_clear3 {
        clear: both;
        padding: 25% 0px 110px;
    }
    
    
    .rl_aboutus_copy_inner {
        display: inline-block;
        align-content: stretch;
    }

    .rl_aboutus_copy_1 {
        display: inline-block;
        width: 100%;
        padding: 5%;
    }
    
    .rl_aboutus_copy_1 h1 {
        font-size: 3.00em;
        text-align: center;
    }
    
    .rl_aboutus_copy_2 {
        width: 50%;
        padding: 2% 5%;
    }
    
    .rl_aboutus_copy_3 {
        width: 50%;
        padding: 13em 0px;
    }
    
    .rl_vision_inner {
        width: 90%;
    }

    .rl_vision_inner h1, .rl_why_choose_inner h1 {
        font-size: 2.2em;
    }
    
    .rl_desktop {
        display: none;
    }

    .rl_midscreen {
        display: block;
    }

    
    
    
    
    
    
    
    
    
    
    
    /*Services*/


    .rl_services_copy_inner {
        width: 90%;
    }

    .rl_services_copy_inner h1 {
        font-size: 2.2em;
    }
    
    .rl_services_recent_inner {
        width: 90%;
    }

    .rl_services_recent_inner h1 {
        font-size: 2.2em;
    }
    
    .rl_service_list_2 h1, .rl_service_list_3 h1 {
        font-size: 2.9em;
    }

    .rl_services_call_inner {
        width: 90%;
        border: 15px  solid;
        border-image: linear-gradient(45deg, rgba(0,128,225,1.00), rgba(16, 26, 112, 1.00)) 1;
        border-image-slice: 1;
    }

    .rl_services_call_inner h1, .rl_service_ba_inner h1  {
        font-size: 2.2em;
    }

    .rl_services_call_inner h3 {
        text-align: center;
        font-size: 1.6em;
    }

    

    
    
    
    
    
    
    
    /*Testimonianl*/





    .rl_test_inner {
        width: 90%;
        margin: 0px auto;
    }




    
    
    
    
    
    






    /*Contact*/



    .rl_contact_info_2 h1 {
        font-size: 2.2em;
    }
    
    
    .rl_contact_info_1 img {
        width: 100%;
        height: 100% !important;
    }
    
    
    .rl_contact_form_inner {
        width: 90%;
    }

    .rl_contact_form_inner h1 {
        font-size: 2.2em;
    }

    .rl_contact_form_inner h1:after {
        width: 5rem;
    }

    .rl_contact_form_1 {
        width: 40%;
        text-align: center;
    }

    .rl_contact_form_2 {
        width: 50%;
        margin: 2%;
        padding: 5%;
    }
    




    
}














@media only screen and (min-width:781px) and (max-width: 950px) {
	
    
    

    .rl_top_icon_inner {
        width: 100%;
    }
    
    .rl_top_days {
        width: 70%;
    }
    
    .rl_top_days h6 {
        padding: 5px 0px 0px 0px;
        line-height: 1.5em;
    }

    .topnoshow {
        display: none;
    }
    
    .topshow {
        display: inline-block;
    }
    
    .rl_top_social {
        display: none;
    }

    .rl_top_quote {
        width: 30%;
    }
    
    .rl_top_quote a {
        padding: 5px 10px;
    }

    .rl_top_header_inner {
        width: 90%;

    }
    
    .rl_logo {
        width: 40%;
    }

    .rl_logo img {
        max-width: 100px;
    }


    .rl_top_menu {
        width: 60%;
    }

    .rl_top_info_outter {
        clear: both;
    }

    .rl_top_info_inner {
        width: 95%;
        padding: 40% 0px 5%;
    }

    .rl_top_output h1 {
        font-size: 1.3em;
        line-height: 1.15em;
        text-align: center;
    }

    .rl_credit_inner {
        width: 90%;
        padding: 50px 0px 0px;
    }

    .rl_credit_copy {
        width: 100%;
    }

    .rl_credit_copy h2 {
        font-size: 1.30em;
        text-align: center;
    }

    .rl_credit_copy h2:after {
        margin: 0.4em auto;
        margin-top: 0.4em;
        margin-right: auto;
        margin-bottom: 0.4em;
        margin-left: auto;
    }

    .rl_credit_logo {
        width: 100%;
    }

    .rl_credit_logo img {
        margin: 2%;
        max-width: 100px;
    }
    
    .rl_wel_client_test_inner {
        width: 90%;
    }

    .rl_wel_client_test_inner h3 {
        font-size: 1.10em;
    }
    
    .rl_testi a, .rl_testi a:active {
        padding: 10px 20px;
    }


    .rl_work_with_you_inner {
        width: 90%;
    }

    .rl_work_with_1 {
        width: 100%;
    }

    .rl_work_with_1 h3 {
        font-size: 1.40em;
    }
    
    .rl_work_with_1 h5 {
        text-align: justify;
    }

    .rl_work_with_2 {
        width: 100%;
    }
    
    .rl_work_with_2 a, .rl_work_with_2 a:active {
        padding: 10px 20px;
    }
    
    .rl_wel_copy_inner {
        display: inline-block;
    }

    .rl_wel_copy_text {
        width: 100%;
        padding: 10% 5%;
    }

    .rl_wel_copy_text h1 {
        text-align: left;
        font-size: 1.4em;
    }
    
    .rl_wel_copy_text a, .rl_wel_copy_text a:active {
        padding: 10px 20px;
    }

    .rl_wel_copy_text ul {
        column-count: 2;
        column-gap: 50px;
    }

    .rl_wel_copy_pix, .rl_wel_copy_pix2, .rl_wel_copy_pix3 {
        width: 100%;
        background-position: center center;
        padding: 16em 0px;
    }
    
    
    .rl_wel_copy_pix4 {
        width: 100%;
    }

    .rl_home_about_outter {
        background-size:  cover !important;
        background-position: center;
    }

    .rl_home_about_inner {
        width: 90%;
        margin: 0px auto;
    }

    .rl_home_about_1 {
        width: 100%;
        display: inline-block;
        vertical-align: top;
        text-align: center;
    }

    .rl_home_about_1 h1 {
        font-size: 2.5em;
    }

    .rl_design_outter {
        background-position: center center;
        background-size: cover !important;
    }

    .rl_design_outter h2 {
        font-size: 2.60em;
        line-height: 1.15em;
    }
    
    .rl_wel_ser_inner {
        width: 90%;
        margin: 0px auto;
    }

    .rl_wel_ser_box1 {
        clear: both;
        padding: 0px 0px 100px;
    }

    .rl_wel_ser_box1 h1 {
        font-size: 1.8em;
    }

    .rl_facts_inner {
        width: 90%;
    }

    .rl_facts1 {
        width: 100%;
    }

    .rl_facts1 h1 {
        text-align: left;
        font-size: 1.4em;
    }

    .rl_facts2 {
        width: 100%;
    }

    .rl_footer_facts {
        width: 30%;
        margin: 1%;
    }

    .rl_footer_facts i {
        font-size: 2.60em;
    }

    .rl_footer_facts h3 {
        font-size: 1.3em;
    }

    .rl_footer_outter {
        background-position: left top;
        background-size: cover !important;
    }

    .rl_footer_inner {
        width: 90%;
    }

    .rl_footer_links {
        width: 47%;
    }

    .rl_footer_links img {
        width: 60%;
    }


    .rl_footer_links2 {
        width: 47%;
    }
    
    
    .rl_desktop {
        display: none;
    }
    
    .rl_smalscreen {
        display: block;
    }



    
    
    
    






    /*About Us*/


   
    
    .rl_aboutus_top_inner {
        width: 95%;
        padding: 55% 0px 100px;
    }

    .rl_aboutus_top_inner .output h1 {
      font-size: 1.4em;
    }
    
    .rl_page_clear {
        clear: both;
        padding: 10% 0px 50px;
    }
    
    .rl_page_clear2 {
        clear: both;
        padding: 100px 0px;
    }
    
    .rl_page_clear3 {
        clear: both;
        padding: 23% 0px 110px;
    }

    .rl_aboutus_copy_inner {
        display: inline-block;
        align-content: stretch;
    }

    .rl_aboutus_copy_1 {
        display: inline-block;
        width: 100%;
        padding: 10% 5%;
    }

    .rl_aboutus_copy_1 h1 {
        font-size: 2.00em;
        text-align: center;
    }

    .rl_aboutus_copy_2 {
        width: 100%;
    }
    
    .rl_aboutus_copy_3 {
        width: 100%;
        padding: 10em 0px;
    }
    
    .rl_vision_inner {
        width: 90%;
    }

    .rl_vision_inner h1, .rl_why_choose_inner h1 {
        font-size: 1.5em;
    }

    .rl_why_choose_inner {
        width: 90%;
    }
    
    .rl_icons h4 {
        margin: 2%;
        width: 45%;
    }

    


    
    
    
    
    






    /*Services*/


    .rl_services_copy_inner {
        width: 90%;
        padding: 200px 0px 0px;
    }

    .rl_services_copy_inner h1 {
        font-size: 1.4em;
    }
    
    .snrdesktop {
        display: none;
    }

    .snrsmallscreen {
        display: block;
    }

    .rl_service_list_inner {
        display: inline-block;
        align-content: stretch;
    }
    
    .rl_service_list_inner2{
        padding: 5%;
    }

    .rl_service_list_1 {
        width: 100%;
        margin: 0% 0px;
        padding: 10em 0px;
    }

    .rl_service_list_2 {
        width: 100%;
    }

    .rl_service_list_2 h1, .rl_service_list_3 h1 {
        font-size: 1.5em;
    }
    
    .rl_service_list_2 a, .rl_service_list_2 a:active {
        display: block;
        margin: 5px 0px 10px;
        text-align: center;
    }
    
    .rl_service_list_3 {
        width: 100%;
        padding: 0% 5%;
    }

    .rl_service_list_3 h5 {
        column-count: 1;
        column-gap: 100px;
    }
    
    .rl_services_recent_inner {
        width: 90%;
    }

    .rl_services_recent_inner h1, .rl_service_ba_inner h1  {
        font-size: 1.5em;
    }
    
    .rl_services_recent {
        width: 47%;
        margin: 3% 1%;
        text-align: center;
    }

    .rl_services_call_inner {
        width: 90%;
        border: 10px  solid;
        border-image: linear-gradient(45deg, rgba(0,128,225,1.00), rgba(16, 26, 112, 1.00)) 1;
        border-image-slice: 1;
        padding: 20px;
    }

    .rl_services_call_inner h1 {
        font-size: 1.4em;
    }

    .rl_services_call_inner h3 {
        text-align: center;
        font-size: 1.0em;
    }
    
    .rl_call a, .rl_call a:active {
        font-size: 0.95em;
        padding: 10px 20px;
    }
    
    
    
    
    
    
    
    
    
    
    /*Testimonianl*/





    .rl_test_inner {
        width: 100%;
        margin: 0px auto;
    }





    
    






    /*Team*/




    .snrsmallscreen{
        display: block;
    }
    
    .snrdesktop {
        display: none;
    }

    .rl_team_list_inner {
        display: inline-block;
    }

    .rl_team_list_1 {
        width: 100%;
    }

    .rl_team_list_2 {
        width: 100%;
    }

    .rl_team_list_2 h1 {
        font-size: 1.7em;
    }

    
    
    








    /*Contact*/




    .rl_contact_info_inner {
        display: inline-block;
    }

    .rl_contact_info_1 {
        width: 100%;
    }

    .rl_contact_info_2 {
        width: 100%;
        padding: 10%;
    }

    .rl_contact_info_2 h1 {
        font-size: 1.7em;
    }
    
    .rl_contact_form_inner {
        width: 90%;
    }

    .rl_contact_form_inner h1 {
        font-size: 1.7em;
    }

    .rl_contact_form_inner h1:after {
        width: 5rem;
    }

    .rl_contact_form_1 {
        width: 100%;
        text-align: center;
    }

    .rl_contact_form_1 i {
        font-size: 10.0em;
    }


    .rl_contact_form_2 {
        width: 100%;
        margin: 2%;
        padding: 5%;
    }
    



    
    
    

    






    
	
}





@media only screen and (min-width:471px) and (max-width: 780px) {
	
	




    .rl_top_icon_inner {
        width: 100%;
    }
    
    .rl_top_days {
        width: 70%;
        padding: 5px 20px 0px;
    }
    
    .rl_top_days h6 {
        padding: 5px 0px 0px 0px;
        line-height: 1.5em;
    }

    .topnoshow {
        display: none;
    }
    
    .topshow {
        display: inline-block;
    }
    
    .rl_top_social {
        display: none;
    }

    .rl_top_quote {
        width: 30%;
    }
    
    .rl_top_quote a {
        padding: 5px 10px;
    }

    .rl_top_header_inner {
        width: 90%;

    }
    
    .rl_logo {
        width: 40%;
    }

    .rl_logo img {
        max-width: 100px;
    }


    .rl_top_menu {
        width: 60%;
    }

    .rl_top_info_outter {
        clear: both;
    }

    .rl_top_info_inner {
        width: 95%;
        padding: 40% 0px 5%;
    }

    .rl_top_output h1 {
        font-size: 1.3em;
        line-height: 1.15em;
        text-align: center;
    }

    .rl_credit_inner {
        width: 90%;
        padding: 50px 0px 0px;
    }

    .rl_credit_copy {
        width: 100%;
    }

    .rl_credit_copy h2 {
        font-size: 1.30em;
        text-align: center;
    }

    .rl_credit_copy h2:after {
        margin: 0.4em auto;
        margin-top: 0.4em;
        margin-right: auto;
        margin-bottom: 0.4em;
        margin-left: auto;
    }

    .rl_credit_logo {
        width: 100%;
    }

    .rl_credit_logo img {
        margin: 2%;
        max-width: 100px;
    }
    
    .rl_wel_client_test_inner {
        width: 90%;
    }

    .rl_wel_client_test_inner h3 {
        font-size: 1.10em;
    }
    
    .rl_testi a, .rl_testi a:active {
        padding: 10px 20px;
    }


    .rl_work_with_you_inner {
        width: 90%;
    }

    .rl_work_with_1 {
        width: 100%;
    }

    .rl_work_with_1 h3 {
        font-size: 1.40em;
    }
    
    .rl_work_with_1 h5 {
        text-align: justify;
    }

    .rl_work_with_2 {
        width: 100%;
    }
    
    .rl_work_with_2 a, .rl_work_with_2 a:active {
        padding: 10px 20px;
    }
    
    .rl_wel_copy_inner {
        display: inline-block;
    }

    .rl_wel_copy_text {
        width: 100%;
        padding: 10% 5%;
    }

    .rl_wel_copy_text h1 {
        text-align: left;
        font-size: 1.4em;
    }
    
    .rl_wel_copy_text a, .rl_wel_copy_text a:active {
        padding: 10px 20px;
    }

    .rl_wel_copy_text ul {
        column-count: 2;
        column-gap: 50px;
    }

    .rl_wel_copy_pix, .rl_wel_copy_pix2, .rl_wel_copy_pix3 {
        width: 100%;
        background-position: center center;
        padding: 16em 0px;
    }

    
    .rl_wel_copy_pix4 {
        width: 100%;
    }
    
    .rl_home_about_outter {
        background-size:  cover !important;
        background-position: center;
    }

    .rl_home_about_inner {
        width: 90%;
        margin: 0px auto;
    }

    .rl_home_about_1 {
        width: 100%;
        display: inline-block;
        vertical-align: top;
        text-align: center;
    }

    .rl_home_about_1 h1 {
        font-size: 2.5em;
    }

    .rl_design_outter {
        background-position: center center;
        background-size: cover !important;
    }

    .rl_design_outter h2 {
        font-size: 2.60em;
        line-height: 1.15em;
    }
    
    .rl_wel_ser_inner {
        width: 90%;
        margin: 0px auto;
    }

    .rl_wel_ser_box1 {
        clear: both;
        padding: 0px 0px 100px;
    }

    .rl_wel_ser_box1 h1 {
        font-size: 1.8em;
    }

    .rl_facts_inner {
        width: 90%;
    }

    .rl_facts1 {
        width: 100%;
    }

    .rl_facts1 h1 {
        text-align: left;
        font-size: 1.4em;
    }

    .rl_facts2 {
        width: 100%;
    }

    .rl_footer_facts {
        width: 30%;
        margin: 1%;
    }

    .rl_footer_facts i {
        font-size: 2.60em;
    }

    .rl_footer_facts h3 {
        font-size: 1.3em;
    }

    .rl_footer_outter {
        background-position: left top;
        background-size: cover !important;
    }

    .rl_footer_inner {
        width: 90%;
    }

    .rl_footer_links {
        width: 47%;
    }

    .rl_footer_links img {
        width: 60%;
    }


    .rl_footer_links2 {
        width: 47%;
    }
    
    
    .rl_desktop {
        display: none;
    }
    
    .rl_smalscreen {
        display: block;
    }



    
    
    
    






    /*About Us*/


   
    
    .rl_aboutus_top_inner {
        width: 95%;
        padding: 55% 0px 100px;
    }

    .rl_aboutus_top_inner .output h1 {
      font-size: 1.4em;
    }
    
    .rl_page_clear {
        clear: both;
        padding: 10% 0px 50px;
    }
    
    .rl_page_clear2 {
        clear: both;
        padding: 170px 0px;
    }
    
    .rl_page_clear3 {
        clear: both;
        padding: 23% 0px 110px;
    }

    .rl_aboutus_copy_inner {
        display: inline-block;
        align-content: stretch;
    }

    .rl_aboutus_copy_1 {
        display: inline-block;
        width: 100%;
        padding: 10% 5%;
    }

    .rl_aboutus_copy_1 h1 {
        font-size: 2.00em;
        text-align: center;
    }

    .rl_aboutus_copy_2 {
        width: 100%;
    }
    
    .rl_aboutus_copy_3 {
        width: 100%;
        padding: 10em 0px;
    }
    
    .rl_vision_inner {
        width: 90%;
    }

    .rl_vision_inner h1, .rl_why_choose_inner h1 {
        font-size: 1.5em;
    }

    .rl_why_choose_inner {
        width: 90%;
    }
    
    .rl_icons h4 {
        margin: 2%;
        width: 45%;
    }

    


    
    
    
    
    






    /*Services*/


    .rl_services_copy_inner {
        width: 90%;
        padding: 350px 0px 0px;
    }

    .rl_services_copy_inner h1 {
        font-size: 1.4em;
    }
    
    .snrdesktop {
        display: none;
    }

    .snrsmallscreen {
        display: block;
    }

    .rl_service_list_inner {
        display: inline-block;
        align-content: stretch;
    }
    
    .rl_service_list_inner2{
        padding: 5%;
    }

    .rl_service_list_1 {
        width: 100%;
        margin: 0% 0px;
        padding: 10em 0px;
    }

    .rl_service_list_2 {
        width: 100%;
    }

    .rl_service_list_2 h1, .rl_service_list_3 h1 {
        font-size: 1.5em;
    }
    
    .rl_service_list_2 a, .rl_service_list_2 a:active {
        display: block;
        margin: 5px 0px 10px;
        text-align: center;
    }
    
    .rl_service_list_3 {
        width: 100%;
        padding: 0% 5%;
    }

    .rl_service_list_3 h5 {
        column-count: 1;
        column-gap: 100px;
    }
    
    .rl_services_recent_inner {
        width: 90%;
    }

    .rl_services_recent_inner h1, .rl_service_ba_inner h1  {
        font-size: 1.5em;
    }
    
    .rl_services_recent {
        width: 47%;
        margin: 3% 1%;
        text-align: center;
    }

    .rl_services_call_inner {
        width: 90%;
        border: 10px  solid;
        border-image: linear-gradient(45deg, rgba(0,128,225,1.00), rgba(16, 26, 112, 1.00)) 1;
        border-image-slice: 1;
        padding: 20px;
    }

    .rl_services_call_inner h1 {
        font-size: 1.4em;
    }

    .rl_services_call_inner h3 {
        text-align: center;
        font-size: 1.0em;
    }
    
    .rl_call a, .rl_call a:active {
        font-size: 0.95em;
        padding: 10px 20px;
    }
    
    
    
    
    
    
    
    
    
    
    /*Testimonianl*/





    .rl_test_inner {
        width: 100%;
        margin: 0px auto;
    }





    
    






    /*Team*/




    .snrsmallscreen{
        display: block;
    }
    
    .snrdesktop {
        display: none;
    }

    .rl_team_list_inner {
        display: inline-block;
    }

    .rl_team_list_1 {
        width: 100%;
    }

    .rl_team_list_2 {
        width: 100%;
    }

    .rl_team_list_2 h1 {
        font-size: 1.7em;
    }

    
    
    








    /*Contact*/




    .rl_contact_info_inner {
        display: inline-block;
    }

    .rl_contact_info_1 {
        width: 100%;
    }

    .rl_contact_info_2 {
        width: 100%;
        padding: 10%;
    }

    .rl_contact_info_2 h1 {
        font-size: 1.7em;
    }
    
    .rl_contact_form_inner {
        width: 90%;
    }

    .rl_contact_form_inner h1 {
        font-size: 1.7em;
    }

    .rl_contact_form_inner h1:after {
        width: 5rem;
    }

    .rl_contact_form_1 {
        width: 100%;
        text-align: center;
    }

    .rl_contact_form_1 i {
        font-size: 10.0em;
    }


    .rl_contact_form_2 {
        width: 100%;
        margin: 2%;
        padding: 5%;
    }
    






}












@media only screen and (min-width:50px) and (max-width: 470px) {
    
    


    .rl_top_icon_inner {
        width: 100%;
    }
    
    .rl_top_days {
        width: 70%;
        padding: 0px 20px 0px;
    }
    
    .rl_top_days h6 {
        padding: 5px 0px 0px 0px;
        line-height: 1.5em;
    }

    .topnoshow {
        display: none;
    }
    
    .topshow {
        display: inline-block;
        font-size: 0.90em;
    }
    
    .rl_top_social {
        display: none;
    }

    .rl_top_quote {
        width: 30%;
    }
    
    .rl_top_quote a {
        padding: 5px 10px;
    }

    .rl_top_header_inner {
        width: 90%;

    }
    
    .rl_logo {
        width: 40%;
    }

    .rl_logo img {
        max-width: 100px;
    }


    .rl_top_menu {
        width: 60%;
    }

    .rl_top_info_outter {
        clear: both;
    }

    .rl_top_info_inner {
        width: 95%;
        padding: 40% 0px 5%;
    }

    .rl_top_output h1 {
        font-size: 1.3em;
        line-height: 1.15em;
        text-align: center;
    }

    .rl_credit_inner {
        width: 90%;
        padding: 50px 0px 0px;
    }

    .rl_credit_copy {
        width: 100%;
    }

    .rl_credit_copy h2 {
        font-size: 1.30em;
        text-align: center;
    }

    .rl_credit_copy h2:after {
        margin: 0.4em auto;
        margin-top: 0.4em;
        margin-right: auto;
        margin-bottom: 0.4em;
        margin-left: auto;
    }

    .rl_credit_logo {
        width: 100%;
    }

    .rl_credit_logo img {
        margin: 2%;
        max-width: 100px;
    }
    
    .rl_wel_client_test_inner {
        width: 90%;
    }

    .rl_wel_client_test_inner h3 {
        font-size: 1.10em;
    }
    
    .rl_testi a, .rl_testi a:active {
        padding: 10px 20px;
    }


    .rl_work_with_you_inner {
        width: 90%;
    }

    .rl_work_with_1 {
        width: 100%;
    }

    .rl_work_with_1 h3 {
        font-size: 1.40em;
    }
    
    .rl_work_with_1 h5 {
        text-align: justify;
    }

    .rl_work_with_2 {
        width: 100%;
    }
    
    .rl_work_with_2 a, .rl_work_with_2 a:active {
        padding: 10px 20px;
    }
    
    .rl_wel_copy_inner {
        display: inline-block;
    }

    .rl_wel_copy_text {
        width: 100%;
        padding: 10% 5%;
    }

    .rl_wel_copy_text h1 {
        text-align: left;
        font-size: 1.4em;
    }
    
    .rl_wel_copy_text a, .rl_wel_copy_text a:active {
        padding: 10px 20px;
    }

    .rl_wel_copy_text ul {
        column-count: 1;
        column-gap: 50px;
    }

    .rl_wel_copy_pix, .rl_wel_copy_pix2, .rl_wel_copy_pix3 {
        width: 100%;
        background-position: center center;
        padding: 16em 0px;
    }
    
    .rl_wel_copy_pix4 {
        width: 100%;
    }

    .rl_home_about_outter {
        background-size:  cover !important;
        background-position: center;
    }

    .rl_home_about_inner {
        width: 90%;
        margin: 0px auto;
    }

    .rl_home_about_1 {
        width: 100%;
        display: inline-block;
        vertical-align: top;
        text-align: center;
    }

    .rl_home_about_1 h1 {
        font-size: 2.5em;
    }

    .rl_design_outter {
        background-position: center center;
        background-size: cover !important;
    }

    .rl_design_outter h2 {
        font-size: 2.60em;
        line-height: 1.15em;
    }
    
    .rl_wel_ser_inner {
        width: 90%;
        margin: 0px auto;
    }

    .rl_wel_ser_box1 {
        clear: both;
        padding: 0px 0px 100px;
    }

    .rl_wel_ser_box1 h1 {
        font-size: 1.8em;
    }

    .rl_facts_inner {
        width: 90%;
    }

    .rl_facts1 {
        width: 100%;
    }

    .rl_facts1 h1 {
        text-align: left;
        font-size: 1.4em;
    }

    .rl_facts2 {
        width: 100%;
    }

    .rl_footer_facts {
        width: 30%;
        margin: 1%;
    }

    .rl_footer_facts i {
        font-size: 2.60em;
    }

    .rl_footer_facts h3 {
        font-size: 1.3em;
    }

    .rl_footer_outter {
        background-position: left top;
        background-size: cover !important;
    }

    .rl_footer_inner {
        width: 90%;
    }

    .rl_footer_links {
        width: 47%;
    }

    .rl_footer_links img {
        width: 60%;
    }


    .rl_footer_links2 {
        width: 47%;
    }
    
    
    .rl_desktop {
        display: none;
    }
    
    .rl_smalscreen {
        display: block;
    }



    
    
    
    






    /*About Us*/


   
    
    .rl_aboutus_top_inner {
        width: 95%;
        padding: 55% 0px 100px;
    }

    .rl_aboutus_top_inner .output h1 {
      font-size: 1.2em;
    }
    
    .rl_page_clear {
        clear: both;
        padding: 10% 0px 50px;
    }
    
    .rl_page_clear2 {
        clear: both;
        padding: 100px 0px;
    }
    
    .rl_page_clear3 {
        clear: both;
        padding: 23% 0px 110px;
    }

    .rl_aboutus_copy_inner {
        display: inline-block;
        align-content: stretch;
    }

    .rl_aboutus_copy_1 {
        display: inline-block;
        width: 100%;
        padding: 10% 5%;
    }

    .rl_aboutus_copy_1 h1 {
        font-size: 2.00em;
        text-align: center;
    }

    .rl_aboutus_copy_2 {
        width: 100%;
    }
    
    .rl_aboutus_copy_3 {
        width: 100%;
        padding: 10em 0px;
    }
    
    .rl_vision_inner {
        width: 90%;
    }

    .rl_vision_inner h1, .rl_why_choose_inner h1 {
        font-size: 1.5em;
    }

    .rl_why_choose_inner {
        width: 90%;
    }
    
    .rl_icons h4 {
        margin: 2%;
        width: 45%;
    }

    


    
    
    
    
    






    /*Services*/


    .rl_services_copy_inner {
        width: 90%;
        padding: 200px 0px 0px;
    }

    .rl_services_copy_inner h1 {
        font-size: 1.4em;
    }
    
    .snrdesktop {
        display: none;
    }

    .snrsmallscreen {
        display: block;
    }

    .rl_service_list_inner {
        display: inline-block;
        align-content: stretch;
    }
    
    .rl_service_list_inner2{
        padding: 5%;
    }

    .rl_service_list_1 {
        width: 100%;
        margin: 0% 0px;
        padding: 10em 0px;
    }

    .rl_service_list_2 {
        width: 100%;
    }

    .rl_service_list_2 h1, .rl_service_list_3 h1 {
        font-size: 1.5em;
    }
    
    .rl_service_list_2 a, .rl_service_list_2 a:active {
        display: block;
        margin: 5px 0px 10px;
        text-align: center;
    }
    
    .rl_service_list_3 {
        width: 100%;
        padding: 0% 5%;
    }

    .rl_service_list_3 h5 {
        column-count: 1;
        column-gap: 100px;
    }
    
    .rl_services_recent_inner {
        width: 90%;
    }

    .rl_services_recent_inner h1, .rl_service_ba_inner h1  {
        font-size: 1.5em;
    }
    
    .rl_services_recent {
        width: 47%;
        margin: 3% 1%;
        text-align: center;
    }

    .rl_services_call_inner {
        width: 90%;
        border: 10px  solid;
        border-image: linear-gradient(45deg, rgba(0,128,225,1.00), rgba(16, 26, 112, 1.00)) 1;
        border-image-slice: 1;
        padding: 20px;
    }

    .rl_services_call_inner h1 {
        font-size: 1.4em;
    }

    .rl_services_call_inner h3 {
        text-align: center;
        font-size: 1.0em;
    }
    
    .rl_call a, .rl_call a:active {
        font-size: 0.95em;
        padding: 10px 20px;
    }
    
    
    
    
    
    
    
    
    
    
    /*Testimonianl*/





    .rl_test_inner {
        width: 100%;
        margin: 0px auto;
    }





    
    






    /*Team*/




    .snrsmallscreen{
        display: block;
    }
    
    .snrdesktop {
        display: none;
    }

    .rl_team_list_inner {
        display: inline-block;
    }

    .rl_team_list_1 {
        width: 100%;
    }

    .rl_team_list_2 {
        width: 100%;
    }

    .rl_team_list_2 h1 {
        font-size: 1.7em;
    }

    
    
    








    /*Contact*/




    .rl_contact_info_inner {
        display: inline-block;
    }

    .rl_contact_info_1 {
        width: 100%;
    }

    .rl_contact_info_2 {
        width: 100%;
        padding: 10%;
    }

    .rl_contact_info_2 h1 {
        font-size: 1.7em;
    }
    
    .rl_contact_form_inner {
        width: 90%;
    }

    .rl_contact_form_inner h1 {
        font-size: 1.7em;
    }

    .rl_contact_form_inner h1:after {
        width: 5rem;
    }

    .rl_contact_form_1 {
        width: 100%;
        text-align: center;
    }

    .rl_contact_form_1 i {
        font-size: 10.0em;
    }


    .rl_contact_form_2 {
        width: 100%;
        margin: 2%;
        padding: 5%;
    }
    





    


}











/*testimonial*/
 
.testimonial{
    padding: 20px 20px 20px 90px;
    margin: 10px 20px 50px 55px;
    border-left: 2px solid rgba(0,128,225,1.0);
    position: relative;
}
.testimonial:after{
    content: "";
    border-bottom: 25px solid rgba(0,128,225,1.0);
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    position: absolute;
    bottom: -24px;
    left: -26px;
}
.testimonial .pic{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 2px solid rgba(0,128,225,1.0);
    overflow: hidden;
    position: absolute;
    top: 0;
    left: -50px;
}
.testimonial .pic img{
    width: 100%;
    height: auto;
}
.testimonial .title{
    font-size: 1.4em;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 7px 0;
}
.testimonial .post{
    display: block;
    font-size: 12px;
    text-transform: capitalize;
}
.testimonial .description{
    font-size: 1.0em;
    text-align: left;
}
.owl-theme .owl-controls{ margin-top: 10px; }
.owl-theme .owl-controls .owl-page span{
    width: 35px;
    height: 15px;
    border-radius: 0;
    background: rgba(13,13,13,1.0);
    opacity: 0.8;
    transition: all 0.3s ease 0s;
}
.owl-theme .owl-controls .owl-page.active span{
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: rgba(0,128,225,1.0);
}









/*model box*/


.top_play_btn {
    text-align: left;
    border: none;
    outline: none;
    background: rgba(0,128,225,1.0);
    color: rgba(255,255,255,1.00);
    border-radius: 100%;
    width: 75px;
    height: 75px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
    
}


.top_play_btn i {
    font-size: 3.8rem;
    transition: ease-in-out 1s all;
}

.top_play_btn i:hover {
    font-size: 4.3rem;
    transition: ease-in-out 1s all;
    color: rgba(255,133,3,1.00);
}


.model{
  display:none;
  position:fixed;
  padding-top: 50px;
  top:0;
  left:0;
  z-index:9999999;
  overflow:auto;
  width: 100%;
  height: 100%;
  background-color:rgba(0,0,0,0.7);
}


.model_2{
  display:none;
  position:fixed;
  padding-top: 140px;
  top:0;
  left:0;
  z-index:9999999;
  overflow:auto;
  width: 100%;
  height: 100%;
  background-color:rgba(0,0,0,0.7);
}

.model-content{
  position: relative;
  width:70%;
  margin:auto;
  background-color:#fff;
  animation-name: animatetop;
  animation-duration: 0.4s;
  z-index:9999999;
    border-radius: 50px;
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

.close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
.modal-header {
    padding: 20px 16px;
    background-color: rgba(0,128,225,1.0);
    color: white;
    border-radius: 50px 50px 0px 0px;
}

.modal-body {
    padding: 0px;
}

.modal-footer {
    padding: 20px 16px;
    background-color: rgba(0,128,225,1.0);
    color: white;
    border-radius: 0px 0px 50px 50px;
}










.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}


.iframe-container{
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
  }
  .iframe-container iframe{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
  }








#backtop {
	position: fixed;
	left:auto;
	right: 20px;
	top:auto;
	bottom: 20px;
	outline: none;
    overflow:hidden;
    color:#fff;
    text-align:center;
    background-color: rgba(13,13,13,1.00);
    height:40px;
    width:40px;
    line-height:40px;
    font-size:14px;
    border-radius:5px;
    cursor:pointer;
    transition:all 0.3s linear;
    z-index:999999;
    opacity:1;
    display:none;
 }
 
 #backtop:hover {
	 background-color: rgba(0,128,225,1.00);
	 color: rgba(255,255,255,1.00);
}

#backtop.mcOut {
	opacity:0;
}




/* Cookies */


.cookie-banner, .cookie-settings {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0,128,225,1.00);
    color: rgba(255,255,255,1.00);
    text-align: center;
    padding: 50px 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    z-index: 55555;
}


.cookie_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.cookie-banner a, .cookie-banner a:active, .cookie-banner a:checked {
    color: #ffcc00;
    text-decoration: underline;
}

.cookie-banner a:hover {
    color: rgba(255,255,255,1.00);
    text-decoration: none;
}

.cookie-banner button, .cookie-settings button {
    background: #ffcc00;
    border: none;
    padding: 20px 40px;
    cursor: pointer;
    border-radius: 30px;
    font-weight: bold;
    outline: none;
    transition: all ease-in-out 1.5s;
    
}

.cookie-banner button:hover {
    background: #ff9900;
    transition: all ease-in-out 1.5s;
}

#customize-cookies {
    background-color: rgba(255,255,255,1.00);
    color: rgba(0,128,225,1.00);
    transition: all ease-in-out 1.5s;
}

#customize-cookies:hover {
    background-color: #ff9900;
    color: rgba(13,13,13,1.00);
    transition: all ease-in-out 1.5s;
}



.cookie-settings button {
    background-color: rgba(0,94,186,1.00);
    color: rgba(255,255,255,1.00);
}

.cookie-settings button:hover {
    background-color: rgba(0,128,225,1.00);
    color: rgba(255,255,255,1.00);
    transition: all ease-in-out 1.5s;
}

.cookie-settings {
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: space-between;
    width: 100%;
    max-width: 450px;
    padding: 20px;
    background: rgba(255,255,255,1.00);
    color: rgba(13,13,13,1.00);
    border-radius: 30px;
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}

.cookie-settings h3 {
    font-size: 1.3rem;
}


.cookie-settings label {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    gap: 20px;
/*    margin: 10px 0;*/
}


.cookie-settings label:hover {
    color: rgba(0,128,225,1.00);
}


#reject-cookies {
    background-color: rgba(13,13,13,1.00);
    color: rgba(255,255,255,1.00);
    transition: all ease-in-out 1.5s;
}

#reject-cookies:hover {
    background-color: rgba(55,55,55,1.00);
    transition: all ease-in-out 1.5s;
}




@media only screen and (max-width: 950px) {
	
    .cookie-settings {
        max-width: 80%;
    }
    
}


::-webkit-input-placeholder {
		color: rgba(77,77,79,1.00) !important;
		opacity: 1.0;
	}

	:-moz-placeholder {
		color: rgba(77,77,79,1.00) !important;
		opacity: 1.0;
	}

	::-moz-placeholder {
		color: rgba(77,77,79,1.00) !important;
		opacity: 1.0;
	}

	:-ms-input-placeholder {
		color: rgba(77,77,79,1.00) !important;
		opacity: 1.0;
	}

	.formerize-placeholder {
		color: rgba(77,77,79,1.00) !important;
		opacity: 1.0;
	}





@keyframes blink {
  0% {
    opacity: 1;
  }
  49% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}







@-webkit-keyframes fadebottom {
	0% {
	    opacity: 1;
	    -webkit-transform: translateY(0px);
	    transform: translateY(0px);
	}
	25% {
	    opacity: 0;
	     -webkit-transform: translateY(20px);
	    transform: translateY(20px);
	}
	30% {
	    opacity: 0;
	     -webkit-transform: translateY(0px);
	    transform: translateY(0px);
	}
	45% {
	    opacity: 1;
	     -webkit-transform: translateY(0px);
	    transform: translateY(0px);
	}
	100% {
	    opacity: 1;
	     -webkit-transform: translateY(0px);
	    transform: translateY(0px);
	}
}





 @-webkit-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-o-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}