:root {
    --color-primary: #BF8B41;
    --color-primary-light: #EFAD50;
    --color-primary-dark: #bf7f36;
    --color-blue-dark: #262A2E;
    --color-dark-light: #DBDBDB;
    --color-orange: #FE5919;
    --color-orange-dark: #BC3704;
    --color-green: #0AAC6D;
    --color-yellow: #FCECD7;
    --color-grey-light: #FAFAFA;
}


body{
    background-color: #FFF;
    font-family: 'Open Sans', sans-serif;
    font-weight: 100;
}

*, p, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
    margin: 0;
    padding: 0;
}
.txt-12{
    font-size: 12px;
}
.txt-16{
    font-size: 16px;
}
.txt-20{
    font-size: 20px;
}
.h1, h1{
    font-size: 3.5em;
}
.h2, h2{
    font-size: 2em;
}

.artist-style{
    font-family: 'Dancing Script', cursive;
    font-weight: 400;
}

.font-weight-bold-1{
    font-weight: 400;
}
.fw-extra-bold{
    font-weight: 800;
}
.fw-300{
    font-weight: 300;
}
.fw-600{
    font-weight: 600;
}
.fw-400{
    font-weight: 400;
}
.fw-500{
    font-weight: 500;
}
.fw-bold{
    font-weight: 700;
}

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

a{
    text-decoration: none;
    color: #000000;
}

a:hover{
    text-decoration: none;
}
.l-spacing-small{
    letter-spacing: .03em;
}

.text-primary{
    color: var(--color-primary) !important;
}

.text-primary-light{
    color: var(--color-primary-light) !important;
}

.bg-primary{
    background: var(--color-primary) !important;
}
.bg-primary-light{
    background: var(--color-primary-light) !important;
}
.bg-dark-light{
    background: var(--color-dark-light) !important;
}
.bg-orange{
    background: var(--color-orange) !important;
}
.bg-orange-dark{
    background: var(--color-orange-dark) !important;
}
.bg-blue-dark{
    background: var(--color-blue-dark) !important;
}
.bg-green{
    background-color: var(--color-green) !important;
}
.bg-yellow{
    background-color: var(--color-yellow) !important;
}
.bg-grey-light{
    background-color: var(--color-grey-light) !important;
}

.border-primary{
    border: solid 1px var(--color-primary) !important;
}

.border-dark{
    border: solid 1px var(--color-blue-dark) !important;
}

.border-color-orange{
    border-color: var(--color-orange);
}


.btn-primary{
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.btn-primary:hover{
    background-color: var(--color-primary-dark);
    border-color: var(--color-primary-dark);
}

.emphasize{
    font-weight: 600;
    border-bottom: solid 1px var(--color-primary);
}

.mb-6{
    margin-bottom: 5em !important;
}

.border-radius-tiny{
    border-radius: 5px;
}
.border-radius-small{
    border-radius: 10px;
}
.border-radius-medium{
    border-radius: 20px;
}

.line-small{
    width: 20px;
    height: 2px ;
}

.header{
    height: 89%;
}
.header .bg{
    -webkit-background-size: cover;
    background-size:cover;
}
.header .bg-overlay{
    background: rgba(0,0,0,.54);
}

.header .contents .line{
    width: 40px;
    height: 4px;
    background: var(--color-primary);
}
.header .contents .main{
	bottom: 10%;
}


.header nav .line,
.job-menu .line,
.inner-menu .line{
    width: 30px;
    height: 2px;
    background: transparent;
    display: block;
    margin-left: 0.5em;
    margin-top: -5px;
}
.header nav li.active .line, .header nav li:hover .line, .header nav li:active .line,
.job-menu li.active .line,
.inner-menu li.active .line {
    background: var(--color-primary-light);
}

.btn-safaris{
    border: solid 1px white;
}
.btn-search img{
    width: 28px;
}

.btn-safaris:hover .line,  .btn-search:hover .line{
    background: transparent !important;
}
.btn-safaris:hover a{
    color: var(--color-primary-light)
}


.header .navbar-nav{
    background: #262A2E;
}

.header nav a{
    color: #fff;
}


.header .navbar-brand img{
    max-height: 50px;
}


.header.dark-theme nav a{
    color: #FFF;
}

.header.dark-theme .navbar-brand img{
    background: white;
    border-radius: 5px;
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.header .navbar-toggler{
    background: var(--color-primary);
}

.header.dark-theme .navbar-toggler{
    background:transparent;
}

.clock-icon{
    max-width: 20px;
}

.datepicker table tr td, .datepicker table tr th{
	color: #000000;
}

.form-group label{
    color: #222222;
    font-weight: 500;
}

.form-control-transparent{
    background-color: transparent !important;
}

.form-control-transparent, .form-control-transparent:focus{

    color: #a9b4bf;
}

.social-share img{
    max-width: 24px;
}


.section-heading{}
.section-heading-title{
    font-weight: bold;
}
.section-heading-line{
    width: 40px;
    height: 4px;
    background: var(--color-primary-light);
}

.section-heading-centered .line{
    width: 40px;
    height: 3px;
    background: var(--color-primary-light);
}

.section-heading-centered .browse-more{
    right: 0;
    top: 35%;
}

.section-heading-centered .browse-more-plain{
    top: 20%
}


.safari-card a:hover{
    text-decoration: none;
    color: initial;
}

.safari-card a:hover > .safari-card .card{
    border-color: var(--color-orange-dark);
}

.safari-card .price{
    clip-path: polygon(30% 0, 100% 0, 100% 100%, 20% 100%);
    width: 150px;
}

.safari-card-simple .pricing,
.destination-card .pricing{
    right: 20px;
    top: 20px;
}

.safari-type .contents,
.safari-card-simple .contents,
.destination-card .contents{
    left: 20px;
    bottom: 20px;
}

.safari-card-simple .overlay,
.destination-card .overlay{
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,0.6) 0%, rgba(255,255,255,0.2) 100%);
    top: 0;
}


.itinerary-list {
    border-left: solid 2px var(--color-orange);

}

.itinerary-date{
}

.itinerary-date::before{
    content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: var(--color-orange);
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -0.2em;
    font-size: 2em;
}

.styled-bullets li{
    display: flex;
    align-items: center;
}

.styled-bullets li::before{
    content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: var(--color-orange);
    font-weight: bold;
    display: inline-block;
    width: 1em;
    font-size: 2em;
    line-height: 0em;
}


.clip-right{
    clip-path: polygon(0% 0%, 100% 0, 70% 100%, 0% 100%);
}

.review-card .star{
    width: 20px;
}

.review-card .source{
    max-width: 150px;
}



.parsley-errors-list{
    list-style-type: none;
    color: red;
    font-size: 13px;
    margin-top: 10px;
}

.single-line{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


footer{
    background: var(--color-blue-dark);
}

footer a{
    text-decoration: none;
    color: white;
}
footer a:hover{
    text-decoration: none;
    color: var(--color-primary-light);
}

footer .logo{
    max-width: 166px ;
}

footer .social img{
    width: 24px;
}

footer .destinations img{
    width: 24px;
    height: 24px;
    margin-right: 5px;
}

footer .contact-details img{
    max-width: 34px;
}
footer .partners img{
    max-width: 150px;
}




/* Small devices (landscape phones, 576px and up) */
@media (max-width: 575.98px) {

}

/*  Medium devices (tablets, 768px and below) */
@media (max-width: 767.98px) {
	.header{
		height: 70%;
	}
    .header nav .line{
        margin: 0;
    }

	.header .contents .main{
		bottom: 20%;
	}

	.header .contents .subtitle{
		font-size: 1.4em ;
		margin-bottom: 1em;
	}
	.header .contents .title{
		font-size: 2em ;
	}

	.safari-days-block{
		position: relative !important;
		text-align: left;
	}

	.section-heading-centered .line{
		width: 30px !important;
	}
	.section-heading-centered .subtitle{
		font-size: 1.4em;
	}
	.section-heading-centered .title{
		font-size: 1.5em;
	}

	footer .partners img{
		margin-bottom: 10px;
		margin-right: 0px !important;
		padding: 5px;
	}
}

/*  Large devices (desktops, 992px and up) */
@media (max-width: 991.98px) {

}


@media (min-width: 1200px){
    .container {
        max-width: 1400px;
    }
}