/*
Theme Name: Leeward Flight Services
Theme URI: http://lfs.kn
Author: Talis Consulting
Author URI: http://talis.me.uk
Description: Custom Template based site for Leeward Flist Serives FBO in St Kitts
Version: 1.0
Tags: two-columns, three-colummns, left-sidebar, right-sidebar, custom-menu, editor-style,  featured-images, microformats, featured-images, full-width-template, theme-options, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
*/

/* Box Shadows */
.imgshadow {
	-webkit-box-shadow:  1px 2px 3px 5px #ffffff;  
    box-shadow:  1px 2px 3px 5px #ffffff;
}

/*Slider*/
#bg_slider {
	position:relative;
	clear:both;
	float:left;
	width: 100%;
	max-height:636px;
	max-width:1232px;
	min-width:480px;
	z-index:1;
}
#stkitts_slider {
	min-width:100%;
	min-height:100%;
	width:100%;
	height:100%;
	-webkit-box-shadow:  1px 2px 3px 5px #ffffff;  
    box-shadow:  1px 2px 3px 5px #ffffff;
	
}
#stkitts_slider_container {
	position:relative;
	clear:both;
	float:right;
	width:40%;
	max-width:600px;
	padding: 0 0 5px 10px;
}
	
#bg_slider_container{
	background-color: #fff;
}


/*News Ticker*/
.tickerDate {
	font-weight:bold;
	color:#2050a7;
}
.tickerLink {
	font-weight:bold;
}
.tickerText {
}

#footer_button {
	position:relative;
	clear:both;
	float:left;
	padding-left:15px;
}
/*Online Tools*/
#tools {
	position:absolute;
	top: 35%;
	right: 0;
	z-index:50000;
}
.panel {
position: absolute;
top: 150px;
left:50%;
width: 80%;
margin-left: -44%;
display: none;
background: #d3eaff;
border:1px solid #111111;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
height: auto;
padding: 2% 3%;
z-index:50000;
}
a.trigger{
display: block;
padding-bottom: 10px;
}

.toolsicon {
	float:left;
	width: 85px;
	text-align:center;
}

#toolscontainer {
	padding: 10px;
}

/*Online Requests*/
#requests {
	position:static;
	right: 0;
	top: 80%;
}
.css3button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	padding: 10px 20px;
	background: -moz-linear-gradient(
		top,
		#ff2819 0%,
		#ab0000);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ff2819),
		to(#ab0000));
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	border: 1px solid #7d0000;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,0.7);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,0.7);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.4),
		0px 1px 0px rgba(255,255,255,0.3);
}

/*Content Box*/
#content_box {
	clear:both;
	float:left;
	margin: 0;
	margin-left: 1%;
	width: 20%;
	min-width: 200px;
	background-color: #eff0ef;
	-webkit-box-shadow: 1px 1px 6px 2px #000;
	box-shadow: 1px 1px 6px 2px #000;
	-moz-border-radius: 1%;
	-webkit-border-radius: 1%;
	border-radius: 1%;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI3MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI4MSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPgogICAgPHN0b3Agb2Zmc2V0PSI4NSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4zNSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5MSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC41Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 70%, rgba(255,255,255,0.25) 81%, rgba(255,255,255,0.35) 85%, rgba(255,255,255,0.5) 91%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(70%,rgba(255,255,255,1)), color-stop(81%,rgba(255,255,255,0.25)), color-stop(85%,rgba(255,255,255,0.35)), color-stop(91%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 70%,rgba(255,255,255,0.25) 81%,rgba(255,255,255,0.35) 85%,rgba(255,255,255,0.5) 91%,rgba(255,255,255,0) 100%);
background: -o-linear-gradient(top,  rgba(255,255,255,1) 70%,rgba(255,255,255,0.25) 81%,rgba(255,255,255,0.35) 85%,rgba(255,255,255,0.5) 91%,rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 70%,rgba(255,255,255,0.25) 81%,rgba(255,255,255,0.35) 85%,rgba(255,255,255,0.5) 91%,rgba(255,255,255,0) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 70%,rgba(255,255,255,0.25) 81%,rgba(255,255,255,0.35) 85%,rgba(255,255,255,0.5) 91%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );

}

#content_box p {
	clear:both;
	padding: 10px 10%;
}

/*Collapse Arrows
.collapseomatic {
    background-image: url(img/collapse_down.png) !important;
	display: block;
}
.colomat-close {
    background-image: url(img/collapse_right.png) !important;
}*/

/*Left Blue Ribbon Tag*/
.blueTag_left {
	padding-top: 15px;
	margin-left: -27px;
}
.blueTag_left_wrap {
	background:url(img/blue_tag_left_wrap.png) no-repeat;
	width:30px;
	height: 43px;
	z-index:52;
	float:left;
}
.blueTag_left_center {
	background:url(img/blue_tag_center.png) repeat-x;
	color:#FFF;
	text-shadow: 2px 2px 3px #000000;
    filter: dropshadow(color=#000000, offx=2, offy=2);
	font: 100% bold;
	height: 32px;
	float:left;
	padding: 7px 15% 0 10%;
}
.blueTag_left_end {
	background:url(img/blue_tag_left_end.png) no-repeat;
	width: 10px;
	height: 32px;
	float:left
}
/* Right Blue Ribbon Tag */
.blueTag_right {
	padding-top: 15px;
	right:0;
	margin-right: -27px;
}
.blueTag_right_wrap {
	background:url(img/blue_tag_right_wrap.png) no-repeat;
	width:30px;
	height: 43px;
	z-index:52;
	float:right;
}
.blueTag_right_center {
	background:url(img/blue_tag_center.png) repeat-x;
	color:#FFF;
	text-shadow: 2px 2px 3px #000000;
    filter: dropshadow(color=#000000, offx=2, offy=2);
	font: 100% bold;
	height: 32px;
	float:right;
	padding: 7px 10% 0 15%;
}

.blueTag_right_end {
	background:url(img/blue_tag_right_end.png) no-repeat;
	width: 10px;
	height:32px;
	float:right
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    
    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
    }
    
    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
    }
    
    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@-moz-keyframes flipInX {
    0% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    
    40% {
        -moz-transform: perspective(400px) rotateX(-10deg);
    }
    
    70% {
        -moz-transform: perspective(400px) rotateX(10deg);
    }
    
    100% {
        -moz-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@-o-keyframes flipInX {
    0% {
        -o-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    
    40% {
        -o-transform: perspective(400px) rotateX(-10deg);
    }
    
    70% {
        -o-transform: perspective(400px) rotateX(10deg);
    }
    
    100% {
        -o-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    
    40% {
        transform: perspective(400px) rotateX(-10deg);
    }
    
    70% {
        transform: perspective(400px) rotateX(10deg);
    }
    
    100% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

.flipInX {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flipInX;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flipInX;
	-o-backface-visibility: visible !important;
	-o-animation-name: flipInX;
	backface-visibility: visible !important;
	animation-name: flipInX;
}
@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
	100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@-moz-keyframes flipOutX {
    0% {
        -moz-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
	100% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@-o-keyframes flipOutX {
    0% {
        -o-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
	100% {
        -o-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    0% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
	100% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

.flipOutX {
	-webkit-animation-name: flipOutX;
	-webkit-backface-visibility: visible !important;
	-moz-animation-name: flipOutX;
	-moz-backface-visibility: visible !important;
	-o-animation-name: flipOutX;
	-o-backface-visibility: visible !important;
	animation-name: flipOutX;
	backface-visibility: visible !important;
}