@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/


/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */

[canvas=container],
[off-canvas] {
    padding: 0;
}

[class*=js-] {
    cursor: pointer;
}


[canvas=container] {
     width: 95vw;
        height: 96vh;
        padding:0;
        margin:2vh 2.5vw;
    overflow-y: hidden;
    position: relative;
    -webkit-overflow-scrolling: touch;
}





.arrow {
  bottom: 50%;
  left: 50%;
  margin-left:-20px;
display: none;
}

.toparrow{
      top: -2%;
  left: 50%;
    margin-left: -1px;
      position: absolute;
        -moz-transform: rotate(-180deg) scale(1, 1) skewX(0deg) skewY(0deg) translate(0, 0);/* FF3.5+ */
-webkit-transform: rotate(-180deg) scale(1, 1) skew(0deg, 0deg) translate(0, 0);/*Saf3.1+, Chrome*/
-o-transform: rotate(-180deg) scale(1, 1) skew(0deg, 0deg) translate(0, 0);/* Opera 10.5 */
-ms-transform: rotate(-180deg) scale(1, 1) skew(0deg, 0deg) translate(0, 0);/* IE 9 */
transform: rotate(-180deg) scale(1, 1) skew(0deg, 0deg) translate(0, 0);
}


.leftarrow{
      position: absolute;
      bottom: 50%;
  left: -1%;
    margin-left: -10px;
    -moz-transform: rotate(90deg) scale(1, 1) skewX(0deg) skewY(0deg) translate(0, 0);/* FF3.5+ */
-webkit-transform: rotate(90deg) scale(1, 1) skew(0deg, 0deg) translate(0, 0);/*Saf3.1+, Chrome*/
-o-transform: rotate(90deg) scale(1, 1) skew(0deg, 0deg) translate(0, 0);/* Opera 10.5 */
-ms-transform: rotate(90deg) scale(1, 1) skew(0deg, 0deg) translate(0, 0);/* IE 9 */
transform: rotate(90deg) scale(1, 1) skew(0deg, 0deg) translate(0, 0);
}

.rightarrow{
      position: absolute;
      bottom: 50%;
  right: -1%;
    margin-left: -10px;
    -moz-transform: rotate(-90deg) scale(1, 1) skewX(0deg) skewY(0deg) translate(0, 0);/* FF3.5+ */
-webkit-transform: rotate(-90deg) scale(1, 1) skew(0deg, 0deg) translate(0, 0);/*Saf3.1+, Chrome*/
-o-transform: rotate(-90deg) scale(1, 1) skew(0deg, 0deg) translate(0, 0);/* Opera 10.5 */
-ms-transform: rotate(-90deg) scale(1, 1) skew(0deg, 0deg) translate(0, 0);/* IE 9 */
transform: rotate(-90deg) scale(1, 1) skew(0deg, 0deg) translate(0, 0);
}



.downarrow{
      position: absolute;
      bottom: -2%;
  left: 50%;
    margin-left: -1px;

}



.arrow:before,
.arrow:after{
  content: '';
  position: absolute;
  top: 0;
  right: -13px;
  width: 20px;
  height: 1px;
  border-radius: 5px;
  display: block;
  background: #fff;
  transform:rotate(45deg);
  -webkit-transform:rotate(45deg); 
}
.arrow:after{
  right: inherit;
  left: -1px;
  transform:rotate(-45deg);
  -webkit-transform:rotate(-45deg); 
}
 
.animated{
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s both infinite;
}
 
 
@-webkit-keyframes bounce {
	0% {-webkit-transform: translateY(0); opacity: 0;}
  60% { opacity: .7;}
  100% {-webkit-transform: translateY(-60px); opacity: 0}
}
 
@-moz-keyframes bounce {
	0% {-webkit-transform: translateY(0); opacity: 0;}
  60% { opacity: .7;}
  100% {-webkit-transform: translateY(-60px); opacity: 0}
}
 
@-o-keyframes bounce {
	0% {-webkit-transform: translateY(0); opacity: 0;}
  60% { opacity: .7;}
  100% {-webkit-transform: translateY(-60px); opacity: 0}
}
@keyframes bounce {
	0% {-webkit-transform: translateY(0); opacity: 0;}
  60% { opacity: .7;}
  100% {-webkit-transform: translateY(-60px); opacity: 0}
}










	



}




/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
    

    
    
    
    
    
    
    
    
    
    
    
    
}



/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {




[canvas=container],
[off-canvas] {
    padding: 0;
}

[class*=js-] {
    cursor: pointer;
}


[canvas=container] {
     width: 95vw;
        height: 90vh;
        padding:0;
        margin:5vh 2.5vw;
    overflow-y: hidden;
    position: relative;
    -webkit-overflow-scrolling: touch;
}





.arrow {
  bottom: 50%;
  left: 50%;
  margin-left:-20px;
display: block;
}

.toparrow{
      top: -2%;
  left: 50%;
    margin-left: -1px;
      position: absolute;
        -moz-transform: rotate(-180deg) scale(1, 1) skewX(0deg) skewY(0deg) translate(0, 0);/* FF3.5+ */
-webkit-transform: rotate(-180deg) scale(1, 1) skew(0deg, 0deg) translate(0, 0);/*Saf3.1+, Chrome*/
-o-transform: rotate(-180deg) scale(1, 1) skew(0deg, 0deg) translate(0, 0);/* Opera 10.5 */
-ms-transform: rotate(-180deg) scale(1, 1) skew(0deg, 0deg) translate(0, 0);/* IE 9 */
transform: rotate(-180deg) scale(1, 1) skew(0deg, 0deg) translate(0, 0);
}


.leftarrow{
      position: absolute;
      bottom: 50%;
  left: -1%;
    margin-left: -10px;
    -moz-transform: rotate(90deg) scale(1, 1) skewX(0deg) skewY(0deg) translate(0, 0);/* FF3.5+ */
-webkit-transform: rotate(90deg) scale(1, 1) skew(0deg, 0deg) translate(0, 0);/*Saf3.1+, Chrome*/
-o-transform: rotate(90deg) scale(1, 1) skew(0deg, 0deg) translate(0, 0);/* Opera 10.5 */
-ms-transform: rotate(90deg) scale(1, 1) skew(0deg, 0deg) translate(0, 0);/* IE 9 */
transform: rotate(90deg) scale(1, 1) skew(0deg, 0deg) translate(0, 0);
}

.rightarrow{
      position: absolute;
      bottom: 50%;
  right: -1%;
    margin-left: -10px;
    -moz-transform: rotate(-90deg) scale(1, 1) skewX(0deg) skewY(0deg) translate(0, 0);/* FF3.5+ */
-webkit-transform: rotate(-90deg) scale(1, 1) skew(0deg, 0deg) translate(0, 0);/*Saf3.1+, Chrome*/
-o-transform: rotate(-90deg) scale(1, 1) skew(0deg, 0deg) translate(0, 0);/* Opera 10.5 */
-ms-transform: rotate(-90deg) scale(1, 1) skew(0deg, 0deg) translate(0, 0);/* IE 9 */
transform: rotate(-90deg) scale(1, 1) skew(0deg, 0deg) translate(0, 0);
}



.downarrow{
      position: absolute;
      bottom: -2%;
  left: 50%;
    margin-left: -1px;

}



.arrow:before,
.arrow:after{
  content: '';
  position: absolute;
  top: 0;
  right: -13px;
  width: 20px;
  height: 1px;
  border-radius: 5px;
  display: block;
  background: #fff;
  transform:rotate(45deg);
  -webkit-transform:rotate(45deg); 
}
.arrow:after{
  right: inherit;
  left: -1px;
  transform:rotate(-45deg);
  -webkit-transform:rotate(-45deg); 
}
 
.animated{
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s both infinite;
}
 
 
@-webkit-keyframes bounce {
	0% {-webkit-transform: translateY(0); opacity: 0;}
  60% { opacity: .7;}
  100% {-webkit-transform: translateY(-60px); opacity: 0}
}
 
@-moz-keyframes bounce {
	0% {-webkit-transform: translateY(0); opacity: 0;}
  60% { opacity: .7;}
  100% {-webkit-transform: translateY(-60px); opacity: 0}
}
 
@-o-keyframes bounce {
	0% {-webkit-transform: translateY(0); opacity: 0;}
  60% { opacity: .7;}
  100% {-webkit-transform: translateY(-60px); opacity: 0}
}
@keyframes bounce {
	0% {-webkit-transform: translateY(0); opacity: 0;}
  60% { opacity: .7;}
  100% {-webkit-transform: translateY(-60px); opacity: 0}
}



    
}