/*
Theme Name: south v1
Theme URI: http://www.south.co.uk/
Description: A simple responsive theme based on the Bootstrap framework.
Version: 1.0
Author: South
Author URI: http://www.south.co.uk/
Tags: black, white, one-column, two-columns, flexible-width, custom-background, custom-colors, custom-menu, full-width-template, theme-options
License: GNU General Public License v2.0 & Apache License 2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html http://www.apache.org/licenses/LICENSE-2.0
*/

@font-face {
    font-family: 'OpenSansRegular';
    src: url('fonts/opensans-regular.eot') format('eot'),
         url('fonts/opensans-regular.woff') format('woff'),
         url('fonts/opensans-regular.ttf') format('truetype'),
         url('fonts/opensans-regular.svg#OpenSansRegular') format('svg');
}
@font-face {
	font-family:"OpenSansLight";
	src:url("fonts/OpenSans-Light.eot") format("eot"),
		url("fonts/OpenSans-Light.woff") format("woff"),
		url("fonts/OpenSans-Light.ttf") format("truetype"),
		url("fonts/OpenSans-Light.svg#OpenSans-Light") format("svg");
	font-weight:normal;
	font-style:normal;
}
@font-face {
    font-family: 'OpenSansBold';
    src: url('fonts/opensans-bold.eot') format('eot'),
         url('fonts/opensans-bold.woff') format('woff'),
         url('fonts/opensans-bold.ttf') format('truetype'),
         url('fonts/opensans-bold.svg#OpenSansBold') format('svg');
}
@font-face {
    font-family: 'OpenSansCondensedBold';
    src: url('fonts/opensans-condbold.eot') format('eot'),
         url('fonts/opensans-condbold.woff') format('woff'),
         url('fonts/opensans-condbold.ttf') format('truetype'),
         url('fonts/opensans-condbold.svg#OpenSansCondensedBold') format('svg');
}

.resolution{position:fixed; bottom:0px; right:0px; background-color:#036; color:#FFF; font-size:18px; padding:4px 6px; z-index:9999;}

html,body{height:100%;}
body {font-family:OpenSansRegular, Arial, sans-serif; font-size:14px; cursor:default; overflow-X:hidden; background-color:#F6F6F3;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-weight:normal; margin-top:0px; padding:0px;}

a, a:hover, a:active, a:focus {outline:0;}

#page{display:none;}
footer{}

a, a:hover, a:focus{text-decoration:none !important; cursor:pointer;}
textarea {resize:none;}

/* font family variations*/
.regular{font-family:OpenSansRegular, Arial, sans-serif !important;}
.light{font-family:OpenSansLight, Arial, sans-serif !important;}
.bold{font-family:OpenSansBold, Arial, sans-serif !important;}
.condensed{font-family:OpenSansCondensedBold, Arial, sans-serif !important;}

/* font sizes */
.fs8{font-size:8px !important;}
.fs9{font-size:9px !important;}
.fs10{font-size:10px !important;}
.fs11{font-size:11px !important;}
.fs12{font-size:12px !important;}
.fs13{font-size:13px !important;}
.fs14{font-size:14px !important;}
.fs16{font-size:16px !important;}
.fs18{font-size:18px !important;}
.fs20{font-size:20px !important;}
.fs24{font-size:24px !important;}
.fs32{font-size:32px !important;}
.fs36{font-size:36px !important;}
.fs48{font-size:48px !important;}

/* font colors*/
.fc0{color:#000 !important;}
.fc1{color:#FFF !important;}
.fc2{color:#00A1AF !important;}
.fc3{color:#6FC9AE !important;}
.fc4{color:#B0CC0E !important;}
.fc5{color:#F6910B !important;}
.fc6{color:#DD4671 !important;}
.fc7{color:#00AEC7 !important;}
.fc8{color:#f6c000 !important;}

/* back ground colors */
.bgc0{background-color:#000 !important;}
.bgc1{background-color:#FFF !important;}
.bgc2{background-color:#00A1AF !important;}
.bgc3{background-color:#00548B !important;}
.bgc4{background-color:#3C3C3B !important;}
.bgc5{background-color:#F6910B !important;}
.bgc6{background-color:#DD4671 !important;}
.bgc7{background-color:#00AEC7 !important;}
.bgc8{background-color:#f6c000 !important;}

/* external gutters */
.gutter-top{margin-top:15px !important;}
.gutter-right{margin-right:15px !important;}
.gutter-bottom{margin-bottom:15px !important;}
.gutter-left{margin-left:15px !important;}
.gutter{margin:15px;}
.gutter50{margin:50px;}

/* margins */
.no-gutter-top{margin-top:0px !important;}
.no-gutter-right{margin-right:0px !important;}
.no-gutter-bottom{margin-bottom:0px !important;}
.no-gutter-left{margin-left:0px !important;}
.no-gutter{margin:0px !important;}

/* internal gutters */
.spacing-top{padding-top:15px !important;}
.spacing-right{padding-right:15px !important;}
.spacing-bottom{padding-bottom:15px !important;}
.spacing-left{padding-left:15px !important;}
.spacing{padding:15px;}

.spacing-top-50{padding-top:50px !important;}
.spacing-bottom-50{padding-bottom:50px !important;}

/* paddings */
.no-spacing-top{padding-top:0px !important;}
.no-spacing-right{padding-right:0px !important;}
.no-spacing-bottom{padding-bottom:0px !important;}
.no-spacing-left{padding-left:0px !important;}
.no-spacing{padding:0px !important;}

/* paddings */
.pad19190419{padding:19px 19px 4px 19px;}

.no-border, .no-border td{border-width:0px !important;}
.brdr1{border:1px solid #FFF;}

.validation-advice{clear:both; min-height:13px; margin:3px 0 0; padding-left:13px; font-size:11px; line-height:13px; background:url(images/validation_advice_bg.gif) 2px 3px no-repeat; color:#eb340a;}
.validation-failed{border:1px solid #eb340a !important; background-color:#faebe7 !important;}

.balloon{margin:0px auto; width:auto;}
.balloon .spin{background:#FFF url(images/spinner.gif) no-repeat !important; padding:14px;}
.balloon .msg{padding:3px 0px 0px 6px;}

.grid{cursor:default;}
.grid > thead > tr > th{border-bottom: 1px solid #ddd; color:#428bca;}
.grid .row-last > td{border-bottom: 1px solid #ddd;}

.btn-on{color:#fff;background-color:#5cb85c;border-color:#4cae4c}
.btn-on:hover,.btn-on:focus,.btn-on:active,.btn-on.active,.open .dropdown-toggle.btn-on{color:#fff;background-color:#47a447;border-color:#398439}
.btn-on:active,.btn-on.active,.open .dropdown-toggle.btn-on{background-image:none}
.btn-on.disabled,.btn-on[disabled],fieldset[disabled] .btn-on,.btn-on.disabled:hover,.btn-on[disabled]:hover,fieldset[disabled] .btn-on:hover,.btn-on.disabled:focus,.btn-on[disabled]:focus,fieldset[disabled] .btn-on:focus,.btn-on.disabled:active,.btn-on[disabled]:active,fieldset[disabled] .btn-on:active,.btn-on.disabled.active,.btn-on[disabled].active,fieldset[disabled] .btn-on.active{background-color:#5cb85c;border-color:#4cae4c}
.btn-on .badge{color:#5cb85c;background-color:#fff}

.btn-off{color:#fff;background-color:#f0ad4e;border-color:#eea236}
.btn-off:hover,.btn-off:focus,.btn-off:active,.btn-off.active,.open .dropdown-toggle.btn-off{color:#fff;background-color:#ed9c28;border-color:#d58512}
.btn-off:active,.btn-off.active,.open .dropdown-toggle.btn-off{background-image:none}
.btn-off.disabled,.btn-off[disabled],fieldset[disabled] .btn-off,.btn-off.disabled:hover,.btn-off[disabled]:hover,fieldset[disabled] .btn-off:hover,.btn-off.disabled:focus,.btn-off[disabled]:focus,fieldset[disabled] .btn-off:focus,.btn-off.disabled:active,.btn-off[disabled]:active,fieldset[disabled] .btn-off:active,.btn-off.disabled.active,.btn-off[disabled].active,fieldset[disabled] .btn-off.active{background-color:#f0ad4e;border-color:#eea236}
.btn-off .badge{color:#f0ad4e;background-color:#fff}

/*jqueryui tweaks*/
.ui-widget{font-size:inherit;}
.ui-widget-overlay{position: fixed; z-index: 1050; background-image:none; opacity:1; background-color:rgba(0,0,0,.5);}

.ui-dialog{padding:0px; z-index:1099; margin:0px auto; position:relative; min-width:100px; max-width:450px; border:0px !important; border-radius:0px !important;}
.ui-dialog .ui-dialog-titlebar{height:auto; border-radius:0px !important; padding:1em;}
.ui-dialog .ui-dialog-titlebar button{border: 1px solid #303030; background: #303030; font-weight: normal; color: #eeeeee; padding: .4em 1em; margin-left:3px;}
.ui-dialog .ui-widget-header{background-color:#5597d1;}
.ui-dialog .ui-widget-header, .ui-dialog .ui-dialog-titlebar button{border:0px !important;}
.ui-dialog .ui-dialog-titlebar button{background-color:#4482bb;}
.ui-dialog .ui-dialog-titlebar button:hover{background-color:#FFF; color:#000;}
.ui-dialog .ui-dialog-title{line-height:32px; margin:0px 50px 0px 0px; font-weight:normal;}
.ui-dialog .ui-dialog-content a{color:#000;}
.ui-dialog .ui-dialog-content p:last-child{margin-bottom:0px !important;}

.ui-wait{padding: 23px 10px !important; overflow:hidden !important;}

.heading {font-size:36px; font-family:OpenSansLight, Arial, sans-serif; color:#01558B; text-transform:uppercase; padding-top:30px; padding-bottom:30px;}

.glyphicon {font-family: 'Glyphicons Halflings' !important;}

.bg1 {background:url(images/bg1.png) no-repeat center; padding:3%;}
.bg2 {background:url(images/bg2.png) no-repeat center; padding:3%;}
.bg3 {background:url(images/bg3.png) no-repeat center; padding:3%;}
.bg4 {background:url(images/bg4.png) no-repeat center; padding:3%;}

header {background:#00A1AF url(images/header-bg.jpg) no-repeat center; background-size:cover; border-bottom:12px #00A1AF solid; padding-top:25px; padding-bottom:25px;}
header .header-contact {text-align:right; padding-top:4px; text-transform:uppercase;}
header .header-contact a.ph {margin-right:20px;}
header .header-contact a {color:#99CCCC; font-family:OpenSansBold, Arial, sans-serif;}
header .header-contact a:hover {color:#FFF;}

.navbar-default {background-color:transparent; border-color:transparent; margin-bottom:0px; min-height:inherit;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color:#00548B;}
.navbar-default .navbar-toggle .icon-bar {background-color:#FFF;}
.navbar-default .navbar-brand {color:#FFF;}
.navbar-default .navbar-nav>li>a {color:#FFF; text-transform:uppercase;}
.navbar-default .navbar-nav>li.pipe {padding-top:5px; color:#FFF;}
.navbar-default .navbar-nav>li.pipe:first-child {display:none;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {color:#FFF;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    color:#FFF; background-color:transparent;}

#experience	{background:url(images/experience-bg.jpg) no-repeat center; background-size:cover;}
#experience .overlay{background:rgba(0, 0, 0, 0.4);}
#contact-us	{background:url(images/contact-bg.jpg) no-repeat center;}
#contact-us .overlay{background:rgba(0, 0, 0, 0.4);}
.vertical-separator {border-right:1px #00A1AF solid;}

.banner-video {position:relative;}
.banner-video .video-content {position:absolute; top:30%; width:100%;}
.banner-video .video-content h1 {color:rgba(255, 255, 255, 0.9); font-family:OpenSansBold, Arial, sans-serif; text-align:center; font-size:56px;}
#banner-video {width:100%; margin-bottom:-5px;}

.banner-video .wp-video-shortcode{width: 100% !important}
.banner-video video{ width: 100%; height: 100%; max-width: 100%; }
.banner-video .wp-video{width: 100% !important;}

.back-to-top {position:fixed; bottom:40px; right:0px; color:#000; background-color:rgba(0, 161, 175, 0.5); padding:18px 20px; display:none; z-index:9999; border-radius:50%; right:10px;}
.back-to-top:hover {background-color:rgba(135, 135, 135, 0.5); color:#FFF; text-decoration:none;}

.xs-linebreak, .sm-linebreak, .md-linebreak{display:none;}
.lg-linebreak{display:block; margin:0px; border:0px;}

@-webkit-keyframes tutsFade {
	0% {opacity:0;}
	100% {opacity:1;}
 }
@keyframes tutsFade {
	0% {opacity:0;}
	100% {opacity:1;}
}

/*sm & higher*/
@media (min-width: 768px){
	.navbar-default .navbar-nav>li>a {color:#FFF; padding:5px 5px;}
	.navbar-default .navbar-nav>li:last-child>a {padding-right:0px;}
	.navbar-brand.small-logo>img {}
	
	.header-fixed {position:fixed; right:0; left:0; z-index:1030;}
	#home {padding-top:115px;}
}

/*md & higher*/
@media (min-width: 992px){
}

/*md & lesser*/
@media (max-width: 1199px){
	.xs-linebreak, .sm-linebreak, .lg-linebreak{display:none;}
	.md-linebreak{display:block; margin:0px; border:0px;}
}

/*sm & lesser*/
@media (max-width: 991px){
	.xs-linebreak, .md-linebreak, .lg-linebreak{display:none;}
	.sm-linebreak{display:block; margin:0px; border:0px;}
}

/*only lg*/
@media (min-width: 1200px){		
	.text-lg-right{text-align:right;}
	.text-lg-left{text-align:left;}
	.text-lg-center{text-align:center;}
}

/* only md*/
@media (min-width: 992px) and (max-width: 1199px){	
	.text-md-right{text-align:right;}
	.text-md-left{text-align:left;}
	.text-md-center{text-align:center;}
}

/* only sm*/
@media (min-width: 768px) and (max-width: 991px){	
	.text-sm-right{text-align:right;}
	.text-sm-left{text-align:left;}
	.text-sm-center{text-align:center;}
	
	#home {padding-top:110px;}	
	.navbar-toggle {margin-top:-38px;}
	header .header-contact {padding-top:12px; text-align:center;}
	.banner-video .video-content {top:35%;}
	.banner-video .video-content h1 {font-size:42px;}
	.wp-video {display:none;}
}

/* only xs*/
@media (max-width: 767px){
	.text-xs-right{text-align:right;}
	.text-xs-left{text-align:left;}
	.text-xs-center{text-align:center;}
	
	header .header-contact {text-align:left;}
	header .header-contact .ph {display:block;}
	.navbar-toggle {margin-top:-38px;}
	.wp-video {display:none;}
	.banner-video .video-content {top:40%;}
	.banner-video .video-content h1 {font-size:28px; width:300px; margin:0px auto;}	
}

/* only xxs*/
@media (max-width: 480px){
	header .header-contact {text-align:left; padding-top:0px; font-size:10px;}
	header .header-contact .ph {display:block;}
	.navbar-toggle {margin-top:-38px; margin-right:-6px;}
	
	.col-pad-right-0 {padding-right:0px;}
	.banner-video .video-content {top:30%;}
	.banner-video .video-content h1 {font-size:20px; width:auto;}
}


/* ANIMATIONS
data-animation="grow" data-delay="1200"
data-animation="pop-up" data-delay="800"
data-animation="flip" data-delay="400"
data-animation="helix" data-delay="0"
data-animation="move-up" data-delay="800"
data-animation="spin" data-delay="0"
data-animation="flip-x" data-delay="600"
data-animation="flip-y" data-delay="1200"
data-animation="fade-from-left" data-delay="0"
data-animation="fade-from-right" data-delay="800"
data-animation="fade-from-bottom" data-delay="400"
*/
.sf-animation {
	-webkit-perspective: 600px;
	-moz-perspective: 600px;
	perspective: 600px;
	opacity: 0;
	position: relative;
}
html.no-js .sf-animation, .mobile-browser .sf-animation, .apple-mobile-browser .sf-animation, .sf-animation[data-animation="none"] {
	opacity: 1!important;
	left: auto!important;
	right: auto!important;
	bottom: auto!important;
	-webkit-transform: scale(1)!important;
	-o-transform: scale(1)!important;
	-moz-transform: scale(1)!important;
	transform: scale(1)!important;
}
html.no-js .sf-animation.image-banner-content, .mobile-browser .sf-animation.image-banner-content, .apple-mobile-browser .sf-animation.image-banner-content, .sf-animation[data-animation="none"].image-banner-content {
	bottom: 50%!important;
}
.sf-animation[data-animation="grow"] {
	opacity: 0;
    -webkit-transform: scale(0.4);
    -o-transform: scale(0.4);
    -moz-transform: scale(0.4);
    transform: scale(0.4);
    -webkit-transform-origin: 50% 50%;
    -webkit-transition: all 0.6s cubic-bezier(0.15, 0.85, 0.35, 1.25);
    -moz-transition: all 0.6s cubic-bezier(0.15, 0.85, 0.35, 1.25);
    -o-transition: all 0.6s cubic-bezier(0.15, 0.85, 0.35, 1.25);
    transition: all 0.6s cubic-bezier(0.15, 0.85, 0.35, 1.25);
}
.sf-animation[data-animation="grow"].sf-animate {
	opacity: 1;
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
}
.sf-animation[data-animation="pop-up"].sf-animate {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: scale(0.2);
	-moz-transform: scale(0.2);
	transform: scale(0.2);
	-webkit-animation: popUp 0.4s ease-in-out forwards;
	-moz-animation: popUp 0.4s ease-in-out forwards;
	animation: popUp 0.4s ease-in-out forwards;
}
.sf-animation[data-animation="flip"].sf-animate {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-origin: 0% 0%;
	-moz-transform-origin: 0% 0%;
	transform-origin: 0% 0%;
	-webkit-transform: rotateX(-80deg);
	-moz-transform: rotateX(-80deg);
	transform: rotateX(-80deg);
	-webkit-animation: flip .8s ease-in-out forwards;
	-moz-animation: flip .8s ease-in-out forwards;
	animation: flip .8s ease-in-out forwards;
}
.sf-animation[data-animation="helix"].sf-animate {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
	-webkit-animation: helix .8s ease-in-out forwards;
	-moz-animation: helix .8s ease-in-out forwards;
	animation: helix .8s ease-in-out forwards;
}
.sf-animation[data-animation="move-up"].sf-animate {
	-webkit-transform: translateY(200px);
	-moz-transform: translateY(200px);
	transform: translateY(200px);
	-webkit-animation: moveUp 0.65s ease forwards;
	-moz-animation: moveUp 0.65s ease forwards;
	animation: moveUp 0.65s ease forwards;
}
.sf-animation[data-animation="spin"].sf-animate {
	-webkit-animation: spin 0.65s ease forwards;
	-moz-animation: spin 0.65s ease forwards;
	animation: spin 0.65s ease forwards;
}
.sf-animation[data-animation="flip-x"].sf-animate {
	-webkit-backface-visibility: visible;
	-moz-backface-visibility: visible;
	-o-backface-visibility: visible;
	backface-visibility: visible;
	-webkit-animation: flipX 0.65s ease forwards;
	-moz-animation: flipX 0.65s ease forwards;
	animation: flipX 0.65s ease forwards;
}
.sf-animation[data-animation="flip-y"].sf-animate {
	-webkit-backface-visibility: visible;
	-moz-backface-visibility: visible;
	-o-backface-visibility: visible;
	backface-visibility: visible;
	-webkit-animation: flipY 0.65s ease forwards;
	-moz-animation: flipY 0.65s ease forwards;
	animation: flipY 0.65s ease forwards;
}
.sf-animation[data-animation="fade-from-left"] {
	left: -70px;
}
.sf-animation[data-animation="fade-from-right"] {
	right: -70px;
}
.sf-animation[data-animation="fade-from-bottom"] {
	bottom: -120px;
}
.sf-animation[data-animation="fade-from-left"], .sf-animation[data-animation="fade-from-right"] {
	margin: 0 auto;
}
.browser-ie .sf-animation[data-animation="pop-up"].sf-animate, .browser-ie .sf-animation[data-animation="flip"].sf-animate, .browser-ie .sf-animation[data-animation="helix"].sf-animate, .browser-ie .sf-animation[data-animation="fly"].sf-animate, .browser-ie .sf-animation[data-animation="move-up"].sf-animate, .browser-ie .sf-animation[data-animation="spin"].sf-animate, .browser-ie .sf-animation[data-animation="flip-x"].sf-animate, .browser-ie .sf-animation[data-animation="flip-y"].sf-animate {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
}

/* CSS3 Keyframes  */

@-webkit-keyframes moveUp {
	to { -webkit-transform: translateY(0); opacity: 1; }
}

@-moz-keyframes moveUp {
	to { -moz-transform: translateY(0); opacity: 1; }
}

@keyframes moveUp {
	to { transform: translateY(0); opacity: 1; }
}

@-webkit-keyframes flip {
	100% { -webkit-transform: rotateX(0deg); opacity: 1; }
}

@-moz-keyframes flip {
	100% { -moz-transform: rotateX(0deg); opacity: 1; }
}

@keyframes flip {
	100% { transform: rotateX(0deg); opacity: 1; }
}

@-webkit-keyframes helix {
	100% { -webkit-transform: rotateY(0deg); opacity: 1; }
}

@-moz-keyframes helix {
	100% { -moz-transform: rotateY(0deg); opacity: 1; }
}

@keyframes helix {
	100% { transform: rotateY(0deg); opacity: 1; }
}
@-webkit-keyframes popUp {
	70% { -webkit-transform: scale(1.1); opacity: .8; -webkit-animation-timing-function: ease-out; }
	100% { -webkit-transform: scale(1); opacity: 1; }
}

@-moz-keyframes popUp {
	70% { -moz-transform: scale(1.1); opacity: .8; -moz-animation-timing-function: ease-out; }
	100% { -moz-transform: scale(1); opacity: 1; }
}

@keyframes popUp {
	70% { transform: scale(1.1); opacity: .8; animation-timing-function: ease-out; }
	100% { transform: scale(1); opacity: 1; }
}

@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); opacity: 1; }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); opacity: 1; }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); opacity: 1; }
}
@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); opacity: 1; }
}
@-webkit-keyframes flipX {
    0% {-webkit-transform: perspective(400px) rotateX(90deg);opacity: 0;}
    100% {-webkit-transform: perspective(400px) rotateX(0deg);opacity: 1;}
}
@-moz-keyframes flipX {
    0% {-moz-transform: perspective(400px) rotateX(90deg);opacity: 0;}
    100% {-moz-transform: perspective(400px) rotateX(0deg);opacity: 1;}
}
@-o-keyframes flipX {
    0% {-o-transform: perspective(400px) rotateX(90deg);opacity: 0;}
    100% {-o-transform: perspective(400px) rotateX(0deg);opacity: 1;}
}
@keyframes flipX {
    0% {transform: perspective(400px) rotateX(90deg);opacity: 0;}
    100% {transform: perspective(400px) rotateX(0deg);opacity: 1;}
}
@-webkit-keyframes flipY {
    0% {-webkit-transform: perspective(400px) rotateY(90deg);opacity: 0;}
    100% {-webkit-transform: perspective(400px) rotateY(0deg);opacity: 1;}
}
@-moz-keyframes flipY {
    0% {-moz-transform: perspective(400px) rotateY(90deg);opacity: 0;}
	100% {-moz-transform: perspective(400px) rotateY(0deg);opacity: 1;}
}
@-o-keyframes flipY {
	0% {-o-transform: perspective(400px) rotateY(90deg);opacity: 0;}
	100% {-o-transform: perspective(400px) rotateY(0deg);opacity: 1;}
}
@keyframes flipY {
    0% {transform: perspective(400px) rotateY(90deg);opacity: 0;}

    100% {transform: perspective(400px) rotateY(0deg);opacity: 1;}
}

.ui-loader{
	display:none !important;
}