/*
Theme Name: CXM Parallax v1
Theme URI: http://www.jemstech.net/
Description: A simple responsive single page (Parallax) theme based on the Bootstrap framework.
Version: 1.0
Author: jemsTech Team
Author URI: http://www.jemstech.net/
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:'Century Gothic',CenturyGothic,AppleGothic,sans-serif !important; font-size:15px; cursor:default; overflow-X:hidden;}
body *{font-family:'Century Gothic',CenturyGothic,AppleGothic,sans-serif !important;}
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;}*/
.light{font-weight:normal !important;}
.bold{ font-weight:bold !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:#ADC236 !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:#ADC236 !important;}
.bgc3{background-color:#252525 !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;}

/* 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;}
.heading-shadow {text-shadow:2px 2px 1px #1F4294;}

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

.navbar-default {border-bottom:none; background-color:#FFF; margin-bottom:0px;}
.navbar-default .navbar-nav {margin-top:18px; margin-bottom:18px; border-bottom:2px #1F4294 solid;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color:#3C3C3B;}
.navbar-default .navbar-nav>li>a {color:#000;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {color:#FFF; background-color:#25A9DF;}
.navbar-default .navbar-nav>li>a:focus {color:#000; background-color:transparent;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {color:#1F4294; background-color:transparent;}

header + section {margin-top:88px;}
section {}

.cxm-overlay {background-color:rgba(0, 0, 0, 0.5);}
.cxm-content {padding-top:6%; padding-bottom:6%;}

#home {background:#FFF url(images/bg-home.jpg) center no-repeat; background-size:cover;}
#home .cxm-intro {padding-top:15%; padding-bottom:15%; color:#333;}
#home .cxm-intro h1 {color:#F7941E;}
#home .cxm-intro h3 {color:#FFF; line-height:40px;}

#bg-parallax {color:#DDD;}
#bg-parallax .prlx-txt {font-size:42px; font-weight:600; text-shadow:2px 2px 5px #03A6E0;}
#about-us .cxm-overlay, #our-projects .cxm-overlay {background-color:rgba(0, 0, 0, 0);}

#our-projects h1 {color:#FFF; text-shadow:2px 2px 1px #1F4294;}
#about-us p.gutter-bottom, #services p.gutter-bottom, #contact-us p.gutter-bottom {margin-bottom:40px !important;}

.cxm-icon {font-size:54px !important; color:#03A6E0; margin-bottom:20px;}

#services {background:#FFF url(images/bg-services.jpg) center no-repeat; background-size:cover;}
#services .cxm-content {background-color: rgba(0, 0, 0, 0.3);}
#services .cxm-content h3, #services .cxm-content p {color:#FFF;}

#fservices {background:#FFF url(images/bg-fservices.jpg) center no-repeat; background-size:cover;}

#products {background:#FFF url(http://www.webridgesolutions.com/wp-content/uploads/2018/11/bg-products.jpg) center no-repeat; background-size:110%;}

#clients {background:#FFF url(http://www.webridgesolutions.com/wp-content/uploads/2018/11/bg-clients.jpg) center no-repeat; background-size:cover;}
#clients .cxm-overlay {background-color:rgba(255, 255, 255, 0.8);}
#clients a {padding:10px 30px; display:block; background-color:#FFF; margin-top:30px;}
#clients a:hover {background-color:#EEE;}

#careers {background:#FFF url(images/bg-careers.jpg) center no-repeat fixed; background-size:cover;}
#careers .panel-group .panel {border-radius:0px;}
#careers .panel {background-color:rgba(0,0,0,0.5);}
#careers .panel-default>.panel-heading {color:#FFF; background-color:rgba(0,0,0,0.5);border-color:#ddd;}
#careers .panel-default>.panel-heading a {display:block;}
#careers .panel-title > a:before {font-family:FontAwesome; content:"\f068"; padding-right:5px;}
#careers .panel-title > a.collapsed:before {content:"\f067";}
#careers .panel-title > a:hover, #careers .panel-title > a:active, #careers .panel-title > a:focus {    text-decoration:none;}
#careers .panel-default .panel-body {color:#EEE;}

#contact-us {/*background:#FFF url(images/bg-contact.jpg) center no-repeat;*/}
.cxm-contact-form {text-align:left; padding-top:20px;}
.cxm-contact-form label {display:inherit;}
.cxm-contact-form .wpcf7-textarea {height:100px !important;}
.cxm-contact-form .form-control-static {color:#25A9DF; font-size:16px; font-weight:bold;}
.cxm-contact-form .form-control {border-radius:0; background-color:rgba(0,0,0,0.5); color:#FFF;}
.cxm-contact-form .btn {border-radius:0;}
.cxm-contact-form .form-control-static .cxm-required {color:#900;}

#contact-us h3 {margin-bottom:20px;}
#contact-us h3 .fa {font-size:24px !important; color:#E66432;}
#contact-us .cxm-social a {color:#E66432;}
#contact-us .cxm-social a:hover {color:#FFF;}
#contact-us .cxm-social a .fa {font-size:30px !important; margin-right:20px;}
#contact-us .cxm-map{
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: grayscale(100%);
}
#contact-us .cxm-map:hover{
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	filter: grayscale(0%);
}

footer {padding-top:40px; padding-bottom:40px; background-color:#348DCC; color:#FFF;}
footer a {color:#FFF;}
footer .widgettitle {color:#F7941E; font-weight:600; font-size:24px; border-bottom:2px #DDD solid; padding-bottom:10px;}
.copyrights {padding-top:10px; padding-bottom:10px; background-color:#03A6E0; color:#FFF; font-size:14px;}
.copyrights .txt {}
.copyrights a {color:#FFF;}
.copyrights .cxm-social-media {text-align:right;}
.copyrights .cxm-social-media a {display:inline-block; padding:0px 5px;}

.cxm-social-media-shortcode {color:#FFF;}
.cxm-social-media-shortcode a {display:inline-block; padding:0px 5px; color:#25A9DF;}
.cxm-social-media-shortcode a:hover {color:#1F4294;}
.cxm-social-media-shortcode a .fa {font-size:24px !important;}

.back-to-top {position:fixed; bottom:40px; right:0px; color:#000; background-color:rgba(235, 235, 235, 0.5); padding:15px 17px; display:none; z-index:9999; 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;}

/*sm & higher*/
@media (min-width: 768px){
	.navbar-brand {padding:5px 15px;}	
	.navbar-default .navbar-nav>.active>a:after {font-family:FontAwesome; content:"\f111"; position:absolute; top:84%; left:0; right:0; color:#348DCC; text-align:center;}
}

/*md & higher*/
@media (min-width: 992px){
	.small-logo {padding:5px 15px;}
	.navbar-default .navbar-brand img {
		-webkit-transition: width 0.5s ease-out;
		-moz-transition: width 0.5s ease-out;
		-o-transition: width 0.5s ease-out;
		transition: width 0.5s ease-out;
	}
	.small-logo img {/*width:70px;*/}
	.navbar-default {height:auto;}
}

/*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;}
	.navbar-default .navbar-nav>li>a {padding:15px 5px;}		
}

/* 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;}
	.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse{max-height: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 .navbar-toggle {margin-top:26px; margin-bottom:26px;}
}


/* 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; }
}

@-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;
}