/* ==================================================================
GLOBAL STYLES
================================================================== */
html {
 -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;	
/*	-webkit-font-smoothing: subpixel-antialiased !important;	*/
	
}
html,
body { 
	height:100%;
	width:100%;
	overflow: hidden-x;
}

body {
	background:#FFF;
	line-height:1.5em;
}

a,
a:hover,
a:focus,
a:active { 
	outline:none !important;
	text-decoration:none;
}

iframe { 
	border:0; 
}

hr {
	border-color:#e6e6e6;
	border-width:1px 0 0;
	float:none;
	/*margin:45px 0 45px 30px;*/
	margin:30px 0;
	width:100%;
	clear:both !important;
}


textarea,
input,
input:hover,
input:focus,
input:active,
input[type="text"], 
input[type="text"]:focus, 
input[type="text"]:hover, 
input[type="text"]:active, 
input[type="email"],
input[type="email"]:focus,
input[type="email"]:hover,
input[type="email"]:active,
button,
button[type="submit"]{
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
		-ms-box-shadow: none;
		 -o-box-shadow: none;
			box-shadow: none;
	outline:0px !important;
}

.poster-image {
	background: url('http://placehold.it/450x300');
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	   -moz-background-size: cover;
		-ms-background-size: cover;
		 -o-background-size: cover;
			background-size: cover;
	width: 100%;
	height: 100%;
	z-index: -1 !important;
	backface-visibility: hidden;
	background-position: center center;
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	overflow: hidden;
}


/* ==================================================================
ANIMATIONS
================================================================== */

.btn {
	-webkit-transition: all 0.35s ease-in-out;
   	   -moz-transition: all 0.35s ease-in-out;
   		 -o-transition: all 0.35s ease-in-out;
   		-ms-transition: all 0.35s ease-in-out;
   			transition: all 0.35s ease-in-out;
   	text-transform: uppercase;
}

.navbar-toggle .icon-bar,
#testimonials-slides .testimonial-icon, 
#navit .dashboard-icon,
.plan:hover,
#footer-social a, .btn-bri, .spotlight-link, a.more, #socializeit a{
	-webkit-transition: all 0.35s ease-in-out;
   	   -moz-transition: all 0.35s ease-in-out;
   		 -o-transition: all 0.35s ease-in-out;
   		-ms-transition: all 0.35s ease-in-out;
   			transition: all 0.35s ease-in-out;
}


@-webkit-keyframes spinAround {
	from { -webkit-transform: rotate(0deg) }
	to { -webkit-transform: rotate(360deg); }
}

@-moz-keyframes spinAround {
	from { -moz-transform: rotate(0deg) }
	to { -moz-transform: rotate(360deg); }
}

@-ms-keyframes spinAround {
	from { -moz-transform: rotate(0deg) }
	to { -moz-transform: rotate(360deg); }
}

@-o-keyframes spinAround {
	from { -moz-transform: rotate(0deg) }
	to { -moz-transform: rotate(360deg); }
}

@keyframes spinAround {
	from { transform: rotate(0deg) }
	to { transform: rotate(360deg); }
}
/* ==================================================================
HEADING
================================================================== */
.heading { 
	margin-bottom: 30px;
	padding: 0px 15px;
	text-align: center;
}

/* ==================================================================
SECTIONS
================================================================== */
section{
	padding: 80px 0;
	text-align: center;
	overflow-x: hidden !important;
}


/* ==================================================================
HOMEPAGE
================================================================== */ 
#homepage{
	position: relative;
	padding: 130px 0 150px 0;
}

.intro{
	padding-top: 125px;
}

.intro h1,
.intro h3,
.intro p { 
	color:#FFF;
}


@keyframes arrows {
	0% { bottom:40px; }
	10% { bottom:50px; }
	20% { bottom:40px; }
	30% { bottom:50px; }
	40% { bottom:40px; }
	50% { bottom:50px; }
	60% { bottom:40px; }
	70% { bottom:50px; }
	80% { bottom:40px; }
	90% { bottom:50px; }
	100% { bottom:40px; }
}

@-webkit-keyframes arrows {
	0% { bottom:40px; }
	10% { bottom:50px; }
	20% { bottom:40px; }
	30% { bottom:50px; }
	40% { bottom:40px; }
	50% { bottom:50px; }
	60% { bottom:40px; }
	70% { bottom:50px; }
	80% { bottom:40px; }
	90% { bottom:50px; }
	100% { bottom:40px; }
}

@-moz-keyframes arrows {
	0% { bottom:40px; }
	10% { bottom:50px; }
	20% { bottom:40px; }
	30% { bottom:50px; }
	40% { bottom:40px; }
	50% { bottom:50px; }
	60% { bottom:40px; }
	70% { bottom:50px; }
	80% { bottom:40px; }
	90% { bottom:50px; }
	100% { bottom:40px; }
}

@-ms-keyframes arrows {
	0% { bottom:40px; }
	10% { bottom:50px; }
	20% { bottom:40px; }
	30% { bottom:50px; }
	40% { bottom:30px; }
	50% { bottom:50px; }
	60% { bottom:40px; }
	70% { bottom:50px; }
	80% { bottom:30px; }
	90% { bottom:50px; }
	100% { bottom:40px; }
}

@-o-keyframes arrows {
	0% { bottom:40px; }
	10% { bottom:50px; }
	20% { bottom:40px; }
	30% { bottom:50px; }
	40% { bottom:30px; }
	50% { bottom:50px; }
	60% { bottom:40px; }
	70% { bottom:50px; }
	80% { bottom:30px; }
	90% { bottom:50px; }
	100% { bottom:40px; }
}



/* Video version */

.video-version{
	text-align: center !important;
	padding: 100px 0px !important;
}

.video-version h1{
	margin-bottom: 80px !important;
}



/* ==================================================================
TESTIMONIALS/DASHBOARD DEMO
================================================================== */

#testimonials-slides {
    position: relative;
    text-align: center;
    margin-top: 10px;
}

#testimonials-slides .client-name, #testimonials-slides .client-name a {
    color: #fff;
}

#testimonials-slides .testimonial-icon, #navit .dashboard-icon{
	font-family: 'ElegantIcons';
	color: rgba(255, 255, 255, 0.5);
	font-size: 30px;
}

#testimonials-slides .testimonial-icon:hover, #navit .dashboard-icon:hover{
	color: rgba(255, 255, 255, 1);
	cursor:pointer;
}

#testimonials-slides .client-name:before,
#testimonials-slides .client-name:after {
    margin: 0 3px;
    color: #fff;
}

#testimonials-slides .testimonial h3,
#testimonials-slides .client-name p {
	color: #fff;
}

.owl-controls{
	text-align: center;
	margin-top: 20px;
}

.owl-controls .owl-nav div, #navit div{
	width: 40px;
	height: 40px;
	text-align: center;
	display: inline-block;
}
#navit {
position:relative;	
width:100%;
}
#navit div {
	position:absolute;
	top:-55px;
}
#navit div.owl-prev {
	left:0px;
}
#navit div.owl-next {
	right:0px;
}
#dashboard #image-caption h3 {
	color:#fff;
	
}
#dashboard #image-caption {
	padding-left:55px;
	padding-right:55px;
}

/* ==================================================================
Fade-move animation for second dialog
================================================================== */
       
      /* at start */
      .my-mfp-slide-bottom .zoom-anim-dialog {
        opacity: 0;
        -webkit-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        -o-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;

        -webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
        -moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
        -ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
        -o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
        transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );

      }
      
      /* animate in */
      .my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
        opacity: 1;
        -webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
        -moz-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
        -ms-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
        -o-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
        transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
      }

      /* animate out */
      .my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
        opacity: 0;

        -webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
        -moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
        -ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
        -o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
        transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
      }

      /* Dark overlay, start state */
      .my-mfp-slide-bottom.mfp-bg {
        opacity: 0;

        -webkit-transition: opacity 0.3s ease-out; 
        -moz-transition: opacity 0.3s ease-out; 
        -o-transition: opacity 0.3s ease-out; 
        transition: opacity 0.3s ease-out;
      }
      /* animate in */
      .my-mfp-slide-bottom.mfp-ready.mfp-bg {
        opacity: 0.8;
      }
      /* animate out */
      .my-mfp-slide-bottom.mfp-removing.mfp-bg {
        opacity: 0;
      }