@charset "utf-8";

/*
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
/*body {  Addresses a small issue in webkit: http://bit.ly/NEdoDq 
	-webkit-backface-visibility: hidden;
}*/

.delay1 {
	-webkit-animation-delay: 0.5s;
       -moz-animation-delay: 0.5s;
			animation-delay: 0.5s; 
}
	
.delay2 {
	-webkit-animation-delay: 1s;
	   -moz-animation-delay: 1s; 
			animation-delay: 1s; 
}
	
.delay3 {  
	-webkit-animation-delay: 1.5s;
	   -moz-animation-delay: 1.5s;  
			animation-delay: 1.5s;
}
	
.delay4 { 
	-webkit-animation-delay: 2s;
	   -moz-animation-delay: 2s; 
			animation-delay: 2s; 
}

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

.delay6 {
	-webkit-animation-delay: 3s;
	   -moz-animation-delay: 3s; 
			animation-delay: 3s; 
}

.animated {
	-webkit-animation-duration: 1s;
	   -moz-animation-duration: 1s;
	     -o-animation-duration: 1s;
	        animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	     -o-animation-fill-mode: both;
	        animation-fill-mode: both;
}

.animated.hinge {
	-webkit-animation-duration: 2s;
	   -moz-animation-duration: 2s;
	     -o-animation-duration: 2s;
	        animation-duration: 2s;
}

@-webkit-keyframes flash {
	0%, 50%, 100% {opacity: 1;}	
	25%, 75% {opacity: 0;}
}

@-moz-keyframes flash {
	0%, 50%, 100% {opacity: 1;}	
	25%, 75% {opacity: 0;}
}

@-o-keyframes flash {
	0%, 50%, 100% {opacity: 1;}	
	25%, 75% {opacity: 0;}
}

@keyframes flash {
	0%, 50%, 100% {opacity: 1;}	
	25%, 75% {opacity: 0;}
}

.animated.flash {
	-webkit-animation-name: flash;
	-moz-animation-name: flash;
	-o-animation-name: flash;
	animation-name: flash;
}
@-webkit-keyframes shake {
	0%, 100% {-webkit-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
}

@-moz-keyframes shake {
	0%, 100% {-moz-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}
}

@-o-keyframes shake {
	0%, 100% {-o-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-o-transform: translateX(10px);}
}

@keyframes shake {
	0%, 100% {transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
	20%, 40%, 60%, 80% {transform: translateX(10px);}
}

.animated.shake {
	-webkit-animation-name: shake;
	-moz-animation-name: shake;
	-o-animation-name: shake;
	animation-name: shake;
}
@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
	40% {-webkit-transform: translateY(-30px);}
	60% {-webkit-transform: translateY(-15px);}
}

@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
	40% {-moz-transform: translateY(-30px);}
	60% {-moz-transform: translateY(-15px);}
}

@-o-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
	40% {-o-transform: translateY(-30px);}
	60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-30px);}
	60% {transform: translateY(-15px);}
}

.animated.bounce {
	-webkit-animation-name: bounce;
	-moz-animation-name: bounce;
	-o-animation-name: bounce;
	animation-name: bounce;
}
@-webkit-keyframes tada {
	0% {-webkit-transform: scale(1);}	
	10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);}
	100% {-webkit-transform: scale(1) rotate(0);}
}

@-moz-keyframes tada {
	0% {-moz-transform: scale(1);}	
	10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);}
	100% {-moz-transform: scale(1) rotate(0);}
}

@-o-keyframes tada {
	0% {-o-transform: scale(1);}	
	10%, 20% {-o-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);}
	100% {-o-transform: scale(1) rotate(0);}
}

@keyframes tada {
	0% {transform: scale(1);}	
	10%, 20% {transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
	100% {transform: scale(1) rotate(0);}
}

.animated.tada {
	-webkit-animation-name: tada;
	-moz-animation-name: tada;
	-o-animation-name: tada;
	animation-name: tada;
}
@-webkit-keyframes swing {
	20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }
	20% { -webkit-transform: rotate(15deg); }	
	40% { -webkit-transform: rotate(-10deg); }
	60% { -webkit-transform: rotate(5deg); }	
	80% { -webkit-transform: rotate(-5deg); }	
	100% { -webkit-transform: rotate(0deg); }
}

@-moz-keyframes swing {
	20% { -moz-transform: rotate(15deg); }	
	40% { -moz-transform: rotate(-10deg); }
	60% { -moz-transform: rotate(5deg); }	
	80% { -moz-transform: rotate(-5deg); }	
	100% { -moz-transform: rotate(0deg); }
}

@-o-keyframes swing {
	20% { -o-transform: rotate(15deg); }	
	40% { -o-transform: rotate(-10deg); }
	60% { -o-transform: rotate(5deg); }	
	80% { -o-transform: rotate(-5deg); }	
	100% { -o-transform: rotate(0deg); }
}

@keyframes swing {
	20% { transform: rotate(15deg); }	
	40% { transform: rotate(-10deg); }
	60% { transform: rotate(5deg); }	
	80% { transform: rotate(-5deg); }	
	100% { transform: rotate(0deg); }
}

.animated.swing {
	-webkit-transform-origin: top center;
	-moz-transform-origin: top center;
	-o-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	-moz-animation-name: swing;
	-o-animation-name: swing;
	animation-name: swing;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% { -webkit-transform: translateX(0%); }
  15% { -webkit-transform: translateX(-25%) rotate(-5deg); }
  30% { -webkit-transform: translateX(20%) rotate(3deg); }
  45% { -webkit-transform: translateX(-15%) rotate(-3deg); }
  60% { -webkit-transform: translateX(10%) rotate(2deg); }
  75% { -webkit-transform: translateX(-5%) rotate(-1deg); }
  100% { -webkit-transform: translateX(0%); }
}

@-moz-keyframes wobble {
  0% { -moz-transform: translateX(0%); }
  15% { -moz-transform: translateX(-25%) rotate(-5deg); }
  30% { -moz-transform: translateX(20%) rotate(3deg); }
  45% { -moz-transform: translateX(-15%) rotate(-3deg); }
  60% { -moz-transform: translateX(10%) rotate(2deg); }
  75% { -moz-transform: translateX(-5%) rotate(-1deg); }
  100% { -moz-transform: translateX(0%); }
}

@-o-keyframes wobble {
  0% { -o-transform: translateX(0%); }
  15% { -o-transform: translateX(-25%) rotate(-5deg); }
  30% { -o-transform: translateX(20%) rotate(3deg); }
  45% { -o-transform: translateX(-15%) rotate(-3deg); }
  60% { -o-transform: translateX(10%) rotate(2deg); }
  75% { -o-transform: translateX(-5%) rotate(-1deg); }
  100% { -o-transform: translateX(0%); }
}

@keyframes wobble {
  0% { transform: translateX(0%); }
  15% { transform: translateX(-25%) rotate(-5deg); }
  30% { transform: translateX(20%) rotate(3deg); }
  45% { transform: translateX(-15%) rotate(-3deg); }
  60% { transform: translateX(10%) rotate(2deg); }
  75% { transform: translateX(-5%) rotate(-1deg); }
  100% { transform: translateX(0%); }
}

.animated.wobble {
	-webkit-animation-name: wobble;
	-moz-animation-name: wobble;
	-o-animation-name: wobble;
	animation-name: wobble;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
    0% { -webkit-transform: scale(1); }	
	50% { -webkit-transform: scale(1.1); }
    100% { -webkit-transform: scale(1); }
}
@-moz-keyframes pulse {
    0% { -moz-transform: scale(1); }	
	50% { -moz-transform: scale(1.1); }
    100% { -moz-transform: scale(1); }
}
@-o-keyframes pulse {
    0% { -o-transform: scale(1); }	
	50% { -o-transform: scale(1.1); }
    100% { -o-transform: scale(1); }
}
@keyframes pulse {
    0% { transform: scale(1); }	
	50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

.animated.pulse {
	-webkit-animation-name: pulse;
	-moz-animation-name: pulse;
	-o-animation-name: pulse;
	animation-name: pulse;
}
@-webkit-keyframes flip {
	0% {
		-webkit-transform: perspective(400px) rotateY(0);
		-webkit-animation-timing-function: ease-out;
	}
	40% {
		-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
		-webkit-animation-timing-function: ease-out;
	}
	50% {
		-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		-webkit-animation-timing-function: ease-in;
	}
	80% {
		-webkit-transform: perspective(400px) rotateY(360deg) scale(.95);
		-webkit-animation-timing-function: ease-in;
	}
	100% {
		-webkit-transform: perspective(400px) scale(1);
		-webkit-animation-timing-function: ease-in;
	}
}
@-moz-keyframes flip {
	0% {
		-moz-transform: perspective(400px) rotateY(0);
		-moz-animation-timing-function: ease-out;
	}
	40% {
		-moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
		-moz-animation-timing-function: ease-out;
	}
	50% {
		-moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		-moz-animation-timing-function: ease-in;
	}
	80% {
		-moz-transform: perspective(400px) rotateY(360deg) scale(.95);
		-moz-animation-timing-function: ease-in;
	}
	100% {
		-moz-transform: perspective(400px) scale(1);
		-moz-animation-timing-function: ease-in;
	}
}
@-o-keyframes flip {
	0% {
		-o-transform: perspective(400px) rotateY(0);
		-o-animation-timing-function: ease-out;
	}
	40% {
		-o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
		-o-animation-timing-function: ease-out;
	}
	50% {
		-o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		-o-animation-timing-function: ease-in;
	}
	80% {
		-o-transform: perspective(400px) rotateY(360deg) scale(.95);
		-o-animation-timing-function: ease-in;
	}
	100% {
		-o-transform: perspective(400px) scale(1);
		-o-animation-timing-function: ease-in;
	}
}
@keyframes flip {
	0% {
		transform: perspective(400px) rotateY(0);
		animation-timing-function: ease-out;
	}
	40% {
		transform: perspective(400px) translateZ(150px) rotateY(170deg);
		animation-timing-function: ease-out;
	}
	50% {
		transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		animation-timing-function: ease-in;
	}
	80% {
		transform: perspective(400px) rotateY(360deg) scale(.95);
		animation-timing-function: ease-in;
	}
	100% {
		transform: perspective(400px) scale(1);
		animation-timing-function: ease-in;
	}
}

.animated.flip {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flip;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flip;
	-o-backface-visibility: visible !important;
	-o-animation-name: flip;
	backface-visibility: visible !important;
	animation-name: flip;
}
@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    
    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
    }
    
    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
    }
    
    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@-moz-keyframes flipInX {
    0% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    
    40% {
        -moz-transform: perspective(400px) rotateX(-10deg);
    }
    
    70% {
        -moz-transform: perspective(400px) rotateX(10deg);
    }
    
    100% {
        -moz-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@-o-keyframes flipInX {
    0% {
        -o-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    
    40% {
        -o-transform: perspective(400px) rotateX(-10deg);
    }
    
    70% {
        -o-transform: perspective(400px) rotateX(10deg);
    }
    
    100% {
        -o-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    
    40% {
        transform: perspective(400px) rotateX(-10deg);
    }
    
    70% {
        transform: perspective(400px) rotateX(10deg);
    }
    
    100% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

.animated.flipInX {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flipInX;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flipInX;
	-o-backface-visibility: visible !important;
	-o-animation-name: flipInX;
	backface-visibility: visible !important;
	animation-name: flipInX;
}
@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
	100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@-moz-keyframes flipOutX {
    0% {
        -moz-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
	100% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@-o-keyframes flipOutX {
    0% {
        -o-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
	100% {
        -o-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    0% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
	100% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

.animated.flipOutX {
	-webkit-animation-name: flipOutX;
	-webkit-backface-visibility: visible !important;
	-moz-animation-name: flipOutX;
	-moz-backface-visibility: visible !important;
	-o-animation-name: flipOutX;
	-o-backface-visibility: visible !important;
	animation-name: flipOutX;
	backface-visibility: visible !important;
}
@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    
    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
    }
    
    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
    }
    
    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}
@-moz-keyframes flipInY {
    0% {
        -moz-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    
    40% {
        -moz-transform: perspective(400px) rotateY(-10deg);
    }
    
    70% {
        -moz-transform: perspective(400px) rotateY(10deg);
    }
    
    100% {
        -moz-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}
@-o-keyframes flipInY {
    0% {
        -o-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    
    40% {
        -o-transform: perspective(400px) rotateY(-10deg);
    }
    
    70% {
        -o-transform: perspective(400px) rotateY(10deg);
    }
    
    100% {
        -o-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}
@keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    
    40% {
        transform: perspective(400px) rotateY(-10deg);
    }
    
    70% {
        transform: perspective(400px) rotateY(10deg);
    }
    
    100% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

.animated.flipInY {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flipInY;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flipInY;
	-o-backface-visibility: visible !important;
	-o-animation-name: flipInY;
	backface-visibility: visible !important;
	animation-name: flipInY;
}
@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
	100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}
@-moz-keyframes flipOutY {
    0% {
        -moz-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
	100% {
        -moz-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}
@-o-keyframes flipOutY {
    0% {
        -o-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
	100% {
        -o-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}
@keyframes flipOutY {
    0% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
	100% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

.animated.flipOutY {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flipOutY;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flipOutY;
	-o-backface-visibility: visible !important;
	-o-animation-name: flipOutY;
	backface-visibility: visible !important;
	animation-name: flipOutY;
}
@-webkit-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@-moz-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@-o-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

.animated.fadeIn {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
}
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInUp {
	0% {
		opacity: 0;
		-o-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.animated.fadeInUp {
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInDown {
	0% {
		opacity: 0;
		-o-transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.animated.fadeInDown {
	-webkit-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-o-animation-name: fadeInDown;
	animation-name: fadeInDown;
}
@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-o-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.animated.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	-moz-animation-name: fadeInLeft;
	-o-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInRight {
	0% {
		opacity: 0;
		-moz-transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes fadeInRight {
	0% {
		opacity: 0;
		-o-transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.animated.fadeInRight {
	-webkit-animation-name: fadeInRight;
	-moz-animation-name: fadeInRight;
	-o-animation-name: fadeInRight;
	animation-name: fadeInRight;
}
@-webkit-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-moz-transform: translateY(2000px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-o-transform: translateY(2000px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInUpBig {
	0% {
		opacity: 0;
		transform: translateY(2000px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.animated.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	-moz-animation-name: fadeInUpBig;
	-o-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-moz-transform: translateY(-2000px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-o-transform: translateY(-2000px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInDownBig {
	0% {
		opacity: 0;
		transform: translateY(-2000px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.animated.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	-moz-animation-name: fadeInDownBig;
	-o-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}
@-moz-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-moz-transform: translateX(-2000px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}
@-o-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-o-transform: translateX(-2000px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}
@keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		transform: translateX(-2000px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.animated.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	-moz-animation-name: fadeInLeftBig;
	-o-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-moz-transform: translateX(2000px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-o-transform: translateX(2000px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes fadeInRightBig {
	0% {
		opacity: 0;
		transform: translateX(2000px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.animated.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	-moz-animation-name: fadeInRightBig;
	-o-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

@-moz-keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

@-o-keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

@keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

.animated.fadeOut {
	-webkit-animation-name: fadeOut;
	-moz-animation-name: fadeOut;
	-o-animation-name: fadeOut;
	animation-name: fadeOut;
}
@-webkit-keyframes fadeOutUp {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
	}
}
@-moz-keyframes fadeOutUp {
	0% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateY(-20px);
	}
}
@-o-keyframes fadeOutUp {
	0% {
		opacity: 1;
		-o-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateY(-20px);
	}
}
@keyframes fadeOutUp {
	0% {
		opacity: 1;
		transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		transform: translateY(-20px);
	}
}

.animated.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	-moz-animation-name: fadeOutUp;
	-o-animation-name: fadeOutUp;
	animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutDown {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateY(20px);
	}
}

@-moz-keyframes fadeOutDown {
	0% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateY(20px);
	}
}

@-o-keyframes fadeOutDown {
	0% {
		opacity: 1;
		-o-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateY(20px);
	}
}

@keyframes fadeOutDown {
	0% {
		opacity: 1;
		transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		transform: translateY(20px);
	}
}

.animated.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	-moz-animation-name: fadeOutDown;
	-o-animation-name: fadeOutDown;
	animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutLeft {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
	}
}

@-moz-keyframes fadeOutLeft {
	0% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateX(-20px);
	}
}

@-o-keyframes fadeOutLeft {
	0% {
		opacity: 1;
		-o-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateX(-20px);
	}
}

@keyframes fadeOutLeft {
	0% {
		opacity: 1;
		transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		transform: translateX(-20px);
	}
}

.animated.fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	-moz-animation-name: fadeOutLeft;
	-o-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutRight {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateX(20px);
	}
}

@-moz-keyframes fadeOutRight {
	0% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateX(20px);
	}
}

@-o-keyframes fadeOutRight {
	0% {
		opacity: 1;
		-o-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateX(20px);
	}
}

@keyframes fadeOutRight {
	0% {
		opacity: 1;
		transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		transform: translateX(20px);
	}
}

.animated.fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	-moz-animation-name: fadeOutRight;
	-o-animation-name: fadeOutRight;
	animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutUpBig {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
	}
}

@-moz-keyframes fadeOutUpBig {
	0% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateY(-2000px);
	}
}

@-o-keyframes fadeOutUpBig {
	0% {
		opacity: 1;
		-o-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateY(-2000px);
	}
}

@keyframes fadeOutUpBig {
	0% {
		opacity: 1;
		transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		transform: translateY(-2000px);
	}
}

.animated.fadeOutUpBig {
	-webkit-animation-name: fadeOutUpBig;
	-moz-animation-name: fadeOutUpBig;
	-o-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig;
}
@-webkit-keyframes fadeOutDownBig {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
	}
}

@-moz-keyframes fadeOutDownBig {
	0% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateY(2000px);
	}
}

@-o-keyframes fadeOutDownBig {
	0% {
		opacity: 1;
		-o-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateY(2000px);
	}
}

@keyframes fadeOutDownBig {
	0% {
		opacity: 1;
		transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		transform: translateY(2000px);
	}
}

.animated.fadeOutDownBig {
	-webkit-animation-name: fadeOutDownBig;
	-moz-animation-name: fadeOutDownBig;
	-o-animation-name: fadeOutDownBig;
	animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	}
}

@-moz-keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateX(-2000px);
	}
}

@-o-keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
		-o-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateX(-2000px);
	}
}

@keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
		transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		transform: translateX(-2000px);
	}
}

.animated.fadeOutLeftBig {
	-webkit-animation-name: fadeOutLeftBig;
	-moz-animation-name: fadeOutLeftBig;
	-o-animation-name: fadeOutLeftBig;
	animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRightBig {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
	}
}
@-moz-keyframes fadeOutRightBig {
	0% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateX(2000px);
	}
}
@-o-keyframes fadeOutRightBig {
	0% {
		opacity: 1;
		-o-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateX(2000px);
	}
}
@keyframes fadeOutRightBig {
	0% {
		opacity: 1;
		transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		transform: translateX(2000px);
	}
}

.animated.fadeOutRightBig {
	-webkit-animation-name: fadeOutRightBig;
	-moz-animation-name: fadeOutRightBig;
	-o-animation-name: fadeOutRightBig;
	animation-name: fadeOutRightBig;
}
@-webkit-keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3);
	}
	
	50% {
		opacity: 1;
		-webkit-transform: scale(1.05);
	}
	
	70% {
		-webkit-transform: scale(.9);
	}
	
	100% {
		-webkit-transform: scale(1);
	}
}

@-moz-keyframes bounceIn {
	0% {
		opacity: 0;
		-moz-transform: scale(.3);
	}
	
	50% {
		opacity: 1;
		-moz-transform: scale(1.05);
	}
	
	70% {
		-moz-transform: scale(.9);
	}
	
	100% {
		-moz-transform: scale(1);
	}
}

@-o-keyframes bounceIn {
	0% {
		opacity: 0;
		-o-transform: scale(.3);
	}
	
	50% {
		opacity: 1;
		-o-transform: scale(1.05);
	}
	
	70% {
		-o-transform: scale(.9);
	}
	
	100% {
		-o-transform: scale(1);
	}
}

@keyframes bounceIn {
	0% {
		opacity: 0;
		transform: scale(.3);
	}
	
	50% {
		opacity: 1;
		transform: scale(1.05);
	}
	
	70% {
		transform: scale(.9);
	}
	
	100% {
		transform: scale(1);
	}
}

.animated.bounceIn {
	-webkit-animation-name: bounceIn;
	-moz-animation-name: bounceIn;
	-o-animation-name: bounceIn;
	animation-name: bounceIn;
}
@-webkit-keyframes bounceInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: translateY(-30px);
	}
	
	80% {
		-webkit-transform: translateY(10px);
	}
	
	100% {
		-webkit-transform: translateY(0);
	}
}
@-moz-keyframes bounceInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(2000px);
	}
	
	60% {
		opacity: 1;
		-moz-transform: translateY(-30px);
	}
	
	80% {
		-moz-transform: translateY(10px);
	}
	
	100% {
		-moz-transform: translateY(0);
	}
}

@-o-keyframes bounceInUp {
	0% {
		opacity: 0;
		-o-transform: translateY(2000px);
	}
	
	60% {
		opacity: 1;
		-o-transform: translateY(-30px);
	}
	
	80% {
		-o-transform: translateY(10px);
	}
	
	100% {
		-o-transform: translateY(0);
	}
}

@keyframes bounceInUp {
	0% {
		opacity: 0;
		transform: translateY(2000px);
	}
	
	60% {
		opacity: 1;
		transform: translateY(-30px);
	}
	
	80% {
		transform: translateY(10px);
	}
	
	100% {
		transform: translateY(0);
	}
}

.animated.bounceInUp {
	-webkit-animation-name: bounceInUp;
	-moz-animation-name: bounceInUp;
	-o-animation-name: bounceInUp;
	animation-name: bounceInUp;
}
@-webkit-keyframes bounceInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: translateY(30px);
	}
	
	80% {
		-webkit-transform: translateY(-10px);
	}
	
	100% {
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes bounceInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-2000px);
	}
	
	60% {
		opacity: 1;
		-moz-transform: translateY(30px);
	}
	
	80% {
		-moz-transform: translateY(-10px);
	}
	
	100% {
		-moz-transform: translateY(0);
	}
}

@-o-keyframes bounceInDown {
	0% {
		opacity: 0;
		-o-transform: translateY(-2000px);
	}
	
	60% {
		opacity: 1;
		-o-transform: translateY(30px);
	}
	
	80% {
		-o-transform: translateY(-10px);
	}
	
	100% {
		-o-transform: translateY(0);
	}
}

@keyframes bounceInDown {
	0% {
		opacity: 0;
		transform: translateY(-2000px);
	}
	
	60% {
		opacity: 1;
		transform: translateY(30px);
	}
	
	80% {
		transform: translateY(-10px);
	}
	
	100% {
		transform: translateY(0);
	}
}

.animated.bounceInDown {
	-webkit-animation-name: bounceInDown;
	-moz-animation-name: bounceInDown;
	-o-animation-name: bounceInDown;
	animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: translateX(30px);
	}
	
	80% {
		-webkit-transform: translateX(-10px);
	}
	
	100% {
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-2000px);
	}
	
	60% {
		opacity: 1;
		-moz-transform: translateX(30px);
	}
	
	80% {
		-moz-transform: translateX(-10px);
	}
	
	100% {
		-moz-transform: translateX(0);
	}
}

@-o-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-o-transform: translateX(-2000px);
	}
	
	60% {
		opacity: 1;
		-o-transform: translateX(30px);
	}
	
	80% {
		-o-transform: translateX(-10px);
	}
	
	100% {
		-o-transform: translateX(0);
	}
}

@keyframes bounceInLeft {
	0% {
		opacity: 0;
		transform: translateX(-2000px);
	}
	
	60% {
		opacity: 1;
		transform: translateX(30px);
	}
	
	80% {
		transform: translateX(-10px);
	}
	
	100% {
		transform: translateX(0);
	}
}

.animated.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	-moz-animation-name: bounceInLeft;
	-o-animation-name: bounceInLeft;
	animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: translateX(-30px);
	}
	
	80% {
		-webkit-transform: translateX(10px);
	}
	
	100% {
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes bounceInRight {
	0% {
		opacity: 0;
		-moz-transform: translateX(2000px);
	}
	
	60% {
		opacity: 1;
		-moz-transform: translateX(-30px);
	}
	
	80% {
		-moz-transform: translateX(10px);
	}
	
	100% {
		-moz-transform: translateX(0);
	}
}

@-o-keyframes bounceInRight {
	0% {
		opacity: 0;
		-o-transform: translateX(2000px);
	}
	
	60% {
		opacity: 1;
		-o-transform: translateX(-30px);
	}
	
	80% {
		-o-transform: translateX(10px);
	}
	
	100% {
		-o-transform: translateX(0);
	}
}

@keyframes bounceInRight {
	0% {
		opacity: 0;
		transform: translateX(2000px);
	}
	
	60% {
		opacity: 1;
		transform: translateX(-30px);
	}
	
	80% {
		transform: translateX(10px);
	}
	
	100% {
		transform: translateX(0);
	}
}

.animated.bounceInRight {
	-webkit-animation-name: bounceInRight;
	-moz-animation-name: bounceInRight;
	-o-animation-name: bounceInRight;
	animation-name: bounceInRight;
}
@-webkit-keyframes bounceOut {
	0% {
		-webkit-transform: scale(1);
	}
	
	25% {
		-webkit-transform: scale(.95);
	}
	
	50% {
		opacity: 1;
		-webkit-transform: scale(1.1);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: scale(.3);
	}	
}

@-moz-keyframes bounceOut {
	0% {
		-moz-transform: scale(1);
	}
	
	25% {
		-moz-transform: scale(.95);
	}
	
	50% {
		opacity: 1;
		-moz-transform: scale(1.1);
	}
	
	100% {
		opacity: 0;
		-moz-transform: scale(.3);
	}	
}

@-o-keyframes bounceOut {
	0% {
		-o-transform: scale(1);
	}
	
	25% {
		-o-transform: scale(.95);
	}
	
	50% {
		opacity: 1;
		-o-transform: scale(1.1);
	}
	
	100% {
		opacity: 0;
		-o-transform: scale(.3);
	}	
}

@keyframes bounceOut {
	0% {
		transform: scale(1);
	}
	
	25% {
		transform: scale(.95);
	}
	
	50% {
		opacity: 1;
		transform: scale(1.1);
	}
	
	100% {
		opacity: 0;
		transform: scale(.3);
	}	
}

.animated.bounceOut {
	-webkit-animation-name: bounceOut;
	-moz-animation-name: bounceOut;
	-o-animation-name: bounceOut;
	animation-name: bounceOut;
}
@-webkit-keyframes bounceOutUp {
	0% {
		-webkit-transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		-webkit-transform: translateY(20px);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
	}
}

@-moz-keyframes bounceOutUp {
	0% {
		-moz-transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		-moz-transform: translateY(20px);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateY(-2000px);
	}
}

@-o-keyframes bounceOutUp {
	0% {
		-o-transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		-o-transform: translateY(20px);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateY(-2000px);
	}
}

@keyframes bounceOutUp {
	0% {
		transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		transform: translateY(20px);
	}
	
	100% {
		opacity: 0;
		transform: translateY(-2000px);
	}
}

.animated.bounceOutUp {
	-webkit-animation-name: bounceOutUp;
	-moz-animation-name: bounceOutUp;
	-o-animation-name: bounceOutUp;
	animation-name: bounceOutUp;
}
@-webkit-keyframes bounceOutDown {
	0% {
		-webkit-transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		-webkit-transform: translateY(-20px);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
	}
}

@-moz-keyframes bounceOutDown {
	0% {
		-moz-transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		-moz-transform: translateY(-20px);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateY(2000px);
	}
}

@-o-keyframes bounceOutDown {
	0% {
		-o-transform: translateY(0);
	}
	

	20% {
		opacity: 1;
		-o-transform: translateY(-20px);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateY(2000px);
	}
}

@keyframes bounceOutDown {
	0% {
		transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		transform: translateY(-20px);
	}
	
	100% {
		opacity: 0;
		transform: translateY(2000px);
	}
}

.animated.bounceOutDown {
	-webkit-animation-name: bounceOutDown;
	-moz-animation-name: bounceOutDown;
	-o-animation-name: bounceOutDown;
	animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
	0% {
		-webkit-transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		-webkit-transform: translateX(20px);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	}
}

@-moz-keyframes bounceOutLeft {
	0% {
		-moz-transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		-moz-transform: translateX(20px);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateX(-2000px);
	}
}

@-o-keyframes bounceOutLeft {
	0% {
		-o-transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		-o-transform: translateX(20px);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateX(-2000px);
	}
}

@keyframes bounceOutLeft {
	0% {
		transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		transform: translateX(20px);
	}
	
	100% {
		opacity: 0;
		transform: translateX(-2000px);
	}
}

.animated.bounceOutLeft {
	-webkit-animation-name: bounceOutLeft;
	-moz-animation-name: bounceOutLeft;
	-o-animation-name: bounceOutLeft;
	animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
	0% {
		-webkit-transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		-webkit-transform: translateX(-20px);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
	}
}

@-moz-keyframes bounceOutRight {
	0% {
		-moz-transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		-moz-transform: translateX(-20px);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateX(2000px);
	}
}

@-o-keyframes bounceOutRight {
	0% {
		-o-transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		-o-transform: translateX(-20px);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateX(2000px);
	}
}

@keyframes bounceOutRight {
	0% {
		transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		transform: translateX(-20px);
	}
	
	100% {
		opacity: 0;
		transform: translateX(2000px);
	}
}

.animated.bounceOutRight {
	-webkit-animation-name: bounceOutRight;
	-moz-animation-name: bounceOutRight;
	-o-animation-name: bounceOutRight;
	animation-name: bounceOutRight;
}
@-webkit-keyframes rotateIn {
	0% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(-200deg);
		opacity: 0;
	}
	
	100% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}
@-moz-keyframes rotateIn {
	0% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(-200deg);
		opacity: 0;
	}
	
	100% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(0);
		opacity: 1;
	}
}
@-o-keyframes rotateIn {
	0% {
		-o-transform-origin: center center;
		-o-transform: rotate(-200deg);
		opacity: 0;
	}
	
	100% {
		-o-transform-origin: center center;
		-o-transform: rotate(0);
		opacity: 1;
	}
}
@keyframes rotateIn {
	0% {
		transform-origin: center center;
		transform: rotate(-200deg);
		opacity: 0;
	}
	
	100% {
		transform-origin: center center;
		transform: rotate(0);
		opacity: 1;
	}
}

.animated.rotateIn {
	-webkit-animation-name: rotateIn;
	-moz-animation-name: rotateIn;
	-o-animation-name: rotateIn;
	animation-name: rotateIn;
}
@-webkit-keyframes rotateInUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}

@-moz-keyframes rotateInUpLeft {
	0% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
}

@-o-keyframes rotateInUpLeft {
	0% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
}

@keyframes rotateInUpLeft {
	0% {
		transform-origin: left bottom;
		transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		transform-origin: left bottom;
		transform: rotate(0);
		opacity: 1;
	}
}

.animated.rotateInUpLeft {
	-webkit-animation-name: rotateInUpLeft;
	-moz-animation-name: rotateInUpLeft;
	-o-animation-name: rotateInUpLeft;
	animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}

@-moz-keyframes rotateInDownLeft {
	0% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
}

@-o-keyframes rotateInDownLeft {
	0% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
}

@keyframes rotateInDownLeft {
	0% {
		transform-origin: left bottom;
		transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		transform-origin: left bottom;
		transform: rotate(0);
		opacity: 1;
	}
}

.animated.rotateInDownLeft {
	-webkit-animation-name: rotateInDownLeft;
	-moz-animation-name: rotateInDownLeft;
	-o-animation-name: rotateInDownLeft;
	animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}

@-moz-keyframes rotateInUpRight {
	0% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
}

@-o-keyframes rotateInUpRight {
	0% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
}

@keyframes rotateInUpRight {
	0% {
		transform-origin: right bottom;
		transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		transform-origin: right bottom;
		transform: rotate(0);
		opacity: 1;
	}
}

.animated.rotateInUpRight {
	-webkit-animation-name: rotateInUpRight;
	-moz-animation-name: rotateInUpRight;
	-o-animation-name: rotateInUpRight;
	animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateInDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}

@-moz-keyframes rotateInDownRight {
	0% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
}

@-o-keyframes rotateInDownRight {
	0% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
}

@keyframes rotateInDownRight {
	0% {
		transform-origin: right bottom;
		transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		transform-origin: right bottom;
		transform: rotate(0);
		opacity: 1;
	}
}

.animated.rotateInDownRight {
	-webkit-animation-name: rotateInDownRight;
	-moz-animation-name: rotateInDownRight;
	-o-animation-name: rotateInDownRight;
	animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateOut {
	0% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(200deg);
		opacity: 0;
	}
}

@-moz-keyframes rotateOut {
	0% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(200deg);
		opacity: 0;
	}
}

@-o-keyframes rotateOut {
	0% {
		-o-transform-origin: center center;
		-o-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-o-transform-origin: center center;
		-o-transform: rotate(200deg);
		opacity: 0;
	}
}

@keyframes rotateOut {
	0% {
		transform-origin: center center;
		transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		transform-origin: center center;
		transform: rotate(200deg);
		opacity: 0;
	}
}

.animated.rotateOut {
	-webkit-animation-name: rotateOut;
	-moz-animation-name: rotateOut;
	-o-animation-name: rotateOut;
	animation-name: rotateOut;
}
@-webkit-keyframes rotateOutUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(-90deg);
		opacity: 0;
	}
}

@-moz-keyframes rotateOutUpLeft {
	0% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(-90deg);
		opacity: 0;
	}
}

@-o-keyframes rotateOutUpLeft {
	0% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(-90deg);
		opacity: 0;
	}
}

@keyframes rotateOutUpLeft {
	0% {
		transform-origin: left bottom;
		transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		transform-origin: left bottom;
		transform: rotate(-90deg);
		opacity: 0;
	}
}

.animated.rotateOutUpLeft {
	-webkit-animation-name: rotateOutUpLeft;
	-moz-animation-name: rotateOutUpLeft;
	-o-animation-name: rotateOutUpLeft;
	animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(90deg);
		opacity: 0;
	}
}

@-moz-keyframes rotateOutDownLeft {
	0% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(90deg);
		opacity: 0;
	}
}

@-o-keyframes rotateOutDownLeft {
	0% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(90deg);
		opacity: 0;
	}
}

@keyframes rotateOutDownLeft {
	0% {
		transform-origin: left bottom;
		transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		transform-origin: left bottom;
		transform: rotate(90deg);
		opacity: 0;
	}
}

.animated.rotateOutDownLeft {
	-webkit-animation-name: rotateOutDownLeft;
	-moz-animation-name: rotateOutDownLeft;
	-o-animation-name: rotateOutDownLeft;
	animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(90deg);
		opacity: 0;
	}
}

@-moz-keyframes rotateOutUpRight {
	0% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(90deg);
		opacity: 0;
	}
}

@-o-keyframes rotateOutUpRight {
	0% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(90deg);
		opacity: 0;
	}
}

@keyframes rotateOutUpRight {
	0% {
		transform-origin: right bottom;
		transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		transform-origin: right bottom;
		transform: rotate(90deg);
		opacity: 0;
	}
}

.animated.rotateOutUpRight {
	-webkit-animation-name: rotateOutUpRight;
	-moz-animation-name: rotateOutUpRight;
	-o-animation-name: rotateOutUpRight;
	animation-name: rotateOutUpRight;
}
@-webkit-keyframes rotateOutDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(-90deg);
		opacity: 0;
	}
}

@-moz-keyframes rotateOutDownRight {
	0% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(-90deg);
		opacity: 0;
	}
}

@-o-keyframes rotateOutDownRight {
	0% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(-90deg);
		opacity: 0;
	}
}

@keyframes rotateOutDownRight {
	0% {
		transform-origin: right bottom;
		transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		transform-origin: right bottom;
		transform: rotate(-90deg);
		opacity: 0;
	}
}

.animated.rotateOutDownRight {
	-webkit-animation-name: rotateOutDownRight;
	-moz-animation-name: rotateOutDownRight;
	-o-animation-name: rotateOutDownRight;
	animation-name: rotateOutDownRight;
}
@-webkit-keyframes hinge {
	0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
	20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
	40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
	80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
	100% { -webkit-transform: translateY(700px); opacity: 0; }
}

@-moz-keyframes hinge {
	0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }	
	20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }	
	40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }	
	80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }	
	100% { -moz-transform: translateY(700px); opacity: 0; }
}

@-o-keyframes hinge {
	0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }	
	20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }	
	40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }	
	80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }	
	100% { -o-transform: translateY(700px); opacity: 0; }
}

@keyframes hinge {
	0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; }	
	20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; }	
	40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; }	
	80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; }	
	100% { transform: translateY(700px); opacity: 0; }
}

.animated.hinge {
	-webkit-animation-name: hinge;
	-moz-animation-name: hinge;
	-o-animation-name: hinge;
	animation-name: hinge;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
	0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); }
	100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); }
}

@-moz-keyframes rollIn {
	0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); }
	100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); }
}

@-o-keyframes rollIn {
	0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); }
	100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); }
}

@keyframes rollIn {
	0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); }
	100% { opacity: 1; transform: translateX(0px) rotate(0deg); }
}

.animated.rollIn {
	-webkit-animation-name: rollIn;
	-moz-animation-name: rollIn;
	-o-animation-name: rollIn;
	animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
    0% {
		opacity: 1;
		-webkit-transform: translateX(0px) rotate(0deg);
	}

    100% {
		opacity: 0;
		-webkit-transform: translateX(100%) rotate(120deg);
	}
}

@-moz-keyframes rollOut {
    0% {
		opacity: 1;
		-moz-transform: translateX(0px) rotate(0deg);
	}

    100% {
		opacity: 0;
		-moz-transform: translateX(100%) rotate(120deg);
	}
}

@-o-keyframes rollOut {
    0% {
		opacity: 1;
		-o-transform: translateX(0px) rotate(0deg);
	}

    100% {
		opacity: 0;
		-o-transform: translateX(100%) rotate(120deg);
	}
}

@keyframes rollOut {
    0% {
		opacity: 1;
		transform: translateX(0px) rotate(0deg);
	}

    100% {
		opacity: 0;
		transform: translateX(100%) rotate(120deg);
	}
}

.animated.rollOut {
	-webkit-animation-name: rollOut;
	-moz-animation-name: rollOut;
	-o-animation-name: rollOut;
	animation-name: rollOut;
}

/* originally authored by Angelo Rohit - https://github.com/angelorohit */

@-webkit-keyframes lightSpeedIn {
	0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; }
	60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; }
	80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; }
	100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }
}

@-moz-keyframes lightSpeedIn {
	0% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; }
	60% { -moz-transform: translateX(-20%) skewX(30deg); opacity: 1; }
	80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 1; }
	100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; }
}

@-o-keyframes lightSpeedIn {
	0% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; }
	60% { -o-transform: translateX(-20%) skewX(30deg); opacity: 1; }
	80% { -o-transform: translateX(0%) skewX(-15deg); opacity: 1; }
	100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; }
}

@keyframes lightSpeedIn {
	0% { transform: translateX(100%) skewX(-30deg); opacity: 0; }
	60% { transform: translateX(-20%) skewX(30deg); opacity: 1; }
	80% { transform: translateX(0%) skewX(-15deg); opacity: 1; }
	100% { transform: translateX(0%) skewX(0deg); opacity: 1; }
}

.animated.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    -moz-animation-name: lightSpeedIn;
    -o-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;

    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

.animated.lightSpeedIn {
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
}

/* originally authored by Angelo Rohit - https://github.com/angelorohit */

@-webkit-keyframes lightSpeedOut {
    0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }
	100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; }
}

@-moz-keyframes lightSpeedOut {
	0% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; }
	100% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; }
}

@-o-keyframes lightSpeedOut {
	0% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; }
	100% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; }
}

@keyframes lightSpeedOut {
	0% { transform: translateX(0%) skewX(0deg); opacity: 1; }
	100% { transform: translateX(100%) skewX(-30deg); opacity: 0; }
}

.animated.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    -moz-animation-name: lightSpeedOut;
    -o-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;

    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

.animated.lightSpeedOut {
    -webkit-animation-duration: 0.25s;
    -moz-animation-duration: 0.25s;
    -o-animation-duration: 0.25s;
    animation-duration: 0.25s;
}

/* originally authored by Angelo Rohit - https://github.com/angelorohit */

@-webkit-keyframes wiggle {
    0% { -webkit-transform: skewX(9deg); }
    10% { -webkit-transform: skewX(-8deg); }
    20% { -webkit-transform: skewX(7deg); }
    30% { -webkit-transform: skewX(-6deg); }
    40% { -webkit-transform: skewX(5deg); }
    50% { -webkit-transform: skewX(-4deg); }
    60% { -webkit-transform: skewX(3deg); }
    70% { -webkit-transform: skewX(-2deg); }
    80% { -webkit-transform: skewX(1deg); }
    90% { -webkit-transform: skewX(0deg); }
	100% { -webkit-transform: skewX(0deg); }
}

@-moz-keyframes wiggle {
    0% { -moz-transform: skewX(9deg); }
    10% { -moz-transform: skewX(-8deg); }
    20% { -moz-transform: skewX(7deg); }
    30% { -moz-transform: skewX(-6deg); }
    40% { -moz-transform: skewX(5deg); }
    50% { -moz-transform: skewX(-4deg); }
    60% { -moz-transform: skewX(3deg); }
    70% { -moz-transform: skewX(-2deg); }
    80% { -moz-transform: skewX(1deg); }
    90% { -moz-transform: skewX(0deg); }
	100% { -moz-transform: skewX(0deg); }
}

@-o-keyframes wiggle {
    0% { -o-transform: skewX(9deg); }
    10% { -o-transform: skewX(-8deg); }
    20% { -o-transform: skewX(7deg); }
    30% { -o-transform: skewX(-6deg); }
    40% { -o-transform: skewX(5deg); }
    50% { -o-transform: skewX(-4deg); }
    60% { -o-transform: skewX(3deg); }
    70% { -o-transform: skewX(-2deg); }
    80% { -o-transform: skewX(1deg); }
    90% { -o-transform: skewX(0deg); }
	100% { -o-transform: skewX(0deg); }
}

@keyframes wiggle {
    0% { transform: skewX(9deg); }
    10% { transform: skewX(-8deg); }
    20% { transform: skewX(7deg); }
    30% { transform: skewX(-6deg); }
    40% { transform: skewX(5deg); }
    50% { transform: skewX(-4deg); }
    60% { transform: skewX(3deg); }
    70% { transform: skewX(-2deg); }
    80% { transform: skewX(1deg); }
    90% { transform: skewX(0deg); }
	100% { transform: skewX(0deg); }
}

.animated.wiggle {
    -webkit-animation-name: wiggle;
    -moz-animation-name: wiggle;
    -o-animation-name: wiggle;
    animation-name: wiggle;

    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

.animated.wiggle {
    -webkit-animation-duration: 0.75s;
    -moz-animation-duration: 0.75s;
    -o-animation-duration: 0.75s;
    animation-duration: 0.75s;
}





/* jQuery Countdown styles 2.0.0. */
.is-countdown {
	border: 1px solid #ccc;
	background-color: #eee;
}
.countdown-rtl {
	direction: rtl;
}
.countdown-holding span {
	color: #888;
}
.countdown-row {
	clear: both;
	width: 100%;
	padding: 0px 2px;
	text-align: center;
}
.countdown-show1 .countdown-section {
	width: 98%;
}
.countdown-show2 .countdown-section {
	width: 48%;
}
.countdown-show3 .countdown-section {
	width: 32.5%;
}
.countdown-show4 .countdown-section {
	width: 24.5%;
}
.countdown-show5 .countdown-section {
	width: 19.5%;
}
.countdown-show6 .countdown-section {
	width: 16.25%;
}
.countdown-show7 .countdown-section {
	width: 14%;
}
.countdown-section {
	display: block;
	float: left;
	font-size: 75%;
	text-align: center;
}
.countdown-amount {
    font-size: 200%;
}
.countdown-period {
    display: block;
}
.countdown-descr {
	display: block;
	width: 100%;
}


/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #cccccc; }
    .mfp-preloader a:hover {
      color: white; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }
button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px; }
  .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px; }
  .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444444; }
  .mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }



/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#fbadad;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#fbadad;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#fbadad;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#fbadad}



@font-face {
  font-family: 'fontello';
  src: url('fonts/fontello.eot?47752256');
  src: url('fonts/fontello.eot?47752256#iefix') format('embedded-opentype'),
       url('fonts/fontello.woff2?47752256') format('woff2'),
       url('fonts/fontello.woff?47752256') format('woff'),
       url('fonts/fontello.ttf?47752256') format('truetype'),
       url('fonts/fontello.svg?47752256#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?47752256#fontello') format('svg');
  }
}
*/
 
 [class^="de-icon-"]:before, [class*=" de-icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  
}
 

.de-icon-heart:before { content: '\e802'; } 
.de-icon-zoom-in:before { content: '\e84f'; } 
.de-icon-zoom-out:before { content: '\e850'; }
.de-icon-down-open:before { content: '\e857'; } 
.de-icon-left-open:before { content: '\e858'; } 
.de-icon-right-open:before { content: '\e859'; } 
.de-icon-up-open:before { content: '\e85a'; } 
.de-icon-heart-1:before { content: '\e8a5'; } 
.de-icon-heart-empty-1:before { content: '\e8a6'; } 
.de-icon-circle:before { content: '\f111'; } 
.de-icon-bed:before { content: '\f236'; }
.de-icon-menu:before { content: '\f0c9'; }

/*============================== 
	- Template Name: MARRY - Responsive HTML Wedding Template
	- Author: DoubleEight
	- Version: 1.0.0
	- Website: themeforest.net/user/doubleeight/portfolio
================================= */	

/*---------------------- 
	Stylesheet Guide
------------------------
00. PRELOADER

01. GENERAL
			
02. NAV BAR
	02.1 Width & Color
		02.1.1 Fixed Width
		02.1.2 Fluid Width
		02.1.3 Top Bar
		02.1.4 Bottom Bar
		02.1.5 Transparent & Block Color
	02.2 Logo & Nav Position
		02.2.1 Nav Center
		02.2.2 Nav Left
		02.2.3 Nav Right
		
03. NAV MENU
	03.1 Parent Menu
		03.1.1 Transparent
		03.1.2 Additional Class For Nav Center
	03.2 Child Menu
		03.2.1 Transparent Child Menu
		03.2.2 Child-Parent Arrow
		03.2.3 More Child
	03.3 Mobile Nav
		
05. LOGO
	05.1 Default (Nav) Logo
	05.2 Wedding Logo 
	05.3 IMG Logo

06. MAIN-SLIDER
	06.1 Main Slider Height
	06.2 Main Slider Flexslider
		06.2.1 Main Slider Flexslider Control Nav & Paging
	06.3 Main Slider Slide Image and Video
	06.4 Main Slider Title
		06.4.1 Outter Wrapper 
		06.4.2 Inner Wrapper
		06.4.3 Title Wrapper
		06.4.4 Title Alignment
		06.4.5 Couple Name Title
		06.4.6 Default Page Title		
	06.5 Each Slide Overlay
	06.6 Each Slide Caption
	06.7 Hack Flexslider Fade for Firefox & IE11
	06.8 Loop Animation
		06.8.1 Zoom
		06.8.2 Left-Right
	06.9 Video Audio Control
	06.10 Slide Arrow
		
07. PAGE
	07.1 Page Element
		07.1.1 Title-Excerpt White Box
		07.1.2 Align Middle Wrapper	
		07.1.3 Image & Video Divider
		07.1.4 Space & Line Divider
		07.1.5 Popup Template
		07.1.6 Autocrop Image
		07.1.7 Popup Video
		07.1.8 Map
		07.1.9 Box Countdown
		07.1.10 Circle Countdown
		07.1.11 Section Block
		07.1.12 Divider Quote
		07.1.13 Loader Animation

08. ICON
	08.1 Size
	08.2 Shape / Color
		08.2.1 Default	
		08.2.2 Light-1
		08.2.3 Light-2
		08.2.4 Circle, Rounded, Square
	08.3 Effect Zoom 
	08.4 Effect Rotate
	08.5 Effect Square/Rounded To Circle	
	
09. BUTTON
	09.1 Color
		09.1.1 Default
		09.1.2 Outline Dark
		09.1.3 Light-1	
		09.1.4 Light-2
	09.2 Size
	09.3 Rounded	
			
10. PHOTO ITEM
	10.1 Image
	10.2 Layer
		10.2.1 Layer : Second Image
		10.2.2 Layer : Black Overlay 
		10.2.3 Layer : Photo Caption
		10.2.4 Layer : Icon / Button Link  
	10.3 on Hover Animation
		10.3.1 on Hover Animation Duration
		10.3.2 on Hover Animation Delay	
		10.3.3 on Hover Zoom In	
		10.3.4 on Hover Zoom In and Rotate
		10.3.5 on Hover Fade Out		

11. MASONRY GALLERY
	11.1 Three Column No Gutter
	11.2 Three Column With Gutter
	11.3 Four Column No Gutter
	11.4 Four Column With Gutter
	11.5 Five Column No Gutter
	11.6 Five Column With Gutter	
	
12. FORM
	12.1 Form Group
	12.2 Form Control
	12.3 Input Group
	12.4 Label
	12.5 Button
	12.6 Checkbox and Radio(Custom)
	12.7 Select Option
	12.8 Message
	12.9 Validation	
		
13. HOME PAGE
	13.1 Couple Section
	13.2 Adventure Begin
	13.3 The Wedding Section
	13.4 Footer Section
	
14. HOME PAGE 2
	
15. OTHER PAGES
	15.1 About / Story Page
	15.2 Our Story
	15.3 Location
	15.4 Bridesmaid / Groomsmen
	15.5 Gift Registry
	15.6 Gallery
	15.7 Accomodation

16. ONEPAGE SECTION
	16.1 Our Story Section
	16.2 Save the Date Section
	16.3 Counting Section
	16.4 Attending Section
	16.5 Gift Registry Section
	
17. OTHER SECTIONS
	17.1 Event Carousel

18. PLUGIN CUSTOM
	18.1 Owl Carousel
	18.2 Magnific Popup

18. MEDIA SCREEN
	- @media screen and (max-width: 1200px)
	- @media screen and (max-width: 991px)
	- @media screen and (max-width: 991px) and (orientation : landscape)
	- @media screen and (max-width: 768px)
	- @media screen and (max-width: 480px)
	- @media screen and (max-width: 320px)
	
*/


/* Theme Color 			: #fbadad */
/* Light Theme Color 	: #fa9996 */
/* RGB Color			: 249, 141, 138 */

/*===============================================*/
/* 00. PRELOADER		 						 */
/*===============================================*/
/* See: */
/* - preloader.css */



/*===============================================*/
/* 01. GENERAL			 						 */
/*===============================================*/

body{
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	color:#666;
	background-color:#faf8f8;
	font-size:16px;
	line-height:27px;
}

h1,h2,h3,h4,h5,h6,
.h1, .h2, .h3, .h4, .h5, .h6{
	font-family: 'Alex Brush', cursive;
}

h1, h2, h3, h4, h5, h6, 
.h1, .h2, .h3, .h4, .h5, .h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
.h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a{
	color:#4a4a4a;
}

h1 a:hover, h2 a:hover, h3 a:hover, 
h4 a:hover, h5 a:hover, h6 a:hover{
	color:#fbadad;
}

h1, .h1{
	font-size:54px;
	letter-spacing:4px;
	margin: 40px 0;
}

h1.bigger, .h1.bigger{
	font-size:60px;
}

h2, .h2{
	font-size:42px;
	letter-spacing:4px;
	margin: 40px 0;
}

h3, .h3{
	font-size:30px;
	letter-spacing:4px;
	margin: 30px 0;
}

h4, .h4{
	font-size:48px;
	letter-spacing:2px;
	margin:48px 0;
}

h5, .h5{
  font-size: 32px;
  letter-spacing:2px;
  margin:20px 0;
  line-height:32px;
}

h6, .h6{
  font-size: 14px;
  letter-spacing:2px;
  margin:10px 0;
}

h1.inline, h2.inline, h3.inline,
h4.inline, h5.inline, h6.inline{
	display:inline;
	vertical-align:middle; 
}

p{
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	font-size:16px;
	line-height:27px;
	margin-bottom:25px;
}

p.lead{
	font-size:20px;
	line-height:30px;
	font-weight:normal;
}

a{
	text-decoration:underline;
	color:#fbadad;
}

a.grey-link{
	color:#6a6a6a;
}

a.with-underline{
	text-decoration:underline;
}

a:hover{
	text-decoration:none;
	color:#fbadad;
}

.clearboth{
	clear:both;
}

.no-padding{
	padding:0;
}

.no-margin{
	margin:0;
}

img.fullwidth{
	width:100%;
}

img.with-border{
	border:1px solid #6a6a6a;
}

img.rounded{
	border-radius:50%;
}

.hide-on-mobile{
	display:block;
}

.hide-on-desktop{
	display:none;
}

.theme-color{
	color:#fbadad;
}

.paragraph-row-wrapper{
	margin:40px 0;
}

.padding-on-bottom {
	padding-bottom:90px;
}

/*===============================================*/
/* 02. NAV BAR  	 							 */
/*===============================================*/
#nav-header{
	position:relative;	
	z-index:1000; 
}

#nav-bar{
	position:relative;
	height:90px;
	width:100%;
	z-index:1000;
}

#nav-bar.hide-first{
	visibility:hidden;
}

/* ----------------------------------------------*/
/* 02.1 Width & Color 							 */
/* ----------------------------------------------*/

/* 02.1.1 Fixed-width 							 */
/* ----------------------------------------------*/
#nav-bar.fixed-width #nav-wrapper{
	position:relative;
	height:inherit;
	width:1170px;
	margin:0 auto;	
	padding:0 30px;
}

/* 02.1.2 Fluid-width 							 */
/* ----------------------------------------------*/
#nav-bar.fluid-width #nav-wrapper{
	position:relative;
	height:inherit;
	width:100%;
	padding:0 100px;
}

/* 02.1.3 Top Bar 								 */
/* ----------------------------------------------*/
#nav-bar.top-bar{
	position:absolute;
	/*background-color:transparent;*/
	margin:auto; 
	left:0; 
	right:0;
}

#nav-bar.top-bar.stick-it{
	position:fixed;
	height:90px; 
	width:100%;
	background-color:#FFF;
	z-index:1500;
	visibility:visible;
	/*-webkit-transform: translateZ(0);*/
}

/* 02.1.4 Bottom Bar 							 */
/* ----------------------------------------------*/
#nav-bar.bottom-bar.inside{
	position:absolute;
	/*background-color:transparent;*/
	bottom:0;
}

/*#nav-bar.bottom-bar.outside{
	position:relative;
}*/

#nav-bar.bottom-bar.stick-it{
	position:fixed;
	height:90px; 
	width:100%;
	background-color:#FFF;
	z-index:1500;
	top:0;
	bottom:auto;
	/*-webkit-transform: translateZ(0)*/
	
}

/* 02.1.5 Transparent & Block Color 			 */
/* ----------------------------------------------*/
#nav-bar.transparent{
	/*position:relative;*/ 
	background-color:transparent;
}

#nav-bar.block-color{
	/*position:relative; */ 
	background-color:#FFF;
}

/*.is-sticky #nav-bar.block-color{
	-webkit-transform: translateZ(0)
}*/

/* ----------------------------------------------*/
/* 02.2 Logo & Nav Position						 */
/* ----------------------------------------------*/

.logo-wrapper{
	position:relative; 
	width:70px; 
	height:70px;
	margin-top:15px;
}

#nav-menu{	
	list-style-type:none; 
	margin:0; 
	padding:25px 0 0 0;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	font-size:14px;
	letter-spacing:1px;
	z-index:1000;
}

/* 02.2.1 Nav Center 							 */
/* ----------------------------------------------*/
#nav-bar.nav-center .logo-wrapper{
	position:absolute; 
	margin:auto; 
	top:0; 
	left:0; 
	right:0;
	bottom:0;
}

#nav-bar.nav-center.hide-logo-on-desktop .logo-wrapper{
	display:none
}

#nav-bar.nav-center #nav-menu{
	text-align:center; 
}

/* 02.2.2 Nav Left 								 */
/* ----------------------------------------------*/
#nav-bar.nav-left .logo-wrapper{
	float:right;
}

#nav-bar.nav-left #nav-menu{
	float:left;
	text-align:left;
	width:90%;
}

/* 02.2.3 Nav Right 							 */
/* ----------------------------------------------*/
#nav-bar.nav-right .logo-wrapper{
	float:left;
}

#nav-bar.nav-right #nav-menu{
	float:right;
	text-align:right;
	width:90%;
}


/*===============================================*/
/* 03. NAV MENU	 	 							 */
/*===============================================*/

/* ----------------------------------------------*/
/* 03.1 Parent Menu								 */
/* ----------------------------------------------*/
#nav-menu > li{
	position:relative;
	display:inline;	
}

#nav-menu > li a{
	color:#666;
	text-decoration:none;
}

#nav-menu > li > a{
	display:inline-block;
	padding: 0px 5px;
	margin:0 5px;
	border:solid transparent 1px;
}

#nav-menu > li > a:hover,
#nav-menu > li > a.active{
	/*color:#fbadad;*/
	border-color:#b3b3b3;
}

/* 03.1.1 Transparent 							 */
/* ----------------------------------------------*/
.transparent #nav-menu > li > a{
	color:#FFF;
}

.transparent #nav-menu > li > a:hover,
.transparent #nav-menu > li > a.active{
	color:#FFF;
	border-color:#FFF;
}

.transparent.stick-it #nav-menu > li > a{
	color:#666
}

.transparent.stick-it #nav-menu > li > a:hover,
.transparent.stick-it #nav-menu > li > a.active{
	color: #fbadad;
	border-bottom:2px solid #fbadad;
}

/* 03.1.2 Additional Class For Nav Center 		 */
/* ----------------------------------------------*/
.nav-center .first-child-margin{
	margin-left:10px;
}

.nav-center .last-child-margin{
	margin-right:80px;
}

.nav-center .split-margin{
	margin-left:75px;
}

.nav-center.hide-logo-on-desktop .first-child-margin,
.nav-center.hide-logo-on-desktop .last-child-margin,
.nav-center.hide-logo-on-desktop .split-margin{
	margin:0;
}

/* ----------------------------------------------*/
/* 03.2 Child Menu								 */
/* ----------------------------------------------*/
#nav-menu ul{
	position:absolute;
	display:none;
	width:250px;	
	left:8px;
	list-style-type:none;
	padding:30px 0 0 0;
	text-align:left;
	font-weight:400;
	letter-spacing:0;
}

#nav-menu li:hover > ul{
	display:block;
}

#nav-menu ul li{
	position:relative;
	width:100%;
}

#nav-menu ul li a{
	display:block;
	width:100%;
	margin:0px;
	border-radius:0;
	border:solid thin #dcdcdc;
	border-bottom:none;
	padding:18px 20px;
	background-color:#FFF;
}   

#nav-menu ul li:first-child a{
	border-radius:3px 3px 0 0;
} 

#nav-menu ul li:last-child a{
	border-radius:0 0 3px 3px;
}   
  

#nav-menu ul li a:hover,
#nav-menu ul li a.active{	
	color:#fbadad;
}

/* 03.2.1 Transparent Child						 */
/* ----------------------------------------------*/
.transparent #nav-menu ul{
	padding:25px 0 0 0;
}

.transparent.stick-it #nav-menu ul{
	padding:30px 0 0 0;
}

.transparent #nav-menu ul li a{
	color:#666;
}

.transparent #nav-menu ul li a:hover,
.transparent #nav-menu ul li a.active{
	color:#fbadad;
}

/* 03.2.2 Child-Parent Arrow 					 */
/* ----------------------------------------------*/
#nav-menu li > ul li a:after { 
	content: '>'; 
	position:absolute;
	right:15px;
} 

#nav-menu li > ul li a:only-child:after { 
	content: ''; 
}

/* 03.2.3 More Child 						  	 */
/* ----------------------------------------------*/
#nav-menu ul ul{
	top:0;
	left:100%;
	padding:0 0 0 5px !important;
	border:none;
}

#nav-menu ul ul.on-left{
	left:-100%;
}

#nav-menu ul ul.move1-to-top{
	top:-100%;
}

#nav-menu ul ul.move2-to-top{
	top:-200%;
}

#nav-menu ul ul.move3-to-top{
	top:-300%;
}

#nav-menu ul ul.move4-to-top{
	top:-400%;
}

#nav-menu ul ul.move5-to-top{
	top:-500%;
}

/* ----------------------------------------------*/
/* 03.3 Mobile Nav								 */
/* ----------------------------------------------*/
#mobile-nav{
	display:none;
}

#mobile-nav,
.transparent.stick-it #mobile-nav{
	color:#666;
}

.transparent #mobile-nav{
	color:#FFF;
}


/*===============================================*/
/* 05. LOGO	 	 	 							 */
/*===============================================*/

/* ----------------------------------------------*/
/* 05.2	Wedding Logo							 */
/* ----------------------------------------------*/
.logo-scale-wrapper{
	-ms-transform: scale(0.9, 0.9); 
	-webkit-transform: scale(0.9, 0.9);
	 transform: scale(0.9, 0.9);	 
	 -ms-transform-origin: left top;
	 -webkit-transform-origin: left top;
	 transform-origin: left top;
}

.wedding-logo{
	position:relative; 
	width:70px; 
	height:70px; 
	margin:0 auto; 
	margin-bottom:30px;
}

.transparent .wedding-logo{
	color:#FFF;
}

.transparent.stick-it .wedding-logo{
	color:#666;
}

.line-1{
	position:absolute; 
	width:77px; 
	height:5px; 
	top:30px; 
	left:-3px; 
	border-bottom:1px solid #FFF; 
	-ms-transform: rotate(45deg); 
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.line-2{
	position:absolute; 
	width:77px; 
	height:5px; 
	top:30px; 
	right:-2px; 
	border-bottom:1px solid #FFF; 
	-ms-transform: rotate(-45deg); 
	-webkit-transform: rotate(-45deg); 
	transform: rotate(-45deg);
}

.transparent.stick-it .line-1,
.transparent.stick-it .line-2,
.block-color .line-1,
.block-color .line-2{
	border-color:#666; 
}

.her-initial{
	position:absolute; 
	font-family: 'Roboto', sans-serif; 
	font-weight:100; 
	font-size:18px; 
	top:20px;
}

.his-initial{
	position:absolute; 
	font-family: 'Roboto', sans-serif; 
	font-weight:100; 
	font-size:18px; 
	top:20px; 
	right:0;
}

.top-heart{
	position:absolute; 
	font-family: 'fontello', sans-serif; 
	font-weight:700; 
	font-size:11px; 
	top:2px; 
	left:26px; 
	color:#fbadad;
}

.bottom-heart{
	position:absolute;
	font-family: 'fontello', sans-serif; 
	font-weight:700; 
	font-size:11px; 
	bottom:2px; 
	left:26px; 
	color:#fbadad;
}




/*===============================================*/
/* 06. MAIN-SLIDER					 		 	 */
/*===============================================*/
#main-slider {
	margin:0; 
	padding:0;
	position:relative;
	overflow:hidden;
}

#pw-slider {
	margin:0; 
	padding:0;
	position:relative;
}

/* ----------------------------------------------*/
/* 06.1 Main Slider Height					     */
/* ----------------------------------------------*/
/* #main-slider.fullscreen - script.js			 */

#main-slider.fixed-height{
	position:relative;
	height:1080px;
}

/* ----------------------------------------------*/
/* 06.3 Main Slider Slide Image and Video	 	 */
/* ----------------------------------------------*/

#main-slider .slide-image {
	position:relative;
	height:inherit;
	width:100%;
	background-size:cover; 
	background-position:50% 50%;
	background-color:#FFF;
	-webkit-transform: translateZ(0);
}

#main-slider .slide-image video{
	position:absolute; 
	margin:auto; 
	top:0; 
	left:0;
}
	
#main-slider .video-button-wrapper{
	margin-top:0px;
}



/* ----------------------------------------------*/
/* 06.4 Main Slider Title					     */
/* ----------------------------------------------*/

/* 06.4.1 Outter Wrapper */
/* ----------------------------------------------*/
.slide-title-outter-wrapper{
	position:absolute; 
	width:100%; 
	/*height:inherit;*/
	height:100%; 
	top:0;
	left:0; 
	z-index:3;
	overflow:hidden;
}

.slide-pwtitle-outter-wrapper{
	position:absolute; 
	width:100%; 
	height:auto;
	top:0;
	left:0; 
	z-index:3;
	overflow:hidden;
}

/* 06.4.2 Inner Wrapper */
/* ----------------------------------------------*/
.slide-title-inner-wrapper{
	width:1170px; 
	height:inherit; 
	margin:0 auto; 
	display: table;
}

/* 06.4.3 Title Wrapper */
/* ----------------------------------------------*/
.slide-title{ 
	display: table-cell;
	text-align:center;	
    color:#FFF;
}

.slide-home-title, .slide-home-title-pw{ 
	display: table-cell;
    color:#FFF;
}

.slide-title h1, .slide-title h2, .slide-title h3,
.slide-title h4, .slide-title h5, .slide-title h6,
.slide-title-pw h1, .slide-title-pw h2, .slide-title-pw h3,
.slide-title-pw h4, .slide-title-pw h5, .slide-title-pw h6{
	color:#FFF;
}

.slide-home-title h1, .slide-home-title-pw h1{
	color:#FFF;
}

.slide-home-title h1, .slide-home-title .h1, .slide-home-title-pw h1, .slide-home-title-pw .h1{
	margin:40px 0;
}

.slide-title h1, .slide-title .h1{
	margin:20px 0;
}


/* 06.4.4 Title Alignment */
/* ----------------------------------------------*/
.slide-title.align-middle, .slide-home-title.align-middle, .slide-title-pw.align-middle, .slide-home-title-pw.align-middle{
	vertical-align: middle;
}
.slide-title.align-top, .slide-home-title.align-top {
	vertical-align: top;
	/*padding-top:100px;*/
}
.slide-title.align-bottom, .slide-home-title.align-bottom {
	vertical-align: bottom;
	/*padding-bottom:0px;*/
}

/* 06.4.5 Couple Name Title 					 */
/* ----------------------------------------------*/
#slide-couplename-wrapper{
	margin-top:190px;
}

#slide-pw-wrapper{
	margin-top:0px;
}

#slide-name{
	position:relative; 
	font-family: 'Alex Brush', cursive;
	font-size:100px;
	line-height: 100px;
}

#slide-gettingMarried{
	position:relative; 
	font-family: 'Roboto', sans-serif;
	font-weight:100;
	font-size:50px; 
	margin-top:10px;
	line-height: 50px;
	
}

#slide-saveDate{
	font-family: 'Alex Brush', cursive;
	font-size:100px; 
	line-height: 80px;
	letter-spacing:6px; 
	margin-top:40px;
}

#slide-date{
	position:relative; 
	font-family: 'Roboto', sans-serif;
	font-weight:100;
	font-size:50px;
	line-height: 50px;  
	margin-top:10px;
}

/* 06.4.6 Default Page Title */
/* ----------------------------------------------*/
#slide-pagetitle-wrapper{
	margin-top:90px
}

/* ----------------------------------------------*/
/* 06.5 Each Slide Overlay					     */
/* ----------------------------------------------*/

.slide-overlay{
	position:absolute;
	top:0;
	display:block; 
	width:inherit; 
	height:inherit; 
	background-color:#000; 
	opacity:0.3;
	-webkit-transform: translateZ(0);
}

/* ----------------------------------------------*/
/* 06.6 Each Slide Caption					     */
/* ----------------------------------------------*/
.slide-caption{
	position:absolute;
	top:0;
	display:block;
	width:inherit; 
	height:inherit; 
	color:#fff;	
}

.use-animation{
	visibility:hidden
}

	
/* ----------------------------------------------*/
/* 06.8 heart text effect			 			 */
/* ----------------------------------------------*/

.particletext {
	position: relative; 
} 
.particle { 
	opacity: 0; 
	position: absolute; 
	background-color: #fbadad; 
	animation: hearts 3s ease-in infinite; 
}
.particle:before, .particle:after { 
	position: absolute; 
	content: ''; 
	border-radius: 100px; 
	top: 0px; 
	left: 0px; 
	width: 100%; 
	height: 100%; 
	background-color: #fbadad; 
} 
.particle:before { 
	transform: translateX(-50%); 
} 
.particle:after { 
	transform: translateY(-50%);
} 	
@keyframes hearts { 
	0% { opacity: 0; 
		transform: translate(0, 0%) rotate(45deg); 
	} 
	20% { opacity: 0.8; 
		transform: translate(0, -20%) rotate(45deg); 
	} 100% { opacity: 0; transform: 
		translate(0, -1000%) rotate(45deg); 
	} 
} 


/* ----------------------------------------------*/
/* 06.8 Loop Animation						     */
/* ----------------------------------------------*/

/* 06.8.1 Zoom									 */
/* ----------------------------------------------*/
@-webkit-keyframes zoom-in-out {
   0% {-webkit-transform: scale(1); /* Chrome, Safari, Opera */
    transform: scale(1);}
	50% {-webkit-transform: scale(1.1); /* Chrome, Safari, Opera */
    transform: scale(1.1);}
	100%	{-webkit-transform: scale(1); /* Chrome, Safari, Opera */
    transform: scale(1);}
}

@keyframes zoom-in-out {
    0% {-webkit-transform: scale(1); /* Chrome, Safari, Opera */
    transform: scale(1);}
	50% {-webkit-transform: scale(1.1); /* Chrome, Safari, Opera */
    transform: scale(1.1);}
	100%	{-webkit-transform: scale(1); /* Chrome, Safari, Opera */
    transform: scale(1);}
}

.zoom.animate{
	-webkit-transform: scale(1); /* Chrome, Safari, Opera */
    transform: scale(1);
	-webkit-animation: zoom-in-out 30s; /* Chrome, Safari, Opera */
    animation: zoom-in-out 30s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}


/* 06.8.2 Left-Right							 */
/* ----------------------------------------------*/
@-webkit-keyframes move-left-right {
   0% { background-position: 50% 50%; }
    25% { background-position: 100% 50%; }
	50% { background-position: 50% 50%; }
	75%	{ background-position: 0% 50%; }
	100%	{ background-position: 50% 50%; }
}

@keyframes move-left-right {
    0% { background-position: 50% 50%; }
    25% { background-position: 100% 50%; }
	50% { background-position: 50% 50%; }
	75%	{ background-position: 0% 50%; }
	100%	{ background-position: 50% 50%; }
}

.left-right.animate{
	background-position:50% 50%;
	-webkit-animation: move-left-right 240s; /* Chrome, Safari, Opera */
    animation: move-left-right 240s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

/* ----------------------------------------------*/
/* 06.9 Video Audio Control					 	 */
/* ----------------------------------------------*/
.video-audio-control{
	height: 50px;
	width: 100%;
	position: absolute;
	bottom: 0;
	z-index: 4;
	padding-right:10px;
	text-align:right;
	color:#FFF;
}

.video-audio-control.fixed-position{
	position:fixed;
}

.video-audio-control.mobile{
	display:none;
}

#soundcloud-track{
	position:absolute;
	z-index:2000;
	top:-200px;
	right:20px;
	width:200px;
	opacity:0;
	-webkit-transition: all 0.5s; 
		-ms-transition: all 0.5s;
		 -o-transition: all 0.5s;
			transition: all 0.5s;
	-webkit-transform: scale(0); 
		-ms-transform: scale(0);
		 -o-transform: scale(0);  
			transform: scale(0);			
	 transform-origin: bottom right;	
}

#soundcloud-track.open-window{
	opacity:1;
	-webkit-transform: scale(1); 
		-ms-transform: scale(1);
		 -o-transform: scale(1);  
			transform: scale(1);		
}

/* ----------------------------------------------*/
/* 06.10 Slide Arrow							 */
/* ----------------------------------------------*/
#slide-arrow{
	position:absolute; 
	left:0; 
	right:0; 
	bottom:25px; 
	margin:auto;
	z-index:2000;
	text-align:center;
	width:100px;
}

#slide-arrow a{
	color:#FFF;
	font-size:16px;
}

@-webkit-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 
 40% {-webkit-transform: translateY(-15px);}
 60% {-webkit-transform: translateY(-7px);}
}
 
@-moz-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
 40% {-moz-transform: translateY(-15px);}
 60% {-moz-transform: translateY(-7px);}
}
 
@-o-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
 40% {-o-transform: translateY(-15px);}
 60% {-o-transform: translateY(-7px);}
}
@keyframes bounce {
 0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
 40% {transform: translateY(-15px);}
 60% {transform: translateY(-7px);}
}

.bounceloop{
	animation: bounce 2s infinite;
 	-webkit-animation: bounce 2s infinite;
 	-moz-animation: bounce 2s infinite;
 	-o-animation: bounce 2s infinite;
}

/*===============================================*/
/* 07. PAGE										 */
/*===============================================*/

/* ----------------------------------------------*/
/* 07.1 PAGE ELEMENT	 	 					 */
/* ----------------------------------------------*/

/* 07.1.1 Title-Excerpt White Box				 */
/* ----------------------------------------------*/
.title-excerpt{
	position:relative;
	background-color:#FFF; 
	padding:25px;
}

/* 07.1.2  Align Middle Wrapper					 */
/* ----------------------------------------------*/
.alignment{
	position:absolute;
	display:table;
	height:100%;
	width:100%;
}

.v-align{
	display:table-cell;	
}

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

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

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

/* 07.1.3 Image & Video Divider					 */
/* ----------------------------------------------*/
.divider-wrapper{
	padding:130px 0;
}

.image-divider {
	position:relative;
	background-size:cover;
	-webkit-background-size:cover;
	background-attachment: scroll;
	background-position:center center;
	background-repeat:no-repeat;
	color:#FFF;
	overflow:hidden;
}

.image-divider.mobile {
	background-attachment:scroll;
}

.image-divider video {
	position:absolute; 
	margin:auto; 
	top:0; 
	left:0;
}

.video-divider {
	position:relative;
	color:#FFF;
	z-index:3;
}

.image-divider h1, .image-divider h2,
.image-divider h3, .image-divider h4,
.image-divider h5, .image-divider h6 {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	color:#FFF;
}

.image-divider .divider-overlay {
	position:absolute; 
	top:0; 
	display:block; 
	width:100%; 
	height:100%; 
	background-color:#000; 
	opacity:0.1;
}

.image-divider.auto-height {
	height:100%;
	width:100%;
	padding:150px 0;
}

.image-divider.fixed-height {
	height:550px;
	width:100%;
	padding:0;
}

.pwImage {
	background-image:url(../images/pwscreen.jpg); 
	background-position:center;
}

.homeImage {
	background-image:url(../images/main.jpg); 
	background-position:center;
}

.divideImage1 {
	background-image:url(../images/main1.jpg);
	background-position:top;
}

.divideImage2 {
	background-image:url(../images/main6.jpg);
	background-position: top;
}

.divideImage3 {
	background-image:url(../images/main4.jpg);
	background-position:top;
}

.footerImage {
	background-image:url(../images/main5.jpg);
	background-position:center;
}

/* 07.1.4 Space and Line Divider				 */
/* ----------------------------------------------*/
.space-divider{
	display:block;
	height:150px
}

hr.line-divider{
	height:2px;
	border:none;
	color:#e1dddd;
	background-color:#e1dddd; 
	margin:50px 0
}

/*-----------------------------------------------*/
/* 07.1.5 Popup Template						 */
/*-----------------------------------------------*/
#popup-template{
	width:900px;
	margin:30px auto;
	background-color:#FFF;
}

#popup-template #main-image{
	height:485px;
	width:100%;
	position:relative;
}

#popup-template-title-wrapper{
	position:absolute; 
	bottom:40px; 
	color:#FFF; 
	text-align:center;
	padding:0 40px;
	margin:0 auto;
	width:100%;
}

#popup-template #the-content{
	padding:60px 75px;
}

#popup-template #the-content img{
	width:100%;
	margin:10px 0 30px 0;
}

/*-----------------------------------------------*/
/* 07.1.6 Autocrop Image						 */
/*-----------------------------------------------*/
.autocrop-image{
 	display:block;
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
	overflow:hidden;
}


/*-----------------------------------------------*/
/* 07.1.7 Popup Video							 */
/*-----------------------------------------------*/
.popup-video-wrapper{
	position:fixed; 
	z-index:2001; 
	top:0; 
	bottom:0; 
	right:0; 
	left:0; 
	background-color:rgba(0, 0, 0, 0.7);
	display:none;
}

.popup-video{
	position:absolute; 
	top:0; 
	bottom:0; 
	right:0; 
	left:0;
	width:50%;
	margin:auto;
	background-color:#000;
}


/*-----------------------------------------------*/
/* 07.1.8 Map									 */
/*-----------------------------------------------*/
.popup-map-wrapper{
	position:fixed; 
	z-index:2001; 
	display:block; 
	top:0; 
	bottom:0; 
	right:0; 
	left:0; 
	background-color:rgba(0, 0, 0, 0.7);
	display:none;
}

.popup-map{
	position:absolute; 
	top:0; 
	bottom:0; 
	right:0; 
	left:0;
	width:70%;
	height:80%;
	margin:auto;
}

#map-canvas-1{
	height:600px; 
	width:100%; 
}

#map-canvas-2{
	height:450px; 
	width:100%; 
}

#map-canvas-3{
	height:600px; 
	width:100%; 
}

#map-canvas-4{
	height:650px; 
	width:100%; 
}

#popup-map-canvas{
	width:100%; 
	height:100%;
}

.main-icon-wrapper{
	height:175px; 
	width:175px; 
	position:relative;
}

.big-circle{
	position:relative;
	height:175px; 
	width:175px; 
	border-radius:50%; 
	background-color: rgba(249, 141, 138, 0.8); 	
}

.main-icon-text{
	position:absolute;
	font-size:16px;
	line-height:24px;
	font-family: 'Roboto', sans-serif;
	color:#FFF;
	text-align:center;
	top:60px;
	left:0;
	right:0;
	margin: auto;
}

.info-window-wrapper{
	padding:5px;
}

.info-window-desc{
	font-size:14px;
	line-height:20px;
}

.info-window-link{
	font-size:14px;
	line-height:20px;
	margin-top:8px;
}

@-webkit-keyframes scale-animation {
 0%{-webkit-transform: scale(1, 1);} 
 50% {-webkit-transform: scale(0.85, 0.85);}
}
 
@-moz-keyframes scale-animation {
 0% {-moz-transform: scale(1, 1);}
 50% {-moz-transform: scale(0.85, 0.85);}
}
 
@-o-keyframes scale-animation {
 0%{-o-transform: scale(1, 1);}
 50% {-o-transform: scale(0.85, 0.85);}
}
@keyframes scale-animation {
 0% {transform: scale(1, 1);}
 50% {transform: scale(0.85, 0.85);}
}

.scale-animation{
	animation: scale-animation 2s infinite;
 	-webkit-animation: scale-animation 2s infinite;
 	-moz-animation: scale-animation 2s infinite;
 	-o-animation: scale-animation 2s infinite;
}

/*-----------------------------------------------*/
/* 07.1.9 Box Countdown							 */
/*-----------------------------------------------*/
.box-countdown{
	width:100%; 
	margin:0 auto; 
	margin-bottom:30px;
	height:140px;
}

.box-countdown .countdown-row,
.box-countdown .countdown-section{
	height:100%;
}

.box-countdown.is-countdown {
	background-color:transparent;
	border:none;	
	color:#666;
}

.box-countdown .countdown-section{
	position:relative;
}

.box-countdown .countdown-amount {
	font-family: 'Roboto', sans-serif;	
	font-weight:300;
	font-size:36px;
	background-color:#FFF;
	width:90%;
	height:100%;
	display:block;
	padding-top:40px;
	margin:0 auto;	
}

.box-countdown .countdown-period {
	position:absolute;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	text-align:center;
	font-size:16px;  
	top:80px;
	left:0;
	right:0;
	margin:auto;
}


/*-----------------------------------------------*/
/* 07.1.10 Circle Countdown						*/
/*-----------------------------------------------*/

.circle-countdown{
	width:100%; 
	margin:0 auto; 
	margin-top:5px;
	height:140px;
	margin-bottom:20px;
}

.circle-countdown.is-countdown {
	background-color:transparent;
	border:none;
	font-family: 'Roboto', sans-serif;
}

.circle-countdown .countdown-amount {
	background-color:#fbadad;
	color:#FFF;
	width:100px;
	height:100px;
	border-radius:50%;
	display:block;
	padding-top:36px;
	font-size:30px;
	margin:0 auto;
}

.circle-countdown .countdown-period {
	padding:10px;
	display:block;
	text-align:center;
	font-size:14px;
	text-transform:uppercase;    
}


/*-----------------------------------------------*/
/* 07.1.11 Section Block						 */
/*-----------------------------------------------*/
/* Section Block , Content Block */
/* Content block used for content without title, will resize to smaller on mobile, example on about him/her */
.section-block, .content-block{
	padding:90px 0 0 0;
}

.section-block.more-grey,
.content-block.more-grey{
	background-color:#f4f3f3;
}

.intro-text{
	margin-top:30px;
	margin-bottom:40px;
}

/*-----------------------------------------------*/
/* 07.1.12 Divider Quote						*/
/*-----------------------------------------------*/
.quote-top{
	font-family: 'Alex Brush', cursive; 
	font-size:78px;
	line-height: 78px;
}

.quote-middle{
	font-family: 'Alex Brush', cursive; 
	font-size:114px; 
	margin-top:50px; 
	margin-left:-12px
}

.quote-bottom{
	font-family: 'Alex Brush', cursive; 
	font-size:78px;
	margin-top:20px;
	line-height: 78px;
}

/*-----------------------------------------------*/
/* 07.1.13 Loader Animation					 	 */
/*-----------------------------------------------*/
.loader {
  position:absolute; 
  left:0; 
  right:0; 
  top:0; 
  bottom:0; 
  margin: auto; 
  width:100px;
  height:100px;
}

.wrap {
	position:absolute;
	width:100px;
	height:100px;
	float:left;
	
	-webkit-animation-name: rotateThis;
	-webkit-animation-duration:1s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:linear;
	
	-moz-transform:scale(0.3);
	-o-transform:scale(0.3);
}

.wrap div
{
	width:10px;
	height:30px;
	background:#CCC;
	position:absolute;
	top:35px;
	left:45px;
	
	border-radius: 50px;
	-moz-border-radius-bottomleft:50px;
	-moz-border-radius-bottomright:50px;
	-moz-border-radius-topleft:50px;
	-moz-border-radius-topright:50px;	
}

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


.bar1 {
	-o-transform:rotate(0deg) translate(0, -40px);opacity:0.1;
	-moz-transform:rotate(0deg) translate(0, -40px);opacity:0.1;
	-webkit-transform:rotate(0deg) translate(0, -40px);opacity:0.1;
}
.bar2 {
	-o-transform:rotate(36deg) translate(0, -40px);opacity:0.2;
	-moz-transform:rotate(36deg) translate(0, -40px);opacity:0.2;
	-webkit-transform:rotate(36deg) translate(0, -40px);opacity:0.2;
}
.bar3 {
	-o-transform:rotate(72deg) translate(0, -40px);opacity:0.3;
	-moz-transform:rotate(72deg) translate(0, -40px);opacity:0.3;
	-webkit-transform:rotate(72deg) translate(0, -40px);opacity:0.3;
}
.bar4 {
	-o-transform:rotate(108deg) translate(0, -40px);opacity:0.4;
	-moz-transform:rotate(108deg) translate(0, -40px);opacity:0.4;
	-webkit-transform:rotate(108deg) translate(0, -40px);opacity:0.4;
}
.bar5 {
	-o-transform:rotate(144deg) translate(0, -40px);opacity:0.5;
	-moz-transform:rotate(144deg) translate(0, -40px);opacity:0.5;
	-webkit-transform:rotate(144deg) translate(0, -40px);opacity:0.5;
}
.bar6 {
	-o-transform:rotate(180deg) translate(0, -40px);opacity:0.6;
	-moz-transform:rotate(180deg) translate(0, -40px);opacity:0.6;
	-webkit-transform:rotate(180deg) translate(0, -40px);opacity:0.6;
}
.bar7 {
	-o-transform:rotate(216deg) translate(0, -40px);opacity:0.7;
	-moz-transform:rotate(216deg) translate(0, -40px);opacity:0.7;
	-webkit-transform:rotate(216deg) translate(0, -40px);opacity:0.7;
}
.bar8 {
	-o-transform:rotate(252deg) translate(0, -40px);opacity:0.8;
	-moz-transform:rotate(252deg) translate(0, -40px);opacity:0.8;
	-webkit-transform:rotate(252deg) translate(0, -40px);opacity:0.8;
}
.bar9 {
	-o-transform:rotate(288deg) translate(0, -40px);opacity:0.9;
	-moz-transform:rotate(288deg) translate(0, -40px);opacity:0.9;
	-webkit-transform:rotate(288deg) translate(0, -40px);opacity:0.9;
}
.bar10 {
	-o-transform:rotate(324deg) translate(0, -40px);opacity:1;
	-moz-transform:rotate(324deg) translate(0, -40px);opacity:1;
	-webkit-transform:rotate(324deg) translate(0, -40px);opacity:1;
}


/*===============================================*/
/* 08. ICON										 */
/*===============================================*/
.de-icon{
	/*width: 60px;
	height: 60px;
	line-height: 60px;
	font-size:35px;*/
	text-align: center;
	vertical-align: middle;	
	margin:8px 0px;
	
	-webkit-transition: 0.3s all ease;
	-moz-transition: 0.3s all ease;
	-o-transition: 0.3s all ease;
	-ms-transition: 0.3s all ease;
	transition: 0.3s all ease;
	/*The transition will be disabled on script.js for tablet/mobile*/
}

.de-icon.aligncenter{
	margin:0 auto;
}

.de-icon.inline{
	display:inline-block;
	vertical-align:middle;
	margin-right:4px !important;
}

/*.de-icon.float{
	float:left; 
	margin-right:15px
}*/

.de-icon i{
	-webkit-transition: 0.3s all ease;
	-moz-transition: 0.3s all ease;
	-o-transition: 0.3s all ease;
	-ms-transition: 0.3s all ease;
	transition: 0.3s all ease;
	/*The transition will be disabled on script.js for tablet/mobile*/
}

/*------------------------------------------------*/
/* 08.1	 Size 							   	  	  */
/*------------------------------------------------*/
.de-icon.large-size{
	font-size:30px;
	margin:15px 0;	
}

.de-icon.large-size.circle,
.de-icon.large-size.square,
.de-icon.large-size.rounded{
	width: 75px;
	height: 75px;
	line-height: 75px;	
}

.de-icon.medium-size{
	/*font-size:24px;*/
	font-size:22px;
	margin:10px 0;	
}

.de-icon.medium-size.circle,
.de-icon.medium-size.square,
.de-icon.medium-size.rounded{
	width: 55px;
	height: 55px;
	line-height: 55px;
}

.de-icon.small-size{
	/*font-size:18px;	*/
	font-size:16px;
	margin:5px 0;	
}

.de-icon.small-size.circle,
.de-icon.small-size.square,
.de-icon.small-size.rounded{
	width: 40px;
	height: 40px;
	line-height: 40px;	
}

/*.de-icon.very-small-size{
	font-size:11px;	
}

.de-icon.very-small-size.circle,
.de-icon.very-small-size.square,
.de-icon.very-small-size.rounded{
	width: 25px;
	height: 25px;
	line-height: 18px;
}*/

/*------------------------------------------------*/
/* 08.2 Shape / Color							  */
/*------------------------------------------------*/

/* 08.2.1 Default								  */
/*------------------------------------------------*/
.de-icon{
	color:#fbadad;
}

.de-icon.square, .de-icon.circle, .de-icon.rounded{
	background-color:#fbadad;
	color:#FFF;
	/*border:1px solid #fbadad;*/
}

.de-icon.outline{
	background-color:transparent;
	color:#fbadad;
	border:1px solid;
}

.de-icon.outline.dark-1{
	background-color:transparent;
	color:#666;
	border:1px solid;
}

a:hover .de-icon{
	color:#fa9996;
}

a:hover .de-icon.square, a:hover .de-icon.circle, a:hover .de-icon.rounded, a:hover .de-icon.outline{
	color:#FFF;
	background-color:#fa9996;	
}


/* 08.2.2 Light-1						 		 */
/*------------------------------------------------*/
.de-icon.light-1{
	color:#FFF;
}

.de-icon.light-1.square, .de-icon.light-1.circle, .de-icon.light-1.rounded{
	background-color:#FFF;
	color:#fbadad;
	border:1px solid #FFF;
}

.de-icon.light-1.outline{
	background-color:transparent;
	color:#FFF;
	border:1px solid #FFF;
}

a:hover .de-icon.light-1	{
	color:#fbadad;
}

a:hover .de-icon.light-1.square, a:hover .de-icon.light-1.circle, a:hover .de-icon.light-1.rounded, a:hover .de-icon.light-1.outline{
	color:#FFF;
	background-color:#fbadad;
	border-color: #fbadad;
}

/* 08.2.3 Light-2						  */
/*------------------------------------------------*/
.de-icon.light-2{
	color:#FFF;
}

.de-icon.light-2.square, .de-icon.light-2.circle, .de-icon.light-2.rounded{
	background-color:#FFF;
	color:#666;
	border:1px solid #FFF;
}

.de-icon.light-2.outline{
	background-color:transparent;
	color:#FFF;
	border:1px solid #FFF;
}

a:hover .de-icon.light-2	{
	color:#666;
}

a:hover .de-icon.light-2.square, a:hover .de-icon.light-2.circle, a:hover .de-icon.light-2.rounded, a:hover .de-icon.light-2.outline{
	color:#FFF;
	background-color:#fbadad;
	border-color: #fbadad;
}


/* 08.2.4 Circle, Rounded, Square				  */
/*------------------------------------------------*/
.de-icon.circle{
	border-radius: 50%;
}

.de-icon.rounded{
	border-radius: 20%;
}


/*------------------------------------------------*/
/* 08.3 Effect Zoom 						 	  */
/*------------------------------------------------*/
.de-icon.effect-1{
	-webkit-transform: scale(1);
	   -moz-transform: scale(1);
	     -o-transform: scale(1);
	    -ms-transform: scale(1);
	        transform: scale(1);	
}

a:hover .de-icon.effect-1{
	-webkit-transform: scale(1.2);
	   -moz-transform: scale(1.2);
	     -o-transform: scale(1.2);
	    -ms-transform: scale(1.2);
	        transform: scale(1.2);	
}

/*------------------------------------------------*/
/* 08.4 Effect Rotate						  	  */
/*------------------------------------------------*/
.de-icon.effect-2 i{
	display:block;
	-webkit-transform: rotate(0deg);
	   -moz-transform: rotate(0deg);
	     -o-transform: rotate(0deg);
	    -ms-transform: rotate(0deg);
	        transform: rotate(0deg);	
}

a:hover .de-icon.effect-2 i{
	-webkit-transform: rotate(360deg);
	   -moz-transform: rotate(360deg);
	     -o-transform: rotate(360deg);
	    -ms-transform: rotate(360deg);
	        transform: rotate(360deg);	
}

/*------------------------------------------------*/
/* 08.5 Effect Square/Rounded To Circle 	  	  */
/*------------------------------------------------*/
a:hover .de-icon.effect-3{
	border-radius: 50%;
}


/*===============================================*/
/* 09. BUTTON									 */
/*===============================================*/

/* ----------------------------------------------*/
/* 09.1 Color			 					 	 */
/* ----------------------------------------------*/

/* 09.1.1 Default		 					 	 */
/* ----------------------------------------------*/

a.de-button, span.de-button, input[type=submit]{
	display:inline-block; 	
	margin:0 auto; 
	margin-top:20px;
	margin-right:10px; 
	background-color:#fbadad;
	color:#FFF;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	border:solid 1px #fbadad;
	text-decoration:none
}

a.de-button.outline, span.de-button.outline, input[type=submit].outline{
	background-color:transparent; 
	border:solid 1px #fbadad;
	color:#fbadad;
}

a.de-button:hover, input[type=submit]:hover{	
	background-color:#fa9996;
	border-color: #fa9996;
	color:#FFF;
	text-decoration:none;
}

/* 09.1.2 Outline Dark	 					 	 */
/* ---------------------------------------------- */
a.de-button.outline.dark-1, span.de-button.outline.dark-1, input[type=submit].outline.dark-1{
	background-color:transparent; 
	border:solid 1px #666;
	color:#666;
}

a.de-button.outline.dark-1:hover, span.de-button.outline.dark-1:hover, input[type=submit].outline.dark-1:hover{
	background-color:#fa9996;
	border-color: #fa9996;
	color:#FFF;
	text-decoration:none;
}

/* 09.1.3 Light-1		 					 	 */
/* ----------------------------------------------*/

a.de-button.light-1, span.de-button.light-1, input[type=submit].light-1{	
	background-color:#FFF;
	color:#fbadad;
	border:solid 1px #FFF;
}

a.de-button.outline.light-1, span.de-button.outline.light-1, input[type=submit].outline.light-1{
	background-color:transparent; 
	border:solid 1px #FFF;
	color:#FFF;
}

a.de-button.light-1:hover, input[type=submit].light-1:hover{
	background-color:#fbadad;
	border-color: #fbadad;
	color:#FFF;
	text-decoration:none;
}

/* 09.1.4 Light-2			 					 */
/* ----------------------------------------------*/
a.de-button.light-2, span.de-button.light-2, input[type=submit].light-2{	
	background-color:#FFF;
	color:#666;
	border:solid 1px #FFF;
}

a.de-button.outline.light-2, span.de-button.outline.light-2, input[type=submit].outline.light-2{
	background-color:transparent; 
	border:solid 1px #FFF;
	color:#FFF;
}

a.de-button.light-2:hover, input[type=submit].light-2:hover{
	background-color:#fbadad;
	border-color: #fbadad;
	color:#FFF;
	text-decoration:none;
}

/* ----------------------------------------------*/
/* 09.2 Size			 					 	 */
/* ----------------------------------------------*/
a.de-button.small, span.de-button.small, input[type=submit].small{
	padding:8px 34px; 
	font-size:12px; 
}

a.de-button.medium, span.de-button.medium, input[type=submit].medium{
	padding:12px 40px; 
	font-size:12px; 
}

a.de-button.large, span.de-button.large, input[type=submit].large{
	padding:15px 60px; 
	font-size:12px; 
}

/* ----------------------------------------------*/
/* 09.3 Rounded			 					 	 */
/* ----------------------------------------------*/
a.de-button.small.rounded, span.de-button.small.rounded, input[type=submit].small.rounded{
	border-radius:2px
} 

a.de-button.medium.rounded, span.de-button.medium.rounded, input[type=submit].medium.rounded{
	border-radius:3px;
}

a.de-button.large.rounded, span.de-button.large.rounded, input[type=submit].large.rounded{
	border-radius:4px;
}


/*===============================================*/
/* 10. PHOTO ITEM								 */
/*===============================================*/
.photo-item {
	position:relative;
	overflow:hidden;
}

.photo-item.frame-border {
	background-color:#FFF; 
	border:8px solid #FFF;
}

/* ----------------------------------------------*/
/* 10.1 Image 									 */
/* ----------------------------------------------*/
.photo-item img {
	width:100%;
}

.photo-top{
	position: absolute;
}

/* ----------------------------------------------*/
/* 10.2 Layer 								 	 */
/* ----------------------------------------------*/
.photo-item .layer {
	position: absolute; 
	margin: auto;
	top: 0; 
	right: 0; 
	bottom: 0;
	left: 0;
	width:100%;
	height:100%;
	transition: all 0s;
}

.photo-item .layer.wh100{
	width:100%;
	height:100%; 
}

.photo-item .layer.wh95{
	width:95%;
	height:95%; 
}


/* 10.2.1 Layer : Second Image   				 */
/* ----------------------------------------------*/
.photo-item .layer.second-image{
	opacity: 0; 
}


/* 10.2.2 Layer : Black Overlay  				 */
/* ----------------------------------------------*/
.photo-item .layer.opacity-black-overlay{
	background-color: rgba(0, 0, 0, 0.4);
	opacity: 0.3; 
}

.photo-item .layer.hidden-black-overlay{
	background-color: rgba(0, 0, 0, 0.4);
	opacity: 0; 
}

/* 10.2.3 Layer : Photo Caption  				 */
/* ----------------------------------------------*/
.photo-item .layer.photo-caption{
	opacity: 1; 
}

.photo-item .layer.hidden-photo-caption{
	opacity: 0; 
}

.photo-item .layer.border-photo-caption{
	opacity: 1;
	border:1px solid #FFF; 
}

.photo-item .layer.hidden-border-photo-caption{
	opacity: 0;
	border:1px solid #FFF; 
}

/* 10.2.4 Layer : Icon / Button Link		 	 */
/* ----------------------------------------------*/
.photo-item .layer.link{
	opacity: 1;
}

.photo-item .layer.hidden-link{
	opacity: 0;
}

.photo-item:hover .layer.hover-animation.fade-in{
	opacity: 1; 
}

.photo-item:hover .layer.hover-animation.half-fade-in{
	opacity: 0.3; 
}

.photo-item:hover .layer.hover-animation.fade-out{
	opacity: 0; 
}

/* ----------------------------------------------*/
/* 10.3 on Hover Animation					 	*/
/* ----------------------------------------------*/
.photo-item img.hover-animation{
	-webkit-transition: all 0s; 
		-ms-transition: all 0s;
		 -o-transition: all 0s;
			transition: all 0s;
	
} 

.photo-item:hover img.hover-animation{
	-webkit-transition: all 0.5s; 
		-ms-transition: all 0.5s;
		 -o-transition: all 0.5s;
			transition: all 0.5s;
	/*The transition will be disabled on script.js for tablet/mobile*/		
}

.photo-item .layer.hover-animation, .photo-item:hover .layer.hover-animation {
	-webkit-transition: all 0.5s; 
		-ms-transition: all 0.5s;
		 -o-transition: all 0.5s;
			transition: all 0.5s;
	/*The transition will be disabled on script.js for tablet/mobile*/	
}

/* 10.3.1 on Hover Animation Duration		 	 */
/* ----------------------------------------------*/
.photo-item:hover .layer.hover-animation.duration1,
.photo-item:hover img.hover-animation.duration1{
	transition-duration:0.5s;
}

.photo-item:hover .layer.hover-animation.duration2,
.photo-item:hover img.hover-animation.duration12{
	transition-duration:1s;
}

.photo-item:hover .layer.hover-animation.duration3,
.photo-item:hover img.hover-animation.duration3{
	transition-duration:1.5s;
}

.photo-item:hover .layer.hover-animation.duration4,
.photo-item:hover img.hover-animation.duration4{
	transition-duration:2s;
}

.photo-item:hover .layer.hover-animation.duration5,
.photo-item:hover img.hover-animation.duration5{
	transition-duration:2.5s;
}

/* 10.3.2 on Hover Animation Delay		 	 	 */
/* ----------------------------------------------*/
.photo-item:hover .layer.hover-animation.delay1,
.photo-item:hover img.hover-animation.delay1{
	transition-delay:0.5s;
}

.photo-item:hover .layer.hover-animation.delay2,
.photo-item:hover img.hover-animation.delay2{
	transition-delay:1s;
}

.photo-item:hover .layer.hover-animation.delay3,
.photo-item:hover img.hover-animation.delay3{
	transition-delay:1.5s;
}

.photo-item:hover .layer.hover-animation.delay4,
.photo-item:hover img.hover-animation.delay4{
	transition-delay:2s;
}

.photo-item:hover .layer.hover-animation.delay5,
.photo-item:hover img.hover-animation.delay5{
	transition-delay:2.5s;
}


/* 10.3.3 on Hover Zoom In					 	 */
/* ----------------------------------------------*/
.photo-item:hover img.hover-animation.image-zoom-in {
	-webkit-transform: scale(1.1); 
		-ms-transform: scale(1.1);
		 -o-transform: scale(1.1);  
			transform: scale(1.1);		
}

/* 10.3.4 on Hover Zoom In and Rotate	 	 	*/
/* ----------------------------------------------*/
.photo-item:hover img.hover-animation.image-zoom-rotate {
	-webkit-transform: rotate(7deg) scale(1.1);
		-ms-transform: rotate(7deg) scale(1.1);
		 -o-transform: rotate(7deg) scale(1.1);  
			transform: rotate(7deg) scale(1.1);			
}

/* 10.3.5 on Hover Fade Out				 		 */
/* ----------------------------------------------*/
.photo-item:hover img.hover-animation.image-fade-out {
	opacity:0;
}


/*===============================================*/
/* 11. MASONRY GALLERY							 */
/*===============================================*/
.masonry-col.w100{
	width:100%;
}

/* ----------------------------------------------*/
/* 11.1 Three Column No Gutter		 			 */
/* ----------------------------------------------*/
.three-col .grid-sizer{
	width:33.33%;
}

.three-col .gutter-sizer{
	width:0;
}

.three-col .masonry-col.w33{
	width:33.33%;
}

.three-col .masonry-col.w66{
	width:66.67%;
}


/* ----------------------------------------------*/
/* 11.2 Three Column With Gutter	 			 */
/* ----------------------------------------------*/
.three-col.with-gutter .grid-sizer{
	width:31%;
}

.three-col.with-gutter .gutter-sizer{
	width:3.5%;
}

.three-col.with-gutter .masonry-col{
	margin-bottom:30px;
}


.three-col.with-gutter .masonry-col.w33{
	width:31%;
}

.three-col.with-gutter .masonry-col.w66{
	width:62%;
}

/* ----------------------------------------------*/
/* 11.3 Four Column No Gutter		 			 */
/* ----------------------------------------------*/
.four-col .grid-sizer{
	width:25%;
}

.four-col .gutter-sizer{
	width:0;
}

.four-col .masonry-col.w25{
	width:25%;
}

.four-col .masonry-col.w50{
	width:50%;
}

.four-col .masonry-col.w75{
	width:75%;
}

/* ----------------------------------------------*/
/* 11.4 Four Column With Gutter		 			 */
/* ----------------------------------------------*/
.four-col.with-gutter .grid-sizer{
	width:23%;
}

.four-col.with-gutter .gutter-sizer{
	width:2.666%;
}

.four-col.with-gutter .masonry-col{
	margin-bottom:25px;
}

.four-col.with-gutter .masonry-col.w25{
	width:23%;
}

.four-col.with-gutter .masonry-col.w50{
	width:46%;
}

.four-col.with-gutter .masonry-col.w75{
	width:69%;
}

/* ----------------------------------------------*/
/* 11.5 Five Column No Gutter		 			 */
/* ----------------------------------------------*/
.five-col .grid-sizer{
	width:20%;
}

.five-col .gutter-sizer{
	width:0;
}

.five-col .masonry-col.w20{
	width:20%;
}

.five-col .masonry-col.w40{
	width:40%;
}

.five-col .masonry-col.w60{
	width:60%;
}

.five-col .masonry-col.w80{
	width:80%;
}

/* ----------------------------------------------*/
/* 11.6 Five Column With Gutter		 			 */
/* ----------------------------------------------*/
.five-col.with-gutter .grid-sizer{
	width:18%;
}

.five-col.with-gutter .gutter-sizer{
	width:2.5%;
}

.five-col.with-gutter .masonry-col{
	margin-bottom:25px;
}

.five-col.with-gutter .masonry-col.w20{
	width:18%;
}

.five-col.with-gutter .masonry-col.w40{
	width:36%;
}

.five-col.with-gutter .masonry-col.w60{
	width:54%;
}

.five-col.with-gutter .masonry-col.w80{
	width:72%;
}


/*===============================================*/
/* 12. FORM										 */
/*===============================================*/

/*-----------------------------------------------*/
/* 12.1 Form Group								 */
/*-----------------------------------------------*/
.form-group{
	margin-bottom: 25px;
}

.form-group.submit-wrapper{
	margin-top:25px;
}

/*-----------------------------------------------*/
/* 12.2 Form Control							 */
/*-----------------------------------------------*/
.form-control {
   	height:35px;
	border-radius:0;
	font-size:13px;
}

.form-control:focus {
	border-color: #cccccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #cccccc;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #cccccc;
}

/*-----------------------------------------------*/
/* 12.3 Input Group								 */
/*-----------------------------------------------*/
.input-group-addon {
	border-radius:0;
}

/*-----------------------------------------------*/
/* 12.4 Label									 */
/*-----------------------------------------------*/
form label{
	font-family: 'Montserrat', sans-serif; 
	font-size:14px;
}

.option-label{
	font-family: 'Raleway', sans-serif;	
	color:#6a6a6a;
	font-size:14px;
}

/*-----------------------------------------------*/
/* 12.5 Button									 */
/*-----------------------------------------------*/
form .btn-primary 
{
    padding: 12px 18px;
    margin: 0 15px 5px 15px; 
    border-radius: 0;
	font-family: 'Raleway', sans-serif;	
	color:#6a6a6a;
	font-size:14px;
  	background-color: #FFF;
  	border-color: #cccccc;
}

form .btn-primary:hover,
form .btn-primary:focus,
form .btn-primary.focus,
form .btn-primary:active,
form .btn-primary.active,
.open > .dropdown-toggle.btn-primary {
	background-color:#f98d8a; 
	border-color:#f98d8a;
	color:#FFF;
 	border-color: #cccccc;
}

/*-----------------------------------------------*/
/* 12.6 Checkbox and Radio (Custom)				 */
/*-----------------------------------------------*/
.ajax-checkbox .btn input[type=checkbox],
.ajax-radio .btn input[type=radio]{
	display:none;	
}

.ajax-checkbox .btn.custom-option-icon, .ajax-checkbox .btn.no-icon,
.ajax-radio .btn.custom-option-icon, .ajax-radio .btn.no-icon{
	margin-left:0;
	text-align:left;
}

.ajax-checkbox .btn.custom-option-icon:before{
	font-family:"fontello";
	content:"\eab8";
	margin-right:7px;
}

.ajax-checkbox .btn.active-icon.custom-option-icon:before{
	font-family:"fontello";
	content:"\eab7";
	margin-right:7px;
}

.ajax-radio .btn.custom-option-icon:before{
	font-family:"fontello";
	content:"\f10c";
	margin-right:7px;
	font-size:16px;
	font-weight:bold;
}

.ajax-radio .btn.active-icon.custom-option-icon:before{
	font-family:"fontello";
	content:"\f192";
	margin-right:7px;
	font-size:16px;
	font-weight:bold;
}

/*-----------------------------------------------*/
/* 12.7 Select Option							 */
/*-----------------------------------------------*/

select option{
	padding:4px 0 !important;
}

option{
	color:#747474;
}

/*-----------------------------------------------*/
/* 12.8 Message									 */
/*-----------------------------------------------*/
.message{
	margin-bottom:20px;
	font-size:13px
}

.message .bg-danger, .message .bg-success{
	padding:8px 14px;
	color:#ffffff;
}

.message .bg-danger{
	background-color:#f98d8a; 
}

.message .bg-success{
	background-color:#6a6a6a;
}


/*-----------------------------------------------*/
/* 12.9 Validation								 */
/*-----------------------------------------------*/
form .has-error .btn-primary{
	border-color: #f397a1;
}

.has-error .form-control {
  border-color: #f397a1;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.has-error .form-control:focus {
  border-color: #f397a1;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #f397a1;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #f397a1;
}






/*===============================================*/
/* 13. HOME PAGE								 */
/*===============================================*/

/* ----------------------------------------------*/
/* 13.1 Couple Section							 */
/* ----------------------------------------------*/
.photo-name{
	font-family: 'Alex Brush', cursive; 
	font-size:75px; 
	color:#FFF; 
}

.photo-name.his-front-name{
	margin-left:-45px;
}

.photo-name.his-last-name{
	margin-top: 40px;
    margin-left: 20px;
}

.photo-name.her-front-name{
	margin-left:0px;
}

.photo-name.her-last-name{
	margin-top:33px;
	margin-left: -53px;
}

.couple-excerpt{
	margin-top:40px;
	margin-bottom:40px;
}

/* ----------------------------------------------*/
/* 13.2 Adventure Begin							 */
/* ----------------------------------------------*/
#adventure-begin-wrapper{
	margin-bottom:80px
}

#hashtag-wrapper{
	margin-bottom:80px
}

/* ----------------------------------------------*/
/* 13.3 The Wedding Section			 			 */
/* ----------------------------------------------*/
.wedding-item-wrapper{
	margin-bottom:40px;
}

/* ----------------------------------------------*/
/* 13.4 Footer Section				 			 */
/* ----------------------------------------------*/
footer .image-divider.fixed-height{
	height:500px;
}

#thank{
	font-family: 'Alex Brush', cursive; 
	font-size:85px;
}

#you{
	font-family: 'Alex Brush', cursive; 
	font-size:85px; 
	margin-top:40px; 
	margin-bottom:45px; 
	margin-left:15px
}

#footerSign {margin-bottom:200px;}

#footer-couplename-wrapper{
	-ms-transform: scale(0.7, 0.7); 
	-webkit-transform: scale(0.7, 0.7);
	 transform: scale(0.7, 0.7);
	 margin-bottom:50px;
}

#base-footer {
	position: absolute;
    bottom: 5px;
    left: 10px;
	right: 10px;
	color:#000;
}

#base-footer a {
	font-family: 'Roboto', sans-serif;
    font-weight: 300;
	color:#000;
	text-decoration: none;
}
#base-footer i {
	color:#fbadad;
}

#base-footer a:hover {
	text-decoration: underline;
}


/*===============================================*/
/* 14. HOME PAGE 2							 	*/
/*===============================================*/
.event-card{
	background-color:#FFF; 
	padding:60px 40px; 
	text-align:center;
	margin-bottom:30px;
}

.event-card p{
	margin-bottom:10px;
}


/*===============================================*/
/* 15. OTHER PAGES								 */
/*===============================================*/

/* ----------------------------------------------*/
/* 15.1 About / Story Page		 			 	 */
/* ----------------------------------------------*/
#slide-about-wrapper{
	margin-bottom:60px;
}

.profile-photo{
	width:165px;
	height:165px;
	margin:0 auto;
}

/* ----------------------------------------------*/
/* 15.2 Our Story				 			 	 */
/* ----------------------------------------------*/
.handwriting-title{
	font-family: 'Alex Brush', cursive; 
	font-size:54px; 
	margin-bottom:30px
}


/* ----------------------------------------------*/
/* 15.3 Location				 			 	 */
/* ----------------------------------------------*/
#get-direction-wrapper{
	margin-bottom:30px
}

.places-card{
	background-color:#FFF; 
	width:100%; 
	padding:45px 30px;
	text-align:center;
	margin-bottom:30px;
}

#arrow-up-mobile{
	position:absolute; 
	bottom:10px; 
	left:10px; 
	z-index:2000;
}

#arrow-up-mobile a{
	display:block;
	padding:8px 14px;
	background-color:#FFF;
	box-shadow: 1px 1px 1px #6a6a6a;
}

#arrow-up-mobile a:hover{
	background-color:#fbadad;
	color:#FFF;
}

/* ----------------------------------------------*/
/* 15.4 Bridesmaid / Groomsmen	 			 	 */
/* ----------------------------------------------*/
.wedding-card{
	width:100%; 
	background-color:#FFF; 
	text-align:center; 
	padding:40px;
	margin-bottom:30px;
}

.card-photo{
	position:relative;
	width:150px;
	height:150px;
	margin:0 auto;
}

.partyBoy-icon-wrapper, .partyGirl-icon-wrapper {
	position:absolute;
	width:27px; 
	height:27px; 
	bottom:-15px; 
	left:0; 
	right:0; 
	margin:auto
}

.partyBoy-icon, .partyGirl-icon { 
	width:100%; 
	height:100%; 
	background-color:#FFF; 
	border-radius:50%;
}

.partyBoy-icon img{
	position: absolute;
	width:15px !important; 
	top: 2px;
	left: 6px;
}

.partyGirl-icon img{
	position: absolute;
    width: 21px !important;
    top: 2px;
    left: 3px;
}


.card-duty{
	margin:27px 0 10px 0
}
.card-duty h6{
	font-family: 'Roboto', sans-serif;
	font-weight:300;
}

.card-name{
	font-family: 'Alex Brush', cursive; 
	font-size:42px; 
	color:#c8c8c8; 
	margin-bottom:20px;
}

/* ----------------------------------------------*/
/* 15.5 Gift Registry			 			 	 */
/* ----------------------------------------------*/
.gift-card{
	width:100%; 
	background-color:#FFF; 
	text-align:center; 
	padding:50px 40px;
	margin-bottom:30px;
}

.gift-desc{
	margin-top:10px;
	margin-bottom:20px;
}

/* ----------------------------------------------*/
/* 15.6 Gallery				 			 	 */
/* ----------------------------------------------*/
.gallery-item{
	margin-bottom:30px;
}

/* ----------------------------------------------*/
/* 15.7 Accomodation			 			 	 */
/* ----------------------------------------------*/
.accomodation-wrapper{
	margin-bottom:40px;
}


/*===============================================*/
/* 16. ONEPAGE SECTION							 */
/*===============================================*/

/* ----------------------------------------------*/
/* 16.1 Our Story Section						 */
/* ----------------------------------------------*/
.story-row.row {
    display: table;
	padding:50px 0;
	position:relative;
}

.story-row.row [class*="col-"] {
    float: none;
    display: table-cell;
    vertical-align: middle;
}

.story-date-wrapper{
	z-index:1;
}

.story-date{
	position:relative;
	height:80px; 
	width:80px; 
	background-color:#fbadad; 
	border-radius:50%;
	margin:0 auto;
}

.story-date .the-month{
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	line-height:20px;
	font-weight:400;
	letter-spacing:1px;
	color:#FFF;
	padding-top:16px;
}

.story-date .the-year{
	font-family: 'Roboto', sans-serif;
	font-size:20px;
	line-height:20px;
	font-weight:400;
	color:#FFF; 
}

.vertical-line{
	position:absolute; 
	height:100%; 
	width:1px; 
	margin:auto; 
	top:0; 
	bottom:0; 
	left:0; 
	right:0; 
	border-left:1px solid #cbcaca;
}

#end-of-story{
	margin-top:0px;
	margin-bottom:50px;
}

#last-row-date-wrapper{
	position:relative;
	display:block; 	
	padding-top:100px; 
	padding-bottom:30px; 		
}

/* ----------------------------------------------*/
/* 16.2 Save the Date Section					 */
/* ----------------------------------------------*/
#save-date{
	font-family: 'Alex Brush', cursive; 
	font-size:54px;
}

/* ----------------------------------------------*/
/* 16.3 Counting Section						 */
/* ----------------------------------------------*/
#counting-wrapper{
	margin-bottom:50px
}

#counting{
	font-family: 'Alex Brush', cursive; 
	font-size:78px;
	line-height: 82px;
	margin-top: 25px;
}

/* ----------------------------------------------*/
/* 16.4 Attending Section						 */
/* ----------------------------------------------*/
#attending-wrapper{
	margin-bottom:20px
}

#attending{
	font-family: 'Alex Brush', cursive; 
	font-size:78px;
}


/* ----------------------------------------------*/
/* 16.5 Gift Registry Section					 */
/* ----------------------------------------------*/
#gift-carousel .item{
	margin-bottom:20px;
}


/*===============================================*/
/* 17. OTHER SECTIONS							 */
/*===============================================*/

/* ----------------------------------------------*/
/* 17.1 Event Carousel							 */
/* ----------------------------------------------*/
#events-carousel .item{
	padding:20px;
	margin-bottom:10px;
}

/*===============================================*/
/* 18. PLUGIN CUSTOM							 */
/*===============================================*/
 
/* -------------------------------------------*/
/* 18.1 Owl Carousel 						  */
/* -------------------------------------------*/
.owl-carousel .item{
	padding:0 15px
}


.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 5px;
	height: 5px;
	margin: 5px;
	opacity: 1;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: #333333;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	background: #fbadad;
}

.owl-prev, .owl-next {
  position:absolute;
  top:40%;
  padding:5px;
  margin:0;
  z-index:100;
  font-size:3rem;
  cursor:pointer;
  color:#555; 
}

.owl-prev {
  left:-20px;
}

.owl-next {
  right:-20px;
}


/* -------------------------------------------*/
/* 18.2 MAGNIFIC POPUP 						  */
/* -------------------------------------------*/
.mfp-bg{
	z-index:2000;
	-webkit-transform: translateZ(0);
}

.mfp-wrap {
  	z-index: 2001;
}

.mfp-content {
  	z-index: 2003;
}
  
.mfp-preloader {
  	z-index: 2002; 
}

button.mfp-close, button.mfp-arrow {
  	z-index: 2003;
}


/*===============================================*/
/* 18. MEDIA SCREEN		 						 */
/*===============================================*/

@media screen and (min-width: 1600px) {
/* ----------------------------------------------*/
/* 06.10 Slide Arrow							 */
/* ----------------------------------------------*/
#slide-arrow{
	bottom:70px; 
}
}

@media screen and (max-width: 1366px) {
/* ----------------------------------------------*/
/* 02.1 Width & Color 							 */
/* ----------------------------------------------*/

/* 02.1.1 Fixed-width 							 */
/* ----------------------------------------------*/
#nav-bar.fixed-width #nav-wrapper{
	width:970px;
}
}


@media screen and (max-width: 1200px) {
/* ----------------------------------------------*/
/* 02.1 Width & Color (Nav Bar)			 		 */
/* ----------------------------------------------*/

/* 02.1.1 Fixed-width 							 */
/* ----------------------------------------------*/
#nav-bar.fixed-width #nav-wrapper{
	width:100%;
}

/* 06.4.2 Inner Wrapper 						 */
/* ----------------------------------------------*/
.slide-title-inner-wrapper{
	width:100%; 
}

}

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

/*===============================================*/
/* 01. GENERAL			 						 */
/*===============================================*/
.hide-on-mobile{
	display:none;
}

.hide-on-desktop{
	display:block;
}

/*===============================================*/
/* 02. NAV BAR 	 							 	 */
/*===============================================*/
#nav-bar-sticky-wrapper{
	height:90px !important;
}

/* ----------------------------------------------*/
/* 02.1 Width & Color (Nav Bar)			 		 */
/* ----------------------------------------------*/
/* 02.1.1 Fixed-width */
/* 02.1.2 Fluid-width */
#nav-bar.fluid-width #nav-wrapper,
#nav-bar.fixed-width #nav-wrapper{
	padding:0px 30px
}

/* ----------------------------------------------*/
/* 02.2 Logo & Nav Position	 					 */
/* ----------------------------------------------*/
.logo-wrapper{
	margin-top:15px !important;
}

#nav-menu { display: none }
#nav-menu.sidebar {display:block}	
#nav-menu.open { display: block; }

#nav-menu,
.bottom-bar.transparent #nav-menu{	
	list-style-type:none; 
	margin:0; 
	padding:0 !important; 
	position:absolute;
	left:0;
	top:100%;
	clear:both !important;
	text-align:left !important;
	width:100% !important;
	background-color:#FFF;
	height:384px;
	overflow:auto;
}

.transparent #nav-menu{
	width:80% !important;
	position:absolute; 
	margin:auto; 
	top:100%; 
	left:0; 
	right:0;
}

.transparent.stick-it #nav-menu{
	width:100% !important;
}

/* 02.2.1 Nav Center */
/* 02.2.2 Nav Left 	 */
/* 02.2.3 Nav Right  */
#nav-bar.nav-center .logo-wrapper,
#nav-bar.nav-left .logo-wrapper,
#nav-bar.nav-right .logo-wrapper{
	position:relative;
	float:left;	
}

#nav-bar.nav-center.hide-logo-on-desktop .logo-wrapper{
	display:block;
}


/*===============================================*/
/* 03. NAV MENU	 	 							 */
/*===============================================*/

/* ----------------------------------------------*/
/* 03.1 Parent Menu 						     */
/* ----------------------------------------------*/
#nav-menu, #nav-menu ul{
	-webkit-overflow-scrolling : touch;
}

#nav-menu ul{
	width:100%;
	left:0;
	padding:0 !important;
}

#nav-menu li{
	position:relative;
}

#nav-menu li a{
	display:block;
	width:100%;
	margin:0;
	color:#666;
	/*border-bottom:solid thin #f4f2f2;*/
	border:none !important;
	border-bottom:solid thin #dcdcdc !important;
	border-radius:0 !important;
	padding:18px 20px;
}

.transparent #nav-menu li a{
	color:#666;
}

#nav-menu li a:hover{
	background-color:#fbadad !important;
	color:#FFF !important;
}

#nav-menu li a.active,
.transparent #nav-menu li a.active{
	color:#fbadad;
	background-color:#FFF;
}

#nav-menu li:before{
	content: '';
}

/* 03.1.2 Additional Class For Nav Center */
/* ----------------------------------------------*/
.nav-center .first-child-margin,
.nav-center .last-child-margin,
.nav-center .split-margin{
	margin:0
}

/* ----------------------------------------------*/
/* 03.2 Child Menu 								 */
/* ----------------------------------------------*/
#nav-menu ul{
	display:block;
	width:100%;
	position:relative;
	top:0;
	text-align:left;
	border-top:none;
}

#nav-menu li > ul li a:before{ 
	content: '-';
	padding-right:10px;
} 

#nav-menu ul li:first-child a{
	border-radius:0;
} 

#nav-menu ul li:last-child a{
	border-radius:0;
}   
  

/* 03.2.2 Child-Parent Arrow */
/* ----------------------------------------------*/
#nav-menu li > ul li a:after { 
	content: '';
} 


/* 03.2.3 More Child */
/* ----------------------------------------------*/
#nav-menu ul ul{
	display:block;
	width:100%;
	position:relative;
	top:0;
	left:0;
	border:none;
	padding:0 !important;
}

#nav-menu ul ul li a:before{ 
	content: '- -';
	padding-right:10px;
} 

#nav-menu ul ul ul li a:before{ 
	content: '- - -';
	padding-right:10px;
} 

#nav-menu ul ul.on-left{
	left:0;
}


/* ----------------------------------------------*/
/* 03.3 Mobile Nav								 */
/* ----------------------------------------------*/
#mobile-nav{
	display:block;
	position:relative;
	float:right;
	font-size:28px;
	margin-top:30px;
	z-index:1000;
}

.transparent #mobile-nav{	
	color:#FFF;
}

.transparent.stick-it #mobile-nav{
	color:#666;	
}



/* 06.4.5 Couple Name Title 					 */
/* ----------------------------------------------*/
#slide-couplename-wrapper{
	margin-top:0;
}

/* 07.1.3 Image & Video Divider					 */
/* ----------------------------------------------*/
.divider-wrapper{
	padding:70px 0;
}

.image-divider {
	background-attachment: scroll;
}

/*-----------------------------------------------*/
/* 07.1.5 Popup Template						 */
/*-----------------------------------------------*/
#popup-template{
	width:90%;
}

/*-----------------------------------------------*/
/* 07.1.7 Popup Video							 */
/*-----------------------------------------------*/
.popup-video{
	width:80%;
}

/*-----------------------------------------------*/
/* 07.1.9 Box Countdown							 */
/*-----------------------------------------------*/
.box-countdown .countdown-amount {
	font-size:30px;
	width:80%;	
	padding-top:38px;
}

.box-countdown .countdown-period {
	font-size:16px;  
	top:75px;
	left:0;
	right:0;
	margin:auto;
}

/*-----------------------------------------------*/
/* 07.1.11 Section Block						 */
/*-----------------------------------------------*/
.content-block{
	padding:60px 0;
}


/* ----------------------------------------------*/
/* 16.1 Our Story Section						 */
/* ----------------------------------------------*/
.story-row.row {
    display: block;
	padding:20px 0
}

.story-row.row [class*="col-"] {
    display: block;
}

.story-date-wrapper{
	margin-bottom:55px;
}

.story-date{
	float:none;
	position:absolute;	
	top:-45px;
	left:0;
	right:0;
	margin:auto;
}

.story-date .month-year{
	font-family: 'Oswald', sans-serif; 
	font-size:16px; 
	color:#FFF;
}

.arrow-right {
	display:none;
	float:none;
}

.arrow-left {
	display:none;
	float:none;
}

.vertical-line{
	display:none;
}

#last-row-date-wrapper .story-date{
	position:relative;	
	top:0;
}

#last-row-date-wrapper{
	position:relative;
	padding:0;	
	margin-top:30px;
}

#end-of-story{
	margin-top:20px;
	margin-bottom:0px;
}


@media screen and (max-width: 991px) and (orientation : landscape) {
	
/*===============================================*/
/* 01. GENERAL			 						 */
/*===============================================*/
.scale60-onmobile{
	-ms-transform: scale(0.60, 0.60); 
	-webkit-transform: scale(0.60, 0.60);
	transform: scale(0.60, 0.60);
}
.scale75-onmobile{
	-ms-transform: scale(0.75, 0.75); 
	-webkit-transform: scale(0.75, 0.75);
	transform: scale(0.75, 0.75);
}	

/* ----------------------------------------------*/
/* 02.2 Logo & Nav Position						 */
/* ----------------------------------------------*/
#nav-menu{	
	height:384px !important;
}	
	
/* 06.4.5 Couple Name Title 					 */
/* ----------------------------------------------*/
#slide-couplename-wrapper{
	margin-top:0;
}

#slide-other-text{
	font-size:12px; 
	letter-spacing:4px; 
	margin-top:50px;
}
}


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

/*-----------------------------------------------*/
/* And text						 */
/*-----------------------------------------------*/
#slide-name{
	font-size:60px;
	line-height: 60px;
}

#curve-graphic{	 
	left:60px;
}

#curve-graphic img{	 
	width:60px;
}
	
#and-text{
	font-size: 60px;
	line-height: 60px;
}

#slide-gettingMarried{
	font-size:30px;
	line-height: 30px;
	
}

#slide-saveDate{
	font-size:60px; 
	line-height: 50px;
	margin-top:30px;
}

#slide-date{
	font-size:30px;
	line-height: 30px;
}
	
/*-----------------------------------------------*/
/* 07.1.9 Box Countdown							 */
/*-----------------------------------------------*/
.box-countdown{
	height:120px;
	margin-bottom:20px;
}

.box-countdown .countdown-amount {
	font-size:30px;
	width:80%;	
	padding-top:34px;
}

.box-countdown .countdown-period {
	font-size:16px;  
	top:64px;
	left:0;
	right:0;
	margin:auto;
}

/*===============================================*/
/* 12. MOBILE FORM										 */
/*===============================================*/
form .btn{
	width:100%;
	white-space:normal;
	
}

.pw-title {
		font-size:32px;
	}

.divideImage2 {
	background-position: right;
}	
	
	
}


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

/*===============================================*/
/* 01. GENERAL			 						 */
/*===============================================*/
h1, .h1{
	font-size:45px;
	letter-spacing:3px;
}

h1#accomodation-title{
	font-size:36px;
	letter-spacing:2px;
}

.scale60-onmobile{
	-ms-transform: scale(0.60, 0.); 
	-webkit-transform: scale(0.60, 0.60);
	transform: scale(0.60, 0.60);
}
	
.scale75-onmobile{
	-ms-transform: scale(0.75, 0.75); 
	-webkit-transform: scale(0.75, 0.75);
	transform: scale(0.75, 0.75);
}	

/* 06.4.3 Title Wrapper */
/* ----------------------------------------------*/
.slide-title h1, 
.slide-title .h1{
	margin-top:10px;
	margin-bottom:10px;
}

/* 06.4.5 Couple Name Title 					 */
/* ----------------------------------------------*/
#slide-couplename-wrapper{
	margin-top:0;
}

#slide-other-text{
	font-size:12px; 
	letter-spacing:4px; 
	margin-top:50px;
}

/* 07.1.1 Title-Excerpt White Box				 */
/* ----------------------------------------------*/
.title-excerpt{
	padding:20px;
}

/*-----------------------------------------------*/
/* 07.1.5 Popup Template						 */
/*-----------------------------------------------*/
#popup-template #the-content{
	padding-right:30px;
	padding-left:30px;
	text-align:center;
}

/*-----------------------------------------------*/
/* 07.1.9 Box Countdown							 */
/*-----------------------------------------------*/
.box-countdown{
	height:90px;
}

.box-countdown .countdown-amount {
	font-size:26px;
	width:80%;	
	padding-top:20px;
}

.box-countdown .countdown-period {
	font-size:14px;  
	top:50px;
	left:0;
	right:0;
	margin:auto;
}
	
	
	
#counting{
	font-size:56px;
	line-height: 56px;
	margin-top: 65px;
}	
	
.quote-top{
	font-family: 'Alex Brush', cursive; 
	font-size:58px;
	line-height: 58px;
}


.quote-bottom{
	font-family: 'Alex Brush', cursive; 
	font-size:58px;
	margin-top:20px;
	line-height: 58px;
}	

/*-----------------------------------------------*/
/* 07.1.10 Circle Countdown						*/
/*-----------------------------------------------*/
.circle-countdown {height:90px;}
	
.circle-countdown .countdown-amount {
	width:45px;
	height:45px;
	padding-top:9px;
	font-size:20px;
}

.circle-countdown .countdown-period {
	padding:10px;
	display:block;
	text-align:center;
	font-size:12px;
	text-transform:uppercase;    
}

/*===============================================*/
/* 11 MASONRY GALLERY							 */
/*===============================================*/
.masonry-col, .grid-sizer{
	width:100% !important;
	margin-bottom:5% !important;
}

/* ----------------------------------------------*/
/* 15.1 About / Story Page		 			 	 */
/* ----------------------------------------------*/
.profile-photo{
	width:140px;
	height:140px;
}
	
/* ----------------------------------------------*/
/*  Owl Nav mobile fix		 			 	 */
/* ----------------------------------------------*/	
	
.owl-prev {
  left:0px;
}

.owl-next {
  right:0px;
}
/* ----------------------------------------------*/
/*  mobile align fix		 			 	 */
/* ----------------------------------------------*/		
	
.text-center {
    text-align: left;
}
	
.mobile-center {
	text-align: center;	
}
.places-card, .wedding-card {
    text-align: left;
}
	
.slide-title-pw.align-middle, .slide-home-title-pw.align-middle{
	vertical-align: top;
}

.pw-title {
		font-size:28px;
}
	
#and-text, #slide-name {
    font-size: 45px;
    line-height: 45px;
}
	
#slide-saveDate {
    font-size: 45px;
    line-height: 45px;
}
	
.quote-bottom, .quote-top {
    font-size: 32px;
    line-height: 32px;
}

.quote-middle {
    font-size: 60px;
    margin-top: 10px;
    margin-left: -12px;
}
	
.circle-countdown {
	margin: 0px auto 20px;		
}
	
.hashtag {
	font-size: 45px;
    line-height: 45px;	
}
	
.homeImage {
	background-position:-150px 0px;
}
	
.divideImage1 {
	background-position: -125px 0px;
}
	
.divideImage3 {
	background-position: -260px 0px;
}
	
.footerImage {
	background-position: -100px 0px;
}
	
}


@media screen and (max-width: 320px) {
/* ----------------------------------------------*/
/* 13.1 Couple Section							 */
/* ----------------------------------------------*/
.couple-excerpt{
	margin-top:20px;
}

	
	
/* ----------------------------------------------*/
/* 13.4 Footer Section				 			 */
/* ----------------------------------------------*/
footer .image-divider.fixed-height{
	 height:400px;
}
}