/* -- CSS for iawtudio107.com */

* {

/* -- Font smoothing and ligatures */

	image-rendering: -webkit-optimize-contrast;
	image-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    font-smooth: always;
	box-sizing: border-box;
	-webkit-appearance:none;
	appearance:none;
}

*:focus {
	outline: none;
}

html {
	font-size: 14px;
}

html,body
{
    width: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
    -webkit-backface-visibility: hidden;
}

.fonts-loaded body {
	font-family: lato, sans-serif;
}

body {
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0rem;
	line-height: normal;
}

/* -- Responsive wrapper */

.wrap-fixed {
	box-sizing: border-box;
	max-width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

.wrap-fluid {
	box-sizing: border-box;
	min-width: 100%;
	margin: 0 auto;
	overflow: hidden;
	padding: 0!important;
}

/* -- Animations */

.animated { 
    -webkit-animation-duration: 1s; 
    animation-duration: 1s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
    -webkit-animation-timing-function: ease; 
    animation-timing-function: ease; 
} 

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-10px, 0, 0);
  }

  100% {
    opacity: 1;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(10px, 0, 0);
  }

  100% {
    opacity: 1;
    transform: none;
  }
}

.fadeInRight-initialState {
    opacity: 0; 
    -webkit-transform: translateX(10px); 
    transform: translateX(10px); 
}

.fadeInLeft-initialState {
    opacity: 0; 
    -webkit-transform: translateX(-10px); 
    transform: translateX(-10px); 
}

.fadeIn-initialState {
    opacity: 0; 
}

/* -- Typography */

.fonts-loaded h1 {
	font-family: lato, sans-serif;
}

h1 {
	font-size: 3.0rem;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

.fonts-loaded h2 {
	font-family: lato, sans-serif;
}

h2 {
	font-size: 2.5rem;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

.fonts-loaded h3 {
	font-family: lato, sans-serif;
}

h3 {
	font-size: 2.0rem;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

.fonts-loaded h4 {
	font-family: lato, sans-serif;
}

h4 {
	font-size: 1.5rem;
	line-height: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

.fonts-loaded h5 {
	font-family: lato, sans-serif;
}

h5 {
	font-size: 1.0rem;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	line-height: 1.3em;
}

.fonts-loaded p {
	font-family: lato, sans-serif;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 1.0rem;
	line-height: normal;
	letter-spacing: normal;
	margin-bottom: 1rem;
}

.fonts-loaded [class^="icon-"]:before {
	font-family: "fontello";
}
 
.fonts-loaded [class*=" icon-"]:before {
	font-family: "fontello";
}

[class^="icon-"]:before {
	font-family: Arial, Helvetica, sans-serif;
}
 
[class*=" icon-"]:before {
	font-family: Arial, Helvetica, sans-serif;
}

/* -- Down arrow animation -- */

@-moz-keyframes bounce {
  50% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
}
@-webkit-keyframes bounce {
  50% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
}
@keyframes bounce {
  50% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
}

@-moz-keyframes bounce-right {
  50% {
    -moz-transform: translateX(-30px);
    transform: translateX(-30px);
  }
}
@-webkit-keyframes bounce-right {
  50% {
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }
}
@keyframes bounce-right {
  50% {
    -moz-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }
}

.arrow {
  position: fixed;
  bottom: 0;
  left: 50%;
  margin-left: -20px;
  width: 30px;
  height: 23px;
  background-image: url('/img/site/more_content_down_arrow.png');
  background-size: contain;
  z-index: 99;
}

.arrow-right {
  position: absolute;
  top: 150px;
  right: 0px;
  margin-top: -20px;
  width: 23px;
  height: 30px;
  background-image: url('/img/site/more_content_right_arrow.png');
  background-size: contain;
  z-index: 99;
}

.bounce {
  -moz-animation: bounce 3s infinite;
  -webkit-animation: bounce 3s infinite;
  animation: bounce 3s infinite;
}

.bounce-right {
  -moz-animation: bounce-right 3s infinite;
  -webkit-animation: bounce-right 3s infinite;
  animation: bounce-right 3s infinite;
}

/* -- Utility */

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
	-webkit-appearance:none;
}

/* -- Responsive utility */

@media (max-width: 47em) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 48em) and (max-width: 63em) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 64em) and (max-width: 74em) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 75em) {
  .hidden-lg {
    display: none !important;
  }
}


/* --------------------------------------------------------------------------------
@media Extra small devices (phones, less than 768px)
	No media query since this is the default
-------------------------------------------------------------------------------- */

/* -- @media Extra small devices (phones, less than 768px) */


/* --------------------------------------------------------------------------------
@media Small devices (tablets, 768px and up)
-------------------------------------------------------------------------------- */

@media only screen and (min-width: 48em) {

} /* -- @media Small devices (tablets, 768px and up) */


/* --------------------------------------------------------------------------------
@media Medium devices (desktops, 992px and up)
-------------------------------------------------------------------------------- */

@media only screen and (min-width: 64em) {

} /* -- @media Medium devices (desktops, 992px and up) */

/* --------------------------------------------------------------------------------
@media Large devices (large desktops, 1200px and up)
-------------------------------------------------------------------------------- */

@media only screen and (min-width: 75em) {

} /* -- @media Large devices (large desktops, 1200px and up) */