/*
 Theme Name:     Hawkers Yard
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/

/* =Theme customization starts here
------------------------------------------------------- */

@font-face {
  font-family: Orientation-Regular;
  src: url(../../fonts/Orientation-Regular.otf);
}
@font-face {
  font-family: CircularStd-Book;
  src: url(../../fonts/CircularStd-Book.otf);
}
@font-face {
  font-family: CircularStd-Bold;
  src: url(../../fonts/CircularStd-Bold.otf);
}

body {
	font-family: CircularStd-Book;
	background-color: #000;
}
.overflow-hidden {
	overflow: hidden;
}
p {
	font-size: 18px;
}
.post-3 ul li {
	font-size: 18px;
}
.no-padding {
	padding: 0px!important;
}
.custom-display-flex {
	padding-top: 0px!important;
	display: flex;
    align-items: center;
}
.get-touch-col {
	display: block;
	flex-direction: column;
}
.get-touch-col p, .get-touch-col a {
	font-size: 18px;
	color: #000;
	display: block;
}
.get-touch-col a:hover {
	text-decoration: none;
}
.contact-name {
	font-family: CircularStd-Bold;
	margin-top: 20px;
	margin-bottom: 5px;
}
.contact-logo {
	margin-top: 40px;
}
.contact-col {
	display: inline-block;
	width: 48%;
}
.contact-col.mileway {
	margin-top: 50px;
}
.get-in-touch {
	padding: 12vh 0px!important;
}
/* MENU STYLE */
/* .et_pb_svg_logo #logo, .et_pb_svg_logo.et_header_style_split .et-fixed-header .centered-inline-logo-wrap #logo {
    height: 35%;
}
#logo {
    max-height: 35%;
} */
.container.clearfix.et_menu_container {
	width: 92%;
}
#main-header {
	background-color: #000;
}
#top-menu li {
	padding-right: 30px;
}
#top-menu li a {
	color: #fff!important;
	font-size: 15px;
 	letter-spacing: 0.1px;
 	line-height: 22px;
}
.et_header_style_left .et-fixed-header #et-top-navigation nav>ul>li>a {
	padding-bottom: 5px;
    margin-bottom: 15px;
}
.mobile-menu {
	display: none;
}
/* END MENU */
.container {
	width: 100%;
	max-width: 100%;
}
.container::before {
	display: none;
}
.custom-row-92 {
	width: 92%;
	margin: 0 auto;
}
.black-bg-row {
	background-color: #000;
	color: #fff;
}
.plans-container {
	padding: 12vh 0px!important;
}
.grey-bg-row, .grey-bg-row h3 {
	background-color: #F9F9F9;
	color: #000;
}
.grey-bg-row h3 {
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.plans-h3 {
	margin-bottom: 15px!important;
}
.min-height-75 {
	min-height: 75vh;
}
.min-height-85 {
	min-height: 85vh;
}
.yellow-bg-row {
	background-color: #FFBE48;
}
.hub-container .row, .trade-container .row {
	margin-left: 4%
}
.white-bg-row .row, .range-container .row {
	margin-right: 4%
}
.col-lg-6 {
	padding-left: 0px;
	padding-right: 0px;
}
.white-bg-row {
	background-color: #FFF;
}
.heading-row {
	padding-left: 0px;
	padding-right: 0px;
	text-align: center;
    margin: 0 auto;
}
.specifications-container {
	padding-top: 100px!important;
	padding-bottom: 100px;
}
.travel-container {
	padding-bottom: 50px;
}
.specifications-container p {
	font-family: CircularStd-Bold;
}
.heading-row h2, .heading-row p {
	font-family: CircularStd-Bold;
	font-size: 30px;
 	letter-spacing: 0.75px;
	line-height: 38px;
	color: #fff;
}
.heading-row p {
	font-size: 16px;
}
.yellow-bg-row p {
	font-size: 18px;
	letter-spacing: 0.2px;
  	line-height: 26px;
	margin-top: 20px;
	color: #000;
}
/* .heading-row h3, .yellow-bg-row h3, .white-bg-row h3 */
h3 {
	font-family: Orientation-Regular;
	color: #FFB43E;
	font-size: 36px;
	letter-spacing: 1px;
	line-height: 42px;
}
.heading-row h3 {
	margin-top: 100px;
}
.yellow-bg-row h3, .white-bg-row h3 {
	color: #000;
}
.trade-container h3 {
	color: #fff;
}
.circle-logo {
	margin-bottom: 30px;
}
.scroll {
	font-family: CircularStd-Bold;
	font-size: 10px;
	position: absolute;
    bottom: -23px;
    left: calc(50% - 37px);
	color: #484848;
	margin-bottom: 0px;
}
.scroll:after {
	content: url(/wp-content/themes/images/scroll-line.svg);
	display: block;
    text-align: center;
    margin-top: 10px;
}
.more-details-mobile {
	display: none;
}
.logo-maps {
	margin-top: 30px;
}
.btn-maps, .btn-start, .btn-download, .nf-form-content input[type=button] {
	color: #000;
	margin-left: 15px;
	font-family: CircularStd-Bold;
	border-radius: 0px;
	font-size: 14px;
	background-color: #FFBE48;
	padding: 10px 20px;
}
.btn-start {
	margin-left: 0px;
	margin-top: 30px;
	min-width: 120px;
	padding: 10px 0px;
}
.btn-download, .nf-form-content input[type=button] {
	margin-left: 0px;
	padding: 10px 25px;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.nf-form-content input[type=button] {
	background-color: #FFBE48!important;
	color: #000!important;
}
.nf-response-msg h2 {
    font-family: CircularStd-Book;
    font-size: 36px;
}
.btn-download:focus {
	color: #000;
}
.boxzilla-center-container .boxzilla {
	width: 50%;
}
.yellow-line {
	display: block;
	margin: 20px 0;
}
ul.units-switch-buttons {
	list-style: none;
	padding-left: 0px;
	padding: 30px 0px;
	margin-left: 0px;
}
ul.units-switch-buttons li {
	display: inline-block;
	margin-right: 50px;
	cursor: pointer;
}
ul.units-switch-buttons .active-unit {
	border-bottom: 4px solid #FFBE48;
}
._mPS2id-h {
	border-bottom:2px solid #000;
}
.mPS2id-highlight{
	border-bottom:2px solid #FFBE48;
}
.clean-plan {
	position: absolute;
}
.plans-container img {
	width: 100%;
}
.hide-element {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s linear;
	height: 0px;
}
.show-element {
     position: relative;
    visibility: visible;
    opacity: 1;
    transition: visibility 0s, opacity 0.5s linear;
    z-index: 9;
    height: auto;
}
.unit-availability {
	color: #5B5B5B;
}
.unit-specifications p {
	display: inline-block;
	margin-right: 10px;
}
.know-more {
	margin-top: 30px;
}
.unit-col p {
	line-height: 2.5;
}
/* SLICK SLIDER */
.slick-dotted.slick-slider {
    margin-bottom: 0px;
	height: 100%;
}
ul.slick-dots {
	padding: 0;
    bottom: -10px;
}
.slick-dots li button:before {
	opacity: 1;
	font-size: 15px;
}
.slick-dots li.slick-active button:before {
	opacity: 1;
	color: #FFB43E;
}
.slider-progress {
	width: 100%;
	height: 5px;
	background: #000;
}
.slider-progress .progress {
	width: 0%;
	height: 5px;
	background: #fff;
}
.slider .slick-prev, .slider .slick-next, .slider .slick-dots, .slider-transport .slick-prev, .slider-transport .slick-next {
	display: none!important;
}
.slider-transport {
	display: none;
}
.slider-transport {
	display: none;
}
/* END SLICK */
/* FOOTER */
#main-footer {
	padding: 20px 50px;
	display: flex;
    justify-content: space-between;
	align-items: center;
}
#et-footer-nav, .footer-logo {
	background-color: #000;
	display: inline-block;
}
#menu-footer-menu {
	margin-bottom: 0px;
	margin-left: 0px;
}
#menu-footer-menu li {
	margin-left: 30px;
}
.bottom-nav a {
	font-weight: 300;
}
.bottom-nav a:hover {
	text-decoration: none;
}
p.designed-wordsearch {
    color: #fff;
    float: right;
    margin-right: 72px;
	font-size: 12px;
}
img.footer-menu-logo {
    max-width: 190px;
	padding-right: 42px;
	margin-left: 10px;
}
.menu-item-187 {
	margin-left: 0px!important;
}
.footer-logo-a, .footer-logo-a:hover {
	color: #fff;
	text-decoration: none;
}
/* END FOOTER */
.page-id-379 #top-menu {
	visibility: hidden;
}
.page-id-379 #main-footer {
	display: none;
}
.fluid-width-video-wrapper {
	position: relative!important;
    padding-top: 40.25%!important;
	background-color: #000;
}
/* .video-iframe {
	height: 100%!important;
} */
.page-id-3 .container {
	padding-left: 0px;
	padding-right: 0px;
	width: 92%;
}
.page-id-379 .page.et_pb_pagebuilder_layout #main-content {
	background-color: #000;
}
.page-id-3 .container a {
	color: #000;
}
.page-id-3 h1, .page-id-3 h2 {
	font-family: Orientation-Regular;
}