/**
 * Styling for the footer
 **/

#footer {
	width: 100%;
	font-family: 'Helvetica', 'Arial', sans-serif;
	padding: 20px 0 10px 0;
	margin-top: 2em;
	border-top: 1px solid #DFE8F4;
	font-size: 13px;
	background: #EEF4FB;
}

#footer .footer_logo {
	background: url('../i/footer_booking_logo.png') no-repeat center center;
	display: block;
	width: 100px;
	height: 17px;
}

#footer .footer_faq_label {
	font-size: 1.2em;
}

#footer #footer_faq_list {
	margin: 0;
	padding: 0;
	list-style: circle;
}

#footer #footer_faq_list li {
	margin: 0;
	padding: 0;
	line-height: 20px;
}

#footer .footer_faq_viewall {
	margin: 1em 0 0 -1.2em;
	display: block;
	float: left;
}

#footer .footer_faq_viewall span {
	display: block;
	float: left;
}


#footer .footer_faq_viewall .icon {
	background:  url('../i/faq_arrows_sprite.png') no-repeat;
	background-position: 0px 0px;
	height: 10px;
	width: 10px;
	margin: 0.3em 0 0 0.5em;
}

#footer .footer_faq_viewall:hover .icon {
	background-position: 0px -20px;
}

#footer .span9 {
	clear: both;
}

#footer .span5 {
	margin-left: 0;
	padding-left: 35px;
}

#footer .footer_copyright {
	font-size: 0.8em;
	color: #666;
	margin-top: 2em;
	display: block;
}

#sticky_help {
	position: absolute;
	left: 50%;
	margin: -73px 0 0 -100px;
	z-index: 999;
	background: #06c;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	color: #fff;
	font-size: 16px;
	padding: 15px 0 0;
	height: 35px;
	width: 200px;
	text-align: center;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	border: 2px solid white;
	border-bottom: 0;
    box-sizing: content-box;
	-webkit-box-shadow: 0 0 2px #888;
	-moz-box-shadow: 0 0 2px #888;
	box-shadow: 0 0 2px rgba(0,0,0,.5);
}

#sticky_help.fixed {
	position: fixed;
	bottom: 0;
	margin-top: 0;
}

#sticky_help:hover {
	background-color: #003580;
	text-decoration: none;
}

#security_reminder {
	font-size:12px;
	line-height: 16px;
	padding:5px 0 0 0;
}

#footer .span3{
	padding: 0 6em 0 0;
}


.sticky-faq-label {
	background-color: rgb(254, 186, 2);
  padding: 10px;
  position: fixed;
  z-index: 100;
  top: 120px;
  color: #FFF;
  border-radius: 4px 0 0 4px;
  cursor: pointer;
  right: 0;
  -webkit-transition: background-color, padding-right .25s cubic-bezier(0.680, -0.550, 0.265, 1.550);
    -moz-transition: background-color, padding-right .25s cubic-bezier(0.680, -0.550, 0.265, 1.550);
     -ms-transition: background-color, padding-right .25s cubic-bezier(0.680, -0.550, 0.265, 1.550);
      -o-transition: background-color, padding-right .25s cubic-bezier(0.680, -0.550, 0.265, 1.550);
         transition: background-color, padding-right .25s cubic-bezier(0.680, -0.550, 0.265, 1.550);
}

.sticky-faq-label .faq-new-tag{
    position: absolute;
    left: 60px;
    background: #E52923;
    color: #FFF;
    top: -8px;
    padding: 0px 4px;
    display: block;
    font-size: 10px;
    line-height: 17px;
    border-radius: 3px;
    -webkit-animation: initial-faq-show-tag 500ms cubic-bezier(0.785, 0.135, 0.150, 0.860) 2.7s forwards;
       -o-animation: initial-faq-show-tag 500ms cubic-bezier(0.785, 0.135, 0.150, 0.860) 2.7s forwards;
       animation: initial-faq-show-tag 500ms cubic-bezier(0.785, 0.135, 0.150, 0.860) 2.7s forwards;
}

.sticky-faq-label.sticky-faq-animate{
  right: -50px;
  -webkit-animation: initial-faq-show 700ms cubic-bezier(0.785, 0.135, 0.150, 0.860) 2s forwards;
       -o-animation: initial-faq-show 700ms cubic-bezier(0.785, 0.135, 0.150, 0.860) 2s forwards;
       animation: initial-faq-show 700ms cubic-bezier(0.785, 0.135, 0.150, 0.860) 2s forwards;
}

.sticky-faq-label.sticky-faq-animate .faq-new-tag{

}

.sticky-faq-label:hover .faq-new-tag{
       color: #FFF;
 }

.sticky-faq-label:hover,
.sticky-faq-label:focus {
	background-color: rgb(0, 159, 227);
	padding-right: 18px;
	text-decoration: none;
}

.sticky-faq-label .q-mark {
    display: block;
    font-style: normal;
    color: #FEBA02;
    background-color: #FFF;
    text-align: center;
    border-radius: 50%;
    font-weight: bold;
    font-size: 23px;
   line-height: 28px;
   width: 28px;
   height: 28px;
   vertical-align: middle;
}

.sticky-faq-label.sticky-faq-animate .q-mark{
  -webkit-transform: scale(0);
      -moz-transform: scale(0);
       -ms-transform: scale(0);
        -o-transform: scale(0);
           transform: scale(0);
   -webkit-animation: initial-faq-mark 400ms cubic-bezier(0.680, -0.550, 0.265, 1.550) 2200ms forwards;
   -o-animation: initial-faq-mark 400ms cubic-bezier(0.680, -0.550, 0.265, 1.550) 2200ms forwards;
   animation: initial-faq-mark 400ms cubic-bezier(0.680, -0.550, 0.265, 1.550) 2200ms forwards;
}

/* Question mark container animation keyframes */

@-webkit-keyframes initial-faq-show{
       0%{right: -50px;}
       50%{right: 0; padding-left: 18px;}
       100%{right: 0; padding-left: 10px; }
}
@-moz-keyframes initial-faq-show{
       0%{right: -50px;}
       50%{right: 0; padding-left: 18px;}
       100%{right: 0; padding-left: 10px; }
}
@-ms-keyframes initial-faq-show{
       0%{right: -50px;}
       50%{right: 0; padding-left: 18px;}
       100%{right: 0; padding-left: 10px; }
}
@-o-keyframes initial-faq-show{
       0%{right: -50px;}
       50%{right: 0; padding-left: 18px;}
       100%{right: 0; padding-left: 10px; }
}
@keyframes initial-faq-show{
       0%{right: -50px;}
       50%{right: 0; padding-left: 18px;}
       100%{right: 0; padding-left: 10px; }
}

/* Question mark tag animation keyframes */

@-webkit-keyframes initial-faq-show-tag{
       0%{left: 60px;}
       100%{left: -17px;}
}
@-moz-keyframes initial-faq-show-tag{
       0%{left: 60px;}
       100%{left: -17px;}
}
@-ms-keyframes initial-faq-show-tag{
       0%{left: 60px;}
       100%{left: -17px;}
}
@-o-keyframes initial-faq-show-tag{
       0%{left: 60px;}
       100%{left: -17px;}
}
@keyframes initial-faq-show-tag{
       0%{left: 60px;}
       100%{left: -22px;}
}

/* Question sign animation keyframes */

@keyframes initial-faq-mark{
       from{
               -webkit-transform: scale(0);
                  -moz-transform: scale(0);
                   -ms-transform: scale(0);
                    -o-transform: scale(0);
                       transform: scale(0);
       }
       to{
               -webkit-transform: scale(1);
                  -moz-transform: scale(1);
                   -ms-transform: scale(1);
                    -o-transform: scale(1);
                       transform: scale(1);
       }
}

@-webkit-keyframes initial-faq-mark{
       from{
               -webkit-transform: scale(0);
       }
       to{
               -webkit-transform: scale(1);
       }
}
@-moz-keyframes initial-faq-mark{
       from{
                  -moz-transform: scale(0);
       }
       to{
                  -moz-transform: scale(1);
       }
}
@-ms-keyframes initial-faq-mark{
       from{
                  -moz-transform: scale(0);
       }
       to{
                  -moz-transform: scale(1);
       }
}
@-o-keyframes initial-faq-mark{
       from{
                    -o-transform: scale(0);
       }
       to{
                    -o-transform: scale(1);
       }
 }