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

/******************************

[Table of Contents]

1. Fonts
2. Body and some general stuff
3. Header
4. Menu
5. Home
6. Categories
7. Locations
8. Food
9. How it works
10. CTA
11. CTA 2
12. Clients
13. Footer


******************************/

/***********
1. Fonts
***********/

@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900');

/*********************************
2. Body and some general stuff
*********************************/

*
{
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
body
{
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	font-weight: 400;
	background: #FFFFFF;
	color: #a5a5a5;
}
div
{
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
ul
{
	list-style: none;
	margin-bottom: 0px;
}
p
{
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	line-height: 2.145;
	font-weight: 400;
	color: #707070;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
p a
{
	display: inline;
	position: relative;
	color: inherit;
	border-bottom: solid 1px #ffa07f;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
p:last-of-type
{
	margin-bottom: 0;
}
a
{
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
a, a:hover, a:visited, a:active, a:link
{
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
a:hover
{
	color: #ffb400 !important;
}
p a:active
{
	position: relative;
	color: #FF6347;
}
p a:hover
{
	color: #FFFFFF;
	/* background: #ffa07f; */
}
p a:hover::after
{
	opacity: 0.2;
}
::selection
{
	background: rgba(255,165,75,0.85);
	color: #FFFFFF;
}
p::selection
{
	
}
h1{font-size: 48px;}
h2{font-size: 36px;}
h3{font-size: 24px;}
h4{font-size: 18px;}
h5{font-size: 14px;}
h1, h2, h3, h4, h5, h6
{
	font-family: 'Poppins', sans-serif;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
	font-weight: 600;
	line-height: 1.2;
	color: #000000;
}
h1::selection, 
h2::selection, 
h3::selection, 
h4::selection, 
h5::selection, 
h6::selection
{
	
}
img
{
	max-width: 100%;
}
button:active
{
	outline: none;
}
.form-control
{
	color: #db5246;
}
section
{
	display: block;
	position: relative;
	box-sizing: border-box;
}
.clear
{
	clear: both;
}
.clearfix::before, .clearfix::after
{
	content: "";
	display: table;
}
.clearfix::after
{
	clear: both;
}
.clearfix
{
	zoom: 1;
}
.float_left
{
	float: left;
}
.float_right
{
	float: right;
}
.trans_200
{
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.trans_300
{
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.trans_400
{
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
.trans_500
{
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.fill_height
{
	height: 100%;
}
.super_container
{
	width: 100%;
	overflow: hidden;
}
.super_container_inner
{
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
.super_container_inner.active
{
	-webkit-transform: translateX(-350px);
	-moz-transform: translateX(-350px);
	-ms-transform: translateX(-350px);
	-o-transform: translateX(-350px);
	transform: translateX(-350px);
}
.super_overlay
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100%;
	background: rgba(255,255,255,0.85);
	z-index: 1001;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
.super_container_inner.active .super_overlay
{
	visibility: visible;
	opacity: 1;
	pointer-events: auto;
}
.prlx_parent
{
	overflow: hidden;
}
.prlx
{
	height: 130% !important;
}
.parallax-window
{
    min-height: 400px;
    background: transparent;
}
.parallax_background
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.background_image
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.nopadding
{
	padding: 0px !important;
}
.owl-carousel,
.owl-carousel .owl-stage-outer,
.owl-carousel .owl-stage,
.owl-carousel .owl-item
{
	height: 100%;
}
.slide
{
	height: 100%;
}
.section_title
{
	padding-top: 14px;
}
.section_title h1
{
	font-size: 30px;
}
.section_title h1 span
{
	color: #ff4d19;
}
.section_title::after
{
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 34px;
	height: 2px;
	background: #ffb400;
	content: '';
}
.container_custom .container
{
	max-width: 1600px;
}
.button
{
	width: 196px;
	height: 57px;
	background: #ff4d19;
	border-radius: 5px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.button a
{
	display: block;
	height: 100%;
	font-size: 16px;
	font-weight: 500;
	color: #FFFFFF;
	text-align: center;
	line-height: 57px;
}
.button:hover
{
	background: #FFFFFF;
}

.button2
{
	width: 40%;
	top: 20px;
	height: 57px;
	background: #38b09d;
	border-radius: 5px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.button2 a
{
	display: block;
	height: 100%;
	font-size: 16px;
	font-weight: 500;
	color: #FFFFFF;
	text-align: center;
	line-height: 57px;
}
.button2:hover
{
	background: #FFFFFF;
}
.button2-1
{
	width: auto;
	margin: auto;
	padding: 0 15px 0 15px;
	top: 20px;
	height: auto;
	/* background: #38b09d; */
	background: #ff8019;
	border-radius: 5px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.button2-1 a
{
	display: block;
	height: 100%;
	font-size: 14px;
	font-weight: 500;
	color: #FFFFFF;
	text-align: center;
	line-height: 57px;
}
.button2-1:hover
{
	background: #FFFFFF;
}
/*********************************
3. Header
*********************************/

.header
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
.header.scrolled
{
	background: rgba(255,255,255,0.9);
	box-shadow: 0px 10px 15px rgba(0,0,0,0.15);
}
.header.scrolled .main_nav ul li a{
	color: #000;
}
.header.scrolled .main_nav ul li.active a
{
	color: #ff4d19;
	font-weight: 500;
}
.header.scrolled .log_reg ul li a
{
	color: #000;
}
.header.scrolled .log_reg ul li:not(:last-of-type)::after
{
	color: #000;
}	
.header.scrolled .logo
{
	background: url("../images/logo/lapasarfav1.png") no-repeat top left;
	background-size: contain;
	clear: both;
    padding: 0px;
    margin: 0px;
    width: 160px;
    height: 40px;
	transition: 200ms ease; 
	filter: unset;
}
.header.active
{
	-webkit-transform: translateX(-350px);
	-moz-transform: translateX(-350px);
	-ms-transform: translateX(-350px);
	-o-transform: translateX(-350px);
	transform: translateX(-350px);
}
.header_overlay
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.85);
	z-index: 1;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
.header.active .header_overlay
{
	visibility: visible;
	opacity: 1;
}
.header_content
{
	width: 100%;
	height: 100px;
	padding-left: 50px;
	padding-right: 50px;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
.header.scrolled .header_content
{
	height: 80px;
}
.logo a
{
	font-size: 24px;
	color: #FFFFFF;
}
.logo a span
{
	color: #ffb400;
}
.logo a span:last-child
{
	font-weight: 700;
}
.logo
{
	background: url("../images/logo/lapasarfav2.png") no-repeat top left;
	background-size: contain;
    padding: 0px;
    margin: 0px;
    width: 165px;
    height: 50px;
	/*filter: drop-shadow(0px 0px 4px rgba(0,0,0,0.3));*/
}
.main_nav ul li:not(:last-of-type)
{
	margin-right: 59px;
}
.main_nav ul li a
{
	font-size: 16px;
	font-weight: 300;
	color: #fff;
}
.main_nav ul li.active a
{
	color: #ff4d19;
	font-weight: 500;
}
.log_reg
{
	margin-left: 28px;
}
.log_reg ul li:not(:last-of-type)::after
{
	display: inline-block;
	content: '/';
	margin-left: 6px;
	margin-right: 6px;
	font-size: 16px;
	font-weight: 300;
	color: #FFFFFF;
}
.log_reg ul li a
{
	font-size: 16px;
	font-weight: 300;
	color: #FFFFFF;
}
.log_reg ul li:first-child a
{
	color: #ff4d19;
}
.add_listing
{
	width: 196px;
	height: 57px;
	border: solid 4px #ff4d19;
	border-radius: 5px;
	margin-right: 10px;
}
.add_listing a
{
	display: block;
	width: 100%;
	height: 100%;
	line-height: 52px;
	font-size: 16px;
	color: #ff4d19;
	font-weight: 700;
	text-shadow: 0px 0px 5px rgba(255, 255, 255, 1.25);
}
.add_listing:hover
{
	border-color: #ffb400;
}
.add_listing:hover a
{
	color: #ffb400 !important;
}
.hamburger
{
	display: none;
	margin-left: 30px;
	cursor: pointer;
}
.hamburger i
{
	font-size: 20px;
	color: #FFFFFF;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.header.scrolled .hamburger i
{
	color: #000;
}
.hamburger:hover i
{
	color: #ffb400;
}

/*********************************
4. Menu
*********************************/

.menu
{
	position: fixed;
	top: 0;
	right: -350px;
	background: #FFFFFF;
	width: 350px;
	height: 100vh;
	z-index: 101;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
.menu.active
{
	right: 0;
}
.menu_container
{
	padding-top: 57px;
	padding-right: 30px;
	width: 100%;
	height: 100%;
}
.menu_close
{
	display: inline-block;
	text-align: right;
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	color: #000000;
	cursor: pointer;
}
.menu_close:hover
{
	color: #ffb400;
}
.menu_nav
{
	margin-top: 107px;
	flex-grow: 1;
    overflow: auto;
    align-content: space-between;
    height: 50%;
}
.menu_nav ul li:not(:last-of-type)
{
	margin-bottom: 1px;
}
.menu_nav ul li a
{
	font-size: 24px;
	color: #000000;
}
.menu_link
{
	display: block;
	position: absolute;
	bottom: 20px;
	right: 30px;
}
.menu_link a
{
	font-size: 27px;
	font-weight: 700;
	color: #ffb400;
}
.menu_nav a, .dropdown-btn {
  padding: 6px 8px 6px 16px;
  text-decoration: none;
  font-size: 24px;
  color: #000000;
  display: block;
  border: none;
  background: none;
  width: 100%;
  text-align: right;
  cursor: pointer;
  outline: none;
}
.menu_nav .dropdown-container {
  display: none;
  padding-left: 8px;
}
.menu_nav .dropdown-container a{
  color: #707070;
}

/* Optional: Style the caret down icon */
.menu_nav .fa-caret-down {
  padding-right: 10px;
}
.menu_nav .dropdown-btn.active {
  color: #ff4d19;
  border: none;
}

/*********************************
5. Home
*********************************/

.home-1, .home-2
{
	height: 539px;
	background: transparent;
	overflow: hidden;
}
.home.static
{
	height: 100px;
	background: transparent;
	overflow: hidden;
}
.home_slider_container
{
	width: 100%;
	height: 95%;
}
/*----Home Link---*/
.home_slider_link
{
	position: absolute;
	top: 60%;
	left: 53px;
	z-index: 1;
	width: 5%;
}
.home_slider_custom_link
{
	position: relative;
	width: 100%;
	text-align: center;
	background: transparent;
	line-height: 35px;
	font-size: 16px;
	font-weight: 300;
	color: #d6d6d6;
	cursor: pointer;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.home_slider_custom_link li:hover
{
	opacity: 0.5;
}
/*----End Home Link---*/
.home_slider_dots
{
	position: absolute;
	top: 80%;
	left: 53px;
	z-index: 1;
}
.home_slider .owl-dots
{
	display: none;
}
.home_slider_custom_dot
{
	position: relative;
	width: 100%;
	text-align: center;
	background: transparent;
	line-height: 35px;
	font-size: 16px;
	font-weight: 300;
	color: #d6d6d6;
	cursor: pointer;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.home_slider_custom_dot:hover,
.home_slider_custom_dot.active
{
	color: #ff4d19;
}
.home_slider_custom_dot:not(:last-child)
{
	margin-bottom: 15px;
}
.home_container
{
	position: absolute;
	left: 0;
	top: 36.2%;
	width: 100%;
}
.home_content
{

}
.home_title
{
	display: inline-block;
}
.home_title h1
{
	color: #FFFFFF;
	font-size: 49px;
	font-weight: 700;
	line-height: 1.2;
	text-shadow: 0px 0px 15px rgba(0,0,0,1);
}
.home_title h1 span
{
	position: relative;
	line-height: 1.2;
}
/* .home_title h1 span::after
{
	display: block;
	position: absolute;
	top: 22px;
	right: -8px;
	width: 27px;
	height: 27px;
	border-radius: 50%;
	background: #ffb400;
	line-height: 27px;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	color: #FFFFFF;
	content: '+';
} */
.search_form_container
{
	margin-top: 36px;
}
.search_form
{
	display: block;
}
.search_input
{
	display: block;
	width: calc(100% - 214px);
	height: 57px;
	border: none;
	outline: none;
	padding-left: 27px;
	border-radius: 5px;
	font-size: 16px;
	font-weight: 400;
	color: #000000;
}
.search_input::-webkit-input-placeholder
{
	font-size: 16px !important;
	font-weight: 400 !important;
	color: #b9b9b9 !important;
}
.search_input:-moz-placeholder
{
	font-size: 16px !important;
	font-weight: 400 !important;
	color: #b9b9b9 !important;
}
.search_input::-moz-placeholder
{
	font-size: 16px !important;
	font-weight: 400 !important;
	color: #b9b9b9 !important;
} 
.search_input:-ms-input-placeholder
{ 
	font-size: 16px !important;
	font-weight: 400 !important;
	color: #b9b9b9 !important;
}
.search_input::input-placeholder
{
	font-size: 16px !important;
	font-weight: 400 !important;
	color: #b9b9b9 !important;
}
.search_button
{
	width: 196px;
	height: 57px;
	border: none;
	outline: none;
	background: #ffb400;
	border-radius: 5px;
	cursor: pointer;
	font-size: 16px;
	font-weight: 500;
	color: #FFFFFF;
}

/*********************************
6. Categories
*********************************/

.categories
{
	z-index: 2;
}
.categories_container
{
	border-radius: 5px;
	box-shadow: 0px 10px 30px rgba(0,0,0,0.35);
	margin-top: -132px;
	background: #FFFFFF;
}
.category
{
	width: 20%;
}
.category:not(:last-child)::after
{
	display: block;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	right: -1px;
	width: 2px;
	height: 50%;
	background: #e1ecf4;
	content: '';
}
.category a
{
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	padding-top: 36px;
	padding-bottom: 37px;
}
.cat_icon
{
	width: 60px;
	/*height: 60px;*/
}
.cat_icon i
{
	font-size: 27px;
	color: #d9d9d9;
}
.cat_icon img
{
	max-height: 100%;
}
.cat_icon svg
{
	max-width: 100%;
	max-height: 100%;
}
.svg path, .svg rect, .svg polygon
{
    fill: #c7d6db;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.category:hover .svg path,
.category:hover .svg rect,
.category:hover .svg polygon
{
	fill: #ffb400;
}
.cat_title
{
	font-size: 14px;
	font-weight: 500;
	color: #707070;
	line-height: 1.66;
	margin-top: 26px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.category:hover .cat_title
{
	color: #ffb400;
}

.category:hover .cat_icon i
{
	color: #ffb400;
}
/*********************************
7. Locations
*********************************/

.locations
{
	background: #FFFFFF;
	padding-top: 95px;
	z-index: 1;
}
.locations_container
{
	margin-top: 50px;
}
.locations_container p
{
	margin: 0 100px 50px 100px;
}
.location
{
	width: calc((100% - 100px) / 5);
	border: solid 2px transparent;
	margin-bottom: 25px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.location:hover
{
	border-color: #ffb400;
	box-shadow: 0px 35px 43px rgba(0,0,0,0.35);
}
.location_title
{
	position: absolute;
	left: 20px;
	bottom: 48px;
	width: calc(100% - 38px);
	height: 45px;
	background: #FFFFFF;
	border-radius: 5px;
}
.location_title > div
{
	width: 100%;
	height: 100%;
}
.location_title > div a
{
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	font-size: 18px;
	font-weight: 600;
	color: #000000;
	line-height: 45px;
}
.location_title > div a > div
{
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: -27px;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	background: #ff4d19;
	line-height: 35px;
	text-align: center;
	font-size: 18px;
	font-weight: 600;
	color: #FFFFFF;
}

/*********************************
8. Food
*********************************/

.food
{
	background: #FFFFFF;
	padding-top: 71px;
	padding-bottom: 74px;
}
.grid_container
{
	left: -10px;
	width: calc(100% + 20px);
	margin-top: 94px;
}
.grid-item
{
	height: 431px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 20px;
}
.food_item
{
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.food_item:hover
{
	box-shadow: 0px 35px 43px rgba(0,0,0,0.25);
	z-index: 1;
}
.grid-item > div
{
	width: 100%;
	height: 100%;
}
.grid_large
{
	width: 45%;
}
.grid_medium
{
	width: 30%;
}
.grid_small
{
	width: 25%;
}
.grid_half
{
	height: 50%;
}
.grid_half:first-child
{
	padding-bottom: 10px;
}
.grid_half:last-child
{
	padding-top: 10px;
}
.grid_half > div
{
	width: 100%;
	height: 100%;
}
.food_item::after
{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.2);
	content: '';
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	border: solid 2px #ffb400;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.food_item:hover::after
{
	visibility: visible;
	opacity: 1;
}
.food_item_tag
{
	position: absolute;
	top: 25px;
	left: 33px;
	width: 118px;
	height: 46px;
	border-radius: 5px;
	background: #ffb400;
	text-align: center;
	z-index: 1;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.food_item_tag a
{
	display: block;
	height: 100%;
	width: 100%;
	line-height: 46px;
	font-size: 18px;
	font-weight: 600;
	color: #FFFFFF;
}
.food_item_tag:hover
{
	background: #FFFFFF;
}
.food_item_tag:hover a
{
	color: #ffb400;
}

/*********************************
9. How it works
*********************************/

.how
{
	background: #e6e6e6;
	padding-top: 42px;
	padding-bottom: 42px;
}
.icon_box_container
{
	margin-top: 86px;
	margin-bottom: auto;
	margin-right: auto;
	margin-left: auto;
	width: 75%;
}
.icon_box
{
	width: calc((100% - 50px) / 3);
	background: #FFFFFF;
	padding-top: 61px;
	padding-bottom: 66px;
	padding-left: 40px;
	padding-right: 40px;
	border: solid 2px #FFFFFF;
	margin-bottom: 53px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.icon_box:hover
{
	border-color: #ffb400;
	box-shadow: 0px 35px 43px rgba(0,0,0,0.35);
}
.icon_box_icon
{
	width: 160px;
	height: 160px;
}
.icon_box_icon img
{
	position: relative;
	max-height: 100%;
	z-index: 1;
}
.icon_box_icon::before
{
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 156px;
	height: 156px;
	border-radius: 50%;
	border: solid 2px #ffb400;
	background: #fff3d6;
	content: '';
	z-index: 0;
}
.icon_box_title
{
	font-size: 21px;
	font-weight: 600;
	color: #000000;
	line-height: 1.2;
	margin-top: 38px;
}
.icon_box_text
{
	width: 100%;
	margin-top: 17px;
}
.icon_box_num
{
	position: absolute;
	top: -23px;
	left: 39px;
	width: 62px;
	height: 62px;
	border-radius: 50%;
	background: #ff4d19;
	line-height: 62px;
	text-align: center;
	font-size: 24px;
	font-weight: 600;
	color: #FFFFFF;
}

/*********************************
10. CTA
*********************************/

.cta
{
	padding-top: 96px;
	padding-bottom: 112px;
}
.cta_content
{
	max-width: 880px;
}
.cta_title h1
{
	font-size: 60px;
	font-weight: 600;
	color: #FFFFFF;
}
.cta_text
{
	margin-top: 11px;
}
.cta_text p
{
	font-size: 18px;
	font-weight: 600;
	color: #FFFFFF;
	line-height: 2;
}
.cta_button
{
	margin-top: 23px;
}

/*********************************
11. CTA 2
*********************************/

.cta_2
{
	background: transparent;
}
.cta_2.testimonial
{
	top: 50px;
}
.cta_2_col:first-child
{
	z-index: 1;
}
.cta_2_content
{
	padding-right: 50px;
	padding-top: 50px;
	padding-bottom: 50px;
}
.cta_2_title h1
{
	font-size: 32px;
	color: #000000;
}
.cta_2_title h1 span
{
	color: #ff4d19;
	font-weight: 700;
}
.cta_2_text
{
	margin-top: -1px;
}
.store_links
{
	margin-top: 41px;
}
.store_link:not(:last-child)
{
	margin-right: 19px;
}
.cta_2_image
{
	height: 100%;
}
.cta_2_image img
{
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: none;
	max-height: 100%;
}

/*********************************
12. Clients
*********************************/

.clients
{
	/*background: #49237d;*/
}
.clients_slider_container
{
	height: 111px;
}
.client_image
{
	width: 111px;
	height: 111px;
	margin-left: auto;
	margin-right: auto;
}
.client_image:hover 
{ 
	opacity: 0.7;
}
.clients .container
{
	box-shadow: 0px 5px 16px rgba(0,0,0,0.3);
	border-radius: 10px;
	top: -82px;
	background: #fff;
	z-index: 1;
}
/*********************************
13. Footer
*********************************/

.footer
{
	background: #FFFFFF;
}
.footer_container
{
	height: 79px;
}
.copyright
{
	font-size: 12px;
	font-weight: 400;
	color: #b0b0b0;
	/*color: #fff;*/
}
.copyright a
{
	color: #707070;
	font-weight: 700;
}
.footer_nav ul li:not(:last-of-type)
{
	margin-right: 35px;
}
.footer_nav ul li a
{
	font-size: 14px;
	font-weight: 400;
	color: #707070;
}
.footer_nav ul li a:hover,
.footer_nav ul li.active a
{
	color: #111343;
	font-weight: 400;
}
.footer_nav ul li::after
{
	display: block;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 120px;
	width: 1px;
	height: 17px;
	background: #d1d1d1;
	content: '';
}
.footer_nav ul li:last-child::after
{
	display: none;
}
.terms ul li a
{
	font-size: 14px;
    font-weight: 400;
}
.terms ul li:not(:last-of-type) {
    margin-right: 35px;
}
.terms ul li::after
{
	display: block;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-18px, -50%);
	-moz-transform: translate(-18px, -50%);
	-ms-transform: translate(-18px, -50%);
	-o-transform: translate(-18px, -50%);
	transform: translate(-18px, -50%);
	/* right: ; */
	width: 1px;
	height: 17px;
	background: #d1d1d1;
	content: '';
}
.terms ul li:first-child::after
{
	display: none;
}
@media only screen and (min-width: 320px) and (max-width: 767px)
{
	.terms .d-flex
	{
		display: unset !important;
		text-align: center
	}
	.terms ul li::after
	{
		display: none;
	}
	.terms ul li:not(:last-of-type) 
	{
		margin-right: unset;
	}
}
/*********************************
6. Contact
*********************************/

.contact
{
	background: #FFFFFF;
	border-bottom: solid 2px #e1ecf4;
}
.contact_content
{
	padding-left: 52px;
	padding-top: 94px;
	padding-bottom: 144px;
}
.contact_form
{
	display: block;
	margin-top: 10px;
}
.contact_form > div
{
	margin-bottom: 21px;
}
.contact_form_container .section_title::after{
	left: 0;
	transform: unset;
}
.contact_input
{
	width: 100%;
	height: 56px;
	background: #e1ecf4;
	border: none;
	outline: none;
	border-radius: 5px;
	padding-left: 28px;
	font-size: 14px;
	font-weight: 500;
	color: #000000;
}
.contact_input::-webkit-input-placeholder
{
	font-size: 14px !important;
	font-weight: 500 !important;
	color: #9d9d9d !important;
}
.contact_input:-moz-placeholder
{
	font-size: 14px !important;
	font-weight: 500 !important;
	color: #9d9d9d !important;
}
.contact_input::-moz-placeholder
{
	font-size: 14px !important;
	font-weight: 500 !important;
	color: #9d9d9d !important;
} 
.contact_input:-ms-input-placeholder
{ 
	font-size: 14px !important;
	font-weight: 500 !important;
	color: #9d9d9d !important;
}
.contact_input::input-placeholder
{
	font-size: 14px !important;
	font-weight: 500 !important;
	color: #9d9d9d !important;
}
.contact_textarea
{
	height: 195px;
	padding-top: 20px;
}
.contact_button
{
	width: 187px;
	height: 56px;
	background: #ffb400;
	border: none;
	outline: none;
	border-radius: 5px;
	cursor: pointer;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: 500;
	margin-top: 13px;
}
.contact_button:hover
{
	box-shadow: 0px 23px 43px rgba(0,0,0,0.25);
}
.contact_info
{
	padding-left: 52px;
    padding-top: 94px;
    padding-bottom: 144px;
}
.contact_info .section_title::after
{
	left: 0;
    transform: unset;
}
.contact_info_list
{
	margin-top: 77px;
}
.contact_info_list ul li:not(:last-of-type)
{
    margin-bottom: 25px;
}
.sidebar_info_icon
{
    width: 23px;
    height: 23px;
    line-height: 23px;
    text-align: center;
}
.contact_info_content
{
    padding-left: 12px;
    font-size: 14px;
    font-weight: 400;
    color: #9d9d9d;
}
.contact_map_container
{
	height: 100%;
}

/*********************************
7. Sidebar
*********************************/

.sidebar
{

}
.work_hours
{
	height: 64px;
	background: #e1ecf4;
	padding-left: 30px;
	padding-right: 49px;
}
.work_hours > div:first-child
{
	font-size: 14px;
	font-weight: 500;
	color: #8fe12e;
}
.opened
{
	color: #19D17B !important;
}
.work_hours > div:last-child
{
	font-size: 14px;
	font-weight: 500;
	color: #4e4e4e;
}
.sidebar_info
{
	padding-left: 24px;
	padding-right: 25px;
	padding-top: 41px;
	padding-bottom: 39px;
	background: #e1ecf4;
	margin-top: 19px;
}
.sidebar_info ul li:not(:last-of-type)
{
	margin-bottom: 25px;
}
.sidebar_info_icon
{
	width: 23px;
	height: 23px;
	line-height: 23px;
	text-align: center;
}
.sidebar_info_icon img
{
	vertical-align: unset !important;
}
.sidebar_info_content
{
	padding-left: 12px;
	font-size: 14px;
	font-weight: 400;
	color: #9d9d9d;
}
.sidebar_info_content span
{
	color: #000000;
}
.location
{
	margin-top: 19px;
	height: 434px;
}
.map
{
	width: 100%;
	height: 100%;
}
.google_map
{
	width: 100%;
	height: 100%;
}
.map_container
{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#map
{
	width: 100%;
	height: calc(100% + 30px);
}
.location_icon
{
	position: absolute;
	top: 23px;
	left: 27px;
	width: 52px;
	height: 35px;
	background: #49237d;
	border-radius: 5px;
	z-index: 1;
	text-align: center;
	line-height: 35px;
}
.similar_places
{
	margin-top: 63px;
}
.similar_places .section_title h1
{
	font-size: 18px;
}
.similar_places_container
{
	margin-top: 39px;
}
.similar_place
{
	width: 100%;
	margin-bottom: 30px;
}
.similar_place_title
{
	height: 53px;
	background: #e1ecf4;
	padding-left: 18px;
}
.similar_place_title a
{
	line-height: 53px;
	font-size: 18px;
	font-weight: 500;
	color: #000000;
}
.similar_place_image .location_icon
{
	top: 15px;
	left: 23px;
}
.similar_place_image .location_icon a
{
	display: block;
	width: 100%;
	height: 100%;
}
.similar_place_rating
{
	position: absolute;
	top: 15px;
	right: 17px;
	width: 49px;
    height: 35px;
    background: #ffb400;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 500;
    line-height: 35px;
    text-align: center;
    border-radius: 5px;
}
/*---Dropdown Nav--*/
    
.dropbtn-nav {
  cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown-nav {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-nav-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 167px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
  z-index: 1;
  border-radius: 5px; 
}
.dropdown-nav-content li{
  margin-right: unset !important;
}

/* Links inside the dropdown */
.header .dropdown-nav-content a {
  color: #000;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
.main_nav ul li.active .dropdown-nav-content a {
  color: #000;
  font-weight: 300;
}
.header.scrolled .main_nav ul li.active .dropdown-nav-content a {
  color: #000;
  font-weight: 300;
}

/* Change color of dropdown links on hover */
.dropdown-nav-content a:hover 
{
  background-color: #f1f1f1;
  border-radius: 5px;
}

/* Show the dropdown menu on hover */
.dropdown-nav:hover .dropdown-nav-content {
  display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown-nav:hover .dropbtn-nav {
  color: #ffb400 !important;
}

/* Tag Case Study*/
.tag-case-study{
	background-image: -webkit-linear-gradient(90deg, #0300a7 10%, #8400fc 90%);
	border-radius: 0 10px 10px 0; 
	box-shadow: 0px 0px 15px rgba(0,0,0,1);
	padding: 15px 15px;
}
.tag-case-study img{
	width: 250px; 
	height: 25px;
	display: block
}
.tag-case-study span{
	display: none;
	font-size: 17px;
	color: #fff;
}
.tag-case-study:hover{
	width: 150%;
}
.tag-case-study:hover img{
	display: none
}
.tag-case-study:hover span{
	display: block;
	width: 100%; 
}

/*********************************
6. Listing
*********************************/
.listing_content .section_title::after{
	left: 0;
	transform: unset;
}
.reviews .section_title::after{
	display: none
}
.listing_image
{
	height: 100%;
}
.listing_background_image_left
{
	position: absolute;
	top: 0;
	left: -406px;
	width: 405px;
	height: 100%;
	padding-top: 128px;
}
.listing_background_image_right
{
	position: absolute;
	top: 0;
	right: -406px;
	width: 405px;
	height: 100%;
	padding-top: 128px;
}
.listing_title
{
	padding-left: 2px;
}
.listing_title h1
{
	font-size: 48px;
	font-weight: 500;
	color: #FFFFFF;
}
.listing_info_container
{
	display: inline-block;
	margin-top: 2px;
}
.listing_info
{
	height: 51px;
	background: #FFFFFF;
	border-radius: 5px;
	padding-left: 9px;
    padding-right: 39px;
}
.listing_rating
{
    width: 49px;
    height: 35px;
    background: #ffb400;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 500;
    line-height: 35px;
    text-align: center;
    border-radius: 5px;
    margin-right: 21px;
}
.listing_price, .listing_divider, .listing_type, .listing_status
{
    font-size: 14px;
    font-weight: 500;
    color: #4e4e4e;
}
.listing_info > div:not(:last-child)::after
{
	display: inline-block;
	content: '|';
	font-size: 14px;
    font-weight: 500;
    color: #4e4e4e;
    margin-left: 23px;
    margin-right: 23px;
}
.listing_status
{
    color: #ff005a;
}
.listing_info_button
{
	width: 182px;
	height: 58px;
	border-radius: 5px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.listing_info_button a
{
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 58px;
	font-size: 16px;
	font-weight: 500;
	color: #FFFFFF;
}
.listing_info_button:hover
{
	background: #FFFFFF;
}
.listin_info_options > div:not(:last-child)
{
	margin-right: 10px;
}
.listing_info_button_1
{
	background: #ffb400;
}
.listing_info_button_2
{
	background: #49237d;
}
.listing
{
	background: #FFFFFF;
	padding-top: 94px;
	padding-bottom: 96px;
}
.listing_text
{
	margin-top: 52px;
}

.reviews
{
	margin-top: 93px;
}
.reviews_container
{
	margin-top: 52px;
}
.review:not(:last-child)
{
	margin-bottom: 45px;
}
.review_user_container
{
	width: 120px;
	-webkit-flex: 0 0 auto;
	flex: 0 0 auto;
}
.review_user_container > div
{
	display: inline-block;
}
.review_user_image
{
	width: 180px;
	border-radius: 50%;
	overflow: hidden;
}
.review_user_image.loan
{
	width: 60%;
}
.review_user_name
{
	margin-top: 13px;
}
.review_user_name a
{
	font-size: 14px;
	font-weight: 500;
	color: #000000;
}
.review_count
{
	margin-top: -1px;
}
.review_count a
{
	font-size: 12px;
	font-weight: 500;
	color: #ffb400;
}
.review_content
{
	width: calc(100% - 120px);
	-webkit-flex: 0 0 auto;
	flex: 0 0 auto;
	padding-left: 26px;
}
.review_rating
{
    width: 49px;
    height: 35px;
    background: #ffb400;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 500;
    line-height: 35px;
    text-align: center;
    border-radius: 5px;
    margin-right: 21px;
}
.review_title
{
	font-size: 18px;
	font-weight: 500;
	color: #000000;
}
.review_text
{
	margin-top: 9px;
}
.review_text p
{
	font-size: 14px;
	font-weight: 400;
	color: #9d9d9d;
	line-height: 1.715;
}
.review_images
{
	margin-top: 24px;
}
.review_images > div
{
	margin-right: 16px;
	margin-bottom: 10px;
}
.review_image
{
	max-width: 211px;
}
.col-lg-3.profile
{
	margin: 20px 0;
}

/*********************************
6. Blog
*********************************/

.blog
{
	background: #FFFFFF;
	padding-top: 70px;
	padding-bottom: 93px;
}
.blog_posts_container
{
	left: -15px;
	width: calc(100% + 30px);
}
.blog_post
{
	width: calc(100% / 3);
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 39px;
}
.blog_post_container
{
	background: #eaf2f8;
}
.blog_post_content
{
	padding-left: 40px;
	padding-top: 33px;
	padding-bottom: 40px;
	padding-right: 15px;
}
.blog_post_date
{
	width: 110px;
	height: 27px;
	background: #ffb400;
	border-radius: 5px;
}
.blog_post_date a
{
	display: block;
	height: 100%;
	text-align: center;
	font-size: 12px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 27px;
}
.blog_post_date a:hover
{
	color: #FFFFFF !important;
}
.blog_post_title
{
	margin-top: 6px;
}
.blog_post_title h3 a
{
	font-size: 22px;
	font-weight: 600;
	color: #000000;
	line-height: 1.5;
}
.blog_post_tags
{
	margin-top: -6px;
}
.blog_post_tags ul li:not(:last-of-type)::after
{
	display: inline-block;
	content: ',';
	margin-right: 3px;
}
.blog_post_tags ul li a
{
	font-size: 12px;
	font-weight: 400;
	color: #9d9d9d;
	line-height: 1.2;
}
.blog_post_text
{
	margin-top: 23px;
}
.blog_posts_more
{
	margin-top: 55px;
}
.load_more_button
{
	width: 156px;
	height: 56px;
}
.load_more_button:hover
{
	background: #ffb400;
	box-shadow: 0px 23px 45px rgba(0,0,0,0.25);
}
.load_more_button a
{
	line-height: 56px;
}
.load_more_button:hover a
{
	color: #FFFFFF !important;
}

/*********************************
6. Elements
*********************************/

.elements
{
	background: #FFFFFF;
	padding-top: 94px;
	padding-bottom: 23px;
}
/*********************************
6.2 Accordions
*********************************/

.acc_tabs
{
	margin-top: 84px;
}
.acc_tabs_row
{
	margin-top: 62px;
}
.accordion_container:not(:last-child)
{
	margin-bottom: 15px;
}
.accordion
{
	height: 60px;
	width: 100%;
	background: transparent;
	/*padding-left: 34px;*/
	cursor: pointer;
	color: #000000;
	font-size: 14px;
	font-weight: 400;
	line-height: 60px;
	border-radius: 5px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.accordion:hover
{
	color: #ff4d19;
}
.accordion.active
{
	background: #fff;
	color: #000;
}
.accordion.active:hover
{
	
}
.accordion.active:hover::after
{
	
}
.accordion div
{
	max-width: 90%;
	overflow: hidden;
	white-space: nowrap;
}
.accordion::after
{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 27px;
	height: 100%;
	content: '+';
	font-size: 14px;
	color: #000000;
	font-weight: 500;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.accordion.active::after
{
	content: '-';
	color: #000;
}
.accordion_panel
{
	padding-right: 8px;
	max-height: 0px;
	overflow: hidden;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.accordion_panel > div
{
	padding-bottom: 20px;
}
.accordion_panel p
{
	font-size: 14px;
	line-height: 2.143;
	font-weight: 400;
	padding-top: 23px;
}
/*********************************
6.5 Milestones
*********************************/

.milestones
{
	margin-top: 44px;
}
.milestones_container
{
	padding: 50px 0 0 125px;
}
.milestone
{
	width: 20%;
	margin-bottom: 50px;
}
.milestone_content
{
	padding-left: 36px;
}
.milestone_counter
{
	font-size: 50px;
    color: #ff4d19;
    font-weight: 300;
	line-height: 0.75;
}
.milestone_title
{
	font-size: 14px;
	color: #000000;
	font-weight: 500;
	line-height: 0.75;
	margin-top: 16px;
}
.live-feed
{
	padding-left: 50px;
    padding: 30px 0 0 44px;
}
.live-feed h1
{
	font-size: 24px;
}
.live-feed span
{
	font-size: 18px;
    color: #ff4d19;
}
/*********************************
6.6 Icon Boxes
*********************************/

.elements .icon_boxes
{
	margin-top: 34px;
}
.elements .icon_boxes .section_title::after
{
	left: 0;
    transform: unset;
}
.elements .icon_boxes_row
{
	margin-top: 73px;
}
.elements .icon_box
{
	margin-bottom: 60px;
	width: unset;
    padding-top: 61px;
    padding-bottom: 66px;
    padding-left: 40px;
    padding-right: 40px;
    background: transparent;
    margin-bottom: 53px;
	border-color: transparent;
}
.elements .icon_box:hover {
    border-color: #ffb400;
    box-shadow: 0px 35px 43px rgba(0,0,0,0.35);
}
.elements .icon_box_icon
{
	width: 82px;
	height: 82px;
	margin-left: auto;
	margin-right: auto;
}
.elements .icon_box_icon img
{
	max-height: 100%;
}
.elements .icon_box_title
{
	font-size: 24px;
	font-weight: 600;
	color: #000000;
	line-height: 1.5;
	margin-top: 55px;
}
.elements .icon_box_text
{
	margin-top: 15px;
}
/* --------------------------
:: 10.0 Top Catagory Area CSS
-------------------------- */

.single_catagory_area {	
	padding: 125px 50px;
    width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    position: relative;
    z-index: 1;
}
.single_catagory_area h2 {
        
    text-transform: uppercase;
    color: #fff;
	font-size: 36px;
	text-shadow: 0px 5px 10px black;
	margin-bottom: 20px;
	margin-top: -10px;

}
.single_catagory_area h6 {
    color: #fff;
	font-size: 20px;
	margin-top: -70px;
	text-shadow: 0px 5px 10px black;
}
.single_catagory_area:hover .hov01{
  color: #ff8019; 
}

.single_catagory_area:after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -8;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition-duration: 200ms;
    transition-duration: 200ms;
}

.single_catagory_area:hover:after {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}


.single_catagory_area h6 {
    text-transform: uppercase;
}

.catagory-content {
    width: 75%;
	
}
.bg-img {
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important; }
  
@media only screen and (min-width: 320px) and (max-width: 767px) {
	.single_catagory_area h2 {
        font-size: 28px;
    }
	.single_catagory_area h6 {
        font-size: 18px;
    }
	.single_catagory_area {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        width: 100%;
    }
}

/* Orange Background*/
.bg-orange-gradient-1
{
	display: block;
	background-image: -webkit-linear-gradient(90deg, #ffb400 10%, #ff8019 90%);
	height: 100px;
}
.bg-orange-gradient-2
{
	display: block;
	background-image: -webkit-linear-gradient(90deg, #ffb400 10%, #ff8019 90%);
	height: 100px;
}
.test-vid
{
	margin: 70px 0;
    height: 300px;
}

.list_box
{
	display: block;
	/* background: #ff8019; */
	border: solid 4px #ff4d19;
	color: #ff4d19;
	border-radius: 10px;
	padding: 20px 15px 15px 0;
	box-shadow: 0px 10px 15px rgba(0,0,0,0.25);
}

/* The actual timeline (the vertical ruler) */
.timeline {
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
  }
  
  /* The actual timeline (the vertical ruler) */
  .timeline::after {
	content: '';
	position: absolute;
	width: 6px;
	background-color: grey;
	top: 0;
	bottom: 0;
	left: 50%;
	margin-left: -3px;
  }

  /* Container around content */
.timeline_container {
	padding: 10px 40px;
	position: relative;
	background-color: inherit;
	width: 50%;
  }
  
  /* The circles on the timeline */
  .timeline_container::after {
	content: '';
	position: absolute;
	width: 25px;
	height: 25px;
	right: -13px;
	background-color: white;
	border: 4px solid #FF9F55;
	top: 15px;
	border-radius: 50%;
	z-index: 1;
  }
  
  /* Place the container to the left */
  .timeline_left {
	left: 0;
  }
  
  /* Place the container to the right */
  .timeline_right {
	left: 50%;
  }
  
  /* Add arrows to the left container (pointing right) */
  .timeline_left::before {
	content: " ";
	height: 0;
	position: absolute;
	top: 22px;
	width: 0;
	z-index: 1;
	right: 30px;
	border: medium solid black;
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent black;
  }
  
  /* Add arrows to the right container (pointing left) */
  .timeline_right::before {
	content: " ";
	height: 0;
	position: absolute;
	top: 22px;
	width: 0;
	z-index: 1;
	left: 30px;
	border: medium solid black;
	border-width: 10px 10px 10px 0;
	border-color: transparent black transparent transparent;
  }
  
  /* Fix the circle for containers on the right side */
  .timeline_right::after {
	left: -13px;
  }
  
  /* The actual content */
  .timeline_content {
	padding: 0px 30px;
	/* background-color: grey; */
	position: relative;
	border-radius: 6px;
  }