

	*{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

/*	-------------------------------------------------------
	:: LOGO HOVER ELASTIC ANIMATION
	------------------------------------------------------- */
	.droopmenu-brand:hover img{
		-webkit-animation-duration:1s;
		animation-duration:1s;
		-webkit-animation-fill-mode:both;
		animation-fill-mode:both;
		-webkit-animation-name:rubberBand;
		animation-name:rubberBand;
		-webkit-transform-origin:center bottom;
		transform-origin:center bottom;
	}

	@-webkit-keyframes rubberBand{
		from{
			-webkit-transform:scale3d(1,1,1);
			transform:scale3d(1,1,1);
		}30%{
			-webkit-transform:scale3d(1.25,.75,1);
			transform:scale3d(1.25,.75,1);
		}40%{
			-webkit-transform:scale3d(.75,1.25,1);
			transform:scale3d(.75,1.25,1);
		}50%{
			-webkit-transform:scale3d(1.15,.85,1);
			transform:scale3d(1.15,.85,1);
		}65%{
			-webkit-transform:scale3d(.95,1.05,1);
			transform:scale3d(.95,1.05,1);
		}75%{
			-webkit-transform:scale3d(1.05,.95,1);
			transform:scale3d(1.05,.95,1);
		}to{
			-webkit-transform:scale3d(1,1,1);
			transform:scale3d(1,1,1);
		}
	}

	@keyframes rubberBand{
		from{
			-webkit-transform:scale3d(1,1,1);
			transform:scale3d(1,1,1);
		}30%{
			-webkit-transform:scale3d(1.25,.75,1);
			transform:scale3d(1.25,.75,1);
		}40%{
			-webkit-transform:scale3d(.75,1.25,1);
			transform:scale3d(.75,1.25,1);
		}50%{
			-webkit-transform:scale3d(1.15,.85,1);
			transform:scale3d(1.15,.85,1);
		}65%{
			-webkit-transform:scale3d(.95,1.05,1);
			transform:scale3d(.95,1.05,1);
		}75%{
			-webkit-transform:scale3d(1.05,.95,1);
			transform:scale3d(1.05,.95,1);
		}to{
			-webkit-transform:scale3d(1,1,1);
			transform:scale3d(1,1,1);
		}
	}

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

/*	-------------------------------------------------------
	:: DEMO GRID
	------------------------------------------------------- */

	.droopmenu-col .coldemo {
		padding: 5px 10px;
		margin: 0 0 20px 0;
		color: #666;
	}

	.droopmenu-col .coldemo,
	.demo-row-eq .dm-equalize .droopmenu-col4 .droopmenu-content{ background:#E7EBEF; }

	.droopmenu-col .coldemo em{
		font-size:18px;
		margin-bottom:5px;
		font-style:normal;
		display:block;
	}

	/*
	---------------------------------------------------
	DEMO CONTENT WRAPPERS
	--------------------------------------------------- */
	.hero-section {
		display: table;
		height: 100vh;
		width: 100%;
		margin: 0;
	}

	.hero-content-inner{
		margin:0 auto;
		max-width:1140px;
		padding:150px 20px 20px 20px;
	}

	.hero-section-content {
		display: table-cell;
		vertical-align: middle;
	}

	.hero-section h1{
		font-family: 'Quicksand', sans-serif;
		line-height:normal;
		font-weight: 300;
		font-size: 60px;
		margin:0;
	}

	.hero-section h2{
		font-size:24px;
		font-family: 'Quicksand', sans-serif;
		margin-bottom: 1.5625em;
		line-height: 1.5em;
		font-weight:300;
	}

	.hero-white-text h1{ color:#fff; }
	.hero-white-text h2{ color: #fff; }
	.dm-content-dummy{ min-height:1200px; }

	.dm-holder { padding:20px 0; }
	.dm-center-content{
		display: block;
		height: 100vh;
		width: 100%;
		margin: 0 auto;
		text-align: center;
		position: relative;
		z-index:10;
	}

	.dm-center-content-inner{
		display: block;
		margin: 0 auto;
		position: absolute;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		transform: translateY(-50%);
		top: 50%;
		right: 0;
		left: 0;
	}
	.dm-center-content-inner h1,
	.dm-center-content-inner h2,
	.dm-center-content-inner h5 { font-weight:300; margin:0; }
	.dm-center-content-inner h1 {
		font-size:80px;
		margin-bottom:10px;
		font-family: 'Montserrat', Helvetica, Arial, sans-serif;
		text-transform:uppercase;
		font-weight:700;
	}

	.dm-center-content-inner h2 { font-size:40px; margin-bottom:10px; }
	.dm-center-content-inner h5 { font-size:24px; }
	.dm-spacer{ padding:40px 0 10px 0; }


	.dm-main-hero{
		display: block;
		height: 100vh;
		width: 100%;
		margin: 0;
		border: none;
		position: relative;
		text-align: center;
		background: #f7f8fa;
		background-image: linear-gradient(to top,#fff 0,#fff1f1 100%);
		border-bottom: solid 1px rgba(14,21,47,.08);
		text-align: center;
		user-select: none;
	}

	.fixed-header .dm-main-hero {
		box-shadow: 0 0 24px 2px rgba(14,21,47,.08);
		background-color: rgba(255,255,255,.85);
		border-color: rgba(14,21,47,0);
	}

	.dm-main-demo + .droopmenu-navbar{ margin-top:-70px; }

	.dmv-center {
		position: absolute;
		display: block;
		top: 50%;
		left: 0;
		right: 0;
		margin: 0 auto;
		margin-top:-70px;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.dmv-center h1 {
		position: relative;
		display: inline-block;
		margin: 0 auto;
		font-size: 12.4vw;
		line-height: normal;
		font-weight: 300;
		color: #ff1e6d;
		text-align: center;
		background: -webkit-gradient(linear,left center,right center,from(#ff1e6d),to(#3ACCDE));
		-webkit-text-fill-color: transparent;
		text-fill-color: transparent;
		-webkit-background-clip: text;
		background-clip: text;
	}

	.dmv-center h2 {
		position: relative;
		display: block;
		width: 100%;
		margin: 0 auto;
		padding: 0;
		font-weight: 300;
		color: #3b3b48;
		font-size: 2.2vw;
		letter-spacing: .5vw;
		line-height: 3.8vw;
		text-transform: uppercase;
	}


	/*
	---------------------------------------------------
	GRADIENT BACKGROUNDS | LINEAR AND RADIAL
	--------------------------------------------------- */

	.homebg,
	.sectionbg-11{
		background: #4871FA;
		background: linear-gradient(60deg,#3d7afd 0,#4c6df9 50%,#4a68ef 50%,#5b5ef4 100%);
	}

	.homebg-2{
		background: #030E26;
		background: linear-gradient(60deg,#030E26 0,#030E26 50%,#010918 50%,#010918 100%);
	}

	.homebg-up{ margin-top:-70px; }


	/*
	---------------------------------------------------
	GRADIENT BACKGROUNDS | LINEAR VERTICAL
	--------------------------------------------------- */
	.bgv-1,
	.sectionbgv-maroon-purple{
		background-color:#B748A2;
		background:-moz-linear-gradient(to bottom,rgba(199,8,91,1) 0%,rgba(135,100,242,0.67) 100%);
		background:-o-linear-gradient(to bottom,rgba(199,8,91,1) 0%,rgba(135,100,242,0.67) 100%);
		background:-webkit-linear-gradient(to bottom,rgba(199,8,91,1) 0%,rgba(135,100,242,0.67) 100%);
		background:-ms-linear-gradient(to bottom,rgba(199,8,91,1) 0%,rgba(135,100,242,0.67) 100%);
		background:linear-gradient(to bottom,rgba(199,8,91,1) 0%,rgba(135,100,242,0.67) 100%);
	}

	.bgv-2,
	.sectionbgv-greendark-light{
		background-color:#48AE7F;
		background:-moz-linear-gradient(to bottom,rgba(24,128,97,1) 0%,rgba(106,207,148,1) 100%);
		background:-o-linear-gradient(to bottom,rgba(24,128,97,1) 0%,rgba(106,207,148,1) 100%);
		background:-webkit-linear-gradient(to bottom,rgba(24,128,97,1) 0%,rgba(106,207,148,1) 100%);
		background:-ms-linear-gradient(to bottom,rgba(24,128,97,1) 0%,rgba(106,207,148,1) 100%);
		background:linear-gradient(to bottom,rgba(24,128,97,1) 0%,rgba(106,207,148,1) 100%);
	}

	.bgv-3,
	.sectionbgv-bluedark-light{
		background-color:#20A1E7;
		background:-moz-linear-gradient(to top,rgba(0,210,255,1) 0%,rgba(58,123,213,1) 100%);
		background:-o-linear-gradient(to top,rgba(0,210,255,1) 0%,rgba(58,123,213,1) 100%);
		background:-webkit-linear-gradient(to top,rgba(0,210,255,1) 0%,rgba(58,123,213,1) 100%);
		background:-ms-linear-gradient(to top,rgba(0,210,255,1) 0%,rgba(58,123,213,1) 100%);
		background:linear-gradient(to top,rgba(0,210,255,1) 0%,rgba(58,123,213,1) 100%);
	}
	.bgv-4,
	.sectionbgv-bluedark-brown{
		background-color:#504E6F;
		background:-moz-linear-gradient(to bottom,rgba(22,68,160,0.95) 0%,rgba(142,57,0,0.88) 100%);
		background:-o-linear-gradient(to bottom,rgba(22,68,160,0.95) 0%,rgba(142,57,0,0.88) 100%);
		background:-webkit-linear-gradient(to bottom,rgba(22,68,160,0.95) 0%,rgba(142,57,0,0.88) 100%);
		background:-ms-linear-gradient(to bottom,rgba(22,68,160,0.95) 0%,rgba(142,57,0,0.88) 100%);
		background:linear-gradient(to bottom,rgba(22,68,160,0.95) 0%,rgba(142,57,0,0.88) 100%);
	}
	.bgv-4,
	.sectionbgv-blacklight-dark{
		background-color:#3D3E40;
		background:-moz-linear-gradient(to bottom,rgba(3,3,3,0.71) 0%,rgba(0,0,0,0.84) 100%);
		background:-o-linear-gradient(to bottom,rgba(3,3,3,0.71) 0%,rgba(0,0,0,0.84) 100%);
		background:-webkit-linear-gradient(to bottom,rgba(3,3,3,0.71) 0%,rgba(0,0,0,0.84) 100%);
		background:-ms-linear-gradient(to bottom,rgba(3,3,3,0.71) 0%,rgba(0,0,0,0.84) 100%);
		background:linear-gradient(to bottom,rgba(3,3,3,0.71) 0%,rgba(0,0,0,0.84) 100%);

	}
	.bgv-5,
	.sectionbgv-grey-black{
		background-color:#5B5D60;
		background:-moz-linear-gradient(to bottom,rgba(0,0,0,0.41) 0%,rgba(0,0,0,0.97) 100%);
		background:-o-linear-gradient(to bottom,rgba(0,0,0,0.41) 0%,rgba(0,0,0,0.97) 100%);
		background:-webkit-linear-gradient(to bottom,rgba(0,0,0,0.41) 0%,rgba(0,0,0,0.97) 100%);
		background:-ms-linear-gradient(to bottom,rgba(0,0,0,0.41) 0%,rgba(0,0,0,0.97) 100%);
		background:linear-gradient(to bottom,rgba(0,0,0,0.41) 0%,rgba(0,0,0,0.97) 100%);
	}
	.bgv-6,
	.sectionbgv-grey-black-2{
		background-color:#656365;
		background:-moz-linear-gradient(to bottom,rgba(51,46,46,0.5) 0%,rgba(33,28,28,0.97) 100%);
		background:-o-linear-gradient(to bottom,rgba(51,46,46,0.5) 0%,rgba(33,28,28,0.97) 100%);
		background:-webkit-linear-gradient(to bottom,rgba(51,46,46,0.5) 0%,rgba(33,28,28,0.97) 100%);
		background:-ms-linear-gradient(to bottom,rgba(51,46,46,0.5) 0%,rgba(33,28,28,0.97) 100%);
		background:linear-gradient(to bottom,rgba(51,46,46,0.5) 0%,rgba(33,28,28,0.97) 100%);
	}

	.sectionbg-red-yellow {
		background-color:#EA9A76;
		background-image: linear-gradient(90deg,#DE496D 0,#f0c57a 100%);
	}

	.bgm-overlay{
		background-color:rgba(41,41,67,0.97);
		background:-moz-linear-gradient(to bottom,rgba(41,41,67,0.41) 0%,rgba(41,41,67,1) 100%);
		background:-o-linear-gradient(to bottom,rgba(41,41,67,0.41) 0%,rgba(41,41,67,0.97) 100%);
		background:-webkit-linear-gradient(to bottom,rgba(41,41,67,0.41) 0%,rgba(41,41,67,1) 100%);
		background:-ms-linear-gradient(to bottom,rgba(41,41,67,0.41) 0%,rgba(41,41,67,1) 100%);
		background:linear-gradient(to bottom,rgba(41,41,67,0.41) 0%,rgba(41,41,67,1) 100%);
	}

	.sectionbgd{
		color: #ffffff;
		position: relative;
		background-color:#333;
		background-image: url(../img/bg3.jpg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		overflow: hidden;
	}

	/*
	---------------------------------------------------
	DEMO BUTTONS
	--------------------------------------------------- */
	.dm-button{
		cursor:pointer;
		border:2px solid;
		text-decoration:none;
		text-transform:uppercase;
		font-family: 'Montserrat', sans-serif;
		-webkit-transition: all .5s ease;
		-moz-transition: all .5s ease;
		transition: all .5s ease;
		display:inline-block;
		border-radius:28px;
		line-height:54px;
		font-weight:400;
		padding:0 20px;
		height:56px;
	}

	.dm-button i{
		font-size:24px;
		vertical-align:middle;
		margin-right:4px;
		position:relative;
		top:-2px;
	}

	.dm-button + .dm-button{ margin-left:10px; }
	.dm-button-green{
		background-color:#00D87E;
		border-color:#00D87E;
		color:#fff;
	}

	.dm-button-white{
		background-color:#fff;
		border-color:#fff;
		color:#00D87E;
	}

	.dm-btn {
		margin: 0;
		outline: 0;
		font-size:0;
		height: 60px;
		color: inherit;
		padding: 0 30px;
		cursor: pointer;
		background: none;
		text-align: center;
		position: relative;
		white-space: nowrap;
		line-height: normal;
		text-transform: none;
		display: inline-block;
		text-decoration: none;
		vertical-align: middle;
		border: 1px solid #71818C;
		font-family: 'Montserrat', sans-serif;
		transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.45s cubic-bezier(0.4, 0, 0.2, 1) 0.075s;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	.dm-btn > * {
		display: inline-block;
		vertical-align: middle;
		white-space: normal;
		font-size: 1rem;
	}

	.dm-btn:before {
		display: inline-block;
		vertical-align: middle;
		height: 100%;
		content: "";
	}

	.dm-btn::after {
		content: "";
		position: absolute;
		background-color: #71818C;
		-webkit-transform: scaleX(0);
		-ms-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transform-origin: center left;
		-ms-transform-origin: center left;
		transform-origin: center left;
		transition: -webkit-transform 0.45s cubic-bezier(0.4, 0, 0.2, 1) 0.075s;
		transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1) 0.075s;
		height:100%;
		bottom: 0;
		right: 0;
		left: 0;
		top: 0;
	}

	.dm-btn:hover {
		color: #ffffff;
		transition-delay: 0s;
	}

	.dm-btn:hover::after {
		-webkit-transform: scaleX(1);
		-ms-transform: scaleX(1);
		transform: scaleX(1);
		transition-delay: 0s;
	}

	.dm-btn.dm-btn-left::after {
		-webkit-transform-origin: center right;
		-ms-transform-origin: center right;
		transform-origin: center right;
	}

	.dm-btn.dm-btn-white { border-color: #ffffff; }
	.dm-btn.dm-btn-white::after { background-color: #ffffff; }
	.dm-btn.dm-btn-white:hover { color: #71818C; }
	.dm-btn-group { margin-left: 0; letter-spacing: normal; font-size: 0; }
	.dm-btn-group .dm-btn + .dm-btn { border-left: none; }
	.dm-btn-label {
		position: relative;
		display: inline-block;
		text-transform: uppercase;
		transition: -webkit-transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
		transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
		letter-spacing: 0.12em;
		font-size: 0.75rem;
		line-height: 1.4;
		z-index: 2;
	}

	.dm-btn:hover .dm-btn-label {
		-webkit-transform: translateX(0.5rem);
		-ms-transform: translateX(0.5rem);
		transform: translateX(0.5rem);
		transition-delay: 0.075s;
	}

	.dm-btn.dm-btn-left:hover .dm-btn-label {
		-webkit-transform: translateX(-0.5rem);
		-ms-transform: translateX(-0.5rem);
		transform: translateX(-0.5rem);
	}



	@media screen and (min-width: 768px) {
		.demo-row-eq .droopmenu-row{ margin-bottom:20px;}
	}

	@media screen and (max-width: 767px) {
		.dm-colm{
			width: 100%;
			float:none;
			padding:0;
		}

		.dm-row{ margin:0;  }
		.hero-section h1{ font-size:42px; }
		.dm-content{
			text-align:center;
			padding:20px;
		}
		.dm-center-content-inner h1 { font-size:48px; }
		.dm-center-content-inner h2 { font-size: 24px; }
		.dm-center-content-inner h5 { font-size: 18px; }
	}

/* PAGE TRANSITIONS */
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }

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

  100% {
    opacity: 1;
    transform: translate3d(0, 0, 50%);
  }
}
.scene_element {
	animation-duration: 0.25s;
	transition-timing-function: ease-in;
	animation-fill-mode: both;
}
.scene_element.wedding-right {animation-name: fadeInRight;}
.scene_element.left-mood {animation-name: fadeInUp;}
.page__inner.is-exiting .scene_element {animation-direction: alternate-reverse;}
