@import 'Butler_Webfont/stylesheet.css';




html, body {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.025em;
    margin: 0px;
    padding: 0px;
    
}

body {
    
}






h1, h2, h3, h4 {
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;  
}

h1 {
    font-size: 5rem;
    text-align: center;
    margin-bottom: 0.35em;
    
}

h2 {
    font-size: 3rem;
    text-align: center;
    margin-bottom: 0.5em;
}

h3 {
    font-size: 1.33rem;
    /* letter-spacing: 0.025em; */
    /* text-transform: none; */
    margin-top: 50px;
    letter-spacing: 0.2em; 
}

h4 {
    font-family: 'Butler', sans-serif;
    font-size: 1.1rem;
    margin-top: -15px;
    letter-spacing: normal;
    text-transform: none;
    
}








.text-strong {
    font-weight: 700;   
}

.text-uppercase {
    text-transform: uppercase;
}

.text-center {
    text-align: center;
}

.text-right {
	text-align: right;
}


.text-serif {
    font-family: 'Butler', sans-serif;
    font-size: 1rem;
    letter-spacing: normal;
    text-transform: none;
}

.text-serif-large {
    font-family: 'Butler', sans-serif;
    font-size: 1.5rem;
    letter-spacing: normal;
    text-transform: none;
}


.no-padding {
    padding-left: 0px;
    padding-right: 0px;
}



.text-quote {
    padding-top: 30px;
    font-size: 0.85rem;
}







.full-height {
    min-height: 100vh;
    margin: 0px; 
}

.extra-height {
    min-height: 150vh;
    margin: 0px; 
}



.container-fluid {
    padding: 0.1px 0px 0.1px 0px; */
    margin: 0px;
    
    position: relative;
}

.vertical-center-desktop {
    top: 50%;
    transform: translateY(-50%);
    z-index: 99;
}



.vertical-center-parent {
    display: table;
}
.vertical-center-parent > div {
    display: table-cell;
    vertical-align: middle;
    padding-top: 80px;
    padding-bottom: 80px;
}




@media only screen and (max-width: 700px) {
    .vertical-center-parent > div {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}




/* Scroll */

.scroll-indicator {
    text-transform: uppercase;
    color: #FFF;
    letter-spacing: 0.1em;
    font-size: 0.75rem;
    width: 100px;
    bottom: 60px;
    left: 50%;
    position: fixed;
    text-align: center;
    -webkit-transform: translateX(-50%);
    -moz-transform:    translateX(-50%);
    -ms-transform:     translateX(-50%);
    -o-transform:      translateX(-50%);
    transform:         translateX(-50%);
    
    z-index: 9999;
    cursor: pointer;
}

.scroll-indicator:after {
    display: block;
    position: absolute;
    content: ' ';
    width: 1px;
    height: 60px;
    left: 50%;
    margin-top: 10px;
    background-color: #FFF;
}





/* Logo */

#logo {
	height: 50px;
	width: 200px;
	top: 20px;
	left: 57px;
	z-index: 999999;
    position: fixed;
    display: block;
    background: url(../images/logo_name.svg);
    background-repeat: no-repeat;
	background-position: center left;
    background-size: auto;
    cursor: pointer;
}

@media only screen and (max-width: 700px) {
    #logo {
        width: 150px;
        top: 10px;
        left: 30px;
    }
}








.footer-logo-icon {
	height: 100px;
	width: 130px;
    margin: 50px auto 50px auto;
    display: block;
    background: url(../images/logo_icon_grey.svg);
    background-repeat: no-repeat;
	background-position: center left;
    background-size: auto;
}




.text-footer {
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 0.1em;
    color: rgb(141,145,148);
    font-weight: 400;
    text-align: center;
}

.text-footer a, .text-footer a:link {
    color: rgb(141,145,148);
    text-decoration: none;
}






/* Intro animation */

#imagesequence {
    position:fixed;
    z-index: -1;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}

#imagesequence img {
    margin-left: auto;
	margin-right: auto;
	display: block;
    width: auto;
    height: 100%;
}

#imagesequence .backdrop-bg, #imagesequence .backdrop-overlay {
    position: absolute;
    width: 100%;
    height: 100vh;
    z-index: -1;
}


/* Background colors */

.bg-white {
    background-color: rgb(255,255,255);
}

.bg-black {
    background-color: rgb(0,0,0);
}

.bg-blue {
    background-color: rgb(0,25,80);
}

.bg-blue-light {
    background-color: rgba(0,50,61,0.5);
}

.bg-off-white {
    background-color: rgb(245,241,236);
}

.bg-orange {
    background-color: rgb(255,63,16);
}

.bg-grey {
    background-color: rgb(141,145,148);
}


.background-intro {
    background-image:url(../images/background_intro.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    
    
}

.background-blue {
    background-image:url(../images/background_blue.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.background-grey {
    background-image:url(../images/background_grey.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.background-slide-2 {
    background-image:url(../images/background_1.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.background-slide-3 {
    background-image:url(../images/background_2.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.background-slide-4 {
    background-image:url(../images/background_3b.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}




.paralax_background {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
}

.paralax_background img {
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform:    translate(-50%,-50%);
    -ms-transform:     translate(-50%,-50%);
    -o-transform:      translate(-50%,-50%);
    transform:         translate(-50%,-50%);
}





/* Logo Icon Orange */

.logo-icon-orange {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
}


.logo-icon-orange img {
    display: block;
    position: absolute;
    width: 500px;
    left: 50%;
    top: 50%;
    margin: 0px;
    position: absolute;
    
    -webkit-transform: translate(-50%,-50%);
    -moz-transform:    translate(-50%,-50%);
    -ms-transform:     translate(-50%,-50%);
    -o-transform:      translate(-50%,-50%);
    transform:         translate(-50%,-50%);
}






/* Chart */

.chart {
    display: block;
    width: 100%;
    height: 0px;
    padding-bottom: 100%;
}

.chart img {
    display: block;
    position: absolute;
    width: 80%;
    left: 50%;
    top: 50%;
    position: absolute;
    
    -webkit-transform: translate(-50%,-50%);
    -moz-transform:    translate(-50%,-50%);
    -ms-transform:     translate(-50%,-50%);
    -o-transform:      translate(-50%,-50%);
    transform:         translate(-50%,-50%);
    opacity: 1;
    margin: 0px;
}



@media only screen and (max-width: 700px) {
    
}






/* Text colors */

.text-white {
    color: rgb(255,255,255);
}

.text-white {
    color: rgb(255,255,255);
}

.text-black {
    color: rgb(0,0,0);
}

.text-blue {
    color: rgb(0,36,80);
}

.text-off-white {
    color: rgb(245,241,236);
}

.text-orange {
    color: rgb(255,63,16);
}

.text-grey {
    color: rgb(141,145,148);
}





/* Menu icon */
.menu-bar {
    width: 100%;
    top: 0px;
    left: 0px;
    height: 80px;
    content: '';
    display: block;
    position: fixed;
    z-index: 1;
    opacity: 0;
}

.menu-bar.menu-dark {
    background: rgba(0,0,0,0.9);
}

.menu-bar.menu-light {
    background: rgba(255,255,255,1);
}







.headerlight .menu-bar {
    opacity: 1;
}

.headerlight .menuicon__top-bun,.headerlight .menuicon__bottom-bun {
    background: rgb(0,25,80);
}

.headerlight #menu li, .headerlight #menu li a {
    color: rgb(0,25,80);    
}

.headerlight #menu li a::after {
	background: rgba(0,25,80, 0.2);
}

.headerlight #logo {
	background: url(../images/logo_name_blue.svg);
    background-repeat: no-repeat;
	background-position: center left;
    background-size: auto;
    cursor: pointer;
}




.menuicon {
    cursor: pointer;
    display: none;
    position: absolute;
    width: 50px;
    height: 50px;
    transition: all 0.25s;
    position:fixed;
	top:10px;
	right:13px;
    z-index: 9999999;
}

.menuicon__top-bun,
.menuicon__bottom-bun {
  content: '';
  display: block;
  position: absolute;
  left: 15px;
  width: 18px;
  height: 1px;
  background: rgb(255,255,255);
  transform: rotate(0);
  transition: all 0.25s;
  opacity: 1;
}

.menuicon:hover [class*="-bun"] {
  opacity: 0.5;
}

.menuicon__top-bun {
  top: 23px;
  
  
    -webkit-transform: translateY(-3px);
    -moz-transform:    translateY(-3px);
    -ms-transform:     translateY(-3px);
    -o-transform:      translateY(-3px);
    transform:         translateY(-3px);
}

.menuicon__bottom-bun {
  bottom: 23px;
  -webkit-transform: translateY(3px);
    -moz-transform:    translateY(3px);
    -ms-transform:     translateY(3px);
    -o-transform:      translateY(3px);
    transform:         translateY(3px);
}

.open {
  transform: rotate(90deg);
}

.open .menuicon__top-bun {
  transform: 
    rotate(45deg) 
    translateY(0px)
    translateX(2px);
}

.open .menuicon__bottom-bun {
  transform: 
    rotate(-45deg) 
    translateY(0px)
    translateX(2px);
} 



/* MENU */

#menu {
	position:fixed;
	top:8px;
	right:45px;
	height: 40px;
	z-index: 70;
	width: 100%;
	padding: 0;
	margin:0;
	background: none;
    opacity: 1;
    visibility: visible;
}

#menu.openmenu {
}

#menu ul {
	float: right;
}

#menu li {
	float: left;
	display:inline-block;
	margin: 10px;
	color: rgb(0,25,80);
	font-size: 13px;
	letter-spacing: 0.1em;
	padding: 9px 5px;
    text-transform: uppercase;
}

#menu li a {
	position: relative;
	display: inline-block;
	outline: none;
	color: rgb(255,255,255);
    text-decoration: none;
	border-bottom: none;
}

#menu.light li a {
    color: rgb(255,255,255);
}

#menu li a:hover,
#menu li a:focus {
	outline: none;
}


#menu li a::after {
	position: absolute;
	top: 120%;
	left: 0;
	width: 100%;
	height: 1px;
	background: rgba(0,25,80, 0.2);
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
}


#menu li a:hover::after,
#menu li a:focus::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}

#menu li.active a {
	-webkit-transition: all 0.3s ease;                  
    -moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease;
}

#menu li.active a::after {
	position: absolute;
	top: 120%;
	left: 0;
	width: 100%;
	height: 1px;
	background: rgba(255,63,16,1);
	content: '';
	opacity: 1;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}

#menu.light li.active a::after {
    background: rgba(255,63,16, 1);
}

#menu li.active a:hover::after,
#menu li.active a:focus::after {
}




@media only screen and (max-width: 700px) {

    .headerlight .menu-bar {
        opacity: 1;
    }

    .headerlight .menuicon__top-bun, .headerlight .menuicon__bottom-bun {
        background: rgb(0,25,80);
    }

    .headerlight #menu li, .headerlight #menu li a {
        color: rgb(0,25,80);    
    }

    .headerlight #menu li a::after {
        background: rgba(0,25,80, 0.2);
    }
    
    .headerlight #logo {
        background: url(../images/logo_name_blue.svg);
        background-repeat: no-repeat;
        background-position: center left;
        background-size: auto;
        cursor: pointer;
    }
    
    
    #header.openheader #logo {
        background: url(../images/logo_name_blue.svg);
        background-repeat: no-repeat;
        background-position: center left;
        background-size: auto;
        cursor: pointer;
    }

    #header.openheader .menuicon__top-bun,#header.openheader .menuicon__bottom-bun {
        background: rgb(0,25,80);
    }
    
    
    .menuicon {
        display: block;
    }
    
    #menu {
        position:fixed;
        top:0px;
        right:0px;
        width: 100%;
        height: 100%;
        z-index: 70;
        padding: 0;
        margin:0;
        background: none;

        transform:
            rotate(0deg)
            translateX(20px);
        opacity: 0;
        visibility: hidden;
        transition: visibility 0s 0.3s, opacity 0.3s, transform 0.3s;

        
    }

    #menu.openmenu {
        width: 100%;
        height: 100%;
        display: block;
        position: fixed;
        top: 0px;
        left: 0px;
        margin: 0px;
        background: rgba(255, 255, 255, 0.95);
        
        visibility: visible;
        transform:
            rotate(0deg)
            translateX(0px);
        opacity: 1;
        transition: visibility 0s, opacity 0.3s, transform 0.3s;
    }

    #menu ul {
        text-align: center;
        width: 100%;
        margin: 0px;
        padding: 0px;
        
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 99;
    }

    #menu ul li {
        display: block;
        float: none;
        font-size: 24px;
        padding: 15px 0px;
    }
    
    #menu li {
        float: left;
        display:inline-block;
        margin: 10px;
        color: rgb(0,25,80);
        font-size: 13px;
        letter-spacing: 0.1em;
        padding: 9px 5px;
        opacity: 0;
        transition: opacity 0s;
    }
    
    #menu.openmenu li {
        opacity: 1;
        transition: opacity 0s;
    }

    #menu li a {
        position: relative;
        display: inline-block;
        outline: none;
        color: rgb(0,25,80);
    }

    #menu li a:hover,
    #menu li a:focus {
        outline: none;
    }

    #menu li a {
        color: rgb(0,25,80);
        text-decoration: none;
        border-bottom: none;
    }

    #menu li a::after {
        position: absolute;
        top: 120%;
        left: 0;
        width: 100%;
        height: 1px;
        background: rgba(0,25,80, 0.2);
        content: '';
        opacity: 0;
        -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
        -moz-transition: opacity 0.3s, -moz-transform 0.3s;
        transition: opacity 0.3s, transform 0.3s;
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        transform: translateY(10px);
    }

    #menu li a:hover::after,
    #menu li a:focus::after {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        transform: translateY(0px);
    }

    #menu li.active a {
        -webkit-transition: all 0.3s ease;                  
        -moz-transition: all 0.3s ease;                 
        -o-transition: all 0.3s ease;   
        -ms-transition: all 0.3s ease;          
        transition: all 0.3s ease;
    }

    #menu li.active a::after {
        position: absolute;
        top: 120%;
        left: 0;
        width: 100%;
        height: 1px;
        background: rgba(0,25,80,1);
        content: '';
        opacity: 1;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        transform: translateY(0px);
    }
    
    .menuicon__top-bun, .menuicon__bottom-bun {
        background: rgb(255,255,255);
    }
    
    
    
    
    
}







/* Slideshow */

#slideshow { 
    margin: 0; 
    position: absolute; 
    width: 100%; 
    height: 100vh;
    left: 0;
    top: 0;
    padding: 0; 
    box-shadow: 0 0 20px rgba(0,0,0,0.4); 
}

#slideshow > div { 
    position: absolute; 
    width: 100%; 
    height: 100vh;
    left: 0;
    top: 0; 
}








@media only screen and (max-width: 700px) {
    h1 {
        font-size: 3rem;
        text-align: center;
    }
    
    h2 {
        font-size: 2rem;
    }
    
    
    #approach, .text-right {
        text-align: center;
    }
    
    .text-quote {
        padding-top: 17px;
        padding-bottom: 70px;
    }
    
    .menu-bar {
        height: 70px;
    }
    
    
}


@media only screen and (min-width: 700px) {
    
    .background-intro, .background-slide-2, .background-slide-3 {
        background-attachment: fixed;
    }
    
    
    
}




















.animate {
  opacity: 0;
}




/*=== Trigger  ===*/
.animate {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

  
/*=== Optional Delays, change values here  ===*/
.one {
-webkit-animation-delay: 0.5s;
-moz-animation-delay: 0.5s;
animation-delay: 0.5s;
}

.two {
-webkit-animation-delay: 1.5s;
-moz-animation-delay: 1.5s;
animation-delay: 1.5s;
}

.three {
-webkit-animation-delay: 2.5s;
-moz-animation-delay: 2.5s;
animation-delay: 2.5s;
}

.four {
-webkit-animation-delay: 3.5s;
-moz-animation-delay: 3.5s;
animation-delay: 3.5s;
}

.five {
-webkit-animation-delay: 4.5s;
-moz-animation-delay: 4.5s;
animation-delay: 4.5s;
}

.six {
-webkit-animation-delay: 5.5s;
-moz-animation-delay: 5.5s;
animation-delay: 5.5s;
}

.seven {
-webkit-animation-delay: 6.5s;
-moz-animation-delay: 6.5s;
animation-delay: 6.5s;
}

.eight {
-webkit-animation-delay: 7.5s;
-moz-animation-delay: 7.5s;
animation-delay: 7.5s;
}



/*=== Animations start here  ===*/

/*==== FADE IN UP ===*/
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}


/*=== FADE IN DOWN ===*/
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
 }
@-webkit-keyframes fadeInDown {
0% {
	opacity: 0;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
}
100% {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}
}
@keyframes fadeInDown {
0% {
	opacity: 0;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
}
100% {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}
} 

/*=== FADE IN LEFT ===*/
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}


/*==== FADE IN RIGHT ===*/
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

/*=== FADE IN  ===*/
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
.fadeIn {
    -webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}

/*=== FADE IN UP Big ===*/
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
  }
@-webkit-keyframes fadeInUpBig {
0% {
	opacity: 0;
	-webkit-transform: translate3d(0, 2000px, 0);
	transform: translate3d(0, 2000px, 0);
}
100% {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
	}
}
@keyframes fadeInUpBig {
0% {
	opacity: 0;
	-webkit-transform: translate3d(0, 2000px, 0);
	transform: translate3d(0, 2000px, 0);
}
100% {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
	}
} 

/*=== FADE IN DOWN Big ===*/
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInDownBig {
0% {
	opacity: 0;
	-webkit-transform: translate3d(0, -2000px, 0);
	transform: translate3d(0, -2000px, 0);
}
100% {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}
}
@keyframes fadeInDownBig {
0% {
	opacity: 0;
	-webkit-transform: translate3d(0, -2000px, 0);
	transform: translate3d(0, -2000px, 0);
}
100% {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}
} 

/*=== FADE IN LEFT Big ===*/
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInLeftBig {
0% {
	opacity: 0;
	-webkit-transform: translate3d(-2000px, 0, 0);
	transform: translate3d(-2000px, 0, 0);
}
100% {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}
}
@keyframes fadeInLeftBig {
0% {
	opacity: 0;
	-webkit-transform: translate3d(-2000px, 0, 0);
	transform: translate3d(-2000px, 0, 0);
}
100% {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}
} 

/*=== FADE IN RIGHT Big ===*/
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
  }
@-webkit-keyframes fadeInRightBig {
0% {
	opacity: 0;
	-webkit-transform: translate3d(2000px, 0, 0);
	transform: translate3d(2000px, 0, 0);
}
100% {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}
}
@keyframes fadeInRightBig {
0% {
	opacity: 0;
	-webkit-transform: translate3d(2000px, 0, 0);
	transform: translate3d(2000px, 0, 0);
}
100% {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}
}

/* Demo Purpose Only*/
/* Demo Purpose Only*/
.demo {
  font-family: 'Raleway', sans-serif;
	color:#fff;
    display: block;
    margin: 0 auto;
    padding: 15px 0;
    text-align: center;
}
.demo a{
  font-family: 'Raleway', sans-serif;
color: #2ecc71;		
}