/*CSS Document*/
@font-face {
  font-family: ExampleFont;
  src: url('https://fonts.googleapis.com/css?family=Abel'),
  url('https://fonts.googleapis.com/css?family=Lato');
  font-display: swap;
}

/*@import url('https://fonts.googleapis.com/css?family=Abel');
 @import url('https://fonts.googleapis.com/css?family=Lato');
 */
 * 
{
 margin: 0;
 padding:0;
 box-sizing: border-box;

}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary{
    display: block;
    }
body, html {
  height: 100%;
}
body
{
		font-family: 'Abel', sans-serif;
}

header.index
{
	font-family: 'Abel', sans-serif;
	padding: 5% 0 0 0;
	height: auto;
	width: 100%;
	background: #ccc;
	background-image: url('../images/header.jpg');
	background-size: cover;
	background-position: center;
  background-repeat: no-repeat;
color: #fff;}


header .indextitle
{
	padding: 0 0 0 10px;
	text-align: left;
	text-shadow: -1px -1px 0 #4e3f3f, 1px -1px 0 #4e3f3f, -1px 1px 0 #4e3f3f, 1px 1px 0 #4e3f3f;
	
}
header .title
{
	text-align: center;
	padding: 0 0 5% 0;
}

header span.maintitle
{	

color:  #fff;
display: inline-block;
font-size: 66px;
letter-spacing: 3px;
margin: 0 auto;
width: 50%;
	
}

header span.subtitle
{

color: #fff;
font-size: 32px;
margin-top: 10px;	
padding: 10px 0;
}

.index-banner
{
	padding: 1%;
	color: #fff;
	text-align: center;
	font-size: 20px;
  width: 50%;
  margin: 0 auto;

}

.index-banner .content
{
  
  margin: auto;
  width: 80%;
  text-shadow: -1px -1px 0 #4e3f3f, 1px -1px 0 #4e3f3f, -1px 1px 0 #4e3f3f, 1px 1px 0 #4e3f3f;
  background-color: rgba(5,13,3,0.8);

}
.slider ul
{
  text-align: left;
 padding: 0 25%;
}


.topbar
{
display: block;
width: 100%;
height: 79px;
margin: 0 0 79px 0;
  position: fixed; 
  top:0;
  color: #000;
	text-align: right;
	padding: 0 5% 0 0;
  z-index: 99999;
  background: #fff;
  box-shadow: 0px 5px 8px #000;
  font-family: 'Lato', sans-serif;


}
.topbar .logo
{
height:100%;
width: 15%;
text-align: center;
float:left;
padding: 2px 0 0;
line-height: 70px;
background-color: #fff;
}

.topbar .logo img
{

vertical-align: middle;
}


nav 
{
  font-size: 1em;
}

nav.main{
font-size: 1.2vw;
line-height: 70px;
}

nav  ul li {

    display: inline-block;
    text-align: center;
    text-decoration: none;
    min-width: 5%;
    margin: 0 5px;

}

article
{ 
	min-height: 50vh;
	text-align: center;
 	width:100%;
 	background: #FFF;

 }

 article:first-of-type
 {
    padding: 110px 0 0 0;
 }

 .content
{
	 padding: 5% 20%;
	 margin: 0 auto;
	 text-align:justify;
	 font-size: 1.2em;
	 
}

.content-wide
{
   padding: 5% 10%;
   margin: 0 auto;
   text-align:justify;
   font-size: 1.2em;
   
}

footer
{
background-color: #242424;
	color: #fff;
   padding: 5% 0;
}


/**************displays***********************/	
.inline-block, .inline-block-index
{ display: inline-block;
  margin: 0 auto;
  white-space: normal; 
  border:0;
  vertical-align: top;
  
}

.block-images
{ 
width: 100%;
padding: 0;

}

 .inline
 {
  display:inline;
 }
 .grid-container-2 {
  display: grid;
  grid-template-columns: repeat(2, 50%);
  align-items: stretch; /* Pack items around the center */ 
  grid-auto-rows: minmax(200px, auto);
  align-items: center; /* Pack items around the center */ 

}
 .grid-container-20-80 {
  display: grid;
   grid-template-columns: 20% 80%;
 align-items: stretch; /* Pack items around the center */ 
  grid-auto-rows: minmax(200px, auto);
  align-items: center; /* Pack items around the center */ 

}
 .grid-container-30-70 {
  display: grid;
   grid-template-columns: 30% 70%;
 align-items: stretch; /* Pack items around the center */ 
  grid-auto-rows: minmax(200px, auto);
  align-items: center; /* Pack items around the center */ 

}
 .grid-container-70-30 {
  display: grid;
   grid-template-columns: 70% 30%;
 align-items: stretch; /* Pack items around the center */ 
  grid-auto-rows: minmax(200px, auto);
  align-items: center; /* Pack items around the center */ 

}
 .grid-container-40-60 {
  display: grid;
   grid-template-columns: 40% 60%;
 align-items: stretch; /* Pack items around the center */ 
  grid-auto-rows: minmax(200px, auto);
  align-items: center; /* Pack items around the center */ 

}
 .grid-container-60-40 {
  display: grid;
   grid-template-columns: 60% 40%;
 align-items: stretch; /* Pack items around the center */ 
  grid-auto-rows: minmax(200px, auto);
  align-items: center; /* Pack items around the center */ 

}
 .grid-container-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: minmax(100px, auto);
  align-items: stretch; /* Pack items around the center */ 

}
 .grid-container-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
 
}
 .grid-facilities {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 0.5em;
     padding: 2.25em 1.6875em;
  background-image: -webkit-repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
  background-image: -moz-repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
  background-image: -ms-repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
  background-image: repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
  -webkit-background-size: 3px 3px;
  -moz-background-size: 3px 3px;
  background-size: 3px 3px;

 }

 .grid-facilities h3

 {

 }
.facilities-grid-item
{
	padding:30px;
}
.grid-items
{
grid-gap: 50px;
}

 .grid-container-auto {
  display: grid;
  grid-template-columns: 10% 40% 10% 40%;
  align-items: center; /* Pack items around the center */ 
  padding: 2%;
}


.spacer
{
  height: 40px;
}

/*******************parallax***************/
.parallex
{
	text-align: center;
}
.bgimg {
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}

/***************widths**********************/
.twenty
{ width: 20%;
}
.twenty-five
{ width: 25%;

}

.thirty, .thirty-list, .thirty-text
{ width: 30%;

}
.fifty
{ width: 49%;}
.seventy
{
	width: 70%;
}
.eighty
{
  width: 80%;

}
.wide
{ width: 50%;}

.fullwidth
{
  width:100%;
}

/***************heights**********************/

/*****************titles*********************/

.underline
{
  text-decoration: underline;
}

/*******************Collapsible************************/
.wrap-collabsible {
  margin-bottom: 1.2rem 0;
}

input[name='collapse'] {
  display: none;
}

.lbl-toggle {

    display: block;   
    text-transform: uppercase;
    text-align: center;
    padding: 5px 10px;

    background: #45b587;
    cursor: pointer;
    transition: all 0.25s ease-out;

}

.lbl-toggle:hover {
  color: #7C5A0B;
}
.lbl-toggle::before {
  content: ' ';
  display: inline-block;

  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid currentColor;

  vertical-align: middle;
  margin-right: .7rem;
  transform: translateY(-2px);

  transition: transform .2s ease-out;
}
.collapsible-content .content-inner {
  background: #fff;
  color: #000;
  text-align: left;
}
.collapsible-content {
  max-height: 0px;
  overflow: hidden;

  transition: max-height .25s ease-in-out;
}
.toggle:checked + .lbl-toggle + .collapsible-content {
  max-height: 100vh;
}
.toggle:checked + .lbl-toggle::before {
  transform: rotate(90deg) translateX(-3px);
}

.toggle:checked + .lbl-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
/********************************text***********************/
	
.inline-block  p
{
padding: 0 20px;
}	
.left
{text-align: left;
}
.right
{text-align: right;
}
.justify
{text-align: justify;
}
.padd30 ul, .listpad
{
	padding: 2% 0 0 20%;
}
.padd10
{
	padding: 10px;
}
.paddhoz30
{
	padding: 0 30px;
}
.paddvert30
{
	padding:30px 0;
}
.padd15
{
	padding: 15px;
}
.padd20 
{
	padding: 2% 0 0 10%;
}
.padd50 
{
	padding: 50px;
}

.padd-10-perc
{
  padding:10%;
}
.toppadd
{
  padding: 79px 0 0 0;
}
.whitetext
{
	color: #fff;
}
.red-text
{
  color: #f00a0a;
}
.green-text
{
color: #45b587;
}

.grey-text
{
  color: #515151!important;
}

.small
{
	font-size:0.5vw;
}
.large
{
	font-size: 1.2em;
	
}
.x-large
{
  font-size: 1.8em;
  
}

.xx-large
{
    font-size: 2.5em;
}
.oversize
{
	font-size: 3em;
	margin: 20px 0;
}
.text-overlay
{
	text-align:center;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%);
	z-index: 10;
	width: auto;
	background-color: rgba(92, 80, 80,0.5);
	width: 100%;
	font-size: 2em;
	padding: 5px;
	color: #fff;
	
}
.text-overlay-center
{
  text-align:left;
  position: absolute;
  top: 20%; 
  z-index: 10;
  width: 80%;
  background-color: rgba(92, 80, 80,0.5);
  width: 100%;
  left:5%;
  font-size: 2em;
    color: #fff;  
}
.text-overlay-left
{
text-align: left;
margin: 15% 0;
right: 0;
z-index: 10;
background-color: rgba(225, 225, 225,0.9);
width: 60%;
float: left;
position: relative;

}
.text-overlay-right
{
text-align: left;
margin: 15% 0;
right: 0;
z-index: 10;
background-color: rgba(225, 225, 225,0.9);
width: 60%;
float: right;
position: relative;
}

.text-overlay-rel
{
	text-align:left;
	position: relative;
	top: 50%;	z-index: 10;
	width: auto;
	background-color: rgba(92, 80, 80,0.5);
	width: 100%;
	font-size: 2em;
	padding: 0 15px;
	color: #fff;	
}

.nopadd
{
	padding: 0!important;
}
.no-padding-top
{
  padding-top: 0!important;
}

.centered
{
	text-align: center !important;
}
.marginauto
{
	margin: auto;
}

.margin10
{
	margin: 0 10px;
}

blockquote {
  background: #f9f9f9;
  border-left: 10px solid #E8B30C;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
  min-height: 50vh;
  display: block;
}


blockquote p {
 
   vertical-align: middle;
 
}
blockquote:before {
 
   content:open-quote;
   font-size: 2em;


}
blockquote:after {
 
   content:close-quote;
   font-size: 2em;
 }
 .inherit
 {
  font: inherit;
 }


.bold
{
  font-weight: bold;
}
/*****************lists*********************/
ul
{ list-style-type: circle;  }

ul.no-decoration
{
  list-style-type: none;
}

ul.green-decoration
{ list-style-type: none;  }
ul.green-decoration li::before {content: "•"; color: #45b587; padding: 0 5px;}

li span
{ 
	right:0;

}

ul.tick-list
{
list-style: none;
}
ul.tick-list li
{
	padding: 10px 0;
}
ul.tick-list li:before { 
content:''; 
display:inline-block; 
height:1em; 
width:1em; 
background-image:url('../images/svg/tick-mark.svg'); 
background-size:contain; 
background-repeat:no-repeat; 
vertical-align: middle;
padding: 0 2em 1em 0;
}
/************************banners******************/
hr.fancy{
    overflow: visible; /* For IE */
    padding: 0;
    border: none;
    border-top: medium double #333;
    color: #333;
    text-align: center;
}
hr.fnacy:after {
    content: "§";
    display: inline-block;
    position: relative;
    top: -0.7em;
    font-size: 1.5em;
    padding: 0 0.25em;
    background: white;
}

hr.white
{
  color: white;
  margin: 5% 0;

}
.thirty-height
{
  height: 30vh;
}
.tall
{
  min-height: 70vh;
}



.full-height
{
  height: 100%;
}
.banner
{
	font-size: 1.3em;
	margin: 0 auto;
	text-align:center;
	padding:0 0 50px 0;
}

.banner .title

{
 font-size: 1em;
 padding: 4vh 0;
 margin: auto;
}
.half-circle-left
{
  border-radius: 50% 0 0 50%;
}
.half-circle-right
{
  border-radius:0 0 50% 0;
}
.banner .circle, .circle
{
	border-radius: 50%;
	height: 150px;
	width: 150px;
	margin: 10px auto;
	}

.banner .circle p
{
	left: 50%;
	position: relative;
	top: 50%;
	transform: translate(-50%,-50%);
	z-index: 10;
	text-shadow: 0px 5px 5px #888888;

}
.left-curved
{
  border-radius: 10px 0 0 10px;
}
.right-curved
{
  border-radius: 0 10px 10px 0;
}
.drop-shadow
{
  box-shadow: 0px 5px 5px #888888;
}

.dot-background
{
	
  background-image: -webkit-repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
  background-image: -moz-repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
  background-image: -ms-repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
  background-image: repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
  -webkit-background-size: 3px 3px;
  -moz-background-size: 3px 3px;
  background-size: 3px 3px;
}

.strip-background
{

}

/*********************borders******************/
.border
{
	border: 2px solid #4e3f3f;
}
.border-thick-white
{
  border: 3px solid #fff;
}
.border-green
{
	border: 2px solid #45b587;
}

.border-bottom-white
{

    border-bottom:2px solid #fff;
}
.border-bottom-green
{

    border-bottom:2px solid #45b587;
}
.border-top-green
{

    border-top:2px solid #45b587;
}
.border-bottom-red
{

    border-bottom:2px solid #f51c1c;
}
.border-top-red
{

    border-top:2px solid #f51c1c;
}
.dotted-border
{
	border: 2px dotted #45b587;
}

.text-stroke-black

{
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;

}
.text-stroke-white

{
  text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;

}

/*************background*******************/
.darkgreen
{
	 background-color: #187D27;
}
.gold
{
	 background-color: #E8B30C;
}

.ice-blue
{
  
    background-color: #08b6d5;
}
.sky-blue
{
  background-color: rgb(78, 161, 255);
}
.blue
{
	background-color: #d1e9ef;
}

.dark-blue
{
background: rgba(31,82,122,1);
}
.light-grey
{
    background-color: rgb(234, 233, 233);
}
.grey
{
		background-color: rgba(234, 234, 234, 0.6);
}
.dark-grey
{
  background-color: #515151;
}

.darker-grey
{
  background-color: #363636;
}
.orange
{
    background-color: #ff8a33;
}
.olive
{
	background-color: #88d9a7;
}

.yellow
{
	background-color: #ffe488;
}

.green
{
 background-color: #d3f472;
}
.black{
 background-color: #000;
}

.offwhite
{
	background-color: #efefef;
}
.white
{
	 background-color: #fff;
}
.light-red
{
  background-color: rgb(255, 101, 101);
}
.red
{
	background-color: #e04445;
}
.charcoal
{
	background-color: rgba(39,39,39, 0.6);
}
/**************background textures************************/


/**************background images************************/
.quickenquiry
{
	background-image:url('../images/quick-loan-enquiry.jpg');
	min-height: 50vh;
}

.application
{

	background-image:url('../images/rla-finance-application.jpg');
	min-height: 50vh;
}
.benefits-of-finance
{
  background-image:url('../images/benefits-of-finance.jpg');
 
  background-size: cover;
}
.finance
{
	background-image:url('../images/finance.jpg');
	min-height: 100vh;
}

.referrer
{
	background-image: url('../images/become-a-referrer.jpg'); 
	min-height: 40vh;
}
.why-rla-capital
{
    background-image:url('../images/why-rla-capital.jpg');
    background-size: cover;
    background-position: center;
}

.bw
{ background-image: url('../images/bwmeeting.jpg'); 
	min-height: 100vh;
}
.meeting01
{ background-image: url('../images/meeting01.jpg'); 
	min-height: 40vh;
}

.phone
{
	background-image:url('../images/phone.jpg');
		min-height: 50vh;
	background-size: cover;
	background-position: center center;
}	


.post img 
{ width:50%; text-align: center; float:left; padding:0.5em;}


/******************links****************************/
a:active, a:hover, a:visited, a:link
{
	color: inherit;
	text-decoration: none;
}

            /* Ensure elements are hidden before fading in */
            [data-entrance] { visibility: hidden; }
		
/*fix fixed nav offset issues! */	
:target:before 
{
	content:"";
	display:block;
	height:50px; /* fixed header height*/
	margin:-50px 0 0; /* negative fixed header height */
}	
			

	
	/*************************form styling************************************/

 
.form_wrap {

    padding: 5% 0;
}
.form-overlay {
    margin: 0 auto;
    z-index: 10;
    box-shadow: 0px 0px 8px #000;
    width: 90%;
    font-size: 1em;
    font-weight: bold;
    padding: 5px;
    color: #fff;
    line-height: normal;
}
form[name="register"], form[name="callback"], form[name="quickenquiry"]
   {
    margin: auto;
    padding: 0 5%;
    width: 80vw;
    vertical-align: text-top;
    text-align: center;
}
 form[name="beginapplication"]
 {
 	text-align: left;
 	margin: auto;
 }

form[name="partners"] input, form[name="partners"] select, form[name="callback"] input, form[name="beginapplication"] input, form[name="quickenquiry"] input, form[name="beginapplication"] select, form[name="callback"] select, form[name="quickenquiry"] select
{
	border: 1px #ccc solid;
	border-radius: 3px;
}
form[name="callback"] label
{
	margin: 0 10px;
}

text, input, textarea, select, .next {
    width: 30vw;
    height: 35px;
    margin: 10px 0;
    border-width: 0px;
    background-color: #f9fafc;
}


form[name="partners"] label
{
	display: inline-block;
	width:10vw;
	padding: 0 0 0 10px;

}
form[name="partners"] input, form[name="partners"] select, .next
{
	width: 20vw;
}

select[name="timecall"], input[name="datecall"], input[name="latest_accounts"] 
{
	width: auto;
	padding: 3px;
}

.ui-slider
{
	width: 50vw;
	margin: 0 auto;
	background-color: #ccc;
}
.ui-slider-handle {
    background-color: #E8B30C !important;
}
.margin20
{
	margin: 10px 0;
}

textarea
{
	height:200px;
	width: 60vw;
	padding: 10px 0;
}
input[type=submit]
{ 	
	margin:20px auto;
	width:200px;
	padding: 5px 0;
	font-size:1em;
	color:#fff;
	height: auto;
	border-radius: 5px;
	

}

input:focus, text:focus /*styles fields wjhen user selects them*/
{

}
.terms {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;


}
.terms input[type="checkbox"]
{
	width:10vw;
	vertical-align: middle;
}
.terms a
{
	font-weight: bold;
	padding: 3px 10px;
	border: 1px dotted red;
}

.subscribe
 {
  background-color: #ff8a33;
  padding: 5% 15%;
 } 

 .subscribe input
 {
  background-color: inherit;
  border-radius: 0px;
  height: 45px;

  border-bottom:1px solid #fff;
  vertical-align: middle;
 }
 .subscribe input[type="submit"]
 {
 margin: 0!important;
 font-size: 1em;
}
 .subscribe input[type="submit"]:hover
 {
  font-weight: bolder;
 }
  .subscribe input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: white;
  opacity: 1; /* Firefox */
}

 .subscribe input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: white;
}

 .subscribe input::-ms-input-placeholder { /* Microsoft Edge */
  color: white;
}

/************************icons/buttons******************************/
.mini_icon

{

	width: 50px;
}
.nav_icon
{ 
  width: 60px;
  padding:0 5px;
}
.small_icon
{ 
	width: 90px;
}
.med_icon
{ 
	width: 100%;
	padding:20px;
}
.med_img
{ 
  width: 100%;
  
}
.footer-icon
{
  width: 30%;
}
.logo img
{
	height:90%;
	width:auto;

}
.vert_middle
{ vertical-align:middle!important;}

.contact_btn
{
	position: fixed;
	bottom: 2vw;
	right: 2vw;
	border-radius: 20px;
	text-align: center;
	font-size: 1.2em;
	z-index: 9999;
}

.apply_btn
{
	
	font-size: 50px;
	padding: 5px 10px;
	border-radius: 5px;
	width: 150px;
  margin:5% 1%;
}
.apply_btn.red
{

background-color: #ff0000;
}
.apply_btn.black
{

background-color: #000;
}
.next_btn
{
	margin: 20px auto;
width: 200px;
padding: 5px 0;
font-size: 1.2em;
color: #fff;
height: auto;
 background-color: #E8B30C;
    text-align: center;
    border-radius: 3px;
}
.calendar
{
	background-image: url("../images/svg/calendar.svg");
	background-repeat: no-repeat;
	background-position: right center;
	min-width: 50px;
	min-height: 50px;

}

.menu-trigger
{
	
	position: fixed;
	z-index: 9999;
	top: 1em;
	left:1em;
}

/*****************maps/iframes/videos*****************/

#map

{
	height: 100%;
	width: 100%;
}

.msgwrap
{
	margin: 0 auto;
	padding: 10px 10%;
	background-color: rgba(255,147,143, 0.6);
	width: 80vw;
	font-size: 1.3em;
	text-align: left;
}
.greenmsgwrap
{
	margin: 0 auto;
	padding: 10px;
	background-color: rgba(211, 244, 114, 0.6);
	width: 40vw;
	font-size: 1.3em;
	text-align: left;
}


.video
{
  height: 50vh;
  text-align: center;
  background-color: #000;
}

.video video
{
  height:100%;
  margin:auto;
}

/**********************slider**************************/



@-webkit-keyframes check {
  50% {
    outline-color: #333;
    box-shadow: 0 0 0 12px #333, 0 0 0 36px rgba(51, 51, 51, 0.2);
  }
  100% {
    outline-color: #333;
    box-shadow: 0 0 0 0 #333, 0 0 0 0 rgba(51, 51, 51, 0);
  }
}

@keyframes check {
  50% {
    outline-color: #333;
    box-shadow: 0 0 0 12px #333, 0 0 0 36px rgba(51, 51, 51, 0.2);
  }
  100% {
    outline-color: #333;
    box-shadow: 0 0 0 0 #333, 0 0 0 0 rgba(51, 51, 51, 0);
  }
}

/****************3rd part custom *************************/

/**slick**/

.slick-dots
{
    background-color: #515151;
    width: 90%;
    bottom: 5%;
}
.slick-dots li button:before {
    color: red;
       font-size: 40px;
        line-height: 30px;

  }
.slick-dotted.slick-slider
{
  margin-bottom: 0;
    color: white;
}

/**********************res nav*************************/
.res-nav-wrap-header
{
  height: 40px;
  position: fixed;
  top: 0;
  background-color: #fff;
  width: 100%;
  z-index: 99999;
}

.res-nav-wrap ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  background-color: #fff;
  float:right;

}

.res-nav-wrap li a, .dropdown a   {
  display: block;
  padding: 20px 20px;
  border-right: 1px solid #f4f4f4;
  text-decoration: none;

}

.res-nav-wrap li a:hover,
.res-nav-wrap .menu-btn:hover {
  background-color: #f4f4f4;
}

.res-nav-wrap .logo img {
  display: block;
  float: left;
  text-decoration: none;
  height: 40px;
  width: auto;
  padding: 2px;
  background-color: #fff;
}

/* menu */

.res-nav-wrap .menu {
  clear: both;
  max-height: 0;
  transition: max-height 0.2s ease-out;
  width: 50vw;

}

/* menu icon */

.res-nav-wrap .menu-icon {
  cursor: pointer;
  display: inline-block;
  float: right;
  padding:20px;
  position: relative;
  user-select: none;
}

.res-nav-wrap .menu-icon .navicon {
  background: #333;
  display: block;
  height: 2px;
  position: relative;
  transition: background 0.2s ease-out;
  width: 18px;
}

.res-nav-wrap .menu-icon .navicon:before,
.res-nav-wrap .menu-icon .navicon:after {
  background: #333;
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  transition: all 0.2s ease-out;
  width: 100%;
}

.res-nav-wrap .menu-icon .navicon:before {
  top: 5px;
}

.res-nav-wrap .menu-icon .navicon:after {
  top: -5px;
}

/* menu btn */

.res-nav-wrap .menu-btn {
  display: none;
}

.res-nav-wrap .menu-btn:checked ~ .menu {
  max-height: 100vh;
}

.res-nav-wrap .menu-btn:checked ~ .menu-icon .navicon {
  background: transparent;
}

.res-nav-wrap .menu-btn:checked ~ .menu-icon .navicon:before {
  transform: rotate(-45deg);
}

.res-nav-wrap .menu-btn:checked ~ .menu-icon .navicon:after {
  transform: rotate(45deg);
}

.res-nav-wrap .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.res-nav-wrap .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  top: 0;
}


.mobile-only
{
  display: none;
}

/* 48em = 768px */