/*
Title: Custom CSS File
Theme Name: Ashoka
Author Name: GeeksLabs
Author URI: http://themeforest.net/user/geekslabs
Website: http://geekslabs.com

NOTE:
------
PLACE HERE YOUR OWN CSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
I WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

/* tagline */
@font-face {
  font-family: 'Graphik Web';
  src: url('/css/Graphik-Semibold-Web.ttf');
  font-weight: 600;
}

.tagline {
  font-family: 'Graphik Web';
  color: #000;
  font-size: 72px;
  line-height: 84px;
  padding: 100px;
  margin:-30px;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.04em;!important;
}

@media (max-width: 567px) {
  .tagline {    
    font-size: 46px;
    line-height: 58px;
    padding: 60px;
  }
}
@media (max-width: 767px) {
  .tagline {
    font-size: 54px;
    line-height: 66px;
    padding: 50px;
  }
}

/* */


.home-carousel-caption {
  height: 100vh;
}

.contact_submit{width:280px;margin:0 auto;}

@keyframes slideImageLeft {
  0% {
    transform: translate(0);
  }
  100% {
    transform: translate(-10%, -10%);
  }
}

@keyframes slideImageRight {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translate(10%, 10%);
  }
}

@keyframes zoomImage {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: scale(1.5,1.5);
  }
}

/* Large screens ----------- */
@media only screen and (min-width : 1024px) {
	.backstretch img {
	  display: inline-block;
	  vertical-align: baseline;
	  background-size: cover;
	  width: 110% !important;
	  height: 110% !important;
	}

	.backstretch img[src="images/backgrounds/client_banner_Intel_2.jpg"],
	.backstretch img[src="images/backgrounds/Fox_2.jpg"],
	.backstretch img[src="images/backgrounds/home_banner_Tnaqua_2.jpg"] {
	  /* this section calls the slideImage animation we defined above */
	  /* Name Duration Timing Delay Iteration-Count Direction Fill-mode Play-state */
	  -webkit-animation: zoomImage 25s infinite linear;  /* Safari 4+ */
	  -moz-animation:    zoomImage 25s infinite linear; /* Fx 5+ */
	  -o-animation:      zoomImage 25s infinite linear; /* Opera 12+ */
	  animation:         zoomImage 25s infinite linear; /* IE 10+, Fx 29+ */
	}

	.backstretch img[src="images/backgrounds/sizmek-slider_2.jpg"],
	.backstretch img[src="images/backgrounds/home_banner_Nova_2.jpg"],
	.backstretch img[src="images/backgrounds/SportsClubLA-slider_2.jpg"] {
	  /* this section calls the slideImage animation we defined above */
	  -webkit-animation: zoomImage 25s infinite linear; /* Safari 4+ */
	  -moz-animation:    zoomImage 25s infinite linear; /* Fx 5+ */
	  -o-animation:      zoomImage 25s infinite linear; /* Opera 12+ */
	  animation:         zoomImage 25s infinite linear; /* IE 10+, Fx 29+ */
	}
}