.color-theme {
color: #18012c; }
.white {
color: #fff; } .button-color--theme {
background: #18012c; } .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; } .border-1 {
border: 1px solid #18012c !important; }
.border-4 {
border: 4px solid #18012c !important; }
.border-8 {
border: 8px solid #18012c !important; } .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; } .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-italic {
font-style: italic; }
.text-normal {
font-style: normal; }
.text-underline {
font-style: underline; } .body-font {
font-family: "Poppins", sans-serif; }
.heading-font {
font-family: "Montserrat", sans-serif; } .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%; } .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:-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)"; } [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; } .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; } .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; }  .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); } } @-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); } } @-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;
} @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;
}
} @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;
}
}