/* Oct 2021 | Developed by Artenergy.com */

@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@400;600;800;900&display=swap');
/*	============================================================
	General
	============================================================	*/
:root {--o:#f000e2;}
:root {--y:#bf1d72;}
:root {--r:#bf1d72;}
:root {--g:#888;}

:root {--f1:nexa-bold;}

html {min-height:100%;font-family:sans-serif;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);}
body {margin:0;color:#fff;background:#000;font-family:Heebo,sans-serif;}
article,aside,figcaption,figure,footer,header,main,nav,section {display:block;}
*,*::before,*::after {-webkit-box-sizing:border-box;box-sizing:border-box;}
hr {border:0;border-top:1px solid rgba(255,255,255,.3);margin:40px 0;}
.clearfix:after {display:block;clear:both;content:'';}
a,a:active,a:focus {color:var(--b);outline:none;}
a:hover {color:var(--o);text-decoration:none;}
p {font-size:1.4em;font-weight:400;}
.text-red {color:var(--r)}
mark,.text-yellow {color:var(--y)!important;background:initial;}
.text-orange {color:var(--o)!important}
.text-black {color:#000!important;}
.text-grey {color:var(--g);}
.text-left {text-align:left!important;}
.text-right {text-align:right!important;}
.uppercase {text-transform:uppercase;}
.img {max-width:100%;height:auto;}
.d-none {display:none !important;}
.pointer {cursor:pointer;}
.text-center {text-align:center;}
.center {margin:auto;}
.pull-right {float:right}
.cover {
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
}
.contain {
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
}
/*	============================================================
	H Tags
	============================================================	*/
h1,h2 {font-size:130px;line-height:1.1;font-weight:900;color:#fff;}
h3 {font-size:32px;font-weight:600;}
h4 {font-size:24px;font-weight:600;}
/* Queries */
@media (max-width:1400px) {h1,h2 {font-size:6em;}h3 {font-size:30px;}}
@media (max-width:1200px) {h1,h2 {font-size:4em;}h3 {font-size:28px;}}
@media (max-width:992px) {h1,h2 {font-size:3.5em;}h3 {font-size:28px;}}
@media (max-width:768px) {h1,h2 {font-size:2.4em;}h3 {font-size:22px;}h4 {font-size:20px;}}
/*	============================================================
	Grid
	============================================================	*/
.grid,
.hero,
.fluid,
header {
	width:100%;
	margin:0 auto;
	-webkit-box-sizing:border-box;
			box-sizing:border-box;
}
@media (min-width:576px) {.grid {max-width:540px;}}
@media (min-width:768px) {.grid {max-width:720px;}}
@media (min-width:992px) {.grid {max-width:960px;}}
@media (min-width:1280px){.grid {max-width:1200px;}}
@media (min-width:1400px){.grid {max-width:1340px;}}

.col-2 {
	display:-ms-grid;
	display:grid;
	grid-row-gap:50px;
	grid-column-gap:4%;
	-ms-grid-columns:48% 4% 48%;
	grid-template-columns:48% 48%;
}
.col-2-auto {
	display:-ms-grid;
	display:grid;
	grid-row-gap:0;
	grid-column-gap:0;
	-ms-grid-columns:50% 0 50%;
	grid-template-columns:50% 50%;
}
.col-2-btn {
	display:-ms-grid;
	display:grid;
	grid-column-gap:0;
	-ms-grid-columns:50% 0 50%;
	grid-template-columns:50% 50%;
}
.col-3 {
	display:-ms-grid;
	display:grid;
	grid-row-gap:50px;
	grid-column-gap:3.85%;
	-ms-grid-columns:30.75% 3.85% 31% 3.85% 30.75%;
	grid-template-columns:30.75% 30.75% 30.75%;
}
.col-4 {
	display:-ms-grid;
	display:grid;
	grid-row-gap:50px;
	grid-column-gap:4%;
	-ms-grid-columns:22% 4% 22% 4% 22% 4% 22%;
	grid-template-columns:22% 22% 22% 22%;
}
.col-6-auto {
	display:-ms-grid;
	display:grid;
	grid-row-gap:50px;
	grid-column-gap:0;
	-ms-grid-columns:auto 0 auto 0 auto 0 auto 0 auto;
	grid-template-columns:auto auto auto auto auto;
}
@media (max-width:992px) {
	.col-4 {
	grid-column-gap:4%;
	-ms-grid-columns:44% 4% 44%;
	grid-template-columns:44% 44%;
	}
}
.col-2-btn .btn {
	width:90%;
}
.col-2-btn h4 {
	margin-top:20px;
}
@media (max-width:576px) {
	.grid {
	padding-right:30px;
	padding-left:30px;
	}
	.col-2,
	.col-3,
	.col-4,
	.col-2-auto,
	.col-6-auto {
	display:-ms-grid;
	display:grid;
	grid-row-gap:50px;
	grid-column-gap:0;
	-ms-grid-columns:100%;
	grid-template-columns:100%;
	}
	.col-2-btn .btn {
	width:100%;
	}
	.col-2-btn h4 {
	margin-left:8px;
	}
}
/*	============================================================
	Overlay
	============================================================	*/
.overlay {
	position:relative;
	overflow:hidden;
}
.overlay:before {
	z-index:1;
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	background:rgba(0,0,0,0.5);
}
/*	============================================================
	Bg
	============================================================	*/
.bg {
	background:#000;
	background:-o-linear-gradient(top,#333 0%,#000 100%);
	background:-webkit-gradient(linear,left top, left bottom,from(#333),to(#000));
	background:linear-gradient(to bottom,#333 0%,#000 100%);
}
.bg2 {
	background:#000;
	background:-o-linear-gradient(top,#000 0%,#333 35%,#0e0e0e 100%);
	background:-webkit-gradient(linear,left top, left bottom,from(#000),color-stop(35%, #333),to(#0e0e0e));
	background:linear-gradient(to bottom,#000 0%,#333 35%,#0e0e0e 100%);
}
.bg3 {
	background:-o-linear-gradient(left,#003da8,#2989d8 18%,#982dff 100%);
	background:-webkit-gradient(linear,left top, right top,from(#003da8),color-stop(18%, #2989d8),to(#982dff));
	background:linear-gradient(to right,#003da8,#2989d8 18%,#982dff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#003da8',endColorstr='#982dff',GradientType=1);
}
.bg4 {
	background:#fff;
}
/*	============================================================
	Logo
	============================================================	*/
header .logo,
header .logo img {
	width:248px;
	-webkit-transition:all .2s ease-out;
	-o-transition:all .2s ease-out;
	transition:all .2s ease-out;
}
header .logo {
	top:48px;
	left:100px;
	z-index:5;
	display:block;
	position:relative;
}
header .logo.logo-top {
	top:14px;
	position:fixed;
}
header .logo.active img,
header .logo.logo-top img {
	width:180px;
}
@media (max-width:1200px) {
	header .logo {
	left:80px;
	}
}
@media (max-width:576px) {
	header .logo {
	top:40px;
	left:0;
	width:180px;
	margin-left:25px;
	}
	header .logo.logo-top {
	top:13px;
	margin-left:20px;
	width:130px;
	}
	header .logo.active {
	top:15px;
	}
}
/*	============================================================
	Header + Nav
	============================================================	*/
header {
	z-index:8;
	position:absolute;
}
.header-bar {
	top:0;
	opacity:0;
	z-index:4;
	width:100%;
	height:60px;
	position:fixed;
	border-bottom:1px solid rgba(255,255,255,.1);
	-webkit-transition:all .4s ease-out;
	-o-transition:all .4s ease-out;
	transition:all .4s ease-out;
	background:rgba(0,0,0,.75);
}
.show-header-bar {
	opacity:1;
}
.header-bar.active {
	opacity:1;
	z-index:4;
	width:100%;
	height:100vh;
	border-bottom:none;
}
header nav {
	right:60px;
	z-index:8;
	font-size:24px;
	position:absolute;
	-webkit-transition:.2s ease-out;
	-o-transition:.2s ease-out;
	transition:.2s ease-out;
}
header nav ul {
	margin:0;
	list-style:none;
}
header nav li {
	display:inline-block;
}
header nav.nav-top {
	top:14px;
	font-size:1.3em;
	position:fixed;
}
header nav a {
	font-weight:600;
	position:relative;
	margin:0 0 0 24px;
	padding:0 5px 0 5px;
	text-decoration:none;
}
header nav a,
header nav a:active,
header nav a:focus {
	color:#fff;
}
header nav li.active a {
	color:var(--o);
	font-weight:800;
}
header nav li.active a:after {
	top:-52px;
	left:5px;
	width:90%;
	height:5px; 
	content:'';
	cursor:default;
	background:var(--o);
	position:absolute;
}
header nav.nav-top a {
	margin:2px 0 0 10px;
}
header nav a:hover {
	color:var(--o);
	-webkit-transition:all .2s ease-out;
	-o-transition:all .2s ease-out;
	transition:all .2s ease-out;
}
/*	============================================================
	Nav Mobile
	============================================================	*/
.nav-mobile {
	top:0;
	width:100%;
	z-index:9;
	height:100vh;
	margin:150px auto 0;
	display:block;
	text-align:center;
	position:fixed;
	-webkit-transition:.2s ease-out;
	-o-transition:.2s ease-out;
	transition:.2s ease-out;
}
.nav-mobile a {
	color:#fff;
	padding:0 !important;
	text-decoration:none;
	-webkit-transition:.2s ease-in-out;
	-o-transition:.2s ease-in-out;
	transition:.2s ease-in-out;
}
.nav-mobile a:active,
.nav-mobile a:focus {
	color:#fff;
}
.nav-mobile h2.active a {
	color:var(--o);
	cursor:default;
}
.nav-mobile h2 {
	line-height:1.4;
	margin:0;
	padding:0;
}
.nav-mobile hr {
	width:80%;
	margin:20px auto 40px;
}
.nav-mobile a:hover {
	color:var(--o);
}
.nav-mobile p span {
	padding:5px;
	color:rgba(255,255,255,.5);
}
/* Queries */
@media (max-width:1200px) {
	header nav {
	display:none;
	}
}
@media (max-width:577px) {/* Unique! */
	header nav {
	display:none;
	}
	.nav-mobile h2 a {
	z-index:14;
	}
}
/*	============================================================
	Hero
	============================================================	*/
.hero {
	width:100%;
	height:100vh;
	padding:80px 100px 0;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	z-index:2;
	position:relative;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
}
.hero.alt {
	height:60vh;
	min-height:740px;
}
.hero h1 {
	color:#fff;
	margin:60px 0 0 -5px;
}
.hero h1 span {
	display:block;
	margin-top:-15px;
}
.hero h3 {
	color:#fff;
	margin-top:15px;
	line-height:1.2;
}
@media (min-width:2200px) {
	.hero .titles {
	width:1340px;
	margin:0 auto;
	position:relative;
	}
}

@media (max-width:1200px) {
	.hero h1 span {
	margin-top:0;
	}
}
@media (max-width:992px) {
	.hand {
	display:none;
	}
}
@media (max-width:768px) {
	.hero h1 {
	line-height:1.1;
	}
}
/* Landscape */
@media only screen
	and (max-height:450px)
	and (max-width:1200px)
	and (orientation:landscape){
	.hero.alt {
	height:100vh;
	min-height:auto;
	}
}
@media (max-width:576px) {
	.hero {
	padding-left:30px;
	padding-right:30px;
	}
	.hero h1 {
	margin-left:-1px;
	}
	.hero h1 span {
	margin-top:0;
	}
	.hero.alt {
	height:75vh;
	min-height:auto;
	}
}
/*	============================================================
	Welcome
	============================================================	*/
.welcome {
	overflow:hidden;
	padding:0;
}
.col-welcome {
	display:-ms-grid;
	display:grid;
	grid-row-gap:50px;
	grid-column-gap:8%;
	-ms-grid-columns:58% 8% 36%;
	grid-template-columns:58% 36%;
	margin-bottom:-10px;
}
.col-welcome img {
	border-top-left-radius:80px;
	margin-bottom:0;
}
@media (max-width:768px) {
	.welcome .col-welcome img {
	display:none;
	}
	.col-welcome {
	grid-row-gap:50px;
	grid-column-gap:0;
	-ms-grid-columns:100%;
	grid-template-columns:100%;
	}
	.welcome {
	padding:40px 0;
	}
}
/*	============================================================
	Officiate
	============================================================	*/
.officiate {
	padding:20px 0 120px 0;
}
.officiate .col-wed {
	display:-ms-grid;
	display:grid;
	grid-row-gap:50px;
	grid-column-gap:8%;
	-ms-grid-columns:36% 8% 58%;
	grid-template-columns:36% 58%;
}
.officiate img {
	margin-top:-40px;
}
@media (max-width:768px) {
	.officiate {
	padding:40px 0 80px 0;
	}
	.officiate .col-wed {
	grid-row-gap:50px;
	grid-column-gap:0;
	-ms-grid-columns:100%;
	grid-template-columns:100%;
	}
	.officiate img {
	width:80%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	    -ms-flex-pack:center;
	        justify-content:center;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	margin:0 auto;
	}
}
/*	============================================================
	Initiatives
	============================================================	*/
.initiative {
	margin:0;
	padding:120px 0 120px 0;
	display:flex;
	overflow:hidden;
	display:-webkit-box;
	display:-ms-flexbox;
}
.icon-about {
	width:80px;
	height:80px;
	display:block;
	background-position:0;
	background-repeat:no-repeat;
}
/*	============================================================
	Classes
	============================================================	*/
.classes {
	padding:120px 0 120px 0;
	overflow:hidden;
}
.classes .col-wed {
	display:-ms-grid;
	display:grid;
	grid-row-gap:50px;
	grid-column-gap:8%;
	-ms-grid-columns:44% 8% 50%;
	grid-template-columns:44% 50%;
}
.classes .col-wed .cover {
	border-top-left-radius:80px;
	border-bottom-right-radius:80px;
	background-position:left center;
}
@media (max-width:576px) {
	.classes {
	padding:90px 0 80px 0;
	}
	.classes .col-wed {
	grid-column-gap:0;
	-ms-grid-columns:100%;
	grid-template-columns:100%;
	}
}
/*	============================================================
	Classes
	============================================================	*/
.empowering {
	padding:120px 0 120px 0;
	overflow:hidden;
}
.empowering .col-wed {
	display:-ms-grid;
	display:grid;
	grid-row-gap:50px;
	grid-column-gap:8%;
	-ms-grid-columns:44% 8% 50%;
	grid-template-columns:44% 50%;
}
.empowering .col-wed .btn {
	border:1px solid red;
	margin:0;
}
.empowering .col-wed .cover {
	border-top-left-radius:80px;
	border-bottom-right-radius:80px;
	background-position:left center;
}
@media (max-width:768px) {
	.empowering {
	padding:40px 0 80px 0;
	}
	.empowering .col-wed {
	grid-column-gap:0;
	-ms-grid-columns:100%;
	grid-template-columns:100%;
	}
}
/*	============================================================
	Store
	============================================================	*/
.store {
	margin:0;
	padding:120px 0 120px 0;
	overflow:hidden;
}
/*	============================================================
	About
	============================================================	*/
.about {
	margin:0;
	padding:20px 0 120px 0;
	overflow:hidden;
}
@media (max-width:576px) {
	.about {
	padding:40px 0 80px 0;
	}
}
/*	============================================================
	Description
	============================================================	*/
.description {
	padding:70px 0 120px;
}
.description .col-2-text {
	-webkit-column-count:2;
	-moz-column-count:2;
	column-count:2;
	-webkit-column-gap:80px;
	-moz-column-gap:80px;
	column-gap:80px;
}
.description .col-2-text h4:first-child {
	margin-top:0;
}
@media (max-width:768px) {
	.description .col-2-text {
	-webkit-column-count:1;
	-moz-column-count:1;
	column-count:1;
	-webkit-column-gap:0;
	-moz-column-gap:0;
	column-gap:0;
	}
}
@media (max-width:576px) {
	.description {
	padding:50px 0 80px;
	}
	.description h2 {
	margin-bottom:40px;
	}
}
/*	============================================================
	Design Accessories Circles
	============================================================	*/
.disc-one {
	position:relative;
}
.disc-one:before {
	left:0;
	z-index:0;
	content:'';
	opacity:.1;
	margin:auto;
	display:block;
	width:600px;
	height:1200px;
	position:absolute;
	background-color:var(--y);
	border-top-right-radius:600px;
	border-bottom-right-radius:600px;
}
.disc-one:before {
	top:-600px;
}
.disc-half-six {
	right:0;
	bottom:-180px;
	z-index:-1;
	opacity:.4;
	width:300px;
	height:600px;
	position:absolute;
	border-top-left-radius:300px;
	border-bottom-left-radius:300px;
	background-color:var(--y);
}
@media (max-width:1200px) {
	.disc-one:before {
	top:-400px;
	width:400px;
	height:800px;
	border-top-right-radius:400px;
	border-bottom-right-radius:400px;
	}
}
@media (max-width:576px) {
	.disc-one:before {
	top:-200px;
	width:300px;
	height:600px;
	border-top-right-radius:300px;
	border-bottom-right-radius:300px;
	}
}
/*	============================================================
	Carousel
	============================================================	*/
.fade-in .img {
	position:absolute;
	-webkit-animation-name:fade;
	-webkit-animation-iteration-count:infinite;
	animation-name:fade;
	animation-iteration-count:infinite;
	-webkit-animation-duration:12s;
	animation-duration:12s;
}
@-webkit-keyframes fade {
	0% {opacity:1;}
	25% {opacity:1;}
	50% {opacity:0;}
	92% {opacity:0;}
	100% {opacity:1;}
}
@keyframes fade {
	0% {opacity:1;}
	25% {opacity:1;}
	50% {opacity:0;}
	92% {opacity:0;}
	100% {opacity:1;}
}
.fade-in .img:nth-child(1) {-webkit-animation-delay:-12s;}
.fade-in .img:nth-child(2) {-webkit-animation-delay:-8s;}
.fade-in .img:nth-child(3) {-webkit-animation-delay:-4s;}
/*	============================================================
	Quotes
	============================================================	*/
.quotes {
	z-index:2;
	padding:20px 0 160px;
	position:relative;
}
.quotes-grid {
	display:-ms-grid;
	display:grid;
	grid-column-gap:4%;
	grid-row-gap:52px;
	-ms-grid-columns:48% 4% 48%;
	grid-template-columns:48% 48%;
}
.quotes .card {
	margin:0;
	z-index:2;
	overflow:hidden;
	background:rgba(60,60,60,.6);
	position:relative;
	border-radius:80px;
	padding:50px 50px 40px 60px;
}
.quotes .card:before {
	content:'';
	z-index:2;
	left:60px;
	top:85px;
	width:60.521px;
	height:43.499px;
	position:absolute;
	background-color:var(--y);
	mask:url(../img/quotes.svg) no-repeat 0 0/100% 100%;
	-webkit-mask:url(../img/quotes.svg) no-repeat 0 0/100% 100%;
}
.quotes h2 {
	color:#fff;
	text-align:center;
	-webkit-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out;
}
.quotes h4 {
	margin:0;
	color:#fff;
	position:relative;
	line-height:1.2;
	padding:140px 40px 80px 0;
}
.quotes .card .autor {
	right:10px;
	bottom:45px;
	margin:0;
	padding:0;
	color:#fff;
	line-height:1.2;
	position:relative;
}
.quotes .card .autor small {
	opacity:.5;
	font-size:22px;
	display:block;
	line-height:1.1;
	margin-top:15px;
}
@media (max-width:1200px) {
	.quotes .card {
	padding:30px 20px 30px 30px;
	}
	.quotes .card:before {
	left:30px;
	top:75px;
	}
}
@media (max-width:768px) {
	.quotes-grid {
	grid-column-gap:0;
	-ms-grid-columns:100%;
	grid-template-columns:100%;
	}
	.quotes .card:first-child {
	margin-bottom:30px;
	}
	.quotes .card .autor small {
	font-size:16px;
	}
}
@media (max-width:576px) {
	.quotes {
	padding:40px 0 0;
	}
	.quotes-grid {
	-ms-grid-columns:100%;
	grid-template-columns:100%;
	}
	.quotes .card {
	padding:0 0 60px;
	background:transparent;
	border-radius:0;
	-webkit-box-shadow:none;
	box-shadow:none;
	border-bottom:1px solid var(--y);
	}
	.quotes .card:last-child {
	margin-top:30px;
	padding:0 0 60px;
	border-bottom:none;
	}
	.quotes .card:before {
	left:0;
	bottom:45px;
	}
	.quotes .card:before {
	top:15px;
	}
	.quotes h4 {
	padding:100px 0 100px 0;
	}
	.quotes .card .autor {
	right:10px;
	}
}
/*	============================================================
	Embed
	============================================================	*/
.embed-responsive {
  position:relative;
  display:block;
  height:0;
  padding:0;
  overflow:hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  width:100%;
  height:100%;
  border:0;
}
.embed-responsive-16by9 {
  padding-bottom:56.25%;
}
.embed-responsive-4by3 {
  padding-bottom:75%;
}
.videos  {
	padding:40px 0 120px;
	position:relative;
}
.videos h2 {
	line-height:1;
	text-align:center;
}
@media (max-width:576px) {
	.videos .mt100 {
	display:none;
	}
	.videos .mt100 {
	display:none;
	}
}
/*	============================================================
	List
	============================================================	*/
.list {
	z-index:2;
}
.list ul {
	padding:0;
	margin:0;
	list-style:none;
	position:relative;
}
.list li {
	font-size:32px;
	font-weight:600;
	line-height:1.15;
	padding-bottom:28px;
	padding-left:50px;
}
.list .dot:before {
	content:'';
	width:25px;
	height:25px;
	position:absolute;
	border-radius:50%;
	margin:5px 0 0 -42px;
	padding-left:0;
	display:inline-block;
	background-color:var(--y);
}
@media (max-width:768px) {
	.list li {
	font-size:22px;
	}	
	.list .dot:before {
	content:'';
	width:20px;
	height:20px;
	}
}
@media (max-width:1400px) {
	.list ul {
	width:80%;
	}
	.list li {
	font-size:24px;
	}
}
@media (max-width:1200px) {
	.list ul {
	width:95%;
	}
	.list .dot:before {
	width:20px;
	height:20px;
	margin:4px 0 0 -42px;
	}
}

@media (max-width:768px) {
	.list ul {
	width:80%;
	}
	.list ul {
	margin-left:60px;
	}	
}
@media (max-width:576px) {
	.list ul {
	margin-left:20px;
	}	
	.list li {
	font-size:22px;
	}
	.list .btn {
	margin-left:30px;
	}
}
/*	============================================================
	Footer
	============================================================	*/
footer {
	color:#fff;
	background-color:#000;
	position:relative;
	padding:160px 0 0 0;
}
footer .grid {
	display:-ms-grid;
	display:grid;
	grid-row-gap:50px;
	grid-column-gap:1.6%;
	-ms-grid-columns:32.3% 1.6% 32.3% 1.6% 32.3%;
	grid-template-columns:32.3% 32.3% 32.3%;
	padding-bottom:100px;
}
footer .grid .card {
	min-height:300px;
	border-radius:10px;
	padding:30px 40px 20px 50px;
}
footer a,a:active,a:focus {
	color:#eee;
	-webkit-transition:.2s ease-in-out;
	-o-transition:.2s ease-in-out;
	transition:.2s ease-in-out;
}
footer a:hover {
	color:var(--o);
	-webkit-transition:.2s ease-in-out;
	-o-transition:.2s ease-in-out;
	transition:.2s ease-in-out;
}
footer h4 {
	color:#999;
	line-height:1.3;
	margin-top:-9px;
}
footer small {
	color:#999;
}
footer .link {
	color:#fff;
	text-decoration:none;
}
footer .link h3:after {
	top:0;
	margin:5px 0 0 15px;
	width:62.19px;
	height:23.032px;
	content:'';
	display:inline-block;
	position:relative;
	background:#999;
	mask:url(../img/arrow.svg);
	-webkit-mask:url(../img/arrow.svg);
	-webkit-mask-repeat:no-repeat;
	mask-repeat:no-repeat;
	-webkit-mask-position:0 0;
	mask-position:0 0;
	-webkit-mask-size:100% 100%;
	mask-size:100% 100%;
	-webkit-transition:.2s ease-in-out;
	-o-transition:.2s ease-in-out;
	transition:.2s ease-in-out;
}
footer .link:hover h3:after {
	background:var(--o);
	margin:5px -5px 0 20px;
}
footer .instagram:before,
footer .facebook:before,
footer .twitter:before {
	width:49.8px;
	height:40.7px;
	content:'';
	display:inline-block;
	position:relative;
	background:#999;
	margin-right:20px;
	mask:url(../img/twitter.svg);
	-webkit-mask:url(../img/twitter.svg);
}
footer .facebook:before {
	top:3px;
	width:45px;
	height:45px;
	mask:url(../img/facebook.svg);
	-webkit-mask:url(../img/facebook.svg);
}
footer .instagram:before {
	top:3px;
	width:45px;
	height:45px;
	mask:url(../img/instagram.svg);
	-webkit-mask:url(../img/instagram.svg);
}
footer .facebook:hover:before,
footer .instagram:hover:before,
footer .twitter:hover:before {
	background:var(--o);
}
@media (max-width:1400px) {
	footer .grid .card {
	padding:30px 20px 20px 30px;
	}
}
@media (max-width:992px) {
	footer {
	padding:120px 15px 30px;
	}
	footer .grid {
	grid-column-gap:0;
	-ms-grid-columns:100%;
	grid-template-columns:100%;
	}
	footer .grid div:nth-child(1) {
	-webkit-box-ordinal-group:2;
	-ms-flex-order:2;
	order:2;
	}
}
@media (max-width:576px) {
	footer {
	padding:120px 0 0;
	}
	footer .grid .card {
	min-height:auto;
	padding:30px 20px 40px 30px;
	}
	footer h4 {
	font-size:18px;
	}
}
/*	============================================================
	Header Btn
	============================================================	*/
.hero .btn {
	margin:50px 0 20px 0;
}
/*	============================================================
	Button
	============================================================	*/
.btn {
	border:0;
	color:#fff;
	display:inline-block;
	font-size:24px;
	cursor:pointer;
	font-weight:600;
	text-align:center;
	border-radius:35px;
	text-decoration:none;
	padding:15px 32px 17px 37px;
	-webkit-transition:.2s ease-in-out;
	-o-transition:.2s ease-in-out;
	transition:.2s ease-in-out;
	font-family:Heebo,sans-serif;
	background-color:var(--o);
	background:-o-linear-gradient(left,var(--r) 0%,var(--o) 100%);
	background:-webkit-gradient(linear,left top, right top,from(var(--r)),to(var(--o)));
	background:linear-gradient(to right,var(--r) 0%,var(--o) 100%);
}
.btn.arrow:after {
	content:'';
	display:inline-block;
	position:relative;
	background:#fff;
	-webkit-mask-position:0 0;
	mask-position:0 0;
	-webkit-mask-size:100% 100%;
	mask-size:100% 100%;
	-webkit-transition:.2s ease-in-out;
	-o-transition:.2s ease-in-out;
	transition:.2s ease-in-out;

	top:5px;
	margin:5px 0 0 20px;
	width:62.19px;
	height:23.032px;
	mask:url(../img/arrow.svg);
	-webkit-mask:url(../img/arrow.svg);
	-webkit-mask-repeat:no-repeat;
	mask-repeat:no-repeat;
}
.btn:hover.arrow:after {
	background:#000;
	margin:5px -5px 0 25px;
}
.btn:hover {
	color:#000;
	background:-o-linear-gradient(left,var(--y) 0%,var(--o) 100%);
	background:-webkit-gradient(linear,left top, right top,from(var(--y)),to(var(--o)));
	background:linear-gradient(to right,var(--y) 0%,var(--o) 100%);
}
.btn.active {
	background-color:var(--y);
}
.btn:active,.btn:focus {
	color:#fff;
	background-color:var(--y);
}
/* Landscape */
@media only screen
	and (max-height:450px)
	and (max-width:1200px)
	and (orientation:landscape){
	.hero .btn {
	display:none;
	}
	.nav-mobile {
	margin:50px auto 0;
	}
}
@media (max-width:992px) {
	.btn {
	font-size:20px;
	border-radius:30px;
	padding:9px 25px 15px 25px;
	}
}
/*	============================================================
	Wedd Gallery
	============================================================	*/
.gallery {
	padding:0 0 120px;
}
.gallery-grid {
	display:-ms-grid;
	display:grid;
	grid-row-gap:5px;
	grid-column-gap:5px;
	-ms-grid-columns:49% 5px 49%;
	grid-template-columns:49% 49%;
}
.gallery .gallery-grid div {
	height:450px;
	position:relative;
}
.gallery .gallery-grid div:nth-child(even) {
	border-top-left-radius:80px;
	border-bottom-right-radius:80px;
}
.gallery .gallery-grid div:nth-child(odd) {
	border-bottom-left-radius:80px;
	border-top-right-radius:80px;
}
.credit {
	text-align:right;
	padding:15px;
}
@media (max-width:768px) {
	.gallery-grid {
	grid-row-gap:30px;
	grid-column-gap:0;
	-ms-grid-columns:100%;
	grid-template-columns:100%;
	}
	.gallery .gallery-grid div {
	height:320px;
	position:relative;
	}
	.gallery .gallery-grid div:nth-child(odd) {
	border-bottom-left-radius:0;
	border-top-right-radius:0;
	border-top-left-radius:80px;
	border-bottom-right-radius:80px;
	}
}
/*	============================================================
	Photos
	============================================================	*/
.photos {
	padding:5px 0 0;
	position:relative;
	background-color:#000;
}
.photos-grid {
	display:-ms-grid;
	display:grid;
	grid-row-gap:5px;
	grid-column-gap:.35%;
	-ms-grid-columns:24.75% .35% 24.75% .35% 24.75% .35% 24.75%;
	grid-template-columns:24.75% 24.75% 24.75% 24.75%;
	overflow:hidden;
}
.photos-grid div {
	height:250px;
	position:relative;
}
@media (min-width:2200px) {
	.photos-grid div {
	height:350px;
	}
}
@media (min-width:3000px) {
	.photos-grid div {
	height:500px;
	}
}
@media (max-width:1200px) {
	.photos-grid div {
	height:200px;
	}
}
@media (max-width:992px) {
	.photos-grid {
	-ms-grid-columns:33% 5px 33% 5px 33%;
	grid-template-columns:33% 33% 33% 0;
	}
	.photos-grid div {
	height:200px;
	}
}
@media (max-width:576px) {
	.photos-grid {
	grid-row-gap:1px;
	-ms-grid-columns:50% 5px 50%;
	grid-template-columns:50% 50%;
	}
	.photos-grid div {
	height:150px;
	}
}
/*	============================================================
	Pepper Promo
	============================================================	*/
.pepper {
	padding:50px 0 50px 0;
	position:relative;
	overflow:hidden;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(10%, #f88c00),color-stop(67%, #f3c301),to(#f8bb00));
	background:-o-linear-gradient(top, #f88c00 10%,#f3c301 67%,#f8bb00 100%);
	background:linear-gradient(to bottom, #f88c00 10%,#f3c301 67%,#f8bb00 100%);
}
.pepper:before {
	top:-40px;
	left:-40px;
	opacity:.2;
	content:'';
	height:600px;
	width:600px;
	display:block;
	z-index:0;
	position:absolute;
	background-image:url(../img/with-love-from-kauai.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}
.col-peppers {
	display:-ms-grid;
	display:grid;
	grid-row-gap:0;
	grid-column-gap:0;
	-ms-grid-columns:50% 0 50%;
	grid-template-columns:50% 50%;
}
.col-peppers div:first-child {
	padding:50px 0 50px 0;
}
.pepper h2 {
	z-index:1;
	margin:0;
	position:relative;
}
.pepper h3,
.pepper h4 {
	z-index:1;
	color:#333;
	position:relative;
}
.pepper h3 {
	margin:0;
	font-size:3em;
}
X.pepper .dot:before {
	content:'';
	width:22px;
	height:22px;
	position:absolute;
	border-radius:50%;
	margin:5px 0 0 -42px;
	padding-left:0;
	display:inline-block;
	background-color:var(--y);
}
@media (max-width:1280px) {
	.pepper h3 {
	line-height:1em;
	}
}
@media (max-width:998px) {
	.pepper h3 {
	font-size:2em;
	}
}
@media (max-width:576px) {
	.pepper h3 {
	font-size:2em;
	}
	.pepper h4 {
	line-height:1.1em;
	}
	.pepper .btn.arrow:after {
	content:'';
	display:none;
	}
}
/*	============================================================
	Blockquote
	============================================================	*/
.blockquote {
	min-height:600px;
	padding:60px 15% 60px 35%;
	position:relative;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
}
.blockquote .fade-in {
	left:0;
	z-index:0;
	max-width:480px;
	max-height:480px;
	width:90%;
	height:90%;
	display:block;
	position:absolute;
}
.blockquote .fade-in .img {
	z-index:0;
	width:300px;
	height:300px;
	display:block;
	text-align:center;
	top:50%;
	right:50%;
	border-radius:50%;
	border:2px solid var(--r);
	position:absolute;
	-ms-transform:translate(50%, -50%);
		transform:translate(50%, -50%);
	-webkit-transform:translate(50%, -50%);
}
.blockquote .grid {
	-ms-flex-item-align:center;
	    -ms-grid-row-align:center;
	    align-self:center;
}
blockquote {
	z-index:2;
	padding-left:80px;
	margin:60px 0 20px;
	line-height:1.3;
	position:relative;
}
blockquote:before {
	left:0;
	top:-20px;
	width:60px;
	height:65.2px;
	content:'';
	cursor:pointer;
	position:absolute;
	display:inline-block;
	background:var(--y);
	mask:url(../img/quotes.svg);
	-webkit-mask:url(../img/quotes.svg);
	-webkit-mask-repeat:no-repeat;
	mask-repeat:no-repeat;
	-webkit-mask-position:0 0;
	mask-position:0 0;
	-webkit-mask-size:100% 100%;
	mask-size:100% 100%;
}
.blockquote h3,
.blockquote h4 {
	z-index:2;
	position:relative;
}
.blockquote h4 {
	font-size:24px;
	text-align:right;
	line-height:1.2;
	padding-right:10px;
}
@media (max-width:992px) {
	.blockquote h3,
	.blockquote h4 {
	text-shadow:0 0 5px #000, 0 0 10px #000, 0 0 15px #000, 0 0 20px #000, 0 0 30px #000, 0 0 40px #000, 0 0 55px #000;
	}
}
@media (max-width:576px) {
	.blockquote {
	padding:40px 0 40px;
	}
	blockquote {
	padding-left:60px;
	}
	blockquote:before {
	top:-10px;
	width:40px;
	height:45.2px;
	}
	.blockquote.fade-in {
	display:none;
	}
}
/*	============================================================
	Back to Top
	============================================================	*/
.back-to-top {
	opacity:0;
	color:#fff;
	height:60px;
	width:60px;
	right:25px;
	bottom:-50px;
	z-index:2;
	position:fixed;
	cursor:pointer;
	text-align:center;
	border-radius:50%;
	background-color:rgba(60,60,60,.3);
	-webkit-transition:all .4s ease-out;
	-o-transition:all .4s ease-out;
	transition:all .4s ease-out;
}
.back-to-top:hover {
	background-color:var(--o);
}
.back-to-top:before {
	top:20px;
	left:15px;
	opacity:.75;
	width:30px;
	height:21.55px;
	content:'';
	display:block;
	position:absolute;
	background-color:#fff;
	-webkit-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	transform:rotate(-90deg);
	mask:url(../img/arrow.svg) no-repeat 0 0/100% 100%;
	-webkit-mask:url(../img/arrow.svg) no-repeat 0 0/100% 100%;
	-webkit-transition:all .4s ease-out;
	-o-transition:all .4s ease-out;
	transition:all .4s ease-out;
}
.back-to-top:hover:before {
	opacity:0.8;
}
.show-to-top {
	opacity:1;
	bottom:23px;
	-webkit-transition:all .4s ease-out;
	-o-transition:all .4s ease-out;
	transition:all .4s ease-out;
}
@media (max-width:576px) {
	.back-to-top {
	display:none;
	}
}
/*	============================================================
	Hamburger
	============================================================	*/
.hamburger {
	top:53px;
	right:25px;
	z-index:10;
	width:30px;
	height:25px;
	padding-top:12px;
	display:block;
	position:absolute;
	-webkit-transition:all .2s ease-out;
	-o-transition:all .2s ease-out;
	transition:all .2s ease-out;
}
.hamburger.hamb-top {
	top:16px;
	position:fixed;
}
.hamburger span,
.hamburger span:before,
.hamburger span:after {
	right:0;
	height:3px;
	width:30px;
	content:'';
	display:block;
	border-radius:1px;
	position:absolute;
	background:var(--o);
	-webkit-transition:.25s ease-in-out;
	-o-transition:.25s ease-in-out;
	transition:.25s ease-in-out;
}
.hamburger span:before {
	top:-9px;
	background:inherit;
}
.hamburger span:after {
	bottom:-9px; 
	background:inherit;
}
.hamburger.open span {
	height:0;
	width:0;
	right:-5px;
}
.hamburger.open span:before {
	top:0;
	-webkit-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.hamburger.open span:after {
	bottom:-3px;
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}
.hamburger:hover span {
	opacity:.6;
}
@media (min-width:1200px) {
	.hamburger { /* Unique! */
	display:none;
	}
}
@media (min-width:768px) {
	.hamburger {
	right:60px;
	}
}
@media (max-width:1200px) {
	.hamburger {
	right:30px;
	}
}
/*	============================================================
	Hide me
	============================================================	*/
.display-sm {
	display:none !important;
}
@media (max-width:768px) {
	.hide-sm {
	display:none !important;
	}
	.display-sm {
	display:inline-block !important;
	}
}
/*	============================================================
	Animated bits
	============================================================	*/
.animated.scroll-out,
.scroll-out .animated {
	-webkit-animation-name:none !important;
	animation-name:none !important;
	visibility:hidden !important;
}
.animated {
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}
.animated.infinite {
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
}
@media (max-width:576px) {
	.animated.animated-sm {
	-webkit-animation-name:none !important;
	animation-name:none !important;
	}
}
@-webkit-keyframes zoomIn {
	from {
	opacity:0;
	-webkit-transform:scale3d(0.3,0.3,0.3);
	transform:scale3d(0.3,0.3,0.3);
	}
	50% {
	opacity:1;
	}
}
@keyframes zoomIn {
	from {
	opacity:0;
	-webkit-transform:scale3d(0.3,0.3,0.3);
	transform:scale3d(0.3,0.3,0.3);
	}
	50% {
	opacity:1;
	}
}
.zoomIn {
	-webkit-animation-name:zoomIn;
	animation-name:zoomIn;
}
@-webkit-keyframes fadeOut {
	from {
	opacity:1;
	}
	to {
	opacity:0;
	}
}
@keyframes fadeOut {
	from {
	opacity:1;
	}
	to {
	opacity:0;
	}
}
@-webkit-keyframes flash {
	from,50%,to {
	opacity:1;
	}
	25%,75% {
	opacity:0;
	}
}
@keyframes flash {
	from,50%,to {
	opacity:1;
	}
	25%,75% {
	opacity:0;
	}
}
.flash {
	-webkit-animation-name:flash;
	animation-name:flash;
}
.fadeOut {
	-webkit-animation-name:fadeOut;
	animation-name:fadeOut;
}
@-webkit-keyframes slideInDown {
	from {
	-webkit-transform:translate3d(0,-100%,0);
	transform:translate3d(0,-100%,0);
	visibility:visible;
	}
	to {
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	}
}
@keyframes slideInDown {
	from {
	-webkit-transform:translate3d(0,-100%,0);
	transform:translate3d(0,-100%,0);
	visibility:visible;
	}
	to {
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	}
}
.slideInDown {
	-webkit-animation-name:slideInDown;
	animation-name:slideInDown;
}
@-webkit-keyframes slideInLeft {
	from {
		-webkit-transform:translate3d(-100%, 0, 0);
		transform:translate3d(-100%, 0, 0);
		visibility:visible;
	}
	to {
		-webkit-transform:translate3d(0, 0, 0);
		transform:translate3d(0, 0, 0);
	}
}
@keyframes slideInLeft {
	from {
	-webkit-transform:translate3d(-100%, 0, 0);
	transform:translate3d(-100%, 0, 0);
	visibility:visible;
	}
	to {
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
	}
}
.slideInLeft {
	-webkit-animation-name:slideInLeft;
	animation-name:slideInLeft;
}
@-webkit-keyframes fadeIn {
	from {
	opacity:0;
	}
	to {
	opacity:1;
	}
}
@keyframes fadeIn {
	from {
	opacity:0;
	}
	to {
	opacity:1;
	}
}
.fadeIn {
	-webkit-animation-name:fadeIn;
	animation-name:fadeIn;
}
@-webkit-keyframes fadeInDown {
	from {
	opacity:0;
	-webkit-transform:translate3d(0,-100%,0);
	transform:translate3d(0,-100%,0);
	}
	to {
	opacity:1;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	}
}
@keyframes fadeInDown {
	from {
	opacity:0;
	-webkit-transform:translate3d(0,-100%,0);
	transform:translate3d(0,-100%,0);
	}
	to {
	opacity:1;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	}
}
.fadeInDown {
	-webkit-animation-name:fadeInDown;
	animation-name:fadeInDown;
}
@-webkit-keyframes fadeInLeft {
	from {
	opacity:0;
	-webkit-transform:translate3d(-100%,0,0);
	transform:translate3d(-100%,0,0);
	}
	to {
	opacity:1;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	}
}
@keyframes fadeInLeft {
	from {
	opacity:0;
	-webkit-transform:translate3d(-100%,0,0);
	transform:translate3d(-100%,0,0);
	}
	to {
	opacity:1;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	}
}
.fadeInLeft {
	-webkit-animation-name:fadeInLeft;
	animation-name:fadeInLeft;
}
@-webkit-keyframes fadeInRight {
	from {
	opacity:0;
	-webkit-transform:translate3d(100%,0,0);
	transform:translate3d(100%,0,0);
	}
	to {
	opacity:1;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	}
}
@keyframes fadeInRight {
	from {
	opacity:0;
	-webkit-transform:translate3d(100%,0,0);
	transform:translate3d(100%,0,0);
	}
	to {
	opacity:1;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	}
}
.fadeInRight {
	-webkit-animation-name:fadeInRight;
	animation-name:fadeInRight;
}
@-webkit-keyframes fadeInUp {
	from {
	opacity:0;
	-webkit-transform:translate3d(0,100%,0);
	transform:translate3d(0,100%,0);
	}
	to {
	opacity:1;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	}
}
@keyframes fadeInUp {
	from {
	opacity:0;
	-webkit-transform:translate3d(0,100%,0);
	transform:translate3d(0,100%,0);
	}
	to {
	opacity:1;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	}
}
.fadeInUp {
	-webkit-animation-name:fadeInUp;
	animation-name:fadeInUp;
}
.animated.delay-01s{-webkit-animation-delay:.1s;animation-delay:.1s}
.animated.delay-02s{-webkit-animation-delay:.2s;animation-delay:.2s}
.animated.delay-03s{-webkit-animation-delay:.3s;animation-delay:.3s}
.animated.delay-04s{-webkit-animation-delay:.4s;animation-delay:.4s}
.animated.delay-05s{-webkit-animation-delay:.5s;animation-delay:.5s}
.animated.delay-06s{-webkit-animation-delay:.6s;animation-delay:.6s}
.animated.delay-07s{-webkit-animation-delay:.7s;animation-delay:.7s}
.animated.delay-08s{-webkit-animation-delay:.8s;animation-delay:.8s}
.animated.delay-09s{-webkit-animation-delay:.9s;animation-delay:.9s}
.animated.delay-1s {-webkit-animation-delay:1s;animation-delay:1s}
.animated.delay-011s{-webkit-animation-delay:1.1s;animation-delay:1.1s}
.animated.delay-012s{-webkit-animation-delay:1.2s;animation-delay:1.2s}
.animated.delay-013s{-webkit-animation-delay:1.3s;animation-delay:1.3s}
.animated.delay-014s{-webkit-animation-delay:1.4s;animation-delay:1.4s}
.animated.delay-015s{-webkit-animation-delay:1.5s;animation-delay:1.5s}
.animated.delay-016s{-webkit-animation-delay:1.6s;animation-delay:1.6s}
.animated.delay-018s{-webkit-animation-delay:1.8s;animation-delay:1.8s}
.animated.delay-2s {-webkit-animation-delay:2s;animation-delay:2s}
@media (prefers-reduced-motion) {
	.animated {
	-webkit-animation:unset !important;
	animation:unset !important;
	-webkit-transition:none !important;
	-o-transition:none !important;
	transition:none !important;
	}
}
/*	============================================================
	Close
	============================================================	*/
.close {
	margin:0 10px 70px auto;
	position:relative;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
}
.close:after {
	right:0;
	z-index:2;
	color:#fff;
	position:absolute;
	font-size:2em;
	font-weight:400;
	content:'\00d7';
}
.close:hover:after {
	color:var(--o);
}
/*	============================================================
	Table
	============================================================	*/
table {
	width:100%;
	max-width:100%;
	border-spacing:0;
	border-collapse:collapse;
}
.table tr th,
.table tr td {
	padding:8px;
	line-height:1.1;
	font-size:1.4em;
	vertical-align:top;
	border:1px solid #555;
	-webkit-transition:.25s ease-in-out;
	-o-transition:.25s ease-in-out;
	transition:.25s ease-in-out;
}
.table tr th {
	line-height:1.5;
	font-size:1em;
	border-top:none;
	text-align:left;
	border-bottom:3px solid #888;
}
.table tr:hover {
	background-color:#333;
	-webkit-transition:.2s ease-in-out;
	-o-transition:.2s ease-in-out;
	transition:.2s ease-in-out;
}
.table tr th:first-child,
.table tr td:first-child {
	border-left:0;
	padding-left:1px;
}
.table tr th:last-child,
.table tr td:last-child {
	border-right:0;
}
.table tr:last-child td {
	border-bottom:none;
}
.table tr td:nth-child(4) {
	white-space:nowrap;
}
.table .btn-buy {
	width:38px;
	height:auto;
}
.table .btn-buy:hover {
	opacity:.8;
}
/*	============================================================
	Margin
	============================================================	*/
.mt15	{margin-top:15px;}
.mt20	{margin-top:20px;}
.mt30	{margin-top:30px;}
.mt40	{margin-top:40px;}
.mt60	{margin-top:60px;}
.mt80	{margin-top:80px;}
.mt100	{margin-top:100px;}
.mt140	{margin-top:140px;}
.mt-10	{margin-top:-10px;}
.mt-20	{margin-top:-20px;}
.mt-40	{margin-top:-40px;}
.mb20	{margin-bottom:20px;}
.mb30	{margin-bottom:30px;}
.mb40	{margin-bottom:40px;}
.mb60	{margin-bottom:60px;}
.mb80	{margin-bottom:80px;}
.mb100	{margin-bottom:100px;}
.mb-15	{margin-bottom:-15px;}
/*	===================================================================
	Media Queries
	Min - greater or equal. Order - low to hi.
	Max - less or equal. Order - hi to low.
	===================================================================	*/