/*--------------------------------
    Define Text  Colors 
---------------------------------*/
.color-theme {
	color: #18012c;
}

.white {
	color: #fff;
}

/*----------------------------
    Button Background Color 
------------------------------*/
.button-color--theme {
	background: #18012c;
}

/*---------------------------
    Border Radious 
---------------------------*/
.button-radious--5 {
	border-radius: 5px;
}

.button-radious--10 {
	border-radius: 10px;
}

.button-radious--15 {
	border-radius: 15px;
}

.button-radious--20 {
	border-radius: 20px;
}

.button-radious--25 {
	border-radius: 25px;
}

.button-radious--30 {
	border-radius: 30px;
}

.button-radious--35 {
	border-radius: 35px;
}

.button-radious--40 {
	border-radius: 40px;
}

.button-radious--45 {
	border-radius: 45px;
}

.button-radious--50 {
	border-radius: 50px;
}

.button-radious--55 {
	border-radius: 55px;
}

.button-radious--60 {
	border-radius: 60px;
}

.button-radious--65 {
	border-radius: 65px;
}

.button-radious--70 {
	border-radius: 70px;
}

.button-radious--75 {
	border-radius: 75px;
}

.button-radious--80 {
	border-radius: 80px;
}

.button-radious--85 {
	border-radius: 85px;
}

.button-radious--90 {
	border-radius: 90px;
}

.button-radious--95 {
	border-radius: 95px;
}

.button-radious--100 {
	border-radius: 100px;
}

.button-radious--105 {
	border-radius: 105px;
}

.button-radious--110 {
	border-radius: 110px;
}

.button-radious--115 {
	border-radius: 115px;
}

.button-radious--120 {
	border-radius: 120px;
}

.button-radious--125 {
	border-radius: 125px;
}

.button-radious--130 {
	border-radius: 130px;
}

.button-radious--135 {
	border-radius: 135px;
}

.button-radious--140 {
	border-radius: 140px;
}

.button-radious--145 {
	border-radius: 145px;
}

.button-radious--150 {
	border-radius: 150px;
}

.button-radious--155 {
	border-radius: 155px;
}

.button-radious--160 {
	border-radius: 160px;
}

.button-radious--165 {
	border-radius: 165px;
}

.button-radious--170 {
	border-radius: 170px;
}

.button-radious--175 {
	border-radius: 175px;
}

.button-radious--180 {
	border-radius: 180px;
}

.button-radious--185 {
	border-radius: 185px;
}

.button-radious--190 {
	border-radius: 190px;
}

.button-radious--195 {
	border-radius: 195px;
}

.button-radious--200 {
	border-radius: 200px;
}

.button-radious--205 {
	border-radius: 205px;
}

.button-radious--210 {
	border-radius: 210px;
}

.button-radious--215 {
	border-radius: 215px;
}

.button-radious--220 {
	border-radius: 220px;
}

.button-radious--225 {
	border-radius: 225px;
}

.button-radious--230 {
	border-radius: 230px;
}

.button-radious--235 {
	border-radius: 235px;
}

.button-radious--240 {
	border-radius: 240px;
}

.button-radious--245 {
	border-radius: 245px;
}

.button-radious--250 {
	border-radius: 250px;
}

/*---------------------------
    Button Border
---------------------------*/
.border-1 {
	border: 1px solid #18012c !important;
}

.border-4 {
	border: 4px solid #18012c !important;
}

.border-8 {
	border: 8px solid #18012c !important;
}

/*------------------------------
    Background Color 
 -------------------------------*/
.bg_color--1 {
	background: #18012c;
}

.bg_color--2 {
	background: #fff;
}

.bg_color--3 {
	background: #f4f4f4;
}

.bg_color--4 {
	background: #45b29d;
}

.bg_color--5 {
	background: #556270;
}

.bg_color--6 {
	background: #3c254a;
}

.bg_color--7 {
	background: #73665c;
}

.bg_color--8 {
	background: #e09d8b;
}

.bg_color--9 {
	background: #1a4f63;
}

.bg_color--10 {
	background: #a85265;
}

.bg_color--11 {
	background: #d82f4e;
}

.bg_color--12 {
	background: #ed9330;
}

.bg_color--13 {
	background: #c44b26;
}

.bg_color--14 {
	background: #751d45;
}

.bg_color--15 {
	background: #ff6b6b;
}

.bg_color--16 {
	background: #c44d58;
}

.bg_color--17 {
	background: #a85265;
}

.bg_color--18 {
	background: #7db7f1;
}

.bg_color--19 {
	background: #077e67;
}

.bg_color--20 {
	background: #84680a;
}

.bg_color--21 {
	background: #a04714;
}

.bg-transparent {
	background: transparent !important;
}

/*-------------------------
    Background Image 
---------------------------*/
.bg_image--1 {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.bg_image--2 {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.bg_image--3 {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.bg_image--4 {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.bg_image--5 {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.bg_image--6 {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.bg_image--7 {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.bg_image--8 {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.bg_image--9 {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.bg_image--10 {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.bg_image--11 {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.bg_image--12 {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.bg_image--13 {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.bg_image--14 {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.bg_image--15 {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.bg_image--16 {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.bg_image--17 {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.bg_image--18 {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.bg_image--19 {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.bg_image--20 {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

/* ------------------------
    Text specialized
---------------------------*/
.text-italic {
	font-style: italic;
}

.text-normal {
	font-style: normal;
}

.text-underline {
	font-style: underline;
}

/*------------------------
    Font specialized 
-------------------------*/
.body-font {
	font-family: "Poppins", sans-serif;
}

.heading-font {
	font-family: "Montserrat", sans-serif;
}

/* ------------------------
    Height and width
---------------------------*/
.fullscreen {
	min-height: 100vh;
	width: 100%;
}

.w-100 {
	width: 100%;
}

.w-75 {
	width: 75%;
}

.w-50 {
	width: 50%;
}

.w-33 {
	width: 33.33%;
}

.w-25 {
	width: 25%;
}

.w-10 {
	width: 10%;
}

.h-100 {
	height: 100%;
}

.h-75 {
	height: 75%;
}

.h-50 {
	height: 50%;
}

.h-25 {
	height: 25%;
}

.h-33 {
	height: 33.33%;
}

.h-10 {
	height: 10%;
}

/*-- ----------------
    Custom Row
-------------------------*/
.row--0 {
	margin-left: -0px;
	margin-right: -0px;
}

.row--0 > [class*="col"] {
	padding-left: 0px;
	padding-right: 0px;
}

.row--5 {
	margin-left: -5px;
	margin-right: -5px;
}

.row--5 > [class*="col"] {
	padding-left: 5px;
	padding-right: 5px;
}

.row--10 {
	margin-left: -10px;
	margin-right: -10px;
}

.row--10 > [class*="col"] {
	padding-left: 10px;
	padding-right: 10px;
}

.row--20 {
	margin-left: -20px;
	margin-right: -20px;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
	.row--20 {
		margin-left: -15px;
		margin-right: -15px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.row--20 {
		margin-left: -15px;
		margin-right: -15px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.row--20 {
		margin-left: -15px;
		margin-right: -15px;
	}
}

@media only screen and (max-width: 767px) {
	.row--20 {
		margin-left: -15px !important;
		margin-right: -15px !important;
	}
}

.row--20 > [class*="col"], .row--20 > [class*="col-"] {
	padding-left: 20px;
	padding-right: 20px;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
	.row--20 > [class*="col"], .row--20 > [class*="col-"] {
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.row--20 > [class*="col"], .row--20 > [class*="col-"] {
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.row--20 > [class*="col"], .row--20 > [class*="col-"] {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
}

@media only screen and (max-width: 767px) {
	.row--20 > [class*="col"], .row--20 > [class*="col-"] {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
}

/*------------------------------------
    Input Placeholder
---------------------------------------*/
input:-moz-placeholder, textarea:-moz-placeholder {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input::-moz-placeholder, textarea::-moz-placeholder {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/*--------------------------
	Overlay styles 
---------------------------*/
[data-overlay], [data-black-overlay], [data-white-overlay] {
	position: relative;
}

[data-overlay] > div, [data-overlay] > *, [data-black-overlay] > div, [data-black-overlay] > *, [data-white-overlay] > div, [data-white-overlay] > * {
	position: relative;
	z-index: 2;
}

[data-overlay]:before, [data-black-overlay]:before, [data-white-overlay]:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: 2;
}

[data-overlay]:before {
	background-color: #18012c;
}

[data-black-overlay]:before {
	background-color: #000;
}

[data-white-overlay]:before {
	background-color: #fff;
}

[data-overlay="1"]:before, [data-black-overlay="1"]:before, [data-white-overlay="1"]:before {
	opacity: .1;
}

[data-overlay="2"]:before, [data-black-overlay="2"]:before, [data-white-overlay="2"]:before {
	opacity: .2;
}

[data-overlay="3"]:before, [data-black-overlay="3"]:before, [data-white-overlay="3"]:before {
	opacity: .3;
}

[data-overlay="4"]:before, [data-black-overlay="4"]:before, [data-white-overlay="4"]:before {
	opacity: .4;
}

[data-overlay="5"]:before, [data-black-overlay="5"]:before, [data-white-overlay="5"]:before {
	opacity: .5;
}

[data-overlay="6"]:before, [data-black-overlay="6"]:before, [data-white-overlay="6"]:before {
	opacity: .6;
}

[data-overlay="7"]:before, [data-black-overlay="7"]:before, [data-white-overlay="7"]:before {
	opacity: .7;
}

[data-overlay="8"]:before, [data-black-overlay="8"]:before, [data-white-overlay="8"]:before {
	opacity: .8;
}

[data-overlay="9"]:before, [data-black-overlay="9"]:before, [data-white-overlay="9"]:before {
	opacity: .9;
}

[data-overlay="10"]:before, [data-black-overlay="10"]:before, [data-white-overlay="10"]:before {
	opacity: 1;
}

.bg-theme, .bg-dark, .bg-dark-light, .bg-secondary {
	color: #fff;
}

.bg-theme h1, .bg-theme h2, .bg-theme h3, .bg-theme h4, .bg-theme h5, .bg-theme h6, .bg-theme p, .bg-dark h1, .bg-dark h2, .bg-dark h3, .bg-dark h4, .bg-dark h5, .bg-dark h6, .bg-dark p, .bg-dark-light h1, .bg-dark-light h2, .bg-dark-light h3, .bg-dark-light h4, .bg-dark-light h5, .bg-dark-light h6, .bg-dark-light p, .bg-secondary h1, .bg-secondary h2, .bg-secondary h3, .bg-secondary h4, .bg-secondary h5, .bg-secondary h6, .bg-secondary p {
	color: #fff;
}

/*------------------------------
// Contact Form
--------------------------------*/
.form-message {
	margin-bottom: 0;
	text-align: center;
}

.form-message.error {
	margin-top: 20px;
	color: #f80707;
}

.form-message.success {
	margin-top: 20px;
	color: #0d8d2d;
}

.bk-parallax {
	position: relative;
	z-index: 0;
}

.bk-parallax > .bk-parallax-img {
	position: absolute;
	object-fit: cover;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

/*----------------------
    Social Color
------------------------*/
.facebook {
	background-color: #3b5998;
	color: #fff;
}

.facebook:hover {
	background-color: #3b5998;
	color: #fff;
}

.twitter {
	background-color: #00acee;
	color: #fff;
}

.twitter:hover {
	background-color: #00acee;
	color: #fff;
}

.linkedin {
	background-color: #0e76a8;
	color: #fff;
}

.linkedin:hover {
	background-color: #0e76a8;
	color: #fff;
}

.pinterest {
	background-color: #c8232c;
	color: #fff;
}

.pinterest:hover {
	background-color: #c8232c;
	color: #fff;
}

.google-plus {
	background-color: #dd4b39;
	color: #fff;
}

.google-plus:hover {
	background-color: #dd4b39;
	color: #fff;
}

.flickr {
	background-color: #ff0084;
	color: #fff;
}

.flickr:hover {
	background-color: #ff0084;
	color: #fff;
}

.yahoo {
	background-color: #720e9e;
	color: #fff;
}

.yahoo:hover {
	background-color: #720e9e;
	color: #fff;
}

.behance {
	background-color: #0057ff;
	color: #fff;
}

.behance:hover {
	background-color: #0057ff;
	color: #fff;
}

.dribbble {
	background-color: #ea4c89;
	color: #fff;
}

.dribbble:hover {
	background-color: #ea4c89;
	color: #fff;
}

.google {
	background-color: #dd4b39;
	color: #fff;
}

.google:hover {
	background-color: #dd4b39;
	color: #fff;
}

.github {
	background-color: #171515;
	color: #fff;
}

.github:hover {
	background-color: #171515;
	color: #fff;
}

.instagram {
	background-color: #d82e86;
	color: #fff;
}

.instagram:hover {
	background-color: #d82e86;
	color: #fff;
}

.quora {
	background-color: #a82400;
	color: #fff;
}

.quora:hover {
	background-color: #a82400;
	color: #fff;
}

.reddit {
	background-color: #c6c6c6;
	color: #fff;
}

.reddit:hover {
	background-color: #c6c6c6;
	color: #fff;
}

.skype {
	background-color: #00aff0;
	color: #fff;
}

.skype:hover {
	background-color: #00aff0;
	color: #fff;
}

.slack {
	background-color: #63c1a0;
	color: #fff;
}

.slack:hover {
	background-color: #63c1a0;
	color: #fff;
}

.snapchat {
	background-color: #fffc00;
	color: #fff;
}

.snapchat:hover {
	background-color: #fffc00;
	color: #fff;
}

.tumblr {
	background-color: #34526f;
	color: #fff;
}

.tumblr:hover {
	background-color: #34526f;
	color: #fff;
}

.vimeo {
	background-color: #86c9ef;
	color: #fff;
}

.vimeo:hover {
	background-color: #86c9ef;
	color: #fff;
}

.youtube {
	background-color: #c4302b;
	color: #fff;
}

.youtube:hover {
	background-color: #c4302b;
	color: #fff;
}

/**************************************
	Elements Styles
***************************************/

/*-----------------------
 * Button Style 
-----------------------*/
.color-theme {
	color: #18012c;
}

.button-bg-image--1 {
	border-style: none;
	background-repeat: no-repeat;
}

.button-bg-image--2 {
	border-style: none;
	background-repeat: no-repeat;
}

.button-bg-image--3 {
	border-style: none;
	background-repeat: no-repeat;
}

.button-bg-image--4 {
	border-style: none;
	background-repeat: no-repeat;
}

.button-bg-image--5 {
	border-style: none;
	background-repeat: no-repeat;
}

.button-group--horizonta {
	display: flex;
	flex-wrap: wrap;
}

.htmegavc-btn {
	background: #556270;
	font-size: 13px;
	display: inline-block;
	text-transform: uppercase;
	line-height: initial;
	position: relative;
	overflow: hidden;
	z-index: 1;
	color: #fff;
	font-family: "Montserrat", sans-serif;
}

.htmegavc-btn:hover {
	color: #fff;
}

.htmegavc-btn.button-bg-image {
	transition: .5s;
}

.htmegavc-btn.button-bg-image:hover {
	opacity: .8;
}

.htmegavc-btn.button-shadow, .htmegavc-btn.button-shadow.button-shadow-1 {
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	overflow: visible;
}

.htmegavc-btn.button-shadow:hover {
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
}

.htmegavc-btn.button-shadow.button-shadow-2::before {
	pointer-events: none;
	position: absolute;
	z-index: -1;
	content: "";
	top: 100%;
	left: 5%;
	height: 10px;
	width: 90%;
	opacity: 0;
	background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, .35) 0%, rgba(0, 0, 0, 0) 80%);
	background: radial-gradient(ellipse at center, rgba(0, 0, 0, .35) 0%, rgba(0, 0, 0, 0) 80%);
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: transform, opacity;
	transition-property: transform, opacity;
}

.htmegavc-btn.button-shadow.button-shadow-2:hover::before {
	opacity: 1;
	-webkit-transform: translateY(5px);
	transform: translateY(5px);
}

.htmegavc-btn.button-shadow.button-shadow-3::before, .htmegavc-btn.button-shadow.button-shadow-3::after {
	pointer-events: none;
	position: absolute;
	content: "";
	left: 0;
	width: 100%;
	box-sizing: border-box;
	background-repeat: no-repeat;
	height: 5px;
	opacity: 0;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: opacity;
	transition-property: opacity;
}

.htmegavc-btn.button-shadow.button-shadow-3::before {
	bottom: 100%;
	background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, 0) 80%);
	background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, 0) 80%);
}

.htmegavc-btn.button-shadow.button-shadow-3::after {
	top: 100%;
	background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, 0) 80%);
	background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, 0) 80%);
}

.htmegavc-btn.button-shadow.button-shadow-3:hover::before, .htmegavc-btn.button-shadow.button-shadow-3:hover::after {
	opacity: 1;
}

.htmegavc-btn.button-shadow.button-shadow-4:hover {
	box-shadow: inset 2px 2px 2px rgba(0, 0, 0, .6), 0 0 1px rgba(0, 0, 0, 0);
}

.htmegavc-btn.button-shadow.button-shadow-5:hover {
	box-shadow: 2px 2px 2px rgba(0, 0, 0, .6);
}

.htmegavc-btn.button-shadow.button-shadow-6:hover {
	box-shadow: 0 0 8px rgba(0, 0, 0, .6);
}

.htmegavc-btn.bg_color--2 {
	color: #18012c;
}

.htmegavc-btn.button-color--theme {
	background: #18012c;
}

.htmegavc-btn.button-color--2 {
	background: #18012c;
}

.htmegavc-btn.button-transparent {
	background: transparent;
	color: #18012c;
}

.htmegavc-btn.button-transparent:hover {
	background: #18012c;
	color: #fff;
}

.htmegavc-btn.button-border--1 {
	border: 1px solid #18012c;
}

.htmegavc-btn.button--medium {
	padding: 16px 43px;
}

.htmegavc-btn.button--standard {
	padding: 25px 32px;
}

.htmegavc-btn.button--large {
	padding: 30px 58px;
}

.htmegavc-btn.button--extra-large {
	padding: 36px 35px;
}

.htmegavc-btn.button--small {
	padding: 22px 37px;
}

.htmegavc-btn.button--extra-small {
	padding: 16px 16px;
}

.htmegavc-btn.button-icon {
	padding: 24px 50px;
}

.htmegavc-btn.button-icon span {
	padding-left: 12px;
}

.htmegavc-btn.button-icon span i {
	font-size: 20px;
	color: #fff;
}

.htmegavc-btn.background-type-gradient {
	position: relative;
	position: relative;
	overflow: hidden;
	box-shadow: 0 0 0 rgba(244, 63, 59, .5);
	z-index: 100;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	background-image: -webkit-linear-gradient(top, #000, #ce51da);
	background-image: linear-gradient(0, #000, #ce51da);
	background-size: 100%;
}

.htmegavc-btn.background-type-gradient::before {
	position: absolute;
	z-index: -100;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	content: "";
	-webkit-transition: opacity 1s;
	transition: opacity 1s;
	opacity: 0;
	background-image: -webkit-linear-gradient(top, #ce51da, #000);
	background-image: linear-gradient(0, #ce51da, #000);
}

.htmegavc-btn.background-type-gradient:hover::before {
	opacity: 1;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.htmegavc-btn.button-gradient--2 {
	background-image: -webkit-linear-gradient(top, #ecbfa6, #6e2f17);
	background-image: linear-gradient(0, #ecbfa6, #6e2f17);
}

.htmegavc-btn.button-gradient--2::before {
	background-image: -webkit-linear-gradient(top, #6e2f17, #ecbfa6);
	background-image: linear-gradient(0, #6e2f17, #ecbfa6);
}

.htmegavc-btn.button-gradient--3 {
	background-image: -webkit-linear-gradient(top, #511f48, #de6b0e);
	background-image: linear-gradient(0, #511f48, #de6b0e);
}

.htmegavc-btn.button-gradient--3::before {
	background-image: -webkit-linear-gradient(top, #de6b0e, #511f48);
	background-image: linear-gradient(0, #de6b0e, #511f48);
}

.htmegavc-btn.button-gradient--4 {
	background-image: -webkit-linear-gradient(top, #000, #0cd7f5);
	background-image: linear-gradient(0, #000, #0cd7f5);
}

.htmegavc-btn.button-gradient--4::before {
	background-image: -webkit-linear-gradient(top, #0cd7f5, #000);
	background-image: linear-gradient(0, #0cd7f5, #000);
}

.htmegavc-btn.button-gradient--5 {
	background-image: -webkit-linear-gradient(top, #efb8ea, #f801e4);
	background-image: linear-gradient(0, #efb8ea, #f801e4);
}

.htmegavc-btn.button-gradient--5::before {
	background-image: -webkit-linear-gradient(top, #f801e4, #efb8ea);
	background-image: linear-gradient(0, #f801e4, #efb8ea);
}

.htmegavc-btn.button-gradient--6 {
	background-image: -webkit-linear-gradient(top, #bf0f19, #274f1b);
	background-image: linear-gradient(0, #bf0f19, #274f1b);
}

.htmegavc-btn.button-gradient--6::before {
	background-image: -webkit-linear-gradient(top, #274f1b, #bf0f19);
	background-image: linear-gradient(0, #274f1b, #bf0f19);
}

.htmegavc-btn.button-effect--1 {
	position: relative;
	-webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1);
	transition-timing-function: cubic-bezier(.2, 1, .3, 1);
	z-index: 1;
}

.htmegavc-btn.button-effect--1::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #623687;
	z-index: -1;
	z-index: -1;
	opacity: 0;
	-webkit-transform: scale3d(.7, 1, 1);
	transform: scale3d(.7, 1, 1);
	-webkit-transition: -webkit-transform .4s, opacity .4s;
	transition: transform .4s, opacity .4s;
	-webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1);
	transition-timing-function: cubic-bezier(.2, 1, .3, 1);
}

.htmegavc-btn.button-effect--1:hover::before {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.htmegavc-btn.button-effect--2 {
	z-index: 1;
	overflow: hidden;
}

.htmegavc-btn.button-effect--2::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 150%;
	height: 100%;
	background: #623687;
	z-index: -1;
	z-index: -1;
	-webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
	transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
	-webkit-transform-origin: 0% 100%;
	transform-origin: 0% 100%;
	-webkit-transition: -webkit-transform .3s, opacity .3s, background-color .3s;
	transition: transform .3s, opacity .3s, background-color .3s;
}

.htmegavc-btn.button-effect--2:hover::before {
	opacity: 1;
	-webkit-transform: rotate3d(0, 0, 1, 0deg);
	transform: rotate3d(0, 0, 1, 0deg);
	-webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1);
	transition-timing-function: cubic-bezier(.2, 1, .3, 1);
}

.htmegavc-btn.button-effect--3 {
	z-index: 1;
	position: relative;
	background: transparent;
	color: #fff;
}

.htmegavc-btn.button-effect--3::before, .htmegavc-btn.button-effect--3::after {
	content: "";
	border-radius: inherit;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: -webkit-transform .3s, background-color .3s;
	transition: transform .3s, background-color .3s;
	-webkit-transition-timing-function: cubic-bezier(.25, 0, .3, 1);
	transition-timing-function: cubic-bezier(.25, 0, .3, 1);
	z-index: -1;
}

.htmegavc-btn.button-effect--3::before {
	border: 2px solid #623687;
	-webkit-transform: scale3d(.7, .7, 1);
	transform: scale3d(.7, .7, 1);
}

.htmegavc-btn.button-effect--3::after {
	background: #18012c;
}

.htmegavc-btn.button-effect--3:hover::before {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}

.htmegavc-btn.button-effect--3:hover::after {
	background-color: #623687;
	-webkit-transform: scale3d(.7, .7, 1);
	transform: scale3d(.7, .7, 1);
}

.htmegavc-btn.htmegavc-button-style-outline {
	z-index: 1;
	position: relative;
	color: #fff;
}

.htmegavc-btn.htmegavc-button-style-outline::before, .htmegavc-btn.htmegavc-button-style-outline::after {
	content: "";
	border-radius: inherit;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: -webkit-transform .3s, background-color .3s;
	transition: transform .3s, background-color .3s;
	-webkit-transition-timing-function: cubic-bezier(.25, 0, .3, 1);
	transition-timing-function: cubic-bezier(.25, 0, .3, 1);
	z-index: -1;
}

.htmegavc-btn.htmegavc-button-style-outline::before {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	border: 2px solid #ff6b6b;
	border-radius: 30px;
}

.htmegavc-btn.htmegavc-button-style-outline::after {
	background-color: #ff6b6b;
	-webkit-transform: scale3d(.7, .7, 1);
	transform: scale3d(.7, .7, 1);
	border-radius: 30px;
}

.htmegavc-btn.button-effect--4::before {
	content: "";
	position: absolute;
	top: -20px;
	left: -20px;
	bottom: -20px;
	right: -20px;
	background: inherit;
	z-index: -1;
	opacity: .4;
	-webkit-transform: scale3d(.8, .5, 1);
	transform: scale3d(.8, .5, 1);
}

.htmegavc-btn.button-effect--4:hover::before {
	-webkit-animation: np-btn--2 .3s .3s forwards;
	animation: np-btn--2 .3s .3s forwards;
}

.htmegavc-btn.button-effect--4:hover {
	-webkit-transition: background-color .1s .3s, color .1s .3s;
	transition: background-color .1s .3s, color .1s .3s;
	color: #eceff1;
	background-color: #623687;
	-webkit-animation: np-btn--1 .3s forwards;
	animation: np-btn--1 .3s forwards;
}

.htmegavc-btn.button-effect--5::before {
	content: "";
	z-index: -1;
	position: absolute;
	top: 50%;
	left: 100%;
	margin: -15px 0 0 1px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #623687;
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-transform: scale3d(1, 2, 1);
	transform: scale3d(1, 2, 1);
	-webkit-transition: -webkit-transform .3s, opacity .3s;
	transition: transform .3s, opacity .3s;
	-webkit-transition-timing-function: cubic-bezier(.7, 0, .9, 1);
	transition-timing-function: cubic-bezier(.7, 0, .9, 1);
}

.htmegavc-btn.button-effect--5:hover::before {
	-webkit-transform: scale3d(9, 9, 1);
	transform: scale3d(9, 9, 1);
}

.htmegavc-btn.button-effect--6::before {
	content: "";
	z-index: -1;
	position: absolute;
	top: 50%;
	margin: -15px 0 0 1px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #623687;
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transform: scale3d(1, 2, 1);
	transform: scale3d(1, 2, 1);
	-webkit-transition: -webkit-transform .3s, opacity .3s;
	transition: transform .3s, opacity .3s;
	-webkit-transition-timing-function: cubic-bezier(.7, 0, .9, 1);
	transition-timing-function: cubic-bezier(.7, 0, .9, 1);
	right: 100%;
}

.htmegavc-btn.button-effect--6:hover::before {
	-webkit-transform: scale3d(9, 9, 1);
	transform: scale3d(9, 9, 1);
}

.htmegavc-btn.button-effect--7:hover {
	-webkit-transform: skew(-10deg);
	transform: skew(-10deg);
}

.htmegavc-btn.button-effect--8 {
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
}

.htmegavc-btn.button-effect--8:hover {
	-webkit-animation-name: np-hvr-horizontal;
	animation-name: np-hvr-horizontal;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}

.htmegavc-btn.button-effect--9 {
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
}

.htmegavc-btn.button-effect--9:hover {
	-webkit-animation-name: hvr-to-bottom-right;
	animation-name: hvr-to-bottom-right;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}

.htmegavc-btn.button-effect--10::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -1;
	background: #e09d8b;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	color: #fff;
}

.htmegavc-btn.button-effect--10:hover::before {
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
}

.htmegavc-btn.button-effect--11::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #45b29d;
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.htmegavc-btn.button-effect--11:hover::before {
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
}

.htmegavc-btn.button-effect--12::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #18012c;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.htmegavc-btn.button-effect--12:hover::before {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
	transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
}

.htmegavc-btn.button-effect--13::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #18012c;
	border-radius: 100%;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.htmegavc-btn.button-effect--13:hover::before {
	-webkit-transform: scale(2);
	transform: scale(2);
}

.htmegavc-btn.button-effect--14::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #18012c;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.htmegavc-btn.button-effect--14:hover::before {
	-webkit-transform: scale(1);
	transform: scale(1);
}

.htmegavc-btn.button-effect--15::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #d82f4e;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.htmegavc-btn.button-effect--15:hover::before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
	transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
}

.htmegavc-btn.button-effect--16::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #18012c;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.htmegavc-btn.button-effect--16:hover::before {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
	transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
}

.htmegavc-btn.button-effect--17::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #18012c;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.htmegavc-btn.button-effect--17:hover::before {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
	transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
}

.button-holder {
	flex-grow: 1;
	flex-basis: 0;
	margin-right: 30px;
	margin-top: 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.button-holder {
		flex-grow: inherit;
		flex-basis: inherit;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.button-holder {
		flex-grow: inherit;
		flex-basis: inherit;
		margin-right: 15px;
		margin-top: 15px;
	}
}

@media only screen and (max-width: 767px) {
	.button-holder {
		flex-grow: inherit;
		flex-basis: inherit;
		margin-right: 13px;
		margin-top: 13px;
	}
}

.button-holder:last-child {
	margin-right: 0;
}

.button-size .button-holder {
	flex-grow: inherit;
	flex-basis: inherit;
	margin-right: 60px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.button-size .button-holder {
		margin-right: 30px;
	}
}

@media only screen and (max-width: 767px) {
	.button-size .button-holder {
		margin-right: 15px;
	}
}

.button-size .button-holder:last-child {
	margin-right: 0;
}

.flex_grow-none .button-holder {
	flex-grow: inherit;
	flex-basis: inherit;
}

.button-icon-group .button-holder {
	margin-right: 27px;
}

.button-icon-group .button-holder:last-child {
	margin-right: 0;
}

.htmegavc-btn--2 {
	text-transform: uppercase;
	position: relative;
	overflow: hidden;
	z-index: 1;
	color: #fff;
	font-size: 13px;
	height: 60px;
	line-height: 58px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-family: "Montserrat", sans-serif;
}

.htmegavc-btn--2.button-shadow {
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	overflow: visible;
}

.htmegavc-btn--2.button-shadow:hover {
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
}

.htmegavc-btn--2 span.button-with-icon {
	padding: 0 25px;
	color: #fff;
	line-height: 1;
}

.htmegavc-btn--2 span.button-arrow {
	background: #fff;
	display: inline-block;
	padding: 0 20px;
	color: #18012c;
	font-size: 20px;
	margin-right: 1px;
}

.htmegavc-btn--2 span.button-arrow.button-radious {
	width: 50px;
	padding: 0;
	height: 50px;
	text-align: center;
	line-height: 50px;
}

.htmegavc-btn--2.button-icon-2 span.button-arrow {
	color: #fff;
	background: #18012c;
	border-left: 1px solid #fff;
}

.htmegavc-btn--2.button-icon-3 {
	padding: 0 49px;
}

.htmegavc-btn--2.button-icon-3 span.button-arrow {
	background: transparent;
	color: #fff;
	padding: 0;
	padding-left: 11px;
}

.htmegavc-btn--2.button-icon-3 span.button-with-icon {
	padding: 0;
}

@-webkit-keyframes np-btn--1 {
	60% {
		-webkit-transform: scale3d(.8, .8, 1);
		transform: scale3d(.8, .8, 1);
	}
	
	85% {
		-webkit-transform: scale3d(1.1, 1.1, 1);
		transform: scale3d(1.1, 1.1, 1);
	}
	
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

@keyframes np-btn--1 {
	60% {
		-webkit-transform: scale3d(.8, .8, 1);
		transform: scale3d(.8, .8, 1);
	}
	
	85% {
		-webkit-transform: scale3d(1.1, 1.1, 1);
		transform: scale3d(1.1, 1.1, 1);
	}
	
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

@-webkit-keyframes np-btn--2 {
	to {
		opacity: 0;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

@keyframes np-btn--2 {
	to {
		opacity: 0;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

/* Effect Horizontal */
@-webkit-keyframes np-hvr-horizontal {
	16.65% {
		-webkit-transform: translateX(8px);
		transform: translateX(8px);
	}
	
	33.3% {
		-webkit-transform: translateX(-6px);
		transform: translateX(-6px);
	}
	
	49.95% {
		-webkit-transform: translateX(4px);
		transform: translateX(4px);
	}
	
	66.6% {
		-webkit-transform: translateX(-2px);
		transform: translateX(-2px);
	}
	
	83.25% {
		-webkit-transform: translateX(1px);
		transform: translateX(1px);
	}
	
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes np-hvr-horizontal {
	16.65% {
		-webkit-transform: translateX(8px);
		transform: translateX(8px);
	}
	
	33.3% {
		-webkit-transform: translateX(-6px);
		transform: translateX(-6px);
	}
	
	49.95% {
		-webkit-transform: translateX(4px);
		transform: translateX(4px);
	}
	
	66.6% {
		-webkit-transform: translateX(-2px);
		transform: translateX(-2px);
	}
	
	83.25% {
		-webkit-transform: translateX(1px);
		transform: translateX(1px);
	}
	
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

/* Effect To Bottom Right */
@-webkit-keyframes hvr-to-bottom-right {
	16.65% {
		-webkit-transform: translate(8px, 8px);
		transform: translate(8px, 8px);
	}
	
	33.3% {
		-webkit-transform: translate(-6px, -6px);
		transform: translate(-6px, -6px);
	}
	
	49.95% {
		-webkit-transform: translate(4px, 4px);
		transform: translate(4px, 4px);
	}
	
	66.6% {
		-webkit-transform: translate(-2px, -2px);
		transform: translate(-2px, -2px);
	}
	
	83.25% {
		-webkit-transform: translate(1px, 1px);
		transform: translate(1px, 1px);
	}
	
	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}

@keyframes hvr-to-bottom-right {
	16.65% {
		-webkit-transform: translate(8px, 8px);
		transform: translate(8px, 8px);
	}
	
	33.3% {
		-webkit-transform: translate(-6px, -6px);
		transform: translate(-6px, -6px);
	}
	
	49.95% {
		-webkit-transform: translate(4px, 4px);
		transform: translate(4px, 4px);
	}
	
	66.6% {
		-webkit-transform: translate(-2px, -2px);
		transform: translate(-2px, -2px);
	}
	
	83.25% {
		-webkit-transform: translate(1px, 1px);
		transform: translate(1px, 1px);
	}
	
	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}

.htvc-large-btn {
	padding-left: 25px;
	padding-right: 0px;
}

/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
	.htmvc-btn-row  .vc_col-sm-2, .vc_responsive .five-columns.wpb_row .vc_col-sm-2 {
		width: 33.33333333% !important;
		margin-bottom: 15px;
	}
	
	.row_shadow_example .wpb_column {
		margin-bottom: 15px;
	}
}

/* Small mobile :320px. */
@media (max-width: 767px) {
	.vc_responsive .five-columns.wpb_row .vc_col-sm-2 {
		float: none !important;
		width: 100% !important;
		padding: 0 !important;
	}
	
	.htvc-large-btn {
		padding-left: 0;
	}
	
	.htmegavc-btn--2, .htmegavc-btn.button-shadow, .htmegavc-btn.button-shadow.button-shadow-1 {
		margin-bottom: 10px;
	}
}