html, 
	body{
		margin: 0;
		padding: 0;
		border: 0;
		font: inherit;
		font-size: 100%;
		background:#E6EBF1;
		font-family: 'Quicksand', sans-serif;
	}
	
	*{
		-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 
	--------------------------------------------------- */
	.sectionbg-1{ 
		background-color:#6143D1; 
		background: -webkit-radial-gradient(left top, circle cover, rgb(12, 180, 206), rgb(142, 15, 167) 89%);
		background: -ms-radial-gradient(left top, circle cover, rgb(12, 180, 206), rgb(142, 15, 167) 89%);
	}
		
	.sectionbg-2{
		background-color: #396afc;
		background: radial-gradient(circle at center center,#29b5fe,#3463f7 60%);
	}
	
	.sectionbg-3{
		background-color:#337C71;
		background: -webkit-linear-gradient(top left,rgba(61,132,68,0.92),rgba(0,91,151,0.92));
		background: linear-gradient(to bottom right,rgba(61,132,68,0.92),rgba(0,91,151,0.92));
	}

	.sectionbg-4{ 
		background-color:#AA50B0; 
		background: linear-gradient(135deg,rgba(109,71,217,.92),rgba(249,61,102,.92));
	}
	
	.sectionbg-5{ 
		background-color:#3696CD; 
		background: linear-gradient(135deg,rgba(82,62,232,.92),rgba(0,220,175,.92));
	}
	
	.sectionbg-6{ 
		background-color:#6E51E0; 
		background: linear-gradient(135deg,rgba(109,71,217,.92),rgba(82,62,232,.92));
	}
	
	.sectionbg-7{
		background-color: #33a9dc;
		background-image: linear-gradient(142deg, #0334A0, #8220D7 41%, #D666B5 65%, #D666B5);
	}	
	
	.sectionbg-8{ 
		background-color:#1B82A4; 
		background-image: linear-gradient(90deg,#400973 0,#00D6C6 100%); 
	}
	
	.sectionbg-9{
		background-color: #E9636E;
		background-image: linear-gradient(142deg, #f4a35b, #f4655b 31%, #d16098 65%, #ca3469);
	}
	
	.sectionbg-10{
		background-color: #f16529;
		background-image: linear-gradient(142deg, #f1a829, #f18629 31%, #f16529 65%, #f14429);
	}
	
	.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; }			
	}