.pull-right {
  float: right !important;
  padding-left: 10px !important;
}
.btn.btn-collapse.collapsed {
	width:100% !important;
}
                     
.filter-sejour{
    padding: 0 20px 20px;
    background: rgba(1, 72, 127, 0.25);
    border-radius: 5px;
}

.hotel-item-list-wrapper{
    margin-top:10px;
}

.filter-sejour > h4{
    background: #07485B;
    color: white;
    margin-right: -20px;
    margin-left: -20px;
    padding: 10px;
    border-radius: 5px 5px 0 0;
}
.label-blue{
    color:#07485B;
    font-weight: bold;
}
.ui-widget-header{
    background: rgb(7, 72, 91);
}
#amount {
    color: #07485b !important;
}
#demo3 > div > label{
    padding-left: 20px;
}
.hotels_box_detail{
    background: #fbf6e6;
    padding: 0;
    border-radius:15px;
}

.hotels_box_detail .details-text > h4{
    color: #07485b;
    font-weight: bold;
    text-transform: capitalize;
    margin-top: 10px;
}
.hotels_box_detail p{
    color: #07485b;
}
.hotels_box_detail .col-md-4{
    padding-bottom: 0 !important;
}
.pri{
    width: 100px !important;
    background: #f0ad4e;
    padding: 5px !important;
    border-radius: 7px;
    color: black !important;
    margin: auto;
    font-weight: bold !important;
    float: right !important;
    margin-top: 10px !important;
}
.white-box{
    box-shadow: none !important;
}
.savoir-plus{
    position: absolute;
    bottom: 40px;
    right: 20px;
    text-decoration: underline;
    font-weight: bold;
}
.awhite {
    color: white;
}
.goog-te-gadget-simple {
    background-color: unset !important;
    border-left: unset !important;
    border-top: unset !important;
    border-bottom: unset !important;
    border-right: unset !important;
    font-size: unset !important;
    display: inline-block;
    padding-top: unset !important;
    padding-bottom: unset !important;
    cursor: pointer;
    zoom: 1;
}

.goog-te-banner-frame {
    left: 0px;
    bottom: 0px !important;
    top: unset !important;
}
qr-accordion .reponse_content{padding:0 10px}.qr-accordion .reponse_content p{text-align:left;margin-top:0}
.container-etape h2 {
 text-align:center
}
.list_etape {
 margin:50px 0 0 0;
 padding:0;
 list-style:none
}
.list_etape li {
 padding:0;
 background:#FFF;
 margin-bottom:25px
}
.wrapper-title {
 margin:0;
 display:inline-block;
 vertical-align:top;
 padding:0 15px;
 background:#25bdc1;
 color:#FFF;
 text-transform:uppercase;
 width:300px;
 height:75px;
 line-height:75px;
 margin-right:25px
}
.wrapper-title p {
 margin:0
}
.content-list-etape {
 display:inline-block;
 vertical-align:top;
 padding:15px 0
}
.content-list-etape p {
 margin:0
}

.nouvelle-approche h1 {
 color:#FFF;
 text-align:center;
 font-size:30px
}
.nouvelle-approche .item-approche {
 display:inline-block;
 padding:20px;
 vertical-align:top;
 width:24%;
 text-align:center
}
.nouvelle-approche .item-approche img {
 max-width:100px;margin: auto;
}
.nouvelle-approche .item-approche p {
 color:#FFF;
 text-align:center
}
.nouvelle-approche .item-approche p.title-approche {
 font-size:22px;
 font-weight:700
}
.nouvelle-approche .item-approche a {
 display:inline-block;
 margin:0 auto;
 text-align:center;
 color:#a8adb1;
 font-weight:700;
 text-decoration:none;
 position:relative;
 line-height:40px;
 transition:all linear 0.2s
}
.nouvelle-approche .item-approche a:after {
 content:"";
 position:absolute;
 bottom:0;
 left:0;
 right:100%;
 height:2px;
 background:#FFF;
 transition:all linear 0.2s
}
.nouvelle-approche .item-approche a:hover {
 color:#FFF
}
.nouvelle-approche .item-approche a:hover:after {
 right:0;
 transition:all linear 0.2s
}

.bgBlue{ padding:25px 0;

    background: #25bdc1;
}
.bg_blue{
 padding:25px 0;

    background: #25bdc1;
}
.bg_grey {
 background:#f4f4f4;
 padding:25px 0;
}
.service h2 {
 text-align:center;
 font-size:30px
}
.service h3 {
 color:#767676;
 font-size:25px
}
.service h3 span {
 display:inline-block;
 width:48%;
 text-align:center
}
.outils h2,.vision h2 {
 text-align:center;
 font-size:30px
}
.ui-tabs-vertical {
 width:100%
}
.ui-tabs-vertical .ui-tabs-nav {
 padding:0;
 margin:0;
 float:left;
 width:30%;
 border:1px solid #919191
}
.ui-tabs-vertical .ui-tabs-nav li {
 clear:left;
 width:100%;
 margin:0;
 list-style:none;
 border-bottom:1px solid #919191
}
.ui-tabs-vertical .ui-tabs-nav li:last-child {
 border-bottom:0
}
.ui-tabs-vertical .ui-tabs-nav li a {
 display:block;
 height:100px;
 padding:15px 15px 15px 15px;
 text-decoration:none;
 transition:all linear 0.3s;
 line-height:70px;
 position:relative
}
.ui-tabs-vertical .ui-tabs-nav li a:after {
 content:"";
 position:absolute;
 top:0;
 bottom:0;
 left:0;
 right:100%;
 background:#25bdc1;
 transition:all ease-out 0.2s;
 z-index:-1
}
.ui-tabs-vertical .ui-tabs-nav li a img {
 float:left;
 margin-right:10px;
 margin-top:6px
}
.ui-tabs-vertical .ui-tabs-nav li a#ui-id-16 {
 padding-top:25px;
 line-height:20px
}
.ui-tabs-vertical .ui-tabs-nav li a:hover,.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active a {
 color:#FFF;
 transition:all ease-out 0.2s
}
.ui-tabs-vertical .ui-tabs-nav li a:hover:after,.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active a:after {
 right:0;
 transition:all ease-out 0.2s
}
.ui-tabs-vertical .ui-tabs-nav li h3 {
 text-transform:none;
 font-size:18px;
 font-weight:400;
 margin:0
}
.ui-tabs-vertical .ui-tabs-panel {
 padding:1em;
 float:right;
 width:70%;
 background:#25bdc1;
 color:#FFF;
 min-height:809px
}
.actu-home {
 background:url(/wp-content/themes/businesstravel/img/actualites-home.jpg) center center no-repeat;
 background-size:cover;
 padding:0 0 25px 0
}
.actu-home h2 {
 height:140px;
 background:#f4f4f4;
 text-align:center;
 color:#595757;
 text-transform:uppercase;
 margin:0 0 25px 0;
 line-height:140px;
 font-size:30px
}
.actu-home .link_bottom {
 float:right;
 color:#FFF;
 text-decoration:none;
 position:relative;
 line-height:40px;
 transition:all linear 0.2s
}
.actu-home .link_bottom:after {
 content:"";
 position:absolute;
 bottom:0;
 left:0;
 right:100%;
 height:2px;
 background:#FFF;
 transition:all linear 0.2s
}
.actu-home .link_bottom:hover:after {
 right:0;
 transition:all linear 0.2s
}
.item-actualite {
 max-width:450px;
 width:100%;
 height:200px;
 padding:15px;
 background:rgba(255,255,255,.7);
 margin:0 0 25px 0;
 display:block;
 text-align:center;
 transition:all linear 0.3s
}
.item-actualite:hover {
 background:rgba(255,255,255,1);
 transition:all linear 0.3s;
 box-shadow:0 0 23px 3px rgba(120,120,120,.15)
}
.item-actualite a {
 text-decoration:none
}
.item-actualite a h3 {
 color:#000;
 font-weight:400;
 text-transform:none;
 font-size:18px;
 text-align:center
}
.item-actualite a p {
 text-align:center
}
@media (max-width:767px) {
 .site-title a {
  width:200px;
  height:50px;
  background-size:contain;
  position:relative;
  z-index:1000
 }
 #site-navigation {
  position:absolute;
  top:30px;
  left:0;
  right:0
 }
 #colophon {
  padding:25px 0
 }
 .widget,.infos-footer {
  width:100%;
  display:block;
  border-right:0;
  padding:0 15px;
  text-align:center
 }
 .widget-title {
  color:#FFF;
  text-align:center
 }
 .infos-footer p.tel {
  color:#FFFFFF!important
 }
 main .container {
  padding:0 15px
 }
 .page-title {
  font-size:25px;
  margin:25px 0 10px
 }
 .bg_color {
  padding:25px 0
 }
 .entry-content ul {
  padding:0 15px;
  margin:0
 }
 p {
  text-align:justify
 }
 ul.list-square {
  margin:20px 0;
  padding:0
 }
 ul.list-square li {
  height:auto;
  line-height:20px;
  min-height:28px
 }
 .link-list li {
  width:100%;
  margin:5px 0
 }
 .link-list li a {
  font-size:16px;
  line-height:20px;
  height:auto;
  padding:10px
 }
 .audit ul li {
  padding-left:55px
 }
 .question_reponse .qr-accordion {
  width:100%;
  padding:0
 }
 .qr-accordion h3 {
  padding:10px 40px 10px 10px;
  height:auto;
  line-height:20px;
  font-size:16px
 }
 .item-etape {
  padding:40px 10px
 }
 .item-etape:before {
  width:50px;
  height:50px;
  font-size:30px
 }
 .item-etape p {
  font-size:18px;
  line-height:22px
 }
 .sous-etape,.item-etape:nth-child(2) .sous-etape {
  width:100%;
  border-right:0
 }
 .col-middle {
  width:100%;
  padding:0
 }
 .wrapper-col p {
  padding:0
 }
 .wrapper-title {
  width:100%
 }
 .content-list-etape {
  padding:10px
 }
 .list-produits li {
  min-height:inherit;
  margin:5px 0
 }
 .list-produits li ul li {
  margin:0
 }
 .archive a.item_article {
  width:100%;
  display:block;
  margin:0 0 30px 0
 }
 .entry-content figure {
  width:100%!important
 }
 .entry-content figure img {
  width:100%
 }
 .wp-caption-text {
  text-align:center
 }
 .img_top-mobile {
  float:left;
  width:100%
 }
 .top-home {
  height:auto;
  background:transparent
 }
 .audit-form {
  padding:15px;
  height:auto;
  float:none
 }
 #wpcf7-f157-o1 p {
  width:100%;
  float:none
 }
 .nouvelle-approche .item-approche {
  width:100%;
  padding:10px 0
 }
 .nouvelle-approche h2 {
  font-size:20px
 }
 .nouvelle-approche .item-approche p {
  margin:0
 }
 .nouvelle-approche .item-approche p.title-approche {
  margin-bottom:0
 }
 .service h3 span {
  width:100%
 }
 .actu-home h2 {
  line-height:30px;
  font-size:25px;
  height:auto;
  padding:25px 0
 }
 .outils h2,.vision h2 {
  margin-top:0;
  font-size:25px
 }
 .audit h2 {
  font-size:20px;
  text-align:center
 }
 #accordion h3 {
  font-size:18px;
  margin:10px 0;
  text-transform:none;
  line-height:35px
 }
 #accordion h3.ui-accordion-header-active,#accordion h3:hover {
  background:#25bdc1;
  color:#FFF
 }
 #accordion h3 img {
  width:35px;
  height:35px;
  margin-right:10px;
  float:left
 }
 .content-tabs img {
  float:left;
  margin-bottom:15px
 }
 .infos_wrapper {
  display:block;
  width:100%;
  padding:15px 0;
  margin:0
 }
 .form_wrapper {
  display:block;
  width:100%
 }
}
@media (min-width:768px) and (max-width:991px) {
 .container-fluid {
  padding:0 25px
 }
 #main>.container {
  padding:0 25px
 }
 #masthead {
  position:relative
 }
 #site-navigation {
  position:absolute;
  top:40px;
  left:0;
  right:0
 }
 .audit h2 {
  text-align:center
 }
 .widget {
  width:50%;
  float:left;
  display:block
 }
 #nav_menu-3 {
  border:none
 }
 .infos-footer {
  width:100%;
  display:block;
  float:left
 }
 .qr-accordion h3 {
  height:auto;
  line-height:20px;
  padding:10px 40px 10px 10px
 }
 .qr-accordion h3 span {
  top:7px
 }
 .top-home {
  padding:0;
  background:transparent
 }
 .audit-form {
  height:auto;
  max-width:inherit
 }
 .actu-home {
  padding:0
 }
 .actu-home .container {
  padding:0 25px
 }
 .nouvelle-approche .item-approche {
  width:47%
 }
 .col-middle {
  width:100%
 }
 .list_etape {
  float:left;
  width:100%
 }
 .list_etape li {
  float:left;
  width:100%
 }
 .wrapper-title {
  width:30%;
  float:left;
  margin:0
 }
 .content-list-etape {
  float:left;
  width:70%;
  padding:10px
 }
 .list-produits {
  float:left;
  width:100%
 }
 .list-produits li {
  width:31%;
  float:left;
  margin:5px 5px 25px 5px
 }
 .list-produits li ul li {
  width:100%;
  margin:0
 }
}
@media (min-width:992px) and (max-width:1199px) {
 .container-fluid {
  padding:25px
 }
 .container {
  padding:0 25px
 }
 .qr-accordion h3 {
  font-size:12px
 }
 #main>.container {
  padding:0 25px
 }
 #masthead {
  position:relative
 }
 #site-navigation {
  position:absolute;
  top:40px;
  left:0;
  right:0
 }
 .top-home,.actu-home {
  padding:0
 }
 .actu-home .container {
  padding:0 25px
 }
 .ui-tabs-vertical .ui-tabs-nav li h3 {
  font-size:14px
 }
 .ui-tabs-vertical .ui-tabs-nav li a#ui-id-17,.ui-tabs-vertical .ui-tabs-nav li a#ui-id-18 {
  padding-top:25px;
  line-height:20px
 }
 .ui-tabs-vertical .ui-tabs-nav li a#ui-id-17 img,.ui-tabs-vertical .ui-tabs-nav li a#ui-id-18 img {
  margin-top:0
 }
 .item-etape:before {
  width:75px;
  height:75px;
  font-size:40px
 }
 .list_etape {
  float:left;
  width:100%
 }
 .list_etape li {
  float:left;
  width:100%
 }
 .wrapper-title {
  width:30%;
  float:left;
  margin:0
 }
 .content-list-etape {
  float:left;
  width:70%;
  padding:10px
 }
 .list-produits {
  float:left;
  width:100%
 }
 .list-produits li {
  width:32%;
  float:left;
  margin:5px 5px 25px 5px
 }
 .list-produits li ul li {
  width:100%
 }
}
ul.list-square {
 margin:40px 0;
 padding:0 15px;
 list-style:none
}
ul.list-square li {
 color:#25bdc1;
 background:url(https://ctabusinesstravel.com//wp-content/themes/businesstravel/img/puce.png) 0 0 no-repeat;
 padding:0 0 0 40px;
 min-height:28px;
 line-height:28px;
 margin-bottom:10px
}

container-fluid > h1, h2, h3 {
    text-transform: uppercase;
    text-align: left;
    color: #25bdc1;
text-align: center;
font-size:36px;
    margin: 25px 0 10px;
    clear: both;
}
.imgTab{float:left;width: 28px;}

.tel {
 font-size:30px;
 font-weight:700;
 margin:0
}
ul.list-square {
 margin:40px 0;
 padding:0 15px;
 list-style:none
}
 .P-content>.list-unstyled {
    font-size: 20px;
}
.link-list {
 margin:0 0 50px 0;
 padding:0;
 list-style:none;
 text-align:left
}
.link-list li {
 display:inline-block;
 text-align:center;
 vertical-align:top;
 border:1px solid #b2b2b2;
 background:#f4f4f4;
 width:48%;
 margin:5px
}
.link-list li a {
 text-transform:uppercase;
 font-size:18px;
 height:68px;
 line-height:68px;
 text-decoration:none;
 color:#494a4a;
 display:block
}
.audit h2 {
 text-align:center;
 color:#FFF
}
.audit p {color: white;
font-size: 20px;
 text-align:center
}
.audit ul {
 margin:0 auto;
 padding:0;
 width:100%;
 max-width:450px
}
.audit ul li {
 padding-left:65px;
 display:block;
 line-height:48px;
 margin-bottom:20px;
 color:#FFF
}
.audit ul li span {
 font-weight:700;
 color:#FFF;
 font-size:18px
}
.audit ul li a {
 text-decoration:none;
 color:#FFF
}
.audit ul li a:hover {
 color:#25bdc1
}
.audit ul li.tel-bdp {
 background:url(https://ctabusinesstravel.com//wp-content/themes/businesstravel/img/sprite-ico.png) 0 0 no-repeat
}
.audit ul li.form-bdp {
 background:url(https://ctabusinesstravel.com//wp-content/themes/businesstravel/img/sprite-ico.png) 0 -109px no-repeat
}
.question_reponse .qr-accordion {
 width:50%;
 float:left;
 margin:0;
 padding:0 15px;
 vertical-align:top;
 max-width:inherit
}
.qr-accordion h3 {
 margin:0;
 padding:0 10px;
 height:63px;
 line-height:63px;
 font-size:16px;
 font-weight:400;
 border-top:1px solid #b2b2b2;
 cursor:pointer;
 position:relative
}
.qr-accordion h3:first-child {
 border-bottom:0
}
.qr-accordion h3 span {
 position:absolute;
 top:0px;
 right:10px;
 background:url(https://ctabusinesstravel.com//wp-content/themes/businesstravel/img/ico-tabs.png) 0 0 no-repeat;
 width:26px;
 height:26px;
 display:block;
 transition:all linear 0.2s
}
.qr-accordion h3.ui-accordion-header-active span {
 transform:rotate(45deg);
 transition:all linear 0.2s
}
.qr-accordion h3.ui-accordion-header-active {
 border:0
}
.qr-accordion h3.ui-accordion-header-active:first-child {
 border-top:1px solid #b2b2b2
}
.qr-accordion .reponse_content {
 padding:0 10px
}
.qr-accordion .reponse_content p {
 text-align:left;
 margin-top:0
}
.item-etape {
 background:#25bdc1;
 padding:40px 0;
 clear:both;
 position:relative;
 text-align:center;
 margin-bottom:60px;line-height: 1.9;
}
.item-etape:before {
 pointer-events:none;
 position:absolute;
 content:'1';
 height:125px;
 width:125px;
 top:0;
 left:0;
 background:white;
 z-index:1000;
 -webkit-transition-duration:0.3s;
 transition-duration:0.3s;
 -webkit-transition-property:width,height;
 transition-property:width,height;
 font-size:75px;
 font-weight:700;
 color:#25bdc1
}
.item-etape:nth-child(2):before {
 content:'2'
}
.item-etape:nth-child(3):before {
 content:'3'
}
.item-etape p {
 font-size:25px;
 max-width:850px;
 margin:0 auto 50px
}
.sous-etape {
 border-right:1px solid #FFF
}
.sous-etape:last-child {
 border-right:none
}
.item-etape p,.sous-etape h3,.item-etape h2,.sous-etape p {
 color:#FFF;
 text-align:center
}
.item-etape h2 {
 margin-top:0
}
.sous-etape {
 display:inline-block;
 width:48%;
 vertical-align:top;
 padding:0 15px
}
.sous-etape img {
 display:block;
 margin:0 auto
}
.sous-etape p {
 font-size:16px
}
.sous-etape h3 {
 text-transform:uppercase;
 font-size:18px
}
.item-etape:nth-child(2) .sous-etape {
 width:30%;
 margin-bottom:30px;
 min-height:200px
}
.sous-etape:nth-child(5) {
 border:0
}

.bg_color_bleu {
    background: #16425B;
}
.container-fluid {
    width: 100%;
    margin: 0 auto;
    clear: both;
    float: left;
    padding: 25px 0;
}



.confirme {
    font-size: 10px;
    text-transform: uppercase;
    color: white;
    background-color: green;
    padding: 5px;
 
}

.annule {
    font-size: 10px;
    text-transform: uppercase;
    color: white;
    background-color: red;
    padding: 5px;
 
}
.standby {
    font-size: 10px;
    text-transform: uppercase;
    color: white;
    background-color: grey;
    padding: 5px;
 
}

.parallax-window {
    min-height: 130px;
	background: transparent;
	position:relative;
}
.parallax-content-1{
   display: table;
   width:100%;
   height:190px;
}
.parallax-content-1 > div{
  display: table-cell;
  padding:0 15%;
   vertical-align: middle;
	text-align:center;
	color:#fff;
	font-size:16px;
}
.parallax-content-1 div h1, .parallax-content-1 div h3{
	font-size:48px;
	text-transform:uppercase;
	font-weight:bold;
	color:#fff;
}
.parallax-content-1 div h1{
	margin-bottom:0;
	padding-top:60px;
}
.parallax-content-1 div h1:before,.parallax-content-1 div h1:after {
	display: inline-block;
    width: 50px;
    height: 1px;
    content: '';
    vertical-align: middle;
    background: rgba(255,255,255,0.5);
}
.parallax-content-1 div h1:before{
    margin-right: 10px;
}

.parallax-content-1 div h1:after {
    margin-left: 10px;
}

.parallax-content-1 div a i{
	color:#fff;
	opacity:0.5;
	font-size:72px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.parallax-content-1 div a:hover i{
	opacity:1;
}

.parallax-content-2{
	position:absolute;
	left:0;
	bottom:0;
	z-index:999;
    padding:18px 0 20px 0;
	color:#fff;
	font-size:17px;
	background:url(https://www.elmouslim.com/img/shadow_single.png) repeat-x bottom left;
	width:100%;
}
.parallax-content-2 div h1{
	font-size:36px;
	text-transform:uppercase;
	font-weight:bold;
	color:#fff;
	margin:0;
}

.parallax-content-2 .rating{font-size:14px;}



/* Tours boxes*/
.tour_container{
	background-color:#fff;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
	margin:0;
	margin-bottom:30px;
}
.img_container{
	position:relative;
 	border:1px solid #fff;
	width: 100%;float: left;
}



/*** Font-face ***/
@font-face {
    font-family: 'BebasNeueRegular';
    src: url('fonts/BebasNeue-webfont.eot');
    src: url('fonts/BebasNeue-webfont.eot?iefix') format('eot'),
         url('fonts/BebasNeue-webfont.woff') format('woff'),
         url('fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('fonts/BebasNeue-webfont.svg#webfont4Bjy2lJe') format('svg');
    font-weight: normal;
}

 

 .route-location-triangle {
    content: "";
    display: inline-block;
    width: 1.125rem;
    height: 1.125rem;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zd¡KA0LjRjLS43LS43LTEuNy0uMi0xLjcuN3YxNGMwIC44IDEgMS4zIDEuNy42eiIvPjwvc3ZnPg==) no-repeat;
    background-size: cover;    margin-top: 10px;
    text-align: center;
}

 

/*form styles*/
#msform {
    text-align: center;
    position: relative;
    margin-top: 30px;
}

#msform fieldset {
    background: white;
    border: 0 none;
    border-radius: 0px;
    box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
    padding: 20px 30px;
    box-sizing: border-box;
    width: 80%;
    margin: 0 10%;

    /*stacking fieldsets above each other*/
    position: relative;
}

/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
    display: none;
}

/*inputs*/
#msform input, #msform textarea {
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 0px;
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
    font-family: montserrat;
    color: #2C3E50;
    font-size: 13px;
}

#msform input:focus, #msform textarea:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #ee0979;
    outline-width: 0;
    transition: All 0.5s ease-in;
    -webkit-transition: All 0.5s ease-in;
    -moz-transition: All 0.5s ease-in;
    -o-transition: All 0.5s ease-in;
}

/*buttons*/
#msform .action-button {
    width: 100px;
    background: #ee0979;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 25px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px;
}

#msform .action-button:hover, #msform .action-button:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #ee0979;
}

#msform .action-button-previous {
    width: 100px;
    background: #C5C5F1;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 25px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px;
}

#msform .action-button-previous:hover, #msform .action-button-previous:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #C5C5F1;
}

/*headings*/
.fs-title {
    font-size: 18px;
    text-transform: uppercase;
    color: #2C3E50;
    margin-bottom: 10px;
    letter-spacing: 2px;
    font-weight: bold;
}

.fs-subtitle {
    font-weight: normal;
    font-size: 13px;
    color: #666;
    margin-bottom: 20px;
}

/*progressbar*/
#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    /*CSS counters to number the steps*/
    counter-reset: step;
}

#progressbar li {
    list-style-type: none;
    color: white;
    text-transform: uppercase;
    font-size: 9px;
    width: 33.33%;
    float: left;
    position: relative;
    letter-spacing: 1px;
}

#progressbar li:before {
    content: counter(step);
    counter-increment: step;
    width: 24px;
    height: 24px;
    line-height: 26px;
    display: block;
    font-size: 12px;
    color: #333;
    background: white;
    border-radius: 25px;
    margin: 0 auto 10px auto;
}

/*progressbar connectors*/
#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: white;
    position: absolute;
    left: -50%;
    top: 9px;
    z-index: -1; /*put it behind the numbers*/
}

#progressbar li:first-child:after {
    /*connector not needed before the first step*/
    content: none;
}

/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before, #progressbar li.active:after {
    background: #ee0979;
    color: white;
}


/* Not relevant to this form */
.dme_link {
    margin-top: 30px;
    text-align: center;
}
.dme_link a {
    background: #FFF;
    font-weight: bold;
    color: #ee0979;
    border: 0 none;
    border-radius: 25px;
    cursor: pointer;
    padding: 5px 25px;
    font-size: 12px;
}

.dme_link a:hover, .dme_link a:focus {
    background: #C5C5F1;
    text-decoration: none;
}
h1,h2{
	font-family: ;
}

.mask {

    background: #25bdc1;
    display: block;
    height: 45px;
    position: relative;
    width: 100%;

}

   

.panel-default{
    margin: 0;
    border-radius: 3px;
    box-shadow: none;
    border-color: #ddd;
    padding: 7px;
	margin-bottom:30px;
}

.overflow-hidden{
	overflow:hidden;
}

 
.title-gros{
    color: #017F38;
    font-weight: bold;
    text-align: center;
}

textarea.form-control{
    height: auto!important;
}

 .btn-blue{
    background-color: #07485B;
    border: none;
    border-radius: 5px;
    margin-left: 20px;
 }
 .btn-jaune{
    background-color: #DBA507;
    border: none;
    border-radius: 5px;
    margin-right: 20px;
 }

.btn-primary, .btn-primary:hover, .btn-primary:focus, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover{
	border-color: ;
}

.btn-success{
	background-color: ;
	border-color: ;
}

.btn-success:hover, .btn-success:focus{
	background-color: ;
	border-color: ;
	color: ;
}

.btn-info{
	background-color: ;
	border-color: ;
}

.btn-info:hover, .btn-info:focus{
	background-color: ;
	border-color: ;
	color: ;
}

.btn-warning{
	background-color: ;
	border-color: ;
}

.btn-warning:hover, .btn-warning:focus{
	background-color: ;
	border-color: ;
	color: ;
}

.btn-danger{
	background-color: ;
	border-color: ;
}

.btn-danger:hover, .btn-danger:focus{
	background-color: ;
	border-color: ;
	color: ;
}

.alert{
	padding:10px;
	border-radius:2px;
	margin-top:2px;
}

.alert-success{
    color: ;
    background-color: ;
    border-color: ;
}

.alert-info{
    color: ;
    background-color: ;
    border-color: ;
}

.alert-warning{
    color: ;
    background-color: ;
    border-color: ;
}

.alert-danger{
    color: ;
    background-color: ;
    border-color: ;
}

 

.radio{
	padding-left: 20px;
}
.radio label{
	display: inline-block;
	vertical-align: middle;
	position: relative;
	padding-left: 5px;
}

.radio label::before{
	content: "";
	display: inline-block;
	position: absolute;
	width: 17px;
	height: 17px;
	left: 0;
	margin-left: -20px;
	border: 1px solid #cccccc;
	border-radius: 50%;
	background-color: #fff;
	-webkit-transition: border 0.15s ease-in-out;
	-o-transition: border 0.15s ease-in-out;
	transition: border 0.15s ease-in-out;
}

.radio label::after{
	display: inline-block;
	position: absolute;
	content: " ";
	width: 11px;
	height: 11px;
	left: 3px;
	top: 3px;
	margin-left: -20px;
	border-radius: 50%;
	background-color: #555555;
	-webkit-transform: scale(0, 0);
	-ms-transform: scale(0, 0);
	-o-transform: scale(0, 0);
	transform: scale(0, 0);
	-webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
	-moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
	-o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
	transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}

.radio input[type="radio"]{
	opacity: 0;
	z-index: 1;
}

.radio input[type="radio"]:focus{
	outline:none;
}

.radio input[type="radio"]:focus + label::before{
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

.radio input[type="radio"]:checked + label::after{
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);
}

.radio input[type="radio"]:disabled + label{
	opacity: 0.65;
}

.radio input[type="radio"]:disabled + label::before{
	cursor: not-allowed;
}

.radio.radio-inline{
	margin-top: 0;
}

.radio-primary input[type="radio"] + label::after{
	background-color: ;
}

.radio-primary input[type="radio"]:checked + label::before{
	border-color: ;
}

.radio-primary input[type="radio"]:checked + label::after{
	background-color: ;
}

input[type="checkbox"].styled:checked + label:after,
input[type="radio"].styled:checked + label:after{
	font-family: 'FontAwesome';
	content: "\f00c";
}

input[type="checkbox"] .styled:checked + label::before,
input[type="radio"] .styled:checked + label::before{
	color: #fff;
}

input[type="checkbox"] .styled:checked + label::after,
input[type="radio"] .styled:checked + label::after{
	color: #fff;
}

ul, ol{
	list-style: none;
    margin: 0;
    padding: 0;
}

.intro-panel{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 50px;
    text-align: left;
    height: 700px;
}

@media(max-width:768px){
.intro-panel{
	background-size: auto;
	width:100%;
	background-position: center bottom;
	height:500px;
}
}

.intro-panel h1{
	font-size: 80px;
    margin: 0;
    color: #fff;
    text-shadow: 0 2px 2px #333;
    margin-bottom: 10px;
	animation-delay: 0.8s;
}

@media(max-width:768px){
.intro-panel h1{
	font-size: 40px;
}
}

.intro-panel h4{
	font-size: 40px;
    color: ;
    font-weight: 900;
    text-shadow: 0 2px 2px #333;
    margin: auto;
    margin-bottom: 100px;
	animation-delay: 1s;
}

@media(max-width:768px){
.intro-panel h4{
	font-size: 20px;
}
}

.intro-panel .btn{
	padding: 15px 50px;
    font-size: 20px;
    border: 5px solid;
    text-transform: uppercase;
	height:auto;
	animation-delay: 1.2s;
}

@media(max-width:768px){
.intro-panel .btn{
	padding: 14px 40px;
    font-size: 16px;
}
}

.slideShow-panel{
	height:400px;
	overflow:hidden;
}

.slideShow-panel .slideShow{
	margin:-1px;
}

.slideShow-panel .slideShow .slide .fill{
	height: 400px;
    width:100%;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}

.slideShow-panel .slideShow .slick-dots{
    top: 20px;
    right: 20px;
    text-align: right;
	bottom:auto;
}

.slideShow-panel .slick-dots li button{
        border: 3px solid #fff;
}

.slideShow-panel .slideShow .slick-dots li.slick-active button{
    background-color: ;
}

.slideShow-panel .slideShow .slick-caption{
	padding-top:50px;
	text-align:left;
	text-shadow:none;
}

.slideShow-panel .slideShow h1{
	font-size: 80px;
    margin: 0;
    color: #fff;
    text-shadow: 0 2px 2px #333;
    margin-bottom: 10px;
	animation-delay: 0.8s;
}

@media(max-width:768px){
.slideShow-panel .slideShow h1{
	font-size: 40px;
}
}

.slideShow-panel .slideShow h4{
	font-size: 40px;
    color: ;
    font-weight: 900;
    text-shadow: 0 2px 2px #333;
    margin: auto;
    margin-bottom: 100px;
	animation-delay: 1s;
}

@media(max-width:768px){
.slideShow-panel .slideShow h4{
	font-size: 20px;
}
}

.slideShow-panel .slideShow .btn{
	
    text-transform: uppercase;
	height:auto;
	animation-delay: 1.2s;
}

@media(max-width:768px){
.slideShow-panel .slideShow .btn{
	padding: 14px 40px;
    font-size: 16px;
}
}

.main-heading{
	margin-top: 50px;
    font-size: 35px;
    text-align: center;
    font-weight: 900;
	color:;
	letter-spacing:1px;
}

.main-heading-form{
	margin-top: 50px;
    font-size: 35px;
    text-align: center;
    font-weight: 900;
	color:#fff;
	letter-spacing:1px;
}

.heading-bottom-line{
	width:20%;
	height:4px;
	background: repeating-linear-gradient(45deg,transparent,transparent 25px, 25px, 50px), linear-gradient(to bottom,,);
	margin: 30px auto 50px;
}

.services{
	overflow:hidden;
}

.services .service{
	background-color: #fff;
    box-shadow: 0 0 0 #ccc, 0 0 8px 0px #ddd;
	margin-bottom: 30px;
}

.services .service img{
	width:100%;
}

.services .service h4{
	font-weight:600;
	padding:0 20px;
}

.services .service p{
	padding:0 20px 20px;
}

.our-team{
	margin-top: 70px;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-color: ;
    color: #fff;
    text-align: center;
    padding-top: 100px;
    padding-bottom: 350px;
}

.our-team h5{
	font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.5px;
    word-spacing: 1px;
}
 

 
 s
.nbChambre{
width: 55px;
text-align:center;
color: black;
}
 
.subscribe{
	padding:200px 0;
	background-color:;
	text-align: center;
	margin-bottom: -181px;
    margin-top: 70px;
	overflow:hidden;
	color:#000;
}

@media(max-width:768px){
.subscribe{
	padding:100px 30px;
}	
}

.subscribe h1 i{
	font-size:150px;
}

@media(max-width:768px){
.subscribe h1 i{
	font-size:50px;
}
}

.subscribe h1{
	font-size: 45px;
    margin-bottom: 20px;
}

@media(max-width:768px){
.subscribe h1{
	font-size:25px;
}
}

.subscribe h5{
	font-size: 24px;
    margin-bottom: 50px;
}

@media(max-width:768px){
.subscribe h5{
	font-size:16px;
}
}

.subscribe .form-control{
	padding: 30px 20px;
    box-shadow: none;
    border: none;
    font-size: 16px;
    width: 450px;
    margin-right: 10px;
}

@media(max-width:768px){
.subscribe .form-control{
	width: 100%;
    padding: 20px 15px;
    font-size: 14px;
}
}

.subscribe .btn{
	padding: 15px 50px;
    font-size: 16px;
	border: 5px solid;
	height:auto;
}

@media(max-width:768px){
.subscribe .btn{
	padding: 10px 20px;
    width: 100%;
}
}

.ad{
	background-color: #fff;
    padding: 5px;
    border: 1px solid #eee;
    border-radius: 3px;
	margin: 20px 0;
}

.no-results-found{
	padding: 100px 0;
    text-align: center;
    font-size: 20px;
    font-weight: 800;
    color: #ddd;
}

.contact-details p{
	margin:30px 0;
}

.contact-details ul li{
	display: block;
    margin-bottom: 10px;
    color: #888;
    font-weight: 500;
}

.contact-details ul li i{
    background-color: #888;
    padding: 4px;
    border-radius: 2px;
    color: #fff;
    margin-right: 8px;
    width: 19px;
    height: 20px;
    font-size: 12px;
    text-align: center;
}

.contact-details .social-profiles a img{
	margin-right:8px;
	margin-bottom:8px;
	width:30px;
	border-radius:3px;
}

.contact-details .map-container{
	margin-top:10px;
	background-color:#fff;
	height:200px;
	overflow: hidden;
	border-radius:3px;
}

.contact-details .map-container #map{
	width:100%;
	height:367px;
	margin-top:-50px;
} 

.pac-container{
	background-color: #FFF;
	z-index: 1050!important;
	position: fixed;
	display: inline-block;
	float: left;
}

.pac-container:after{
    background-image: none !important;
    height: 0px;
}

.account-panel{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    padding: 50px 0 400px 0;
    margin-bottom: -180px;
}

.form-body{
	padding:30px;
	border-radius:3px;
	color:#000;
}

.form-body .main-heading{
	margin-top: 20px;
    font-size: 22px;
	text-align:center;
	color:#000;
}

.form-body .heading-bottom-line{
	margin:auto;
	margin-bottom:30px;
	background: repeating-linear-gradient(45deg,transparent,transparent 25px, 25px, 50px), linear-gradient(to bottom,,);
}

.form-body .social-login{
    text-align: center;
}

.form-body .social-login .btn{
    color: #fff;
    background-color: ;
    width: 40px;
    height: 40px;
    text-align: center;
    padding: 0;
    font-size: 16px;
    margin: 0 8px;
    line-height: 2.3;
    border-radius: 100px;
}

.form-body .social-login .btn-google-plus:hover, .form-body .social-login .btn-google-plus:focus{
    background-color: #dd4b39;
}

.form-body .social-login .btn-facebook:hover, .form-body .social-login .btn-facebook:focus{
    background-color: #3b5998;
}

.form-body .social-login .btn-twitter:hover, .form-body .social-login .btn-twitter:focus{
    background-color: #1da1f2;
}

.form-body .social-login .btn-linkedin:hover, .form-body .social-login .btn-linkedin:focus{
    background-color: #0077b5;
}

.form-body .social-login hr{
	margin: 40px 0 40px 0;
	border-top: 1px solid rgba(255,255,255,.07);
    box-shadow: 0 -1px 0 rgba(0,0,0,.5);
}

.form-body .social-login h5{
	width: 40px;
    background-color: ;
    margin: auto;
    margin-top: -48px;
    margin-bottom: 40px;
    font-weight: 600;
    text-transform: uppercase;
}

.form-body .form-control{
 }

.form-body .tcn{
	text-align:center;
	margin:30px 0 0 0;
}

.form-body .dropdown .dropdown-toggle{
	text-align: left;
    color: #999;
}

.form-body .dropdown .dropdown-toggle .fa-angle-down{
	float: right;
    font-size: 20px;
}

.form-body .dropdown-menu.fleets-list{
	width:100%;
	max-height:200px;
	overflow:auto;
}

.form-body .dropdown-menu:after{
	content:none;
}

.booking-panel{
	background-repeat: repeat-x;
    background-position: bottom;
 }

@media(max-width:990px){
.booking-panel .form-body{
	margin-bottom:30px;
}
.booking-panel .form-body .btn-primary{
	margin-bottom:15px;
}
}

.booking-panel .map-container{
	background-color:#fff;
	height:485px;
	overflow: hidden;
	border-radius:3px;
}

.booking-panel .map-container #map{
	width:100%;
	height:652px;
	margin-top:-50px;
}

.booking-panel .fleets-list li{
	border-bottom:1px solid #ddd;
}

.booking-panel .fleets-list li a{
	font-size:18px;
	line-height:3;
	cursor:pointer;
}

.booking-panel .fleets-list li a img{
	width:40px;
	border-radius:100px;
	margin-right:10px;
}

.booking-panel .fleets-list li a .fare{
	float:right;
    font-weight: bold;
}

.booking-panel .fleets-list li a .fare .radio.radio-inline{
	margin-top: -5px;
    margin-left: 5px;
}

.route-result{
	display:none;
	background-color: rgba(255, 255, 255, 0.9);
    padding: 30px 20px 10px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -15px;
    margin: 15px;
}

.route-result .fa-times{
	display:none;
	float: right;
	margin-top: -45px;
    color: red;
    font-size: 18px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
	background-color: #fff;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 100px;
    line-height: 1.6;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

.route-result .result i{
	width:30px;
}

.route-result .result span{
	float:right;
}

.route-result .result span i{
	width:auto;
}

.btn-close-result{
	cursor:pointer;
}

.booking-details .fleet-img{
	width:100%;
	margin-bottom:23px;
}

.booking-details .form-group{
	margin-bottom:5px;
}

.booking-details .form-group p{
	margin-bottom:0;
}

.booking-details .form-group:last-child{
	margin-bottom:0;
}

.booking-details .form-group .form-control{
	height: 25px;
    display: inline-table;
	background-color: rgba(0, 0, 0, 0.05);
}
	
.booking-details .btn-group{
	width:100%;
}

.booking-details .btn-group > .btn{
	line-height: 1.2;
    font-size: 18px;
    height: 45px;
	background-color: #009cde;
	border: 1px solid #009cde;
    color: #fff;
}

.booking-details .btn-group > .btn:first-child{
	width:85%;
}

.booking-details .btn-group > .btn:first-child b{
	margin-right:8px;
}

.booking-details .btn-group > .btn:last-child{
	width:15%;
	border-left:1px solid #fff;
	line-height:2;
}

.inputFieldError{
	background-color:!important;
}
	
.profile-panel{
	padding-top:50px;
}

.profile-panel .panel.profile-menu .list-group-item{
	border: 1px solid #ddd!important;
    border-radius: 2px;
    margin-bottom: 8px;
}

.profile-panel .panel.profile-menu .list-group-item a i{
	width:20px;
}

.profile-panel .panel.book-now{
	background-size:cover;
	padding:40px 30px 20px;
	text-align:center
}

.profile-panel .panel.book-now h4{
	font-weight:600;
	margin-bottom:60px;
	color:#fff;
    line-height: 1.5;
    font-size: 28px;
    text-shadow: 0 4px 1px #333;
    font-weight: 800;
}

.profile-panel .give-us-feedback{
	background-color:#fff;
	text-align:center;
}

.profile-panel .give-us-feedback img{
	max-height:60px;
	width:100%;
}

.profile-panel .give-us-feedback h4{
	font-size: 22px;
    font-weight: 900;
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 5px;
}

.profile-panel .give-us-feedback h2{
	font-size: 30px;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 20px;
}

.profile-panel .panel.user-stats .user-dp{
	border-radius:100%;
	margin:auto;
	width:100%;
}

@media(max-width:990px){
.profile-panel .panel.user-stats .col-md-9{
	padding-left:0;
}
}

.profile-panel .btn-dp{
    position: absolute;
    left: 20px;
    top: 20px;
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    font-size: 14px;
    border: none;
    height: 30px;
    width: 30px;
    padding: 0;
    text-align: center;
    line-height: 2.1;
    border-radius: 100px;
    text-shadow: none;
    transition: 0.3s;
}

.profile-panel .panel.user-stats p{
	margin-bottom:5px;
}

.profile-panel .panel.user-stats p i{
	width: 22px;
    height: 22px;
    background-color: #25bdc1;
    color: #fff;
    text-align: center;
    line-height: 1.6;
    border-radius: 100px;
    margin-right: 8px;
}
	
.profile-panel .panel.user-stats .total-bookings{
	float: right;
    margin-top: -136px;
}	

.profile-panel .panel.user-stats .total-bookings i{
	float: left;
    width: 40px;
    height: 40px;
    background-color: #25bdc1;
    color: #fff;
    font-size: 20px;
    text-align: center;
    line-height: 2;
    border-radius: 100px;
    margin-right: 10px;
}

.profile-panel .panel.user-stats .total-bookings h5, .profile-panel .panel.user-stats .total-bookings h1{
	float:right;
}

.profile-panel .panel.user-bookings{
	min-height:619px;
}

.profile-panel .panel.user-bookings .booking{
	display:none;
	border: 1px solid #ddd;
    padding: 20px;
    margin-bottom: 10px;
	border-radius:2px;
}

@media(min-width:990px){
.profile-panel .panel.user-bookings .booking .col-md-10{
	padding-left:0;
}
}

.profile-panel .panel.user-bookings .booking .fleet-image img{
    border-radius: 100%;
    margin: auto;
	width:100%;
}

.profile-panel .panel.user-bookings .booking .booking-details h3{
	margin-top:10px;
}

.profile-panel .panel.user-bookings .booking .booking-details h5 b{
	margin-right:10px;
}

.profile-panel .panel.user-bookings .booking .booking-fare{
	text-align:right;
}

.profile-panel .panel.user-bookings .booking .booking-fare h4{
	font-weight:900;
}

.profile-panel .panel.user-bookings .booking .booking-fare .btn{
	width: 30px;
    height: 30px;
    text-align: center;
    padding: 0;
    line-height: 1.7;
	margin-right:5px;
}

.btn-load-more{
	display:none;
	margin-top:30px;
}

.modal-open{
    overflow-y: scroll;
	padding-right: 0!important;
}

@media (min-width: 768px){
.modal-dialog{
    margin: 50px auto;
}
}

.modal-backdrop{
	background-color: #8A6D3B;
}

.modal-backdrop.in{
	opacity:0.9;
}

.modal-content{
	border-radius:3px;
}

.modal-header{
    padding: 30px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    font-size: 20px;
    text-transform: uppercase;
}

.modal-header .close{
    margin-top: -20px;
    margin-right: -15px;
    opacity: 1;
	color:#E2252B;
}

.modal-body{
	background-color: #fbfbfb;
	padding:30px;
}
.modal-footer{
    padding: 30px;
    text-align: left;
    border-top: 1px solid #ddd;
}

.jq-ry-container{
	margin:auto;
    position: relative;
    padding: 0 5px;
    line-height: 0;
    display: block;
    cursor: pointer;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.jq-ry-container[readonly=readonly]{
    cursor: default;
}

.jq-ry-container>.jq-ry-group-wrapper{
    position: relative;
    width: 100%;
}

.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group{
    position: relative;
    line-height: 0;
    z-index: 10;
    white-space: nowrap;
}

.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group>svg{
    display: inline-block;
}

.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group.jq-ry-normal-group{
    width: 100%;
}

.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group.jq-ry-rated-group{
    width: 0;
    z-index: 11;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

.panel-feedback{
	min-height:600px;
}

.panel-feedback .feedback{
	display:none;
	border: 1px solid #ddd;
    padding: 10px 20px;
    border-radius: 2px;
    margin-bottom: 15px;
}

.panel-feedback .feedback img{
	border-radius: 100%;
    width: 100%;
}

@media(min-width:990px){
.panel-feedback .feedback .feedback-body{
	padding-left:0;
}
}

.panel-feedback .feedback .feedback-body h2 small{
	font-size:55%;
	color:#999;
}

.panel-feedback .feedback .feedback-body .star-rattings{
	margin: 10px 0;
}









footer{
     color: #fff;
    padding: 20px 0;
 }

footer h4{
	font-weight: 800;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
} 

footer .about p{
	color: #999;
    font-weight: 600;
    line-height: 2;
	margin-bottom:30px;
}

footer .contactUs h5{
	font-weight:600;
	color:#999;
	line-height:2;
}

footer .contactUs h5 i{
	float:left;
	margin-right: 10px;
    background-color: #25bdc1;
    color: #fff;
    width: 25px;
    height: 25px;
    line-height: 1.7;
    text-align: center;
    border-radius: 2px;
	margin-bottom:10px;
}

footer .contactUs .social-profiles{
	padding-top:30px;
}

footer .contactUs .social-profiles a img{
	margin-right:8px;
	margin-bottom:8px;
	width:30px;
	border-radius:3px;
}

footer .sitemap a{
	font-weight: 600;
    line-height: 2.5;
}

footer .footer-bottom{
	background-color:;
    margin-top: 50px;
    margin-bottom: -50px;
    padding: 30px 0;
}

footer .footer-bottom p{
	color: #999;
    font-size: 13px;
    font-weight: 600;
}

.scroll-to-top{
	display:none;
	position: fixed;
    z-index: 2000;
    bottom: 10px;
    right: 13px;
    font-size: 20px;
    height: 45px;
    width: 45px;
    padding: 2px;
    border: 3px solid #fff;
	border-radius:100px;
}



.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}
.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}
.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
}
.confirm-list input{

    display: block !important;
    opacity: 100 !important;
   

}
.form-control input[type="number"] {

    display: block !important;
    opacity: 100 !important;
    float: left;
    width: 44px;
    border: none;

}

.home-label   {
 color: #fff;
}
.card-body {

     flex: 1 1 auto;
    padding: 1.25rem;

}

.form-horizontal .form-group {

    margin-right: 0px !important;
    margin-left: 0px !important;

}

select.form-control:not([size]):not([multiple]) {
 }
 

.fc-right{
    text-align:right;
}


.contactUs a img {
    margin-right: 8px;
    margin-bottom: 8px;
    width: 30px;
    border-radius: 3px;
}
.social-profiles a img {
    margin-right: 8px;
    margin-bottom: 8px;
    width: 30px;
    border-radius: 3px;
    float:left;
}


.short-info p { 

    margin: 10px !important;
    padding: 0px !important;

}
.short-info input {

    padding: 0px !important;
    margin: 0px 0px 5px 0px !important;

}

.short-info span {

    float: right;

}

.form-control input {

    display: block  !important;
    opacity: 100 !important;

}

/* CSS Document */
.fond4 > input , .fond5 > input{
    width: 80px;
}
.black{
    color: white;
    background-color: black;
}
.linetab tr , .linetab td{
   border: 1px solid #ccc;
}
.box {
     float: left;
    margin-left: 20px;
    margin-top: 30px;
    padding-bottom: 15px;
    width: 370px;
     height: 300px;
}
.alerte h1 {
    background: red !important;
}
.col-md-3.col-sm-3 {
    float: left;
    width: 25%;
}

.scrollarea-content-actu {
    float: left;
    width: 30%;
}

.alertebox {
    float: left;
    width: 400px;
}

.fondVille {
    background-color: #25bdc1;
    color: white;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}
.fondService{
    background-color: yellow;
    color: black;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}

.box2 {
    border: 1px dotted #333;
    float: left;
    margin-right: 20px;
    margin-top: 30px;
    padding-bottom: 15px;
    width: 580px;
    overflow-y: scroll !important;
    height: 150px;
}
.box3 {
    border: 1px dotted #333;
     margin-right: 20px;
    margin-top: 30px;
    padding-bottom: 15px;
    width: 1280px;
    overflow-y: scroll !important;
    height: 350px;
}

.box4 {
    border: 1px dotted #333;
     margin-right: 20px;
    margin-top: 30px;
    padding-bottom: 15px;
    width: 380px;
    overflow-y: scroll !important;
    height: 350px; 
    float: left;
    
}


.scrollarea-content{
  min-height:101%;
}

.box h1 , .box2 h1 , .box3 h1, .box4 h1, .scrollarea-content-alerte h1{
  background-color: black;
    color: white;
    font-size: 15px;
    margin-bottom: 0;
    margin-top: 0;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
}

.tdh {
    background: #efa ;
    font-size: 14px;
    font-weight: bold;
    padding: 5px;
}

legend {
    width: auto !important;
}

input {
    
     border: 1px solid #ddd;
   
}


body  {
	font-family: Quicksand; color: #000; 	
 }
 td,th {
	font-family: Quicksand;
	 color: #000; 	padding: 2px 2px 2px 1px; 
}
 }
th {

	text-align:left;
 }
 .motalert{color:white;font-weight:bold;background-color:#e04053 !important;}
  .motgood{color:white;font-weight:bold;background-color:green !important;}
.fontgreen {
    color: green;
    font-weight: bold;
}
.fontred {
    color: #e04053;
    font-weight: bold;
}
.bilan{
	border: 1px solid grey;
	width:60%;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
 	color:#1b4b19;
}
 
 
.etat0{background-color:#EFFBFB;}
.etat1{background-color:#80FF00;}
.etat2{background-color:#FF0000;}
.etat3{background-color:#D8D8D8;}
.etat4{background-color:#F781F3;}
.etat5{background-color:#2EFEF7;}

.mailouvert{background-color:#F8E0F7;}
#displayLoader {
    background: grey none repeat scroll 0 0;
    display: none;
    height: 1200px;
    opacity: 0.44;
    position: absolute;
    width: 100%;
     background-image: url('/images/ajax-loader.gif');
     background-repeat: no-repeat;
    background-position: center;
    
    
}
 
.fond0 {
	background-color: #25bdc1;
	color: #fff;

	background-repeat: repeat-x;
}

.menu {
	background-color: #f8f6d1;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-color: #ffffff;
	border-left-color: #ffffff;
	border-top-width: 1px;
	border-top-color: #ffffff;
	
	background-repeat: repeat-x;
}
.menulast {
 
	border-right-style: solid;
 
	border-right-width: 1px;
	border-right-color: #ffffff;
 
}


.bilan td {
    border: 1px solid grey;
    padding: 6px;
}


.fond1 {
	background-color: #bbb;
	color: #ffffff;
  
}
.fond10 {
  background-color: #f8f6d1;
  border-top-style: solid;
  border-right-style: solid;
  border-right-width: 1px;
  border-bottom-style: solid;
  border-left-style: solid;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-bottom-color: #d0d0d0;
  border-left-color: #eeeeee;
  border-right-color: #d0d0d0;
  border-top-width: 1px;
  border-top-color: #e7e9f8;
  background-repeat: repeat-x;
   font-size: 10px;
    padding: 3px;
}
.fond2 {
	background-color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-width: 1px;
	border-bottom-color: #ededed;
	border-top-width: 1px;
}
.tabform {
	background-color: #EEEEEE;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-color: #f8fbfc;
	border-left-color: #f8fbfc;
}
.tabformglobale {
	border: 1px solid #ffffff;
}


.clserror {
	background-color: #F6CECE;
}

.clserror > input {
   background-color: #F6CECE;
}
.clsconfirmer {
	background-color: #D8F6CE;
}
.clsconfirmer > input {
   background-color: #D8F6CE;
}
.fond3 {
	background-color: #efffff;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-width: 1px;
	border-bottom-color: #ededed;
	border-top-width: 1px;
	border-top-color: #FFFFFF;
}
.fond5 {
	background-color:#e8e4e4;
	border: 1px solid #9c9999;
}
.fond4 {
	background-color: #eeeeee;
	border: 1px solid #9c9999;
}

.fond3 > input {
   background-color: #e8e4e4;
}

.formulaire {
 	background-color: #FFFFFF;
 	color:#424f7a;
	width: 100%;
  
	
}

.formulairetextarea {
	font-family: Quicksand; 
	background-color: #FFFFFF;
	border: 1px solid #7eadd9;
	color:#424f7a;
	background-image: url(images/fondform.gif);
	background-repeat: repeat-x;
	
}


.pRight {
float:right;
}

.bouton2 {
	font-family: Quicksand; 
	background-color: #dbddf0;
	border: 1px solid #003c74;
	height: 19;
	background-image: url(images/bouton.gif);
	background-repeat: repeat-x;
}
.message {
	border: 1px solid #D4D0C8;
}
.bordure {
	border: 1px solid #D4D0C8;
}

.autocomplete {
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	width: 300px;
	float: left;
}


div.autocomplete ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  max-height: 20em;
  overflow: auto;
}

div.autocomplete ul li.selected {
    background-color: #ffb;
}

div.autocomplete ul li {
  list-style-type:none;
  display: block;
  margin: 0;
  padding: 2px;
  cursor: pointer;
}

div.autocomplete ul li span.informal {
    color: grey;
}

fieldset {
	padding: 10px;
	margin: 2px;
	color: #1b4b19;
	
	border: 1px solid #b5b8c8;
}

form {
	margin:0px;

}
div#update {
      position:absolute;
      width:250px;
      background-color:white;
      color: black;
      border:1px solid #888;
      margin:0px;
      padding:0px;
}
div#update ul {
      list-style-type:none;
      margin:0px;
      padding:0px;
}
div#update ul li.selected { background-color: #ffb;}
div#update ul li {
      list-style-type:none;
      display:block;
      margin:0;
      padding:2px;
      height:22px;
      cursor:pointer;
}




div#update2 {
      position:absolute;
      width:250px;
      background-color:white;
      color: black;
      border:1px solid #888;
      margin:0px;
      padding:0px;
}
div#update2 ul {
      list-style-type:none;
      margin:0px;
      padding:0px;
}
div#update2 ul li.selected { background-color: #ffb;}
div#update2 ul li {
      list-style-type:none;
      display:block;
      margin:0;
      padding:2px;
      height:22px;
      cursor:pointer;
}
.cDouble{
	background-color: #c7d1f9;    margin: 10px;
    padding: 5px;
    width: 350px;  float: right !important; 
}
.cTriple{
background-color: #f6f9c7;    margin: 10px;
    padding: 5px;
    width: 350px;  float: right !important; 
}
.cQuad{
background-color: #dcf6f3;    margin: 10px;
    padding: 5px;
    width: 350px;  float: right !important; 
}
.cQuint{
background-color: #d1f9c7;    margin: 10px;
    padding: 5px; 
    width: 350px;  float: right !important; 
}

.bus{
background-color: #d1f9c7;    margin: 10px;
    padding: 5px;
    width: 450px;
}

.pcDouble{
	background-color: #c7d1f9;    margin: 10px;
    padding: 5px;
    width: 90%;  
}
.pcTriple{
background-color: #f6f9c7;    margin: 10px;
    padding: 5px;
    width: 90%; 
}
.pcQuad{
background-color: #dcf6f3;    margin: 10px;
    padding: 5px;
    width: 90%; 
}
.pcQuint{
background-color: #d1f9c7;    margin: 10px;
    padding: 5px; 
    width: 90%; 
}

.pbus{
background-color: #25bdc1;    margin: 10px;
    padding: 5px;
    width: 90%; 
}


.titrePage {
    background-color: #25bdc1;
    color: #FFFFFF;
    font-size: 15px;
    height: 30px;
    padding-left: 8px;
    padding-right: 8px;
    text-transform: uppercase;margin-bottom: 20px;
   
}
.fcnew{width:50% !important;float:left !important;
}
.tab {
    background-color: #07485B; 
    color: #fff;
    font-size: 12px;
    font-weight: bolder;
    padding: 9px;
    text-transform: inherit;
	margin:0px;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    text-align: left;
    padding-left: 30px;
 }
 .particip{
    color: #07485b;
    margin-top: 25px;
    margin-left: 15px;
    font-size: 17px;
    font-weight: 500;
 }
 .participant{    
    margin-left: 15px;
    margin-right: 15px;
 }
 .titrePage td {
    color: white;
    font-weight: bold;
}
 #divmedical{display:none; }
 .tab-page {
    background-color: #F5F5F5;
    
    font-size: 13px;
 	padding-bottom:5px;
	margin-bottom:30px;
}
.sub-label{
    color: #017F38;
    margin-top: 25px;
    margin-left: 15px;
}
.tab-page select{ }

input[type="submit"] {
    <!-- background-color: #25bdc1; -->
    border: medium hidden;
    color: #FFFFFF; 
    height: 32px;
	font-weight: bold;
    <!-- text-transform: uppercase; -->
    margin: 10px;
 }
input[type="submit"]:hover {
    <!-- background-color: green; -->
    border: medium hidden;
    color: #FFFFFF;
    height: 32px;
 }
input[type="button"] {
    background-color: #999;
 
    color: #FFFFFF;
    cursor: pointer;
    font-size: 11px;
    height: 22px;
    margin: 2px;
    min-width: 80px;
    padding: 0 8px;
    text-align: center;
    text-transform: uppercase;
}
input[type="button"]:hover {
    background-color: #000;

    color: #FFFFFF;
    cursor: pointer;
    font-size: 11px;
    height: 22px;
    margin: 2px;
    min-width: 80px;
    padding: 0 8px;
    text-align: center;
}
input[type="button"]:focus {
    border: 1px solid #4D90FE;
    outline: medium none;
}


.link-button {
    background-color: #999;
    border: medium hidden;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #FFFFFF;
    cursor: pointer;
    font-size: 11px;
    height: 22px;
    line-height: 22px;
    min-width: 80px;
    padding: 0 8px;
    text-align: center;
    text-transform: uppercase;
}
.link-button:hover {
    background-color: #000;
    border: medium hidden;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #FFFFFF;
    cursor: pointer;
    font-size: 11px;
    height: 22px;
    line-height: 22px;
    min-width: 80px;
    padding: 0 8px;
    text-align: center;
    text-transform: uppercase;
}
.link-button:focus {
    border: 1px solid #c5a33a;
    outline: medium none;
}
.link-button a {
    text-decoration: none;
	color: #FFFFFF;
}

.typeChambre{

background-color: #999999;
    clear: both;
    color: #FFFFFF;
    font-weight: bold;
    height: 35px;
    line-height: 35px;
    margin-bottom: 10px;
    margin-top: 20px;
    text-align: center;
    text-transform: uppercase;}

.validerTable {
background-color: #FFF;
     background-repeat: repeat-x;
    color: #000;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
    height: 40px;
    margin-top: 0;
 
    text-transform: uppercase;
 }
 
 
 #nav {
 
      height:30px;
 
	 border-bottom: 5px solid #a5de5c;
}
 
#nav ul {
     list-style-type: none;
	     padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 8px;
}
 
#nav ul li {
     float: left;
     position: relative;
}
 
#nav ul li a {
  
     font-weight: bold;
    padding: 5px 1px 5px 10px;
    text-decoration: none;
    text-transform: uppercase;
 
}
 
#nav ul li ul {
     display: none
}
 
#nav ul li:hover ul {
     display: block;
     position: absolute;
}
 
#nav ul li:hover ul li a {
     display:block;
     background:#000;
     color:#fff;
     width: 180px;
     text-align: left;
     border-bottom: 1px solid #fff;
     border-right: none;
}
 
#nav ul li:hover ul li a:hover {
     background:#EEE;
     color:#000;
}

.cerreur .occupant {
    float: left;
    margin-right: 10px !important;
    width: 200px;
}

.cerreur  { 
 
    position: fixed;
    bottom: 20px;
    width: 240px;

   
}
.noconfirm  { 
     background-color:#FFC8C8;
}
.confirm  { 
    background-color:#eeeeee;
}
.attente  { 
 
    background-color:#ccc;
}
 .ed-home{
}
 .com-fir-sp-top{
}
 .ed-top{
     background: #f5f7f9;
}
 .ed-com-t1-left{
}
 .ed-com-t1-left ul{
    margin-bottom: 0px;
}
 .ed-com-t1-left ul li{
     float: left;
     display: inline-block;
}
 .ed-com-t1-left ul li a{
     color: #ffffff;
     padding: 5px 14px;
     line-height: 30px;
     border-right: 1px solid #e7ebef;
     font-size: 12px;
}
 .ed-com-t1-right{
     float: right;
}
 .ed-com-t1-right ul{
}
 .ed-com-t1-right ul li{
     float: left;
     display: inline-block;
}
 .ed-com-t1-right ul li a{
     color: #fff;
     padding: 7px 12px;
     line-height: 30px;
     font-size: 12px;
}
 .ed-com-t1-right ul li:nth-child(1) a{
     background: #f4364f;
     background: linear-gradient(to bottom,#f4364f,#dc2039);
}
 .ed-com-t1-right ul li:nth-child(2) a{
     background: #2d5d73;
}
/*-------------------------------------------------*/
/* = 6.HOME PAGE: TAB AND ENQUIRY 
/*-------------------------------------------------*/
 .ed-com-t1-social{
     position: relative;
     overflow: hidden;
     margin-top: -5px;
    /* float: right;
     */
}
 .ed-com-t1-social ul li{
     float: left;
     list-style-type: none;
}
 .ed-com-t1-social ul li a{
     line-height: 26px;
}
 .ed-com-t1-social ul li a i{
     width: 30px;
     height: 30px;
    /* background: #013673;
     */
     color: #ffffff;
     padding: 13px 4px 12px 4px;
     text-align: center;
    /* border-right: 1px solid #e7ebef;
     */
}
.omra-button {
   background-color: #25bdc1;
 border-radius: 11px;
    color: #ffffff;
    float: left;
    font-size: 13px;
    margin: 2px;
    padding: 5px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 2px 0 #666666;
    min-width:80px; 
    
    
    
}

.omra-button:hover {
  background: #050505;
  background-image: -webkit-linear-gradient(top, #050505, #696969);
  background-image: -moz-linear-gradient(top, #050505, #696969);
  background-image: -ms-linear-gradient(top, #050505, #696969);
  background-image: -o-linear-gradient(top, #050505, #696969);
  background-image: linear-gradient(to bottom, #050505, #696969);
  text-decoration: none;
}

.omra-button > a {
    color: white;
    font-weight: bold;
}


.omra-button2 {
  background: #068dc5;
  background-image: -webkit-linear-gradient(top, #068dc5, #31c0fc);
  background-image: -moz-linear-gradient(top, #068dc5, #31c0fc);
  background-image: -ms-linear-gradient(top, #068dc5, #31c0fc);
  background-image: -o-linear-gradient(top, #068dc5, #31c0fc);
  background-image: linear-gradient(to bottom, #068dc5, #31c0fc);
  -webkit-border-radius: 13;
  -moz-border-radius: 13;
  border-radius: 13px;
  text-shadow: 0px 1px 0px #666666;
  color: #ffffff;
  font-size: 20px;
  padding: 19px 40px 19px 40px;
  text-decoration: none;
      margin-left: 10px;
    margin-right: 58px;
    margin-top: 35px;
    float:left;
  
 text-align: center;
    
    
    
}

.omra-button2:hover {
  background: #050505;
  background-image: -webkit-linear-gradient(top, #050505, #696969);
  background-image: -moz-linear-gradient(top, #050505, #696969);
  background-image: -ms-linear-gradient(top, #050505, #696969);
  background-image: -o-linear-gradient(top, #050505, #696969);
  background-image: linear-gradient(to bottom, #050505, #696969);
  text-decoration: none;
}

.omra-button2 > a {
    color: white;
    font-weight: bold;
}
.omra-button3 {
  background: #479d21;
  background-image: -webkit-linear-gradient(top, #479d21, #62df2b);
  background-image: -moz-linear-gradient(top, #479d21, #62df2b);
  background-image: -ms-linear-gradient(top, #479d21, #62df2b);
  background-image: -o-linear-gradient(top, #479d21, #62df2b);
  background-image: linear-gradient(to bottom, #479d21, #62df2b);
  -webkit-border-radius: 13;
  -moz-border-radius: 13;
  border-radius: 13px;
  text-shadow: 0px 1px 0px #666666;
  color: #ffffff;
  font-size: 20px;
  padding: 19px 40px 19px 40px;
  text-decoration: none;
      margin-left: 10px;
    margin-right: 58px;
    margin-top: 35px;
    float:left;
  
 text-align: center;
    
    
    
}

.omra-button3:hover {
  background: #050505;
  background-image: -webkit-linear-gradient(top, #050505, #696969);
  background-image: -moz-linear-gradient(top, #050505, #696969);
  background-image: -ms-linear-gradient(top, #050505, #696969);
  background-image: -o-linear-gradient(top, #050505, #696969);
  background-image: linear-gradient(to bottom, #050505, #696969);
  text-decoration: none;
}

.omra-button3 > a {
    color: white;
    font-weight: bold;
}


.xtabs {
  position: relative;   
  min-height: 200px; /* This part sucks */
  clear: both;
  margin: 25px 0;
}
.xtab {
  float: left;
}
.xtab label {
  background: #eee; 
  padding: 10px; 
  border: 1px solid #ccc; 
  margin-left: -1px; 
  position: relative;
  left: 1px; 
}
.xtabradio {
  display: none;   
}
.xcontent {
  position: absolute;
  top: 28px;
  left: 0;
  background: white;
  right: 0;
  bottom: 0;
   border: 1px solid #ccc; 
   display:none;
}
[type=radio]:checked ~ label {
  background: white;
  border-bottom: 1px solid white;
  z-index: 2;
}
[type=radio]:checked ~ label ~ .xcontent {
  z-index: 1;
     display:block;

}

 .ed-top {
    background: #25bdc1;
}


.b_pack {
     position: relative;
     overflow: hidden;
     background: #ffffff;
     -webkit-box-shadow: 0px 2px 5px -1px rgba(0, 0, 0, 0.32);
     -moz-box-shadow: 0px 2px 5px -1px rgba(0, 0, 0, 0.32);
     box-shadow: 0px 2px 5px -1px rgba(0, 0, 0, 0.32);
     o-transition: all 0.3s ease-out;
     -ms-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
     -webkit-transition: all 0.3s ease-out;
     margin-bottom: 10px; 
     border-bottom-left-radius: 7px;
     border-bottom-right-radius: 7px;
}
 .b_pack h4 {
     font-size: 14px;
     text-transform: uppercase;
     margin: 15px 0;
     font-weight: 600;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
}
 .b_pack h4 a {
     color: #000000;
     text-decoration: none;
     font-family: 'PT Sans', sans-serif;
     font-weight: 600;
}
 .v_pl_name {
     
     padding: 5px;
     color: #6C6C6C;
     font-weight: 500;
}
 .v_place_img {
     position: relative;
     overflow: hidden;
}
 .v_place_img img {
     width: 100% !important; 
}
 .b_packages img {
     width: 100%;
     -webkit-transition: 0.4s ease;
     transition: 0.4s ease;
}
 .b_packages img:hover {
     -webkit-transform: scale(1.08);
     transform: scale(1.08);
}
 .band {
     width: 50px;
     height: auto;
     position: absolute;
     z-index: 9;
     left: 13px;
     top: -6px;
}
 .band img:hover {
     -webkit-transform: scale(01.0);
     transform: scale(01.0);
}
 .home_title {
}
 .home_title h1 {
     text-align: center;
     color: #424e57;
     text-transform: uppercase;
     font-weight: 700;
     font-size: 36px;
     margin-top: 0px;
}
 .home_title h1 span {
     color: #00BCD4;
}
 .home_title p {
     color: #707275;
    /* margin-bottom: 30px;
     */
     text-align: center;
}
 .pack_icon {
}
 .pack_icon ul {
     padding: 0px;
     padding-top: 15px;
     position: relative;
     overflow: hidden;
     margin-bottom: 0px;
}
 .pack_icon ul li {
     display: inline-block;
     width: 25%;
     float: left;
}
 .pack_icon ul li a {
}
 .b_pack div {
    /* padding-right: 0px;
     */
    /* padding-left: 7px;
     */
}
 .pack_icon_2 img {
     width: 22px;
}
 .home_all {
     background: #1aa5d8;
     border-bottom: 2px solid #e3aa00;
     border-radius: 3px;
     margin: 0 auto;
     display: table;
     text-decoration: none;
     color: #000;
     padding: 5px 10px;
    /* margin-bottom: 35px;
     */
}
 .h_con {
     background: #1aa5d8;
     position: relative;
     overflow: hidden;
}
 .home_consul_1 {
     padding-right: 0px;
     padding-left: 0px;
}
 .home_consul_1 img {
     width: 100%;
}
 .home_consul {
     overflow: hidden;
     padding: 0px 50px;
}
 .home_consul h1 {
     font-size: 42px;
     padding: 5px 0px 25px 0px;
}
 .home_consul h4 {
     font-size: 34px;
     color: #fff;
     text-transform: uppercase;
     padding: 10px 0px 25px 0px;
}
 .home_consul p {
     line-height: 35px;
}
 .home_consul a {
     background: #ffffff;
     border-bottom: 2px solid #d6a204;
     border-radius: 3px;
    /* margin: 0 auto;
     */
     display: table;
     text-decoration: none;
     color: #000;
     padding: 5px 10px;
     margin-top: 40px;
     text-transform: uppercase;
     font-size: 20px;
     font-weight: 700;
     cursor: pointer;
}
 .tout-map {
}
 .tout-map iframe {
     height: 300px;
     width: 100%;
     border: 0px;
}

 .affix {
     position: fixed;
     top: 0px;
     width: 100%;
     height: 65px;
     background: #fff;
     box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.32);
     z-index: 999;
     padding: 1px;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition:all 0.5s ease;
}


.spe-title h2 {
    margin-bottom: 0px;
    padding-bottom: 20px;
    margin-top: 0px;
    text-transform: uppercase;
    font-size: 30px;
    color: #0a5971 ;
 }

.spe-title h2 span {
    color: #0a5971;
    font-size: 30px;
	font-weight: 600;
    font-family: 'PT Sans', sans-serif;
}

.title-line {
    margin-top: -10px;
	text-align: center;
}

 .tl-1 {
     width: 80px;
     height: 1px;
     display: inline-block;
     background: #eee;
}
 .tl-2 {
     display: inline-block;
     height: 12px;
     margin: 0 5px;
     position: relative;
     top: 5px;
     width: 12px;
     border: 1px solid #ebc131;
     border-radius: 50px;
}
 .tl-3 {
     width: 80px;
     height: 1px;
     display: inline-block;
     background: #eee;
}

.foot-mob-sec {
    background: url('/assets/img/map-world2.png')	;
        background-size: auto auto;
    padding: 0 0px 60px 0px;
	margin: 20px 0px 0px 0px;
    background-size: contain;
    position: relative;
}
.tb-space {
    margin-bottom: 40px;
}


.hot-page2-il-top-fix {
     opacity: 1 !important;
     display: block;
}
 .hot-page2-pa-sp-top {
}
 .hot-page2-alp {
     background: url(../images/consul-bg-1.jpg) no-repeat center top #e6e6e6;
     background-attachment: fixed;
}
 .all-hot-bg{
     background: url(../images/consul-bg-2.jpg) no-repeat center top #e6e6e6;
     background-attachment: fixed;
}
 .hot-page2-alp::before {
     content: '';
     position: fixed;
     background: linear-gradient(to top, rgb(29, 36, 42) 15%, rgba(0, 0, 0, 0) 100%);
    /* top: 0px;
     */
    /* bottom: 0px;
     */
    /* left: 0px;
     */
     width: 100%;
     height: 100%;
    /* right: 0px;
     */
}
 .hot-page2-alp-tit {
}
 .hot-page2-alp-tit h1 {
     display: inline-block;
     color: #fff;
}
 .hot-page2-alp-tit ol {
     background: none;
}
 .hot-page2-alp-tit ol li {
}
 .hot-page2-alp-tit ol li a {
     color: #8a8a8a;
}
 .breadcrumb > .active {
     color: #ffc72f !important;
}
 .breadcrumb > li + li:before {
     color: #8a8a8a;
}
 .hot-page2-alp-con {
     position: relative;
     overflow: hidden;
     background: #f2f1f1;
     box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.36);
}
 .hot-page2-alp-con-left {
     padding-left: 0px !important;
}
 .hot-page2-alp-con-right {
     padding-bottom: 70px;
}
 .hot-page2-alp-con-left-1 {
     background: #253d52;
     color: #fff;
     padding: 25px;
}
 .hot-page2-alp-con-left-1:after, .hot-page2-alp-con-left-1:before {
     top: 72px;
     left: 48%;
     border: solid transparent;
     content: " ";
     height: 0;
     width: 0;
     position: absolute;
     pointer-events: none;
}
 .hot-page2-alp-con-left-1:after {
     border-color: rgba(136, 183, 213, 0);
     border-top-color: #1f4363;
     border-width: 9px;
     margin-left: -9px;
}
 .hot-page2-alp-con-left-1 h3 {
     font-size: 20px;
     margin-top: 0px;
     margin-bottom: 0px;
}
 .hot-page2-alp-cl-1-1 {
}
 .hot-page2-alp-cl-1-1 img {
     width: 24px;
     height: 24px;
}
 .hot-page2-alp-cl-1-2 {
     padding-left: 15px;
}
 .hot-page2-alp-cl-1-2 h5 {
     text-overflow: ellipsis;
     white-space: pre;
     overflow: hidden;
}
 .hot-page2-hom-pre ul li:hover .hot-page2-hom-pre-2 h5 {
     padding-left: 5px;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
}
 .hot-page2-alp-cl-1-2 span {
     line-height: 12px;
     font-size: 12px;
}
 .hot-page2-alp-cl-1-3 {
}
 .hot-page2-alp-cl-1-3 img {
     width: 18px;
     float: right;
}
 .hot-page2-alp-left-ner-notb {
     border-top: 0px;
     margin-bottom: 0px;
}
 .hot-page2-alp-left-ner-notb ul li {
     padding: 10px 0px;
}
 .hot-page2-alp-l3 {
}
 .hot-page2-alp-l3 ul {
     padding: 0px;
}
 .hot-page2-alp-l3 ul li {
     list-style-type: none;
     border-bottom: 1px solid #d4d4d4;
}
 .hot-page2-alp-l3 ul li:nth-child(5) {
}
 .hot-page2-alp-l3 ul li:last-child {
     border-bottom: 0px solid #d4d4d4;
}
 .hot-page2-alp-l3 ul li label {
     display: block;
     font-size: 15px;
     color: #343c42;
     font-weight: 600;
     padding-left: 30px;
}
 .hot-page2-alp-l-com {
}
 .hot-page2-alp-l-com h4 {
     background: #e6e6e6;
     color: #343c42;
     padding: 10px 15px;
     text-transform: uppercase;
     font-size: 15px;
     margin-top: 0px;
     margin-bottom: 0px;
     text-overflow: ellipsis;
     white-space: pre;
     overflow: hidden;
}
 .hot-page2-alp-l-com h4 i {
     padding-right: 7px;
}
 .hot-page2-alp-l-com1 form {
     padding-bottom: 8px;
}
 .hot-page2-alp-l-com1 {
     padding: 15px;
     background: #ffffff;
     padding-bottom: 25px;
}
 .hot-page2-alp-l-com1 a {
     margin-top: 5px;
     border: 1px solid #254158;
    /* -webkit-box-shadow: #B7B8B8 0px 1px 0px inset;
     */
     -moz-box-shadow: #B7B8B8 0px 1px 0px inset;
    /* box-shadow: #B7B8B8 0px 1px 0px inset;
     */
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     font-size: 12px;
     font-family: arial, helvetica, sans-serif;
     padding: 5px 10px;
     text-decoration: none;
     text-shadow: -1px -1px 0 rgba(177, 177, 177, 0.3);
     font-weight: bold;
     color: #ffffff;
     background-color: #304b62;
     background-image: -webkit-linear-gradient(to bottom, #3b5871, #253d52);
     background-image: -moz-linear-gradient(to bottom, #3b5871, #253d52);
     background-image: -ms-linear-gradient(to bottom, #3b5871, #253d52);
     background-image: -o-linear-gradient(to bottom, #3b5871, #253d52);
     background-image: linear-gradient(to bottom, #3b5871, #253d52);
     margin-right: 5px;
}
 .hot-page2-alp-l-com1 a:hover {
     color: #fff;
}
 .hot-page2-alp-l-com1 a i {
     font-size: 10px;
}
 .hot-page2-alp-p3 {
}
 .hot-page2-alp-p3 ul {
}
 .hot-page2-alp-p3 ul li:nth-child(1n+6) {
     display: none;
}
 .hot-page2-alp-p3-btn-h {
     display: none;
}
 .hot-page2-alp-p4-btn-h {
     display: none;
}
 .hot-page2-alp-p4 ul li:nth-child(1n+6) {
     display: none;
}
 .hot-page2-alp-p5-btn-h {
     display: none;
}
 .hot-page2-alp-p5 ul li:nth-child(1n+6) {
     display: none;
}
/*-------------------------------------------------*/
/* LISTING 
/*-------------------------------------------------*/
 .hot-page2-lp-rat {
     padding: 6px 6px 15px 8px;
}
 .hot-page2-alp-ri-p2 {
     padding: 18px 15px;
}
 .hot-page2-alp-ri-p2 h3 {
     color: #343c42;
     font-size: 22px;
     margin-top: 0px;
     margin-bottom: 0px;
}
 .hot-page2-alp-ri-p2 ul {
     padding: 0px;
     position: relative;
     overflow: hidden;
     padding-top: 12px;
     margin-bottom: 4px;
}
 .hot-page2-alp-ri-p2 ul li {
     list-style-type: none;
     float: left;
     margin-bottom: 8px;
     font-size: 14px;
     padding-left: 30px;
}
 .hot-page2-alp-ri-p2 ul li:nth-child(1) {
     color: #343c42;
     background: url(../images/1.png) no-repeat center left;
     background-size: 18px;
     font-size: 15px;
     font-weight: 600;
}
 .hot-page2-alp-ri-p2 ul li:nth-child(2) {
     color: #979797;
     background: url(../images/2.png) no-repeat center left;
     background-size: 18px;
}
 .hot-page2-alp-ri-p3 {
     padding: 52px 0px 10px 0px;
}
 .hot-page2-alp-ri-p3 span {
     display: block;
     text-align: center;
}
 .hot-list-p3-1 {
     color: #979797;
     font-weight: 400;
     font-size: 14px;
}
 .hot-list-p3-2 {
     font-size: 32px;
     font-weight: 600;
     color: #f4364f;
     padding: 10px 0px;
}
 .hot-list-p3-3 {
     font-size: 24px;
     color: #979797;
     text-decoration: line-through;
     padding: 10px 0px;
}
 .hot-list-p3-4 {
}
 .hot-list-p3-4 a {
     transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
}
 .hot-page2-alp-ri-p2 p {
     color: #979797;
    /* padding-bottom: 12px;
     */
     margin-bottom: 0px;
     text-transform: lowercase;
     font-size: 14px;
}
 .hot-page2-alp-ri-p2 p b {
     padding-right: 5px;
     color: #343c42;
     text-transform: uppercase;
     font-size: 12px;
}
 .hot-page2-alp-ri-p2 a {
}
 .hot-page2-alp-ri-p2 a:hover {
     color: #fff;
     transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
}
 .hot-page2-alp-quot-btn {
     transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     margin-top: 5px;
     border: 1px solid #e5ad05;
     border: 1px solid #d7a307;
    /* -webkit-box-shadow: #B7B8B8 0px 1px 0px inset;
     */
     -moz-box-shadow: #B7B8B8 0px 1px 0px inset;
    /* box-shadow: #B7B8B8 0px 1px 0px inset;
     */
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     font-size: 14px;
     padding: 5px 10px;
     text-decoration: none;
     text-shadow: -1px -1px 0 rgba(177, 177, 177, 0.3);
     font-weight: bold;
     color: #000000;
     background-color: #ffd65e !important;
     background-image: -webkit-gradient(linear, left top, left bottom, from(#ffd65e), to(#febf04));
     background-image: -webkit-linear-gradient(top, #ffd65e, #febf04);
     background-image: -moz-linear-gradient(top, #ffd65e, #febf04);
     background-image: -ms-linear-gradient(top, #ffd65e, #febf04);
     background-image: -o-linear-gradient(top, #ffd65e, #febf04);
     background-image: linear-gradient(to bottom, #ffd65e, #febf04);
     display: block;
     text-align: center;
}
 .hot-page2-alp-quot-free-btn {
     margin-top: 5px;
     border: 1px solid #234767;
    /* -webkit-box-shadow: #B7B8B8 0px 1px 0px inset;
     */
     -moz-box-shadow: #B7B8B8 0px 1px 0px inset;
    /* box-shadow: #B7B8B8 0px 1px 0px inset;
     */
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     font-size: 12px;
     font-family: arial, helvetica, sans-serif;
     padding: 5px 10px;
     text-decoration: none;
     text-shadow: -1px -1px 0 rgba(177, 177, 177, 0.3);
     font-weight: bold;
     color: #ffffff;
     background-color: #1f4363;
     background-image: -webkit-gradient(linear, left top, left bottom, from(#ffd65e), to(#febf04));
     background-image: -webkit-linear-gradient(to bottom, #32638e, #1f4363);
     background-image: -moz-linear-gradient(top, #ffd65e, #febf04);
     background-image: -ms-linear-gradient(top, #ffd65e, #febf04);
     background-image: -o-linear-gradient(top, #ffd65e, #febf04);
     background-image: linear-gradient(to bottom, #32638e, #1f4363);
     margin-right: 5px;
     transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
}
 .hot-ameni {
     margin-bottom: -15px;
}
 .hot-ameni ul {
     padding: 0px;
     position: relative;
     overflow: hidden;
     margin-bottom: 0px;
}
 .hot-ameni ul li {
     list-style-type: none;
     float: left;
     width: 33.33%;
     padding-bottom: 15px;
     padding-right: 15px;
     text-overflow: ellipsis;
     white-space: pre;
     overflow: hidden;
}
 .hot-ameni ul li i {
     font-size: 12px;
     width: 22px;
     height: 22px;
     background: #ffcd33;
     color: #000;
     text-align: center;
     padding: 5px;
     border-radius: 50%;
     margin-right: 6px;
     text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.62);
}
 .hot-page2-alp-r-list-re-sp {
     padding-left: 0px !important;
     padding-right: 0px !important;
}
 .hot-page2-alp-r-list {
     border: 1px solid #dedede;
     background: #fff;
     position: relative;
     overflow: hidden;
     margin: 15px 15px 15px 0px;
     transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
}
 .hot-page2-alp-r-list {
     transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
}
 .hot-page2-alp-r-list:hover {
     box-shadow: 0px 5px 19px -3px rgba(0, 0, 0, 0.23);
     transform: scale(1.02);
}
 .hot-page2-alp-r-list:hover .hot-page2-alp-quot-btn {
     transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
    /* border: 1px solid #02abc1;
     */
     text-shadow: -1px -1px 0 rgba(177, 177, 177, 0.3);
     color: #000000;
     background-color: #fff;
     background-image: -webkit-linear-gradient(to bottom, #00bcd4, #05a6bb);
     background-image: -moz-linear-gradient(to bottom, #00bcd4, #05a6bb);
     background-image: -ms-linear-gradient(to bottom, #00bcd4, #05a6bb);
     background-image: -o-linear-gradient(to bottom, #00bcd4, #05a6bb);
    /* background-image: linear-gradient(to bottom, #00bcd4, #05a6bb);
     */
}
 .hot-page2-alp-r-hot-page-rat {
     background: #253d52;
     position: absolute;
     padding: 4px 8px;
     right: -1px;
     border-radius: 1px;
     color: #fff;
     top: 0px;
     font-weight: 600;
     font-size: 12px;
}
 .hotel-list-score {
     width: 32px;
     height: 32px;
     position: absolute;
     background-color: #f4364fba;
    /* bottom: 8px;
     */
     padding: 4px;
     margin: 10px 5px;
     right: 5px;
     border-radius: 2px;
     z-index: 9;
     color: #fff;
     font-weight: 600;
     text-align: center;
     text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.28);
}
/*--============== alter =====================--*/
 .hot-page2-hr1 {
     text-align: center;
     width: 70%;
     margin: 0 auto;
     position: relative;
}
 .hot-page2-hli {
     position: relative;
     overflow: hidden;
}
 .hot-page2-hli a {
     text-decoration: none;
}
 .hot-page2-hli ul {
     padding: 0px;
}
 .hot-page2-hli ul li {
     list-style-type: none;
}
 .hot-page2-hli-1 {
     position: relative;
}
 .hot-page2-hli-1:before {
     content: '';
     position: absolute;
     background: linear-gradient(to top, rgba(244, 54, 79, 0.36) 25%, rgba(0, 0, 0, 0.08) 74%);
     top: 0px;
     bottom: 0px;
     left: 0px;
     width: 100%;
}
 .hot-page2-hli-1 img {
     width: 100%;
	 height: 177px;
}
 .hot-page2-hli-3 {
     width: 35px;
     height: 35px;
     position: absolute;
     background-color: rgba(255, 111, 111, 0.68);
    /* bottom: 8px;
     */
     padding: 4px;
     margin: auto;
     right: 15px;
     top: 15px;
     border-radius: 2px;
     display: none;
}
 .hot-page2-hli-3 img {
}
 .hot-page2-hli-4 {
}
 .hot-page2-hli-5 {
     box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
     margin-bottom: 10px;
}
 .hot-page2-hli-2 {
     padding: 10px 12px;
     background: #ffffff;
}
 .hot-page2-hli-2 h4 {
     color: #273440;
     font-size: 16px;
}
 .hot-page2-hli-2 h4 span {
     float: right;
     font-size: 12px;
     line-height: 20px;
}
 .hot-page2-hpb {
     background: #1b2629;
}
 .hot-page2-hpb h2 {
     color: #fff;
}
 .hot-page2-hpb h5 {
     color: #ffc520;
     padding-top: 14px;
     font-weight: 400;
}
 .hot-page2-hpb p {
     color: #989898;
     padding-top: 15px;
     margin-bottom: 0px;
}
 .hot-page2-hpb ul {
     margin-bottom: 0px;
     padding: 0px;
     padding-top: 42px;
}
 .hot-page2-hpb ul li {
     list-style-type: none;
     display: inline-block;
     width: 32%;
     float: left;
     margin: 0px 3px;
     margin-bottom: 5px;
}
 .hot-page2-hpb ul li a {
     display: block;
     background: #ffc520;
     color: #000;
     padding: 14px 20px;
     font-weight: 600;
     text-transform: uppercase;
     text-align: center;
     font-size: 14px;
     border-radius: 2px;
}
/*-------------------------------------------------*/
/* ROOM AVAILABILITY CHECK 
/*-------------------------------------------------*/
 .hot-room-ava-check {
}
 .hot-room-ava-check form {
     padding-bottom: 0px;
}
 .hot-room-ava-check ul {
     margin-bottom: 0px;
}
 .hot-room-ava-check ul li {
     border-bottom: 0px;
}
 .hot-room-ava-check ul li label {
     padding-left: 0px;
}
 .hot-room-ava-check ul li input {
     width: 100%;
     font-size: 13px;
     padding: 4px 10px;
     border: 1px solid #d4d4d4;
     margin-bottom: 12px;
}
 .hot-room-ava-check ul li input[type="submit"] {
     margin-bottom: 0px;
    /* margin-top: 5px;
     */
     border: 1px solid #254158;
    /* -webkit-box-shadow: #B7B8B8 0px 1px 0px inset;
     */
     -moz-box-shadow: #B7B8B8 0px 1px 0px inset;
    /* box-shadow: #B7B8B8 0px 1px 0px inset;
     */
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     font-size: 12px;
     font-family: arial, helvetica, sans-serif;
     padding: 5px 10px;
     text-decoration: none;
     text-shadow: -1px -1px 0 rgba(177, 177, 177, 0.3);
     font-weight: bold;
     color: #ffffff;
     background-color: #304b62 !important;
     background-image: -webkit-linear-gradient(to bottom, #3b5871, #253d52);
     background-image: -moz-linear-gradient(to bottom, #3b5871, #253d52);
     background-image: -ms-linear-gradient(to bottom, #3b5871, #253d52);
     background-image: -o-linear-gradient(to bottom, #3b5871, #253d52);
     background-image: linear-gradient(to bottom, #3b5871, #253d52);
    /* margin-right: 5px;
     */
}
 .tourb2-hli-3 {
     width: 32px;
     height: 32px;
     position: absolute;
     background-color: rgba(255, 193, 7, 0.84);
    /* bottom: 8px;
     */
     padding: 4px;
    /* margin: 10px 5px;
     */
     right: 15px;
     border-radius: 2px;
     z-index: 9;
     color: #fff;
     font-weight: 600;
     text-align: center;
     text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.28);
     top: 15px;
}
/*-------------------------------------------------*/
/* SOCIAL MEDIA SHARE 
/*-------------------------------------------------*/
 .icon-float {
     position: fixed;
     left: 0px;
     top: 35%;
     z-index: 999;
}
 .icon-float ul {
     padding: 0px;
}
 .icon-float ul li {
     list-style-type: none;
}
 .icon-float ul li a {
     display: block;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
     padding: 0px;
}
 .icon-float ul li a i {
     padding: 8px;
     width: 40px;
     height: 32px;
     text-align: center;
     color: #fff;
}
 .icon-float ul li a:hover {
     transform: rotateY(-180deg);
}
 .icon-float ul li a:hover i {
     transform: rotateY(180deg);
}
 .fb1 {
     background: #3b5998;
}
 .gp1 {
     background: #dd4b39;
}
 .tw1 {
     background: #1da1f2;
}
 .li1 {
     background: #0077b5;
}
 .yt1 {
     background: #cd201f;
}
 .wa1 {
     background: #34af23;
}
 .sh {
     background: #fff;
     padding: 10px 0px;
     font-size: 11px;
     text-align: center;
     color: #333;
     border-top-right-radius: 5px;
}
 .sh1 {
     background: #333;
     border-bottom-right-radius: 5px;
}