/* CSS Document */

img{max-width:100%;}

h1{
	font-size:2.5em;
}

h2{
	font-size:2.5em;
}


h1,h2,h3,h4,h4{
	font-family: arpona, serif;
	font-weight: 400;
	font-style: normal;
}

h3{	font-family: arpona, serif;
	font-weight: 400;
	font-style: normal;}

body{
	font-family: pt-sans, sans-serif;
	font-weight: 400;
	font-style: normal;
	background: #fff;
	color:#2b2524;
}

p{
	font-family: pt-sans, sans-serif;
	font-weight: 400;
	font-style: normal;
	/*color:#2b2524;*/
	font-size:1.3em;
}

.top-banner-logo{
	width:150px;
	max-width:50%;
	transition:0.5s;
	margin-left:50%;
}

.smaller-logo{
	width:100px;
	transition:0.5s;
}

.homepage-top-slide{
	max-width:100%;
	margin-top:125px;
	/*min-height:450px;*/
}

.homepage-top-image{
	width:100%;
}

.remove-top-margin{
	margin-top:2% !important;
	transition:0.5s;
}

.white-background{
	background:#fff  !important;
	-webkit-box-shadow: 0 4px 6px -6px #222;
  -moz-box-shadow: 0 4px 6px -6px #222;
  box-shadow: 0 4px 6px -6px #222;
	transition:0.5s;
}

.menu-tours {
	list-style:none;
	margin-left:0px;
}
.menu-tours li{
	margin-bottom:15px;
	margin-top:5px;
}

.menu-tours a {
    color: #bd382d;
    transition: 0.5s;
	text-decoration: none;
}

.menu-tours a:hover{
	color:#ecd455;
	transition:0.5s;	
}

.top-row{
position: fixed;
width: 100%;
background-color: rgba(255, 255, 255, 1);
	transition:0.5s;
	z-index:100;
	-webkit-box-shadow: 0 4px 6px -6px #222;
  -moz-box-shadow: 0 4px 6px -6px #222;
  box-shadow: 0 4px 6px -6px #222;
}

.top-row-background{
	background-image:url("../images/eye-background.jpg");
	background-repeat: no-repeat;
background-size: contain;

}

.right-point{
	 -webkit-clip-path: circle(82.9% at 17% 51%);
    clip-path: circle(82.9% at 17% 51%);;
    
}

.left-point {
    -webkit-clip-path: circle(82.9% at 83% 51%);
    clip-path: circle(82.9% at 83% 51%);
    
}

.middle-image{
	
}

.welcome-to-row{
	background:rgba(43, 37, 36, 0.9);
}

.welcome-row{
	background:rgba(228, 226, 219, 0.5);
	/*margin-top:15px;*/
	/*text-align:center;*/	
}

.welcome-row h3{
	border-left: 15px solid #ecd455;
    padding-left: 35px;
	font-size:2em;
}
	



.latest-news a{
	color:#bd382d;
	transition:0.5s;	
}


.latest-news a:hover{
	color:#ecd455;
	transition:0.5s;	
}

.latest-news{
	background:#fff;
	margin:5px;
	min-height:500px;
}

.satsa-bonded{
	width:150px;
}

.company-profile-text h2{
	border-left: 15px solid #ecd455;
    padding-left: 35px;
	
}

.company-profile-text a{
	color:#bd382d;
	transition:0.5s;	
}


.company-profile-text  a:hover{
	color:#ecd455;
	transition:0.5s;	
}


.jaco-profile{
	/*height:1000px;
	overflow:hidden;*/
}

.company-profile-text{
	height:560px;
	overflow:hidden;
	
}

.jaco-with-book{
	height:577px;
	overflow: hidden;	
}

.tailor-made{
	font-size:3em;
	margin-top:50px;
margin-bottom: 25px;
	/*letter-spacing:0.2em;*/
}

.our-tours{
	font-size:2.7em;
	margin-top:40px;
	margin-bottom:30px;
	/*letter-spacing:0.2em;*/
}


.carousel-tile-image {
    position: relative;
   /* height: 200px;
    oerflow: hidden;*/
}
.carousel-tile-text {
    background: #2b2524;
    color: #4D3F99;
    overflow: hidden;
	min-height: 139px;
}

.carousel-tile-text p{
	font-family: arpona, serif;
	font-size:1.5em;
	color: #fff;
	margin-top: 10%;
}

.three-images-pad{
	padding:0px 5px 15px 5px;
}

.three-images-pad-left{
	padding:10px 5px 5px 0px;
}

.three-images-pad-right{
	padding:10px 0px 5px 5px
}

.main-image{
	/*margin-bottom: 10px;*/
}

.leopard-image{
	/*margin-top: 15%;*/
}

.reflection-image{
	/*margin-top: 15%;*/
}




.homepage-three-images{padding-top:175px;}


.sub-page-headings-row{
	background-image: url("../images/our-tours-back.jpg");
	background-size: cover;
	color:#fff;
	padding-top: 175px;
}

.sub-page-headings-row a{
	color:#fff;
	transition:0.5s;
}

.sub-page-headings-row a:hover{color: #bd382d;
transition: 0.5s;}

.sub-page-headings-row hr{
	border-bottom: 8px solid #2b2524;
	width:250px;
}

.sub-page-headings-row h1{
	font-size: 3em;
}


.our-tours-row{
	background-image: url("../images/our-tours-back.jpg");
background-size: cover;
	color:#fff;
}

.our-tours-row a{
	color:#fff;
	transition:0.5s;
}

.our-tours-row a:hover{color: #bd382d;
transition: 0.5s;}

.index-line hr{
	border-bottom: 8px solid #2b2524;
	width:250px;}
	
.our-tours-row hr{
	border-bottom: 8px solid #2b2524;
	width:250px;
}

.safari-row h3{
	font-size:3em;
	margin-top:20%;
	margin-bottom:30px;
	/*letter-spacing:0.2em;*/
	
	border-left: 15px solid #ecd455;
padding-left: 35px;
}

.safari-row p{	
	line-height:1.2;
}


.sub-page-body h2{
	font-size:3em;
	/*margin-top:20%;
	margin-bottom:30px;
	/*letter-spacing:0.2em;*/
	border-left: 15px solid #ecd455;
	padding-left: 35px;
}

.two-tile h3{
margin-top:20%;
}

.sub-page-body h3{
	font-size:2.5em;
	
	margin-bottom:30px;
	/*letter-spacing:0.2em;*/
	border-left: 15px solid #ecd455;
	padding-left: 35px;
}

.sub-page-body p{	
	line-height:1.2;
}

.sub-page-body li{
	font-size:1.3em;
}

.sub-page-body a{
	color:#bd382d;
	transition:0.5s;	
}

.sub-page-body a:hover{
	color:#ecd455;
	transition:0.5s;	
}

.bookmark-row{
	padding: 0px 0px 0px 25px;
	margin-bottom:-15px;
}

.vertical-center{
	margin-top:25%;
}

.book-menu{
	/*border:1px solid #2b2524 ;*/
	background: #ecd455;
}


.welcome-message{
	/*position: absolute;
	z-index: 10;*/
	/*margin-top: -48%;*/
	color: #fff;
	max-width: 650px;
	/*margin-left: 5%;*/
	font-size: 1.5em;
	border-left: 15px solid #ecd455;
	padding-left: 35px;
}

.safari-location{
	text-transform: uppercase;
}

.ism-content-wrapper a{
	text-decoration: none;	
}

.footer{
	background: url("../images/footer-background.jpg");
	 background-repeat: no-repeat;
  background-size: cover;
	color:#fff;
}

.footer a{
	color:#fff;
	transition: 0.5s;
}

.footer a:hover{
	color: #ecd455;
transition: 0.5s;
}

.footer ul{
	list-style: none;
}

.footer li{
	font-size:1.3em;
	padding-bottom:10px;
	margin-left:-40px
}

.footer h3 {
	border-left: 15px solid #ecd455;
padding-left: 35px;
	font-size:2em;
	
}

.social{margin-top:0px;font-size:3em;}


.safari-row a{
	color:#bd382d;
	transition:0.5s;	
}


.safari-row a:hover{
	color:#ecd455;
	transition:0.5s;	
}

.universal-access-company{
	max-width:100%;
	width:100px;
}


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

Sub Pages

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


.tours-image-tile-image{
	height:300px !important;
	padding 0px;
    width: 100%;
    height: 16.875rem;
    margin: 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
}


.tours-image-tile-image img{
	width: 100% !important;
	height: 100% !important;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	/*-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: -webkit-transform .5s;*/
	transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s,-webkit-transform .5s;		
}

.tours-image-link:hover img{
 -webkit-transform:scale(1.1);
 transform:scale(1.1)
}


.tours-image-link{
	text-decoration: none;
}

.tours-image-link-container{
	transition: box-shadow .5s,transform .5s,-webkit-box-shadow .5s,-webkit-transform .5s;
	-webkit-box-shadow: 0 10px 40px -15px rgba(0,0,0,.2);
	box-shadow: 0 10px 40px -15px rgba(0,0,0,.2);	
}

.tours-description{
	min-height: 125px;
	background: #2b2524;
	color: #4D3F99;
	overflow: hidden;
}

.tours-description p{
	margin-top:10% !important;
	font-family: arpona, serif;
	font-size: 1.5em;
	color: #fff;
}

.tours-description hr{
	border-bottom: 5px solid #131C47;
	margin:-15px 0px 0px 0px;
	width: 100px;
	max-width: 100%;
	border-top: none;
}

.not-fixed{
	position:relative;
}

.remove-top-pad{
	padding-top:0px !important;
}

video{
	width:100%;
	height:550px;
}

.main {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
}

.left {
    position: relative;   
}

.right {
    position: relative;
}

.v-align-center{
	margin-top:10%;
}

input[type=text],
input[type=email],
input[type=url],
input[type=tel]
 {
	width: 100%;
	padding: 10px;	
	border: 1px solid #2b2524;
	font-family: pt-sans, sans-serif;
	font-size: 1.3em; 
	 margin-bottom:15px;
}

textarea{
	width: 100%;
	border: 1px solid #2b2524;	
	font-family: pt-sans, sans-serif;
	font-size: 1.3em; 
	margin-bottom:15px;
	padding:10px;
  }

input[type=submit]{
	font-family: arpona, serif;
	display: block;
	padding: 14px 18px;
	color: #2b2524;
	text-decoration: none;
	font-size: 1.3em;
	background-repeat: no-repeat;
	background-position: left center;
	border-left: thin inset;
	border-color: #000;
	transition: background-color linear .35s, border-color linear .3s;
	background: #ecd455;
	border:none;
}

input[type=submit]:hover{
	background: #2b2524;
	color:#fff;
}

@media only screen and (max-width:700px){
  .main {
      justify-content: space-between;	  
	  display:flex !important ;
  }

  .left {
      order:2;
	  width:100% !important;
  }

  .right {
      order:1;
  }
}



@media only screen and (min-width: 0px) and (max-width: 1400px) {

	
	.top-row-background{
	
background-size: cover;

}
	
.top-banner-logo{
	margin-left:100%;
	}


	
}


@media only screen and (min-width: 0px) and (max-width: 1300px) {
	.welcome-message{margin-left:unset;
		
	}
	
	
	
}


@media only screen and (min-width: 0px) and (max-width: 960px) {
	.welcome-message{margin-left:unset;
		margin-top:unset;
		position:initial;
		color: #fff;
	}
	
	.top-banner-logo{
		margin-left:unset;
	}
	
	
}

.book-row{
	background-image: url("../images/our-tours-back.jpg");
	background-size: cover;
	color:#fff;
	transition: 0.5s;
	text-decoration: none;
	
}
.book-link .lbm-column{ padding:0px;transition: 0.5s;}



.book-row :hover{
			background: rgba(43, 37, 36, 0.9);
			transition: 0.5s;}

.book-row p:hover{
			background: center;
			transition: 0.5s;}

.book-row p{
	font-size: 3em;
	font-family: arpona, serif;
	display: inline-block;
	/*padding-top: 2.5%;*/
	
}
.book-link{
	text-decoration: none;
	
	
}


@media only screen and (min-width: 0px) and (max-width: 767px) {
	.top-row{
		text-align:center;
	}
	.homepage-top-slide{margin-top:160px;}
	
	.latest-news{min-height:unset;}
	.jaco-profile {
    height: 450px;
    overflow: hidden;
}
	
	.p7ISM.ism-root-white .ism-outer-wrapper, .p7ISM .ism-panel.ism-panel-white, .p7ISM.ism-arrow-white .ism-arrow-left, .p7ISM.ism-arrow-white .ism-arrow-right, .ism-pags-color-white.ism-paginator a, .ism-pags-hover-white.ism-paginator a:hover, .ism-pags-down-white.ism-paginator a.down{
		margin-top:50% !important;
	}
	
	.top-row-background{
	
background-image: none;

}

	.main-image{max-width:100% !important;}	
	.reflection-image{margin-top:unset;}
	
	
	
}


@media only screen and (min-width: 0px) and (max-width: 767px) {
	.homepage-top-slide{margin-top:208px;}
}

@media only screen and (min-width: 0px) and (max-width: 700px) {
		
	.sub-page-headings-row{padding-top:225px;}
}

@media only screen and (min-width: 0px) and (max-width: 700px) {
.three-images-pad-left{
	padding:5px 0px 5px 0px;
}

.three-images-pad-right{
	padding:5px 0px 5px 0px;
}
	
	.main-image{padding: 10px 0px 5px 0px;}

	
	
}

@media only screen and (min-width: 0px) and (max-width: 800px) {
	h1{font-size:2em;}	
}

iframe {max-width:100%}