@font-face { font-family: Robotolight; src: url('/sites/default/themes/framework/css/Roboto-Light.ttf') } 	
.background-header{ 
  	background: url(/sites/default/modules/cruise_itinerary_aggregator/css/images/bg-cruiseplanner-new.jpg) no-repeat center center fixed !important; 
  	-webkit-background-size: cover !important;
  	-moz-background-size: cover !important;
  	-o-background-size: cover !important;
  	background-size: cover !important;
  	margin-top: 35px;пкшв
}

.background-wight {
	background-color:#ffffff;
}


.padding-around {
	padding: 30px 10px 20px 10px;
}

.text-center {
	text-align: center;
}

.justify {
	text-align: justify;
}

.white-color { 
  	line-height: 1;
  	margin-top: 1em;
  	color: #ffffff;
}
.white-color a:link { 
  	line-height: 1;
  	margin-top: 1em;
  	color: #ffffff;
	
}
.white-color a:visited {
    color: #ffffff;
}
.white-color a:hover {
    color: #f2f2f2;
}
.white-color a:active {
    color: #ffffff;
}

/*see all link*/
.see-all { 
  	padding: 50px 0px 30px 0px;
}

.see-all a:link { 
  	line-height: 1;
  	margin-top: 1em;
  	color: #ffffff;
  	background-color: #b7b7b7;
  	padding: 10px 30px;
  	font-size: 16pt;
}
.see-all a:visited {
    color: #ffffff;
   background-color: #b7b7b7;
}
.see-all a:hover {
    color: #ffffff;
    background-color: #b7b7b7;
    opacity: 0.7;
}
.see-all a:active {
    color: #ffffff;
    background-color: #b7b7b7;
}



.background-header h1 {
  font-size:25pt;
  margin-top: 0px;
  line-height: 1.8;
  }
.background-header h2 {
  font-size:20pt;
    margin-top: 0px;
  line-height: 1.8;
  font-family: Robotolight;
  }
.background-header h3{
  font-size:17pt;
    margin-top: 0px;
  line-height: 1.8;
  font-family: Robotolight;
  }
  
 h3{
    margin-top: 0px;
  }
  
.italic {
	font-style: italic;
}
.bold {
	font-style: bold;
}

/*count down styles*/
		.counter {
			display:inline-block;
			padding: 0px 15px;
			margin: 15px 0px;
			border-left:1px solid #fff;
			width:90px;
		}
		.counter-number {
			font-size: 22pt;
			font-weight: bold;
		}
		
		.counter-name {
			font-size: 18pt;
			font-family: Robotolight;
		}
		
		.until-text {
			font-size: 18pt;
			text-align: center;
			font-weight: bold;
		}
/*crop departure port image*/
   .crop-departure-port img{
     object-fit: cover;
     width: 100%;
     height: 400px;
   }
/*crop ship image*/
   .crop-ship img{
     object-fit: cover;
     width: 100%;
     height: 300px;
   }
 
 /*itinerary table*/ 
	td.header {
		padding:10px 10px;
		text-align: left;
	}
	tr.header {
		border-bottom: 5px solid #cdcdcd;
		border-top: 5px solid #cdcdcd; 
	}
	td.line {
		padding:5px 10px;
		text-align: left;
	}
/**header title*/
.header-title {
	text-transform: uppercase;
	font-size: 16pt;
	color: rgb( 110, 108, 108 );
	font-family: Robotolight;
}
.header-title a:link { 
  	color: rgb( 110, 108, 108 );
	
}
.header-title a:visited {
    color: #ffffff;color: rgb( 110, 108, 108 );
    }
.header-title a:hover {
     color: rgb( 110, 108, 108 );
}
.header-title a:active {
    color: rgb( 110, 108, 108 );
}

/*BEGIN TOOLS TIPS*/
.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: grey;
	opacity: 0.9;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 50%;
    margin-left: -60px;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

.text-in-tooltip {
	display: inline;
	padding-right:10px;
	line-height:35px;
	}

.ship-info-padding {
	padding:10px 0px;
}

/*for popup ship description*/
.black_overlay_cruiseplanner_video{
position:fixed; 
top:0; 
left:0; 
background:rgba(0,0,0,0.6); 
z-index:9; 
width:100%;
height:100%; 
display:none;;
}
.white_content_cruiseplanner_video {
display: none;
position: fixed;
top: 16%;
left: 18%;
width: 64%;
min-width: 650px;
height: 70vh;
padding: 10px;
z-index: 999;
overflow: hidden;
background-color: #fff;
overflow-y: scroll;
text-align: justify;
} 


.slider{
	z-index: 0 !important;
	width:88% !important;
}
.slider label {
	width: 16% !important;
	margin: 2% 1% 0 1%;
}
.slider label img {
	width:100%;
}



.x-link {
  font-size: 25pt;
  font-family: "Roboto";
  color:  #000;
  line-height: 1.2;
  position: fixed;
  margin-left: 60%;
  }
.x-link a:link {
  color: #000;
  padding:10px 10px 10px 10px;	
}
.x-link a:visited {
    color:  #000;
}
.x-link a:hover {
    color:  #000;
	opacity: 0.8;
}
.x-link a:active {
    color:  #000;
}

/* BEGIN LEFT OPEN STICK MENU */
#sticky {
  width: 300px;
  background-color: #a6a6a6 !important;
  position: absolute;
  z-index:9;
  top: 915px;
  left: -300px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}

#sticky:hover {
  left: -290px;
}

#sticky.show {
  left: -5px;
}

#sticky .controller {
  position: absolute;
  right: -55px; 
 /* top: 5px; */
  text-decoration: none;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  color: black;
  font-weight: bold;
  display: block;
  background-color: #a6a6a6 !important;
  border-radius: 0px 5px 5px 0px;
  	 -moz-border-radius: 0px 5px 5px 0px;
     -webkit-border-radius: 0px 5px 5px 0px;
	 
padding:10px 0px;
}

#sticky .pointer {
  width: 30px;
  -webkit-transition: all 0.5s ease-in-out;
  position: absolute;
  right: 5px;
  top: 5px;
}

#sticky.show .pointer {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

.leftmenu-home {
		border-bottom:1px solid #7b7b7b; padding:0px 2px; line-height: 28px; 
}
	.leftmenu-image {
		border-bottom:1px solid #7b7b7b; 
		    line-height: 48px;
    font-size: 16pt;
    color: #7b7b7b;
    text-align: center;
	}

	.leftmenu-image-active {
		border-bottom:1px solid #7b7b7b; 
		    line-height: 48px;
    font-size: 16pt;
    color: #fff;
    text-align: center;
	}

	.leftmenu-line {
		border-bottom:1px solid #7b7b7b;
		padding: 0px 10px;
		line-height: 48px;
		text-transform: uppercase;
		font-size: 12pt;
	}
	.leftmenu-line a:link { 
  	line-height: 1;
  	margin-top: 1em;
  	color: #7b7b7b;
	
}
.leftmenu-line a:visited {
    color:#7b7b7b;
}
.leftmenu-line a:hover {
    color: #ffffff;
}
.leftmenu-line a:active {
    color: #7b7b7b;
}

	.leftmenu-line-active {
		border-bottom:1px solid #7b7b7b;
		padding: 0px 10px;
		line-height: 48px;
		text-transform: uppercase;
		font-size: 12pt;
	}
	.leftmenu-line-active a:link { 
  	line-height: 1;
  	margin-top: 1em;
  	color: #ffffff;
	
}
.leftmenu-line-active a:visited {
    color: #ffffff;
}
.leftmenu-line-active a:hover {
    color: #7b7b7b;
}
.leftmenu-line-active a:active {
    color: #ffffff;
}

.fix-left-menu  {
  position: fixed !important;
  top: 100px !important;
}
/* END LEFT OPEN STICK MENU */

/*backgroung grey opacity color and link color for deslitanation list image 250x166*/
.grid-title-grey-250 {
background: url("/sites/default/themes/framework/images/grey-opacity.png") repeat scroll 0px 0px transparent;
position: relative;
margin-top: -46px;
text-align: center;
line-height: 35px;
width: 250px;
height: 40px;
border-bottom-left-radius:3px;
border-bottom-right-radius:3px;
color:#ffffff;
}	
.grid-title-grey-250-span {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}

	table.views-view-grid td.staterooms-cruiseplanner{ width:20%;}
	
	.staterooms-cruiseplanner img {
	width:95%;
	height: auto; }
	
	/*backgroung grey opacity color and link color for staterooms*/
.grid-title-grey-235 {
background: url("/sites/default/themes/framework/images/grey-opacity.png") repeat scroll 0px 0px transparent;
position: relative;
margin-top: -46px !important;
text-align: center;
line-height: 35px;
width: 95%;
height: 40px;
border-bottom-left-radius:3px;
border-bottom-right-radius:3px;
color:#ffffff;
display: block;
margin: 0 auto;
}	
.grid-title-grey-235-span {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}





/*BEGIN horizontal scroll - dats itinerary*/
	#container-days{
    width:90%;
    margin-left: 5%;
		
}

	#container-days1{
    width:100%; 
}

#list-container {
overflow:hidden;    
/* width: 86vw; */
/*width:86.5vw; */
width: 81.5vw;  
float:left;    
}

#list-container1 {
overflow:hidden;    
width:84vw;  
float:left;    
}
/*
.list{
min-width:2500px;float:left;
} */


#arrowR{

background-image: url(/sites/default/themes/framework/images/arrow-right.png);
    width: 55px;
height: 80px;
    float:right;
    cursor:pointer;
}


#arrowL{

background-image: url(/sites/default/themes/framework/images/arrow-left.png);
     width: 55px;
height: 80px;
    float:left;
    cursor:pointer;
}

.item{
    background:#808080;
width: 250px;
height: 160px;
    margin:5px;
    float:left;
    position:relative;
}

   				.not-active-day {
   					opacity:0.3; }
   				.active-day {
					opacity:1;
				}

/*END horizontal scroll - dats itinerary*/

/*style attractions of ship and port*/		
		.five-columns {
	width:86%;
	margin-left: 7%;
	display: block;
   display: -webkit-flex;
   display: -moz-flex;
   display: flex;
   -webkit-align-items: left;
   -webkit-moz-items: left;
   align-items: left;
   -webkit-justify-content: left;
   -moz-justify-content: left;
   justify-content: left;
   -webkit-flex-direction: row;
   -moz-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: wrap;
   -moz-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-flex-flow: row wrap;
   -moz-flex-flow: row wrap;
   flex-flow: row wrap;
   -webkit-align-content: flex-end;
   -moz-align-content: flex-end;
   align-content: flex-end;
   
   }
.objects-image-padding {
	padding: 0px 0px 10px;
	display: inline-block;
    display: box;
    width: 50%;
	}
.fivestar-oxygen div.fivestar-widget .cancel {
	display:none;
}	
/*style attractions of ship and port*/	

/*GOOGLE MAPS*/
  #map {
        width: 90%;
		height: 400px;
        margin: 0px;
        padding: 0px
      }
	  
	  .gm-style {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 200;
  font-size: 13pt;
  line-height: 1;
  color: rgb( 39, 91, 106 );
  text-align:center;	
}

.gm-style a:link {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 200;
  line-height: 1;
  font-size: 13pt;
  color: rgb( 39, 91, 106 );
  text-align:center;
  text-decoration:none;	
}
.gm-style a:visited {
    color: rgb( 39, 91, 106 );
}
.gm-style a:hover {
    color: rgb( 110, 108, 108 );
}
.gm-style a:active {
    color: rgb( 39, 91, 106 );
}

	.share {
		line-height: 15px;
		font-size: 15pt;
		padding-bottom: 22px;
	}