/*--------------------------------
    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: #000000; }

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

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

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

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

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

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

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

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

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

[data-overlay="9"]:before, [data-black-overlay="9"]:before, [data-white-overlay="9"]:before {
  opacity: 0.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: #ffffff; }
  .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: #ffffff; }


/*------------------------------
// 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: 0.5s; }
    .htmegavc-btn.button-bg-image:hover {
      opacity: 0.8; }
  .htmegavc-btn.button-shadow,
  .htmegavc-btn.button-shadow.button-shadow-1 {
    box-shadow: 0 0 10px rgba(0, 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, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
      background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
      -webkit-transition-duration: 0.3s;
      transition-duration: 0.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: 0.3s;
      transition-duration: 0.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, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
      background: radial-gradient(ellipse at 50% 150%, rgba(0, 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, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
      background: radial-gradient(ellipse at 50% -50%, rgba(0, 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, 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, 0.6); }
    .htmegavc-btn.button-shadow.button-shadow-6:hover {
      box-shadow: 0 0 8px rgba(0, 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: #ffffff; }
  .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;
    overflow: hidden;
    box-shadow: 0 0 0 rgba(244, 63, 59, 0.5);
    position: relative;
    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, #000000);
      background-image: linear-gradient(0, #ce51da, #000000); }
    .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, #000000, #0cd7f5);
      background-image: linear-gradient(0, #000000, #0cd7f5); }
      .htmegavc-btn.button-gradient--4::before {
        background-image: -webkit-linear-gradient(top, #0cd7f5, #000000);
        background-image: linear-gradient(0, #0cd7f5, #000000); }
    .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(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.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;
      opacity: 0;
      -webkit-transform: scale3d(0.7, 1, 1);
      transform: scale3d(0.7, 1, 1);
      -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
      transition: transform 0.4s, opacity 0.4s;
      -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
      transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
      z-index: -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;
      -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 0.3s, opacity 0.3s, background-color 0.3s;
      transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
      z-index: -1; }
    .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(0.2, 1, 0.3, 1);
      transition-timing-function: cubic-bezier(0.2, 1, 0.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 0.3s, background-color 0.3s;
      transition: transform 0.3s, background-color 0.3s;
      -webkit-transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);
      transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);
      z-index: -1; }
    .htmegavc-btn.button-effect--3::before {
      border: 2px solid #623687;
      -webkit-transform: scale3d(0.7, 0.7, 1);
      transform: scale3d(0.7, 0.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(0.7, 0.7, 1);
      transform: scale3d(0.7, 0.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 0.3s, background-color 0.3s;
      transition: transform 0.3s, background-color 0.3s;
      -webkit-transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);
      transition-timing-function: cubic-bezier(0.25, 0, 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(0.7, 0.7, 1);
      transform: scale3d(0.7, 0.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: 0.4;
    -webkit-transform: scale3d(0.8, 0.5, 1);
    transform: scale3d(0.8, 0.5, 1); }
  .htmegavc-btn.button-effect--4:hover::before {
    -webkit-animation: np-btn--2 0.3s 0.3s forwards;
    animation: np-btn--2 0.3s 0.3s forwards; }
  .htmegavc-btn.button-effect--4:hover {
    -webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
    transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
    color: #ECEFF1;
    background-color: #623687;
    -webkit-animation: np-btn--1 0.3s forwards;
    animation: np-btn--1 0.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 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
    transition-timing-function: cubic-bezier(0.7, 0, 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 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
    transition-timing-function: cubic-bezier(0.7, 0, 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: 0.3s;
    transition-duration: 0.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: 0.3s;
    transition-duration: 0.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: 0.5s;
    transition-duration: 0.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(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.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: 0.3s;
    transition-duration: 0.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: 0.3s;
    transition-duration: 0.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: 0.5s;
    transition-duration: 0.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(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.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: 0.5s;
    transition-duration: 0.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(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.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: 0.5s;
    transition-duration: 0.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(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.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, 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 #ffffff; }
  .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(0.8, 0.8, 1);
    transform: scale3d(0.8, 0.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(0.8, 0.8, 1);
    transform: scale3d(0.8, 0.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;
	}
}