/*Site Breadcrumbs*/
.page-breadcrumb {
	padding: 10px 0;
}
.page-breadcrumb .breadcrumb {
	background-color: transparent;
}
.page-breadcrumb .breadcrumb-item a {
	color: #282828;	
}
.page-breadcrumb .breadcrumb-item.active {
	color: #282828;
}
.page-breadcrumb .breadcrumb-item {

}
.breadcrumb-item+.breadcrumb-item::before {
	content: ">";
}
/*End Site Breadcrumbs*/


/*===Sidebar Css====*/
.tdp-side-reacher {
	background-color: #282828;
	padding: 20px;
}
.tdp-side-reacher .form-title {
	margin-bottom: 20px;
}
.tdp-side-reacher .form-group select {
	color: #282828;
	border: 0.5px solid #B6B6B6;
	height: 33px;
	font-size: 13px;
	border-radius: 2px;
	background-image: url(../images/icons/chevron-down-black.png);
	background-repeat: no-repeat;
	background-position: 94% center!important;
	-webkit-appearance: none;
	padding-right: 30px;
}

.tdp-side-reacher .form-group {
	margin-bottom: 7px;
}
.tdp-side-reacher .form-group.btn-div {
	margin-bottom: 0;
}
.tdp-side-reacher {
	
}


/*======Start Main Page css=====*/

.page-main-top {
	margin: 25px 0 15px 0;
}
.home-p-row {
	padding: 0 9px;
}


/*======company list page css=======*/
.destin-row, .tdp-comp-row {
	padding: 0 9px
}
.destin-row .tpd-destin-col, .tdp-comp-row .tdp-comp-col {
	padding: 0 6px 15px 6px;
}
.destin-box {
    display: inline-block;
    background-color: #fff;
    box-shadow: 0px 0px 4px #0000000D;
}

.destin-box .destin-content, .tdp-comp-box .comp-content {
	padding: 15px 12px;
	color: #282828;
}
.dest-box-col .box-price, .mob-destination .box-price {
	color: #282828;
}
/*======companytab css=======*/
.tdp-comp-row {

}
.tdp-comp-row .tdp-comp-col {

}
.tdp-comp-box {
	display: inline-block;
	background-color: #fff;
	border-radius: 1px;
	border: 1px solid #6C6C6C70;
	box-shadow: 0px 0px 4px #0000000D;
}
.tdp-comp-box .comp-logo img {
	margin: 0 auto;
    max-height: 100%;
}
.tdp-comp-box .comp-content {

}
/* ======Start Company Page Css======= */

.dest-box-col .dest-img {
	height: 200px;
	border-radius: 1px 1px 0 0;
	overflow: hidden;
}
.destination-row .dest-box-col {
	margin-bottom: 30px;
}
.dest-box-col .dest-link {
	display: inline-block;
	background-color: #fff;
	box-shadow: 0px 2px 6px #00000029;
	position: relative;
	border-radius: 1px;
	overflow: hidden;
}
.dest-img .dest-img-gradient {
	background: linear-gradient(180deg, #000000, #381A00);
	opacity: 6%;
}
.dest-box-col .dest-content {
	background-color: #fff;
	border-radius: 0 0 1px 1px;
	padding: 10px 10px 10px 20px;
}
/* ======End Company Page Css======= */
/*Start Boat List Page*/
.boat-list-col .boat-list-title {
	padding: 15px 6px 5px 6px
}

/*End Boat List Page*/
/*start plan du site Page*/
.tdp-site-map-div {
    margin-bottom: 30px;
}
.tdp-site-map-div .tdp-site-links-div {
    padding: 5px;
    border: 1px solid #6C6C6C;
}
.tdp-site-map-div .tdp-site-links-div > ul > li {
    float: left;
    width: 25%;
    margin: 4px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 12px;
}
.tdp-site-map-div .tdp-site-links-div > ul > li > a {
	color: #282828;
}
/*End plan du site Page*/

/*--31-3-22--*/
.destination-div .dest-link {
	color: #707070;
	/*margin-left: 12px;*/
}
.destination-div .sub-link {
	/*padding: 0 12px;*/
}
.destination-div .dest-link .link-icon {
	float: right;
	margin-top: 5px;
	margin: 2px 10px 0 0;
}
.dest-link.active .link-icon {
	transform: rotate(90deg);
}

@media(min-width: 1200px) {
	.tdp-sidebar-col {
		-ms-flex: 0 0 26%;
	    flex: 0 0 26%;
	    max-width: 26%;
	}
	.page-main-col {
	    -ms-flex: 0 0 74%;
	    flex: 0 0 74%;
	    max-width: 74%;
	}
}
@media (min-width: 768px) {

.other-banner .banner-overlay {
    background-color: rgba(0, 0 , 0, 0.6);
}

}

/*-------------------------
  banner section section
---------------------------*/
/*.train-home-banner {
	background:linear-gradient(0deg, rgba(0, 0, 0, 0.31), rgba(0, 0, 0, 0.31)), url(../img/home-banner-1.jpg);
}*/
.bg-img-linear {
	background-size: cover , cover;
    background-position: 100%, 50%;
    background-repeat: no-repeat, no-repeat;
}


/*==================================
	Page Media Query 
====================================*/

@media(max-width: 1199.98px) and (min-width: 768px) {
	.dest-box-col .dest-img {
		height: 125px;
	}
}
@media(max-width: 991px) and (min-width: 768px){
	/*Mobile Reacher form*/
	.train-mob-reach-form {

	}
	.train-mob-reach-form .mob-reacher-title {
		margin-bottom: 23px;
	}
	.train-mob-reach-form .mob-reacher-input {
	    color: #282828;
	    border-radius: 4px;
	    display: inline-block;
	    background-color: #fff;
	    border: 0.5px solid #5C5C5C;
	    height: 45px;
	    font-size: 12px;
	    background-image: url(../images/icons/black-chevron-down.svg);
	    background-repeat: no-repeat;
	    background-position: 95% center!important;
	    background-size: 11px;
	    width: 100%;
	    padding: 12px 15px;
	}
	.train-mob-reach-form .mob-reacher-input.active,
	.train-mob-reach-form .mob-reacher-input.active span {
		font-weight: 700;
	}
	.train-mob-reach-form .train-reach-col {
		margin-bottom: 12px;
	}
	.train-mob-reach-form .train-reach-col:nth-child(3) {
		margin-bottom: 25px;
	}
	.train-mob-reach-form .tabopen-input {
		
	}
	.train-mob-reach-form .mob-btn-div > .default-btn {
		height: 52px;
		padding-top: 12px;
	}
	.train-mob-reach-form .mob-btn-div {
		
	}

	/*Start Mobile Reacher modal tab open*/
	
	.train-reach-modal {

	}
	.train-reach-modal .modal-dialog {
		margin: 0;
	    height: 100%;
	    max-width: 100%;
	}
	
	.train-reach-modal .modal-content {
		border-radius: 0;
	    border: 0;
	    height: 100%;
	}
	.train-reach-modal .modal-header {
	    border-bottom: 0.5px solid #6C6C6C;
	    display: block;
	    position: relative;
	    padding-left: 20px; 
	    padding-right: 20px; 
	}
	.train-reach-modal .modal-header .close {
	    font-size: 40px;
	    opacity: 1;
	    top: 9px;
	    right: 20px;
	    line-height: 0.8;
	}
	.train-reach-modal .desttab-open .modal-title {
	    line-height: 1.5;
	}
	.train-reach-modal .modal-body {
	    padding: 5px 20px;
	    padding-bottom: 50px;
	}
	.train-reach-modal .nav-tabs {
    	border-bottom: 0.5px solid #282828;
	}

	.train-reach-modal .reachtab-topen .nav-tabs .nav-item {
	    width: 33.33%;
	    text-align: center;
	}
	.train-reach-modal .nav-tabs .nav-item .nav-link {
	    padding: 20px 0;
	    font-size: 15px;
	    line-height: 1.2;
	    border-radius: 0;
	    border: 0;
	    color: #282828;
	    border-bottom: 5px solid transparent;
	}
	.train-reach-modal .nav-tabs .nav-link:focus, .train-reach-modal .nav-tabs .nav-link.active {
	    border-bottom: 5px solid #282828;
	    font-weight: 600;
	}
	.desttab-nav {

	}
	.desttab-nav .nav-item:last-child .nav-link {
		padding: 29px 0;
	}
	.desttab-nav {
		
	}

	.train-reach-modal .tab-content {
		padding-top: 17px;
	}
	.train-reach-modal .form-check {
	    padding: 0;
	}
	.train-reach-modal .form-check .form-check-label {
	    font-size: 15px;
	    width: 100%;
	    padding: 12px 0px;
	    border-bottom: 0.5px solid #6C6C6C;
	}
	.train-reach-modal .form-check input {
	    width: 17px;
	    height: 17px;
	    margin-top: 14px;
	}

	.date-depart-tab {
		padding-top: 30px !important;
	}

	.date-depart-tab .month-list li {
	    width: 33.33%;
	    padding: 6px;
	    float: left;
	    cursor: pointer;
	}
	.date-depart-tab .month-list {
		margin: 0 -6px;
	}
	.date-depart-tab .month-list li .month-link {
	    padding: 13px 5px;
	    border: 0.5px solid #707070;
	    display: block;
	    width: 100%;
	    text-align: center;
	    font-size: 16px;
	    margin-bottom: 0;
	}
	.date-depart-tab .month-list .month-link.disabled {
	    pointer-events: none;
	    color: #AAAAAA;
	    background-color: #F8F8F8;
	}
	.date-depart-tab .month-list .month-link.selected, 
	.date-depart-tab .r-option-col .r-logo-list.selected {
    	background-color: #CEA049;
	    color: #fff;
	    font-weight: 600;
	}
	.train-reach-modal {
		
	}
	/*End Mobile Reacher modal tab open*/
}

 /*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 
	.comp-page-text .description {
		margin-bottom: 25px
	} 
	.tdp-comp-box .comp-logo {
		height: 85px;
		padding: 17px 5px;
		border-bottom: 1px solid #6C6C6C70;
	}
	.destin-box .destin-img {
		height: 150px;
	}
	/*Start Boat List Page*/
	.boat-list-col .boat-filter-div {
		margin-top: 20px;
		margin-bottom: 15px;
	}
	.boat-list-col .boat-filter-div select {
		width: 200px;
		height: 25px;
	}

	/*End Boat List Page*/

}

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

 /*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 
	
}

@media(min-width: 768px) and (max-width: 1199.98px) {
	
}
@media (min-width: 768px) and (max-width: 991.98px) {
	

}

 /*Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) { 
	.train-home-banner {
		height: 565px;
	}

}

 /*Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) { 
	.page-main-col.tab-content {
    	padding-top: 15px;
	}
	.banner-content .tdp-reahcer-input {
	    width: 100%;
	    /*float: right;*/
	    margin-top: 15px;
	}
	.tdp-reahcer-input .tdp-input-open {
	    display: inline-block;
	    padding: 2px 7px;
	    font-size: 10px;
	    border: 1px solid #FFF;
	    color: #fff;
	    border-radius: 1px;
	    height: 21px;
	    width: 100%;
	}
	.tdp-mobside-reacher {
		display: none;
	    padding: 0;
	    position: fixed;
	    top: 0;
	    left: 0;
	    z-index: 1051;
	    background-color: #fff;
	    height: 100%;
	    width: 100%;
	}
	.tdp-mobside-reacher .form-title {
		padding-bottom: 10px;
    	border-bottom: 1px solid #282828;
	}
	.train-mob-reach-form .mob-reacher-title, .train-reach-col label {
		color: #282828 !important;
	}
	.train-mob-reach-form {
		background-color: #F8F8F8;
		padding: 15px;
	}
	.tdp-mobside-reacher .close-side-mob {
	    font-size: 28px;
	    line-height: .5;
	    color: #fff;
	    position: absolute;
	    right: 15px;
	    top: 17px;
	    background-color: #282828;
	    padding: 1px 5px 5px 5px;
	    border-radius: 1px;
	}
	.tdp-mobile-reacher {
		display: none;
	}
	.tdp-sidebar-col {
	    padding: 0;
	    background-color: #fff;
	}
	.tdp-side-reacher {
	    margin: 15px;
	    padding-top: 40px;
	}
	.tdp-side-reacher .close-side-mob {
	    font-size: 28px;
	    line-height: .5;
	    position: absolute;
	    padding: 1px 5px 5px 5px;
	    border-radius: 1px;
	    color: #282828;
	    background-color: #fff;
	    right: 20px;
	    top: 12px;
	}
	.other-banner .banner-content .banner-title-div {
		padding: 0 15px; 
	}
}
 /*Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) { 
	.page-section-title {
		padding-bottom: 10px;
	}
	.page-section-title .sec-title {
		font-size: 20px;
	}
	.page-section-title .sub-title {
		font-size: 13px;
	}
	.train-home-banner .train-banner-content {
		padding: 110px 15px 15px 15px;
	}
	/*--------*/
	.train-company-sec {
		padding: 20px 0;
	}
	.other-banner.tdp-result-banner {
	    height: 158px;
	}
	.tdp-result-banner .banner-content {
	    bottom: 15px;
	}
	.other-banner .banner-overlay {
	    background-color: rgba(0, 0 , 0, 0.7);
	}
	.other-banner .banner-content .banner-title-div {
		text-align: left;
	}
	.banner-title-div .banner-title {
	    font-size: 16px;
	}
	.comp-page-text .description {
		font-size: 13px;
	} 
	.tdp-comp-row .tdp-comp-col {
		padding-bottom: 10px;
	}
	.tdp-comp-box .comp-logo {
		height: 100%;
		width: 30%;
		float: left;
		padding: 21px 15px 10px 15px;
		border-right: 1px solid #6C6C6C70;
	}
	.tdp-comp-box .comp-content {
		height: 100%;
		width: 70%;
		text-align: left !important;
		float: right;
	}
	.tdp-comp-box .comp-content {
		padding: 15px 10px;
	}
	.tdp-comp-box .comp-content .box-title {
		margin-bottom: 5px !important;
	}
	.tdp-comp-box .comp-content .box-price {
		font-size: 12px;
		float: left;
	}
	.tdp-comp-box .comp-content .box-rating {
		font-size: 11px;
		float: right;
	}
	/*====star destination list css====*/
	.dest-box .dest-img {
		height: 150px;
	}
	.destination-row .dest-box {
		margin-bottom: 30px;
	}
	.dest-box .dest-link {
		display: inline-block;
		background-color: #fff;
		box-shadow: 0px 2px 6px #00000029;
		position: relative;
		border-radius: 5px 5px 3px 3px;
		overflow: hidden;
	}
	.dest-img .dest-img-gradient {
		background: linear-gradient(180deg, #000000, #381A00);
		opacity: 6%;
	}
	.dest-box .dest-content {
		background-color: #fff;
		border-radius: 0 0 1px 1px;
		/*box-shadow: 0px 2px 6px #00000029;*/
		padding: 15px;
	}
	.dest-main-title {
		font-size: 14px;
		margin-bottom: 15px !important;
	}
	.tdp-destination-block .dest-block-title {
		font-size: 13px;
	}
	.company-list-block {
		padding-top: 7px;
	}
	.cruise-count-des {
    	display: none;
	}
	.destination-row .dest-box-col {
		margin-bottom: 10px;
	}
	.dest-box-col .dest-link {
		/*height: auto !important;*/
	}
	.dest-box-col .dest-img {
		float: left;
		width: 95px;
		height: 100%;
	}
	.dest-box-col .dest-content {
		float: left;
		text-align: left !important;
		width: calc(100% - 95px);
		padding: 10px;
	}
	.dest-box-col .dest-bottom .offer-star {
		font-size: 11px;
		margin-left: 5px;
	}
	/*====End destination list css====*/
	.destin-row .tpd-destin-col {
		padding-bottom: 10px;
	}
	.destin-box .destin-img {
		/*max-height: 75px;*/
		height: 100%;
		width: 35%;
		float: left;
	}
	.destin-box .destin-content {
		/*max-height: 75px;*/
		height: 100%;
		width: 65%;
		text-align: left !important;
		float: right;
	}
	.destin-content .box-price {
		font-size: 12px;
	}
	.destin-box .destin-content {
		padding: 15px 10px;
	}
	.destin-content .box-title {
		margin-bottom: 5px !important;
	}
	/*Start Boat List Page*/ 
	.boat-list-col .boat-filter-div {
	    margin-top: 10px;
	    margin-bottom: 5px;
	}
	.boat-list-title .dest-block-title {
		margin-bottom: 10px;
	}
	.boat-list-col .boat-filter-div select {
		width: 210px;
		height: 25px;
		margin-top: 10px;
	}
	/*End Boat List Page*/
	/*start plan du site Page*/
	.tdp-site-map-div .dest-block-title {
	    margin-bottom: 10px;
	}
	.tdp-site-map-div .tdp-site-links-div>ul>li {
	    float: none;
	    width: 100%;
	    margin: 10px 0;
	    padding-left: 15px;
	    line-height: 1.2;
	}
	.tdp-site-map-div .tdp-site-links-div>ul li:first-child {
	    padding-left: 0;
	}
	/*end plan du site Page*/

}

 /*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) { 

}
 /*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 359.99px) { 

}


 /*Extra large devices (large desktops)*/
 /*No media query since the extra-large breakpoint has no upper bound on its width*/