body {
	position: relative; 
	 overflow-x: hidden; /* Hide horizontal scrollbar */
}
  		
nav{
	font-size: 1rem;
  	}

body, html {
  			height: 100%;
  			margin: 0;
 }

.bgimg-x,.bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4, .bgimg-5, .bgimg-6,.bgimg-7,.bgimg-info-generale, .bgimg-info-visa, .bgimg-abstract-submit, .bgimg-oral-guide, .bgimg-partner, .bgimg-partnership, .bgimg-floorplan {
	position: relative;
  	/*opacity: 0.60;*/
  	background-attachment: fixed;
  	background-position: center;
  	background-repeat: no-repeat;
  	background-size: cover;
}

.bgimg-x {
	/*background-image: url("../images/xspeaking.jpg");*/
  	min-height:0%;
}

.bgimg-1 {
	/*background-image: url("../images/01Splash_begin.jpg");*/
  	min-height: 70%;
}
		
.bgimg-2 {
  /*	background-image: url("../images/02Welcome.jpg");*/
  	min-height: auto%;
  	
}

.bgimg-3 {
	/*background-image: url("../images/03Schedule.jpg");*/
  	min-height: 60%;
}

.bgimg-4 {
	/*background-image: url("../images/04Hotel.jpg");*/
	min-height: 70%;
}
	
.bgimg-5 {
	/*background-image: url("../images/05Social_event.jpg");*/
  	min-height: 80%;
}

.bgimg-6 {
	/*background-image: url("../images/06Tours.jpg");*/
  	min-height: 100%;
}
		
.bgimg-7 {
	/*background-image: url("../images/01Splash_begin.jpg");*/
  	min-height: 60%;
}

.bgimg-info-generale{
	/*background-image: url("../images/07info-generale.jpg");*/
  	min-height: 100%;
}

.bgimg-info-visa{
	/*background-image: url("../images/08info-visa.jpg");*/
  	min-height: 100%;
}


.bgimg-abstract-submit{
	/*background-image: url("../images/09abstract-submit.jpg");*/
  	min-height: 70%;
}


.bgimg-oral-guide{
	/*background-image: url("../images/10oral-guide.jpg");*/
  	min-height: 70%;
}


.bgimg-partner{
	/*background-image: url("../images/11Partners.png");*/
  	min-height: 70%;
}

.bgimg-partnership{
	/*background-image: url("../images/12Partnership-oport.jpg");*/
  	min-height: 70%;
}


.bgimg-floorplan{
	/*background-image: url("../images/13floorplan.png");*/
  	min-height: 70%;
}
		
.caption {
	position: relative;
  	left: 0;
  	top: 35%;
  	width: 100%;
  	text-align: center;
  	color: #000;
}

.caption span.border {
	background-color: #111;
  	color: #fff;
  	padding: 18px;
  	font-size: 25px;
  	letter-spacing: 10px;
}

h3 {
	letter-spacing: 5px;
  	text-transform: uppercase;
  	font: 20px "Lato", sans-serif;
  	color: #111;
}
		
/* section importante date */

.imp_date .card .card-title {
	margin: 15px 15px 10px;
	font-family: Raleway;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	color:#6677aa;
}


.imp_date .card .card-title {
	margin: 15px 15px 10px;
	font-family: Raleway;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	color:#6677aa;
}

		
/* ajustement des image utiliser dans les description de produit */

.hotel-img {
	height:300px;
}
		
.banquet-img {
	height:300px;
}

.social-img {
	height:300px;
}
		
.tour-img {
	height:300px;
}
		
#myBtn {
	display: none;
  	position: fixed;
  	bottom: 20px;
  	right: 30px;
  	z-index: 99;
  	font-size: 18px;
  	border: none;
  	outline: none;
  	background-color: red;
  	color: white;
  	cursor: pointer;
  	padding: 15px;
  	border-radius: 4px;
}

#myBtn:hover {
	background-color: #555;
}
		
		
.map-responsive{
    overflow:hidden;
    padding-bottom:50%;
    position:relative;
    height:0;
    margin: auto;
}

.map-responsive iframe{
    left:0;
    top:0;
    height:70%;
    width:80%;
    position:absolute;
     
   
}		

.btn-default {
  font-family: Raleway-SemiBold;
  font-size: 13px;
  color: rgba(108, 88, 179, 0.75);
  letter-spacing: 1px;
  line-height: 15px;
  border: 2px solid rgba(108, 89, 179, 0.75);
  border-radius: 40px;
  background: transparent;
  transition: all 0.3s ease 0s;
}	

.footer-top {
	position: fixed;
    background: #323B44;
    border-bottom: 1px solid #414f5a;
    color: #A1A1A1;
   
   
    bottom: 0;
    
}

footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: auto;  
  
  
}


.utctext{
 display:inline;
 font-size:1.2vw;
 text-align:center;
 font-family:'BebasNeueRegular', Arial, Helvetica, sans-serif;
 text-shadow:0 0 5px #00c6ff;

}

.theclock{
	display:inline;
	font-size:2.5vw;
	text-align:center;
	font-family:'BebasNeueRegular', Arial, Helvetica, sans-serif;
	text-shadow:0 0 5px #00c6ff;
}

.timequebec{
	color:#ffffff;
	display:inline;
	font-size:1.5vw;
	text-align:center;
	font-family:'BebasNeueRegular', Arial, Helvetica, sans-serif;
	text-shadow:0 0 5px #00c6ff;
}

	/* hotel thing */

	.mapref {
  		float: right;
  		margin-left: 8px;
	}

	.rating {
  		float: right;
  		color: #fc0;
  		margin-top: 5px;
  		font-size: 14px;
	}

 	.table-responsive > .table > tbody > tr > td{
  		white-space: normal;
	}

 	.table-responsive{
  		width: auto;
  		overflow-x: visible;
  		overflow-y: visible;
	}



	.navbar-nav a {
  		float: left;
  		display: block;
 		color: #ffffff; 
  		text-align: left;
  		padding: 5px 16px;
  		text-decoration: none;
  		font-size: 18px;
  		border-bottom: 3px solid transparent;
	}

	.navbar-nav a:hover {
  		border-bottom: 3px solid red;
	}

	.navbar-nav a.active {
  		border-bottom: 3px solid red;
	}

	.navbar {
		background: transparent; 
	}

	/* Espace carrousel */

	.col-md-3{
  		display: inline-block;
  		margin-left:-4px;
	}	

	/* permet l'ajustement des image dans les slider  */

   

	body .carousel-indicators{
		bottom:-40px;
	}

	body .carousel-indicators li{
  		background-color:black;
	}

	body .carousel-control-prev-icon, body .carousel-control-next-icon{
  		background-color:black;
	}
	
	.avatar img {
  		max-width: 80px;
  		max-height: 80px;
	}

	
	.thebanner img {
		margin-top:100px;
	}

 .carousel-item .carousel-inner > .item {
   height: 400px;
}
	

#summary {
  font-size: 14px;
  line-height: 1.5;
}

#summary p.collapse:not(.show) {
    height: 42px !important;
    overflow: hidden;
  
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
}

#summary p.collapsing {
    min-height: 42px !important;
}

#summary a.collapsed:after  {
    content: '+ Read More';
}

#summary a:not(.collapsed):after {
    content: '- Read Less';
}

.openPopup {
font-size: 12pt;
font-weight: bold;

}


.sponsor_gold .Gold_Sponsor .carousel-item a > img {
   height: 60%;
   width:60%;
}


.sponsor_gold .Gold_Sponsor .carousel-item a > img {
   height: 60%;
   width:60%;
}
			
/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1024px) {
	.bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4, .bgimg-5, .bgimg-6, .bgimg-7 {
    			background-attachment: scroll;
	}
}


/*
####################################################
M E D I A  Q U E R I E S
####################################################
*/

/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Bootstrap 4 breakpoints
*/
 
/* 
Extra small devices (portrait phones, less than 576px) 
No media query since this is the default in Bootstrap because it is "mobile first"
*/

@media screen and (min-width: 320px) {

	.caption span.border {
		background-color: #111;
		color: #fff;
		padding: 12px;
		font-size: 16px;
		letter-spacing: 3px;
	}

	/*	body { font-size: 1.4rem; } /* =14px */ 
}

 
@media (min-width: 525px){

	.caption span.border {
		background-color: #111;
		color: #fff;
		padding: 12px;
		font-size: 16px;
		letter-spacing: 3px;
	}

}
 
 
/* Small devices (landscape phones, 576px and up) */

@media (min-width: 576px) { 

	.caption span.border {
		background-color: #111;
		color: #fff;
		padding: 18px;
		font-size: 21px;
		letter-spacing: 6px;
	}
 
 	/* body { font-size: 1.4rem;  } */  /* =14px */
}
 
 
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  

	h3 {
  		letter-spacing: 5px;
  		text-transform: uppercase;
 		font: 12px "Lato", sans-serif;
  		color: #111;
	}
	
	.caption span.border {
		background-color: #111;
		color: #fff;
		padding: 18px;
		font-size: 25px;
		letter-spacing: 6px;
		}

	
	.sponsor_gold .carousel-item a > img {
   height: 60%;
   width:60%;
}
	
}
 
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	
.caption span.border {
		background-color: #111;
		color: #fff;
		padding: 18px;
		font-size: 25px;
		letter-spacing: 10px;
		}


.utctext{
 display:inline;
 font-size:18px;
 text-align:center;
 font-family:'BebasNeueRegular', Arial, Helvetica, sans-serif;
 text-shadow:0 0 5px #00c6ff;

}



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

	.caption span.border {
		background-color: #111;
		color: #fff;
		padding: 18px;
		font-size: 25px;
		letter-spacing: 6px;
		}
		
		
		
		
		
		
		
}
 
 
 
/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Custom media queries
*/
 
/* Set width to make card deck cards 100% width */

@media (max-width: 950px) {

	.caption {
		position: relative;
  		left: 0;
  		top: 10%;
  		width: 100%;
  		text-align: center;
  		color: #000;
	} 

	.caption span.border {
		background-color: #111;
		color: #fff;
		padding: 18px;
		font-size: 2,5vw;
		letter-spacing: 2px;
	}

	body { 
		font-size: 1rem; /* =14px */
		} 	
		
	.thebanner img {
		margin-top:15px;
	}
	
	.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: .80rem;
    line-height: inherit;
    white-space: nowrap;
	}
 
 .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color:transparent;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
	}
 
 .dropdown-item:focus, .dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #transparent;
	}
 
 
 .utctext{
 display:inline;
 font-size:13px;
 text-align:center;
 font-family:'BebasNeueRegular', Arial, Helvetica, sans-serif;
 text-shadow:0 0 5px #00c6ff;

}


.theclock{
	display:inline;
	font-size:18px;
	text-align:center;
	font-family:'BebasNeueRegular', Arial, Helvetica, sans-serif;
	text-shadow:0 0 5px #00c6ff;
}
 
.timequebec{
	color:#ffffff;
	display:inline;
	font-size:16px;
	text-align:center;
	font-family:'BebasNeueRegular', Arial, Helvetica, sans-serif;
	text-shadow:0 0 5px #00c6ff;
}



 
}