/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.edit-post-visual-editor .components-base-control__help {
  margin-top: 0;
  font-size: 13px; }

.edit-post-visual-editor .components-base-control {
  margin-bottom: 10px; }

.wp-block-columns {
  margin-right: -15px;
  margin-left: -15px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.wp-block-columns.has-1-columns .wp-block-column {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%; }

.wp-block-columns.has-2-columns .wp-block-column {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%; }

.wp-block-columns.has-3-columns .wp-block-column {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%; }

.wp-block-columns.has-4-columns .wp-block-column {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%; }

.wp-block-columns .wp-block-column {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

/*-- Padding Top Bottom --*/
.section-ptb-xl {
  padding: 100px 0; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-ptb-xl {
    padding: 80px 0; } }

@media only screen and (max-width: 767px) {
  .section-ptb-xl {
    padding: 70px 0; } }

@media only screen and (max-width: 575px) {
  .section-ptb-xl {
    padding: 60px 0; } }

/*--------------------------------
    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-image: url(img/bg/bg-image-1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--2 {
  background-image: url(img/bg/bg-image-2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--3 {
  background-image: url(img/bg/bg-image-3.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--4 {
  background-image: url(img/bg/bg-image-4.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--5 {
  background-image: url(img/bg/bg-image-5.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--6 {
  background-image: url(img/bg/bg-image-6.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--7 {
  background-image: url(img/bg/bg-image-7.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--8 {
  background-image: url(img/bg/bg-image-8.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--9 {
  background-image: url(img/bg/bg-image-9.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--10 {
  background-image: url(img/bg/bg-image-10.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--11 {
  background-image: url(img/bg/bg-image-11.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--12 {
  background-image: url(img/bg/bg-image-12.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--13 {
  background-image: url(img/bg/bg-image-13.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--14 {
  background-image: url(img/bg/bg-image-14.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--15 {
  background-image: url(img/bg/bg-image-15.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--16 {
  background-image: url(img/bg/bg-image-16.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--17 {
  background-image: url(img/bg/bg-image-17.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--18 {
  background-image: url(img/bg/bg-image-18.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--19 {
  background-image: url(img/bg/bg-image-19.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--20 {
  background-image: url(img/bg/bg-image-20.jpg);
  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; } }

/*--------------------------
	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;
  -o-object-fit: cover;
     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 {
  background-image: url(img/button/button-bg-1.jpg);
  border-style: none;
  background-repeat: no-repeat; }

.button-bg-image--2 {
  background-image: url(img/button/button-bg-2.jpg);
  border-style: none;
  background-repeat: no-repeat; }

.button-bg-image--3 {
  background-image: url(img/button/button-bg-3.jpg);
  border-style: none;
  background-repeat: no-repeat; }

.button-bg-image--4 {
  background-image: url(img/button/button-bg-4.jpg);
  border-style: none;
  background-repeat: no-repeat; }

.button-bg-image--5 {
  background-image: url(img/button/button-bg-5.jpg);
  border-style: none;
  background-repeat: no-repeat; }

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

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

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

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

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

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

.button-size .button-holder {
  -ms-flex-positive: inherit;
      flex-grow: inherit;
  -ms-flex-preferred-size: 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 {
  -ms-flex-positive: inherit;
      flex-grow: inherit;
  -ms-flex-preferred-size: inherit;
      flex-basis: inherit; }

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

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

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

.ht-btn--2.button-shadow {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.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; }

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

.ht-btn--2 span.button-with-icon {
  padding: 0 36px;
  color: #fff; }

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

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

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

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

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

.ht-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); } }

/*-------------------
 * Section Title
----------------------*/
.section-title {
  font-size: 24px;
  font-weight: 600;
  margin: 0;
  display: inline-block;
  border-bottom: 2px solid #18012c;
  margin-bottom: 20px; }

/*-----------------------------
    Accordion Style
------------------------------*/
/*---------------------------
    Accordion Style Two 
-------------------------*/
.panel-group {
  width: 570px;
  margin: 0 auto; }

.accordion-style-1 .panel-default.accordion-boxshadow {
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); }

.accordion-style-1 .container {
  max-width: 688px; }

.accordion-style-1 .panel-default {
  margin-bottom: 11px; }

.accordion-style-1 .panel-default .panel-heading {
  background-color: #fff;
  border-color: #fff;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.accordion-style-1 .panel-default .panel-heading.bg-gray {
  background-color: #f4f4f4;
  border-color: #f4f4f4; }

.accordion-style-1 .panel-default .panel-heading.bg-gray h4 a {
  color: #18012c; }

.accordion-style-1 .panel-default .panel-heading h4 {
  font-size: 14px;
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: 600; }

.accordion-style-1 .panel-default .panel-heading h4 a {
  display: block;
  padding: 22px 43px 22px 30px;
  color: #18012c;
  position: relative; }

.accordion-style-1 .panel-default .panel-heading h4 a::after {
  position: absolute;
  top: 50%;
  display: inline-block;
  font-style: normal;
  font-weight: 400;
  transition: -webkit-transform 0.5s linear;
  -o-transition: transform 0.5s linear;
  transition: transform 0.5s linear;
  transition: transform 0.5s linear, -webkit-transform 0.5s linear;
  -webkit-transition: -webkit-transform 0.5s linear;
  content: "\f068";
  font-family: FontAwesome;
  color: #18012c;
  position: absolute;
  right: 30px;
  font-size: 15px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }

.accordion-style-1 .panel-default .panel-heading h4 a.icon-left.icon-square::after {
  border-radius: 0; }

.accordion-style-1 .panel-default .panel-heading h4 a.icon-left.icon-bg-gray::after {
  background: #f4f4f4; }

.accordion-style-1 .panel-default .panel-heading h4 a.icon-left.bg-transparent {
  padding: 22px 15px 22px 79px; }

.accordion-style-1 .panel-default .panel-heading h4 a.icon-left.bg-transparent::after {
  left: 0;
  width: 60px;
  background: transparent;
  height: 100%;
  line-height: 65px;
  border-radius: 0; }

.accordion-style-1 .panel-default .panel-heading h4 a.collapsed::after {
  content: "\f067"; }

.accordion-style-1 .panel-default .panel-collapse {
  padding: 32px 30px; }

.accordion-style-1 .panel-default .panel-collapse.bg-transparant {
  background: transparent; }

.accordion-style-1 .panel-default .panel-collapse.panel-body-with-border {
  border-left: 1px solid #18012c;
  border-bottom: 1px solid #18012c;
  border-right: 1px solid #18012c; }

.accordion-style-1 .panel-default .panel-collapse .panel-body {
  font-size: 14px;
  line-height: 28px;
  font-family: 'Poppins', sans-serif; }

.accordion-style-1 .panel-default .panel-collapse.border-left {
  background: transparent;
  padding: 15px;
  margin-left: 31px;
  margin-bottom: -10px; }

.accordion-style-1 .panel-default.round-shape .panel-collapse.border-left {
  padding: 40px;
  padding-left: 32px; }

/*------------------------------
    Accordion With Gallery
--------------------------------*/
ul.gallery-sm-img {
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0;
  -ms-flex-pack: center;
      justify-content: center;
  list-style: none;
  margin-top: 14px; }

ul.gallery-sm-img li {
  margin: 0 3px; }

/*---------------------------
    Accordion Style Three
-------------------------*/
.gallery-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  width: 100%;
  height: 70vh; }

.gallery-wrap .item {
  -ms-flex: 1;
      flex: 1;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: none;
  -webkit-transition: flex 0.8s ease;
  -o-transition: flex 0.8s ease;
  transition: flex 0.8s ease;
  transition: flex 0.8s ease, -ms-flex 0.8s ease; }

.gallery-wrap .item:hover {
  -ms-flex: 7;
      flex: 7; }

.gallery-wrap .item.item-1 {
  background-image: url("img/gallery/gallery-c1.jpg"); }

.gallery-wrap .item.item-2 {
  background-image: url("img/gallery/gallery-c2.jpg"); }

.gallery-wrap .item.item-3 {
  background-image: url("img/gallery/gallery-c3.jpg"); }

.gallery-wrap .item.item-4 {
  background-image: url("img/gallery/gallery-c4.jpg"); }

.gallery-wrap .item.item-5 {
  background-image: url("img/gallery/gallery-c5.jpg"); }

/*---------------------------
    Accordion Style Four 
-------------------------*/
ul.accordion--4 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -ms-flexbox;
  display: flex;
  text-align: center !important;
  -ms-flex-pack: center;
      justify-content: center;
  margin-top: 40px; }

ul.accordion--4 li {
  width: 115px;
  height: 480px;
  display: block;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  -webkit-box-shadow: 1px 3px 15px #555;
  box-shadow: 1px 3px 15px #555; }

ul.accordion--4 li.bg1 {
  background-image: url(img/gallery/gallery-d1.jpg); }

ul.accordion--4 li.bg2 {
  background-image: url(img/gallery/gallery-d2.jpg); }

ul.accordion--4 li.bg3 {
  background-image: url(img/gallery/gallery-d3.jpg); }

ul.accordion--4 li.bg4 {
  background-image: url(img/gallery/gallery-d4.jpg); }

ul.accordion--4 li.bg5 {
  background-image: url(img/gallery/gallery-d5.jpg); }

ul.accordion--4 li.bg6 {
  background-image: url(img/gallery/gallery-d6.jpg); }

ul.accordion--4 li.bleft {
  border-left: 2px solid #fff; }

ul.accordion--4 li .heading {
  background-color: #fff;
  padding: 10px;
  margin-top: 60px;
  text-transform: capitalize;
  font-weight: 500;
  font-size: 18px;
  text-align: center;
  color: #18012c; }

ul.accordion--4 li .description {
  position: absolute;
  height: 175px;
  bottom: 60px;
  left: 0px;
  display: none;
  width: 100%; }

ul.accordion--4 li .description h2 {
  color: #18012c;
  font-size: 30px; }

ul.accordion--4 li .description p {
  margin: 10px 22px;
  font-size: 14px;
  line-height: 28px;
  color: #18012c; }

ul.accordion--4 li .description a {
  position: absolute;
  bottom: 5px;
  left: 20px;
  text-transform: uppercase;
  font-style: normal;
  font-size: 11px;
  text-decoration: none;
  color: #888; }

ul.accordion--4 li .description a:hover {
  color: #333;
  text-decoration: underline; }

ul.accordion--4 li .bgDescription {
  background: transparent url(img/gallery/bgDescription.png) repeat-x top left;
  height: 340px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  display: none; }

/*---------------------------
    Accordion Style Five 
-------------------------*/
.accor_wrapper {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  background: #000; }

.accordion--5 {
  position: relative;
  margin: 40px auto 0 auto; }

.accordion--5 .single_accordion {
  cursor: pointer;
  position: absolute;
  width: 100%;
  left: 0px;
  overflow: hidden;
  text-align: center;
  z-index: 2; }

.accordion--5 .single_accordion::before {
  position: absolute;
  content: "";
  background: #000000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  z-index: -1; }

.accordion--5 .single_accordion .va-title {
  text-transform: uppercase;
  font-size: 40px;
  margin-left: 20px;
  color: #ffffff;
  display: inline-block; }

.accordion--5 .single_accordion .va-title p {
  font-size: 22px;
  font-style: italic;
  font-family: Georgia, serif; }

.accordion--5 .single_accordion .va-content {
  display: none;
  margin-left: 0;
  padding: 0 23%;
  margin-top: -36px; }

.accordion--5 .single_accordion .va-content p {
  color: #ffffff;
  font-size: 14px;
  line-height: 28px; }

.accor_wrapper .bg-1 {
  background: #000 url(img/gallery/gallery-e1.jpg) no-repeat center center;
  background-size: cover; }

.accor_wrapper .bg-2 {
  background: #000 url(img/gallery/gallery-e2.jpg) no-repeat center center;
  background-size: cover; }

.accor_wrapper .bg-3 {
  background: #000 url(img/gallery/gallery-e3.jpg) no-repeat center center;
  background-size: cover; }

.accor_wrapper .bg-4 {
  background: #000 url(img/gallery/gallery-e4.jpg) no-repeat center center;
  background-size: cover; }

.accor_wrapper .bg-5 {
  background: #000 url(img/gallery/gallery-e5.jpg) no-repeat center center;
  background-size: cover; }

.accor_wrapper .bg-6 {
  background: #000 url(img/gallery/gallery-e6.jpg) no-repeat center center;
  background-size: cover; }

.accor_wrapper .bg-7 {
  background: #000 url(img/gallery/gallery-e1.jpg) no-repeat center center;
  background-size: cover; }

/*--------------------------
    Heading Style
------------------------------*/
/*--------------------------
// Heading Defult
------------------------------*/
.heading-1 {
  color: #18012c;
  font-size: 48px;
  line-height: 1;
  font-family: "Montserrat", sans-serif;
  font-weight: 700; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .heading-1 {
    font-size: 42px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .heading-1 {
    font-size: 38px; } }

@media only screen and (max-width: 767px) {
  .heading-1 {
    font-size: 32px; } }

@media only screen and (max-width: 575px) {
  .heading-1 {
    font-size: 23px; } }

.heading-2 {
  color: #18012c;
  font-size: 36px;
  line-height: 1;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  margin-bottom: 8px; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .heading-2 {
    font-size: 30px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .heading-2 {
    font-size: 26px; } }

@media only screen and (max-width: 767px) {
  .heading-2 {
    font-size: 26px; } }

@media only screen and (max-width: 575px) {
  .heading-2 {
    font-size: 23px; } }

.heading-3 {
  color: #18012c;
  font-size: 36px;
  line-height: 1;
  font-family: "Montserrat", sans-serif;
  font-weight: 700; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .heading-3 {
    font-size: 30px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .heading-3 {
    font-size: 26px; } }

@media only screen and (max-width: 767px) {
  .heading-3 {
    font-size: 26px; } }

@media only screen and (max-width: 575px) {
  .heading-3 {
    font-size: 23px; } }

/*--------------------------
// Subtitle Defult
------------------------------*/
.subtitle {
  font-size: 16px;
  color: #494849;
  font-family: "Poppins", sans-serif;
  margin: 5px 0;
  line-height: 30px; }

@media only screen and (max-width: 767px) {
  .subtitle {
    font-size: 14px;
    line-height: 25px; } }

.subtitle-2 {
  color: #322242;
  font-weight: 500; }

.subtitle-3 {
  color: #494849;
  font-weight: 500;
  margin-bottom: 5px; }

/*--------------------------
// Heading  Css
------------------------------*/
.ht-heading {
  z-index: 1; }

.ht-heading.center-icon img {
  position: absolute;
  top: 47%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  z-index: -1; }

.ht-heading .heading-bg-text {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: -1;
  color: #f1f1f1;
  font-size: 80px;
  font-weight: 800;
  line-height: 28px;
  margin: 0;
  width: 100%;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase; }

.ht-heading .heading-bg-text.heading-bg--textleft {
  text-align: left; }

.ht-heading .heading-bg-text.heading-bg--textright {
  text-align: right; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ht-heading .heading-bg-text {
    font-size: 60px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ht-heading .heading-bg-text {
    font-size: 50px; } }

@media only screen and (max-width: 767px) {
  .ht-heading .heading-bg-text {
    font-size: 40px; } }

.ht-heading .middle-align-border {
  position: relative;
  display: inline-block;
  padding: 0 10.5%; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ht-heading .middle-align-border {
    padding: 0 14.5%; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ht-heading .middle-align-border {
    padding: 0 17.5%; } }

@media only screen and (max-width: 767px) {
  .ht-heading .middle-align-border {
    padding: 0 12.5%; } }

@media only screen and (max-width: 575px) {
  .ht-heading .middle-align-border {
    padding: 0; } }

.ht-heading .middle-align-border::before {
  position: absolute;
  content: "";
  left: 0;
  width: 100px;
  height: 3px;
  background: #412e51;
  top: 50%; }

@media only screen and (max-width: 767px) {
  .ht-heading .middle-align-border::before {
    width: 50px; } }

@media only screen and (max-width: 575px) {
  .ht-heading .middle-align-border::before {
    display: none; } }

.ht-heading .middle-align-border::after {
  position: absolute;
  content: "";
  right: 0;
  width: 100px;
  height: 3px;
  background: #412e51;
  top: 50%; }

@media only screen and (max-width: 767px) {
  .ht-heading .middle-align-border::after {
    width: 50px; } }

@media only screen and (max-width: 575px) {
  .ht-heading .middle-align-border::after {
    display: none; } }

.ht-heading .heading-bg-img {
  line-height: 57px;
  margin-bottom: 3px;
  background: url(img/icons/heading-bg.jpg) repeat-y;
  -webkit-background-clip: text;
  background-clip: text;
  /* Animate Background Image */
  -webkit-text-fill-color: transparent;
  -webkit-animation: heading-animation-1 80s linear infinite;
  /* Activate smoother animations */
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden; }

@media only screen and (max-width: 767px) {
  .ht-heading .heading-bg-img {
    line-height: 1.2; } }

.ht-heading p.heading-border-bottom {
  position: relative;
  padding-bottom: 8px;
  margin-bottom: 12px; }

.ht-heading p.heading-border-bottom::before {
  position: absolute;
  content: "";
  bottom: 0;
  width: 70px;
  height: 2px;
  background: #18012c;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%); }

.ht-heading.heading-border-left {
  position: relative; }

.ht-heading.heading-border-left::before {
  position: absolute;
  content: "";
  left: 0;
  height: 70px;
  width: 5px;
  background: #18012c;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }

@media only screen and (max-width: 575px) {
  .ht-heading.heading-border-left::before {
    height: 50px; } }

.ht-heading.heading-border-right {
  position: relative; }

.ht-heading.heading-border-right::before {
  position: absolute;
  content: "";
  right: 0;
  height: 70px;
  width: 5px;
  background: #18012c;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }

@media only screen and (max-width: 575px) {
  .ht-heading.heading-border-right::before {
    height: 50px; } }

.ht-heading.heading-style-5 p.subtitle {
  font-weight: 500; }

/*----------------------------
    Animate Background Image
----------------------------*/
@-webkit-keyframes heading-animation-1 {
  0% {
    background-position: 0% 50%; }
  100% {
    background-position: 100% 50%; } }

@keyframes heading-animation-1 {
  0% {
    background-position: 0% 50%; }
  100% {
    background-position: 100% 50%; } }

/**************************************
	Template Styles
***************************************/
/*----------------------
 * Header
-----------------------*/
.header--transparant {
  position: absolute;
  left: 0;
  right: 0;
  top: 40px; }

.mainmenu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center; }

.mainmenu li {
  margin: 0 15px; }

.mainmenu li a {
  color: #ffffff;
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase; }

.bradcaump_area {
  display: -ms-flexbox;
  display: flex;
  height: 300px;
  -ms-flex-align: center;
      align-items: center;
  padding-top: 78px; }

.bradcaump_area .bradcaump-title {
  font-weight: 600;
  color: #ffffff; }

/* container 450px*/
/* container 300px*/
@media only screen and (max-width: 575px) {
  .container {
    width: 450px; } }

@media only screen and (max-width: 479px) {
  .container {
    width: 300px; } }

.ht-btn:focus {
  color: #fff; }

.color-theme {
  color: #18012c; }

.button-bg-image--1 {
  background-image: url(img/button/button-bg-1.jpg);
  border-style: none;
  background-repeat: no-repeat; }

.button-bg-image--2 {
  background-image: url(img/button/button-bg-2.jpg);
  border-style: none;
  background-repeat: no-repeat; }

.button-bg-image--3 {
  background-image: url(img/button/button-bg-3.jpg);
  border-style: none;
  background-repeat: no-repeat; }

.button-bg-image--4 {
  background-image: url(img/button/button-bg-4.jpg);
  border-style: none;
  background-repeat: no-repeat; }

.button-bg-image--5 {
  background-image: url(img/button/button-bg-5.jpg);
  border-style: none;
  background-repeat: no-repeat; }

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

.ht-btn {
  font-size: 13px;
  display: inline-block;
  text-transform: uppercase;
  line-height: 27px;
  position: relative;
  overflow: hidden;
  z-index: 1;
  color: #fff;
  font-family: "Montserrat", sans-serif; }
  .ht-btn:hover {
    color: #fff; }
  .ht-btn.button-bg-image {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; }
    .ht-btn.button-bg-image:hover {
      opacity: 0.8; }
  .ht-btn.button-shadow {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.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; }
    .ht-btn.button-shadow:hover {
      -webkit-transform: translateY(-5px);
      -ms-transform: translateY(-5px);
          transform: translateY(-5px); }
    .ht-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: -o-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;
      -o-transition-duration: 0.3s;
         transition-duration: 0.3s;
      -webkit-transition-property: transform, opacity;
      -webkit-transition-property: opacity, -webkit-transform;
      transition-property: opacity, -webkit-transform;
      -o-transition-property: transform, opacity;
      transition-property: transform, opacity;
      transition-property: transform, opacity, -webkit-transform; }
    .ht-btn.button-shadow.button-shadow-2:hover::before {
      opacity: 1;
      -webkit-transform: translateY(5px);
      -ms-transform: translateY(5px);
          transform: translateY(5px); }
    .ht-btn.button-shadow.button-shadow-3::before, .ht-btn.button-shadow.button-shadow-3::after {
      pointer-events: none;
      position: absolute;
      content: '';
      left: 0;
      width: 100%;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      background-repeat: no-repeat;
      height: 5px;
      opacity: 0;
      -webkit-transition-duration: 0.3s;
      -o-transition-duration: 0.3s;
         transition-duration: 0.3s;
      -webkit-transition-property: opacity;
      -o-transition-property: opacity;
      transition-property: opacity; }
    .ht-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: -o-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%); }
    .ht-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: -o-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%); }
    .ht-btn.button-shadow.button-shadow-3:hover::before, .ht-btn.button-shadow.button-shadow-3:hover::after {
      opacity: 1; }
    .ht-btn.button-shadow.button-shadow-4:hover {
      -webkit-box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0);
              box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0); }
    .ht-btn.button-shadow.button-shadow-5:hover {
      -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
              box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6); }
    .ht-btn.button-shadow.button-shadow-6:hover {
      -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
              box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); }
  .ht-btn.bg_color--2 {
    color: #18012c; }
  .ht-btn.button-color--theme {
    background: #18012c; }
  .ht-btn.button-color--2 {
    background: #18012c; }
  .ht-btn.button-transparent {
    background: transparent;
    color: #18012c; }
    .ht-btn.button-transparent:hover {
      background: #18012c;
      color: #ffffff; }
  .ht-btn.button-border--1 {
    border: 1px solid #18012c; }
  .ht-btn.button--medium {
    padding: 16px 43px; }
    .ht-btn.button--medium.btn-standard {
      padding: 25px 32px; }
    .ht-btn.button--medium.btn-large {
      padding: 30px 58px; }
    .ht-btn.button--medium.btn-extra-large {
      padding: 36px 50px; }
    .ht-btn.button--medium.btn-small {
      padding: 22px 37px; }
    .ht-btn.button--medium.btn-extra-small {
      padding: 16px 16px; }
    .ht-btn.button--medium.button-icon {
      padding: 24px 50px; }
  .ht-btn.button-icon span {
    padding-left: 12px; }
    .ht-btn.button-icon span i {
      font-size: 20px;
      color: #fff; }
  .ht-btn.button-gradient {
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 0 0 0 rgba(244, 63, 59, 0.5);
            box-shadow: 0 0 0 rgba(244, 63, 59, 0.5);
    position: relative;
    z-index: 100;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    background-image: -webkit-linear-gradient(top, #000, #ce51da);
    background-image: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(#000), to(#ce51da));
    background-image: -webkit-linear-gradient(0, #000, #ce51da);
    background-image: -o-linear-gradient(0, #000, #ce51da);
    background-image: linear-gradient(0, #000, #ce51da);
    background-size: 100%; }
    .ht-btn.button-gradient::before {
      position: absolute;
      z-index: -100;
      top: 0;
      left: 0;
      display: block;
      width: 100%;
      height: 100%;
      content: "";
      -webkit-transition: opacity 1s;
      -o-transition: opacity 1s;
      transition: opacity 1s;
      opacity: 0;
      background-image: -webkit-linear-gradient(top, #ce51da, #000000);
      background-image: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(#ce51da), to(#000000));
      background-image: -webkit-linear-gradient(0, #ce51da, #000000);
      background-image: -o-linear-gradient(0, #ce51da, #000000);
      background-image: linear-gradient(0, #ce51da, #000000); }
    .ht-btn.button-gradient:hover::before {
      opacity: 1;
      -webkit-transition: all .5s ease-in-out;
      -o-transition: all .5s ease-in-out;
      transition: all .5s ease-in-out; }
    .ht-btn.button-gradient--2 {
      background-image: -webkit-linear-gradient(top, #ecbfa6, #6e2f17);
      background-image: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(#ecbfa6), to(#6e2f17));
      background-image: -webkit-linear-gradient(0, #ecbfa6, #6e2f17);
      background-image: -o-linear-gradient(0, #ecbfa6, #6e2f17);
      background-image: linear-gradient(0, #ecbfa6, #6e2f17); }
      .ht-btn.button-gradient--2::before {
        background-image: -webkit-linear-gradient(top, #6e2f17, #ecbfa6);
        background-image: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(#6e2f17), to(#ecbfa6));
        background-image: -webkit-linear-gradient(0, #6e2f17, #ecbfa6);
        background-image: -o-linear-gradient(0, #6e2f17, #ecbfa6);
        background-image: linear-gradient(0, #6e2f17, #ecbfa6); }
    .ht-btn.button-gradient--3 {
      background-image: -webkit-linear-gradient(top, #511f48, #de6b0e);
      background-image: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(#511f48), to(#de6b0e));
      background-image: -webkit-linear-gradient(0, #511f48, #de6b0e);
      background-image: -o-linear-gradient(0, #511f48, #de6b0e);
      background-image: linear-gradient(0, #511f48, #de6b0e); }
      .ht-btn.button-gradient--3::before {
        background-image: -webkit-linear-gradient(top, #de6b0e, #511f48);
        background-image: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(#de6b0e), to(#511f48));
        background-image: -webkit-linear-gradient(0, #de6b0e, #511f48);
        background-image: -o-linear-gradient(0, #de6b0e, #511f48);
        background-image: linear-gradient(0, #de6b0e, #511f48); }
    .ht-btn.button-gradient--4 {
      background-image: -webkit-linear-gradient(top, #000000, #0cd7f5);
      background-image: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(#000000), to(#0cd7f5));
      background-image: -webkit-linear-gradient(0, #000000, #0cd7f5);
      background-image: -o-linear-gradient(0, #000000, #0cd7f5);
      background-image: linear-gradient(0, #000000, #0cd7f5); }
      .ht-btn.button-gradient--4::before {
        background-image: -webkit-linear-gradient(top, #0cd7f5, #000000);
        background-image: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(#0cd7f5), to(#000000));
        background-image: -webkit-linear-gradient(0, #0cd7f5, #000000);
        background-image: -o-linear-gradient(0, #0cd7f5, #000000);
        background-image: linear-gradient(0, #0cd7f5, #000000); }
    .ht-btn.button-gradient--5 {
      background-image: -webkit-linear-gradient(top, #efb8ea, #f801e4);
      background-image: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(#efb8ea), to(#f801e4));
      background-image: -webkit-linear-gradient(0, #efb8ea, #f801e4);
      background-image: -o-linear-gradient(0, #efb8ea, #f801e4);
      background-image: linear-gradient(0, #efb8ea, #f801e4); }
      .ht-btn.button-gradient--5::before {
        background-image: -webkit-linear-gradient(top, #f801e4, #efb8ea);
        background-image: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(#f801e4), to(#efb8ea));
        background-image: -webkit-linear-gradient(0, #f801e4, #efb8ea);
        background-image: -o-linear-gradient(0, #f801e4, #efb8ea);
        background-image: linear-gradient(0, #f801e4, #efb8ea); }
    .ht-btn.button-gradient--6 {
      background-image: -webkit-linear-gradient(top, #bf0f19, #274f1b);
      background-image: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(#bf0f19), to(#274f1b));
      background-image: -webkit-linear-gradient(0, #bf0f19, #274f1b);
      background-image: -o-linear-gradient(0, #bf0f19, #274f1b);
      background-image: linear-gradient(0, #bf0f19, #274f1b); }
      .ht-btn.button-gradient--6::before {
        background-image: -webkit-linear-gradient(top, #274f1b, #bf0f19);
        background-image: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(#274f1b), to(#bf0f19));
        background-image: -webkit-linear-gradient(0, #274f1b, #bf0f19);
        background-image: -o-linear-gradient(0, #274f1b, #bf0f19);
        background-image: linear-gradient(0, #274f1b, #bf0f19); }
  .ht-btn.button-effect--1 {
    position: relative;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    -o-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; }
    .ht-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;
      -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
      transition: opacity 0.4s, -webkit-transform 0.4s;
      -o-transition: transform 0.4s, opacity 0.4s;
      transition: transform 0.4s, opacity 0.4s;
      transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;
      -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
      -o-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; }
    .ht-btn.button-effect--1:hover::before {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); }
  .ht-btn.button-effect--2 {
    z-index: 1;
    overflow: hidden; }
    .ht-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%;
      -ms-transform-origin: 0% 100%;
          transform-origin: 0% 100%;
      -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s;
      -webkit-transition: opacity 0.3s, background-color 0.3s, -webkit-transform 0.3s;
      transition: opacity 0.3s, background-color 0.3s, -webkit-transform 0.3s;
      -o-transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
      transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
      transition: transform 0.3s, opacity 0.3s, background-color 0.3s, -webkit-transform 0.3s;
      z-index: -1; }
    .ht-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);
      -o-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
         transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
  .ht-btn.button-effect--3 {
    z-index: 1;
    position: relative;
    color: #fff; }
    .ht-btn.button-effect--3::before, .ht-btn.button-effect--3::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;
      -webkit-transition: background-color 0.3s, -webkit-transform 0.3s;
      transition: background-color 0.3s, -webkit-transform 0.3s;
      -o-transition: transform 0.3s, background-color 0.3s;
      transition: transform 0.3s, background-color 0.3s;
      transition: transform 0.3s, background-color 0.3s, -webkit-transform 0.3s;
      -webkit-transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);
      -o-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; }
    .ht-btn.button-effect--3::before {
      border: 2px solid #623687;
      -webkit-transform: scale3d(0.7, 0.7, 1);
      transform: scale3d(0.7, 0.7, 1); }
    .ht-btn.button-effect--3::after {
      background: #18012c; }
    .ht-btn.button-effect--3:hover::before {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1); }
    .ht-btn.button-effect--3:hover::after {
      background-color: #623687;
      -webkit-transform: scale3d(0.7, 0.7, 1);
      transform: scale3d(0.7, 0.7, 1); }
  .ht-btn.button-with--border {
    z-index: 1;
    position: relative;
    color: #fff; }
    .ht-btn.button-with--border::before, .ht-btn.button-with--border::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;
      -webkit-transition: background-color 0.3s, -webkit-transform 0.3s;
      transition: background-color 0.3s, -webkit-transform 0.3s;
      -o-transition: transform 0.3s, background-color 0.3s;
      transition: transform 0.3s, background-color 0.3s;
      transition: transform 0.3s, background-color 0.3s, -webkit-transform 0.3s;
      -webkit-transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);
      -o-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; }
    .ht-btn.button-with--border::before {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
      border: 2px solid #ff6b6b;
      border-radius: 30px; }
    .ht-btn.button-with--border::after {
      background-color: #ff6b6b;
      -webkit-transform: scale3d(0.7, 0.7, 1);
      transform: scale3d(0.7, 0.7, 1);
      border-radius: 30px; }
  .ht-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); }
  .ht-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; }
  .ht-btn.button-effect--4:hover {
    -webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
    -o-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; }
  .ht-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%;
    -ms-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;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    -o-transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
    -o-transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
       transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1); }
  .ht-btn.button-effect--5:hover::before {
    -webkit-transform: scale3d(9, 9, 1);
    transform: scale3d(9, 9, 1); }
  .ht-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%;
    -ms-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;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    -o-transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
    -o-transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
       transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
    right: 100%; }
  .ht-btn.button-effect--6:hover::before {
    -webkit-transform: scale3d(9, 9, 1);
    transform: scale3d(9, 9, 1); }
  .ht-btn.button-effect--7:hover {
    -webkit-transform: skew(-10deg);
    -ms-transform: skew(-10deg);
        transform: skew(-10deg); }
  .ht-btn.button-effect--8 {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0); }
    .ht-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; }
  .ht-btn.button-effect--9 {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0); }
    .ht-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; }
  .ht-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);
    -ms-transform: scaleX(1);
        transform: scaleX(1);
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
        transform-origin: 50%;
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
       transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
       transition-timing-function: ease-out;
    color: #fff; }
  .ht-btn.button-effect--10:hover::before {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
        transform: scaleX(0); }
  .ht-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);
    -ms-transform: scaleY(1);
        transform: scaleY(1);
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
        transform-origin: 50%;
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
       transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
       transition-timing-function: ease-out; }
  .ht-btn.button-effect--11:hover::before {
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
        transform: scaleY(0); }
  .ht-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);
    -ms-transform: scaleY(0);
        transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
       transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
       transition-timing-function: ease-out; }
  .ht-btn.button-effect--12:hover::before {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
        transform: scaleY(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    -o-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); }
  .ht-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);
    -ms-transform: scale(0);
        transform: scale(0);
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
       transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
       transition-timing-function: ease-out; }
  .ht-btn.button-effect--13:hover::before {
    -webkit-transform: scale(2);
    -ms-transform: scale(2);
        transform: scale(2); }
  .ht-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);
    -ms-transform: scale(0);
        transform: scale(0);
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
       transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
       transition-timing-function: ease-out; }
  .ht-btn.button-effect--14:hover::before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
        transform: scale(1); }
  .ht-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);
    -ms-transform: scaleX(0);
        transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
       transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
       transition-timing-function: ease-out; }
  .ht-btn.button-effect--15:hover::before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
        transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    -o-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); }
  .ht-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);
    -ms-transform: scaleY(0);
        transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
        transform-origin: 50% 0;
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
       transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
       transition-timing-function: ease-out; }
  .ht-btn.button-effect--16:hover::before {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
        transform: scaleY(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    -o-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); }
  .ht-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);
    -ms-transform: scaleY(0);
        transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
        transform-origin: 50% 0;
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
       transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
       transition-timing-function: ease-out; }
  .ht-btn.button-effect--17:hover::before {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
        transform: scaleY(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    -o-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 {
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  margin-right: 30px;
  margin-top: 30px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .button-holder {
      -ms-flex-positive: inherit;
          flex-grow: inherit;
      -ms-flex-preferred-size: inherit;
          flex-basis: inherit; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .button-holder {
      -ms-flex-positive: inherit;
          flex-grow: inherit;
      -ms-flex-preferred-size: inherit;
          flex-basis: inherit;
      margin-right: 15px;
      margin-top: 15px; } }
  @media only screen and (max-width: 767px) {
    .button-holder {
      -ms-flex-positive: inherit;
          flex-grow: inherit;
      -ms-flex-preferred-size: inherit;
          flex-basis: inherit;
      margin-right: 13px;
      margin-top: 13px; } }
  .button-holder:last-child {
    margin-right: 0; }

.button-size .button-holder {
  -ms-flex-positive: inherit;
      flex-grow: inherit;
  -ms-flex-preferred-size: 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 {
  -ms-flex-positive: inherit;
      flex-grow: inherit;
  -ms-flex-preferred-size: inherit;
      flex-basis: inherit; }

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

.ht-btn--2 {
  font-size: 13px;
  display: inline-block;
  text-transform: uppercase;
  position: relative;
  overflow: hidden;
  z-index: 1;
  color: #fff;
  height: 60px;
  line-height: 58px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-family: "Montserrat", sans-serif; }
  .ht-btn--2.button-shadow {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.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; }
    .ht-btn--2.button-shadow:hover {
      -webkit-transform: translateY(-5px);
      -ms-transform: translateY(-5px);
          transform: translateY(-5px); }
  .ht-btn--2 span.button-with-icon {
    padding: 0 36px;
    color: #fff; }
  .ht-btn--2 span.button-arrow {
    background: #fff;
    display: inline-block;
    padding: 0 20px;
    color: #18012c;
    font-size: 20px; }
    .ht-btn--2 span.button-arrow.button-radious {
      width: 50px;
      padding: 0;
      height: 50px;
      text-align: center;
      line-height: 50px; }
  .ht-btn--2.button-icon-2 span.button-arrow {
    color: #fff;
    background: #18012c;
    border-left: 1px solid #ffffff; }
  .ht-btn--2.button-icon-3 {
    padding: 0 49px; }
    .ht-btn--2.button-icon-3 span.button-arrow {
      background: transparent;
      color: #fff;
      padding: 0;
      padding-left: 11px; }
    .ht-btn--2.button-icon-3 span.button-with-icon {
      padding: 0; }

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

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

.ht-btn.button-bg-image {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s; }

.ht-btn.button-bg-image:hover {
  opacity: 0.8; }

.ht-btn.button-shadow {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.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; }

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

.ht-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: -o-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;
  -o-transition-duration: 0.3s;
     transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  -o-transition-property: transform, opacity;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform; }

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

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

.ht-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: -o-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%); }

.ht-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: -o-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%); }

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

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

.ht-btn.button-shadow.button-shadow-5:hover {
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
          box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6); }

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

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

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

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

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

.ht-btn.button-transparent:hover {
  background: #18012c;
  color: #ffffff; }

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

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

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

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

.ht-btn.btn-extra-large {
  padding: 36px 50px; }

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

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

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

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

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

.ht-btn.button-gradient {
  position: relative;
  overflow: hidden;
  -webkit-box-shadow: 0 0 0 rgba(244, 63, 59, 0.5);
          box-shadow: 0 0 0 rgba(244, 63, 59, 0.5);
  position: relative;
  z-index: 100;
  -webkit-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  background-image: -webkit-linear-gradient(top, #000, #ce51da);
  background-image: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(#000), to(#ce51da));
  background-image: -webkit-linear-gradient(0, #000, #ce51da);
  background-image: -o-linear-gradient(0, #000, #ce51da);
  background-image: linear-gradient(0, #000, #ce51da);
  background-size: 100%; }

.ht-btn.button-gradient::before {
  position: absolute;
  z-index: -100;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  -webkit-transition: opacity 1s;
  -o-transition: opacity 1s;
  transition: opacity 1s;
  opacity: 0;
  background-image: -webkit-linear-gradient(top, #ce51da, #000000);
  background-image: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(#ce51da), to(#000000));
  background-image: -webkit-linear-gradient(0, #ce51da, #000000);
  background-image: -o-linear-gradient(0, #ce51da, #000000);
  background-image: linear-gradient(0, #ce51da, #000000); }

.ht-btn.button-gradient:hover::before {
  opacity: 1;
  -webkit-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out; }

.ht-btn.button-gradient--2 {
  background-image: -webkit-linear-gradient(top, #ecbfa6, #6e2f17);
  background-image: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(#ecbfa6), to(#6e2f17));
  background-image: -webkit-linear-gradient(0, #ecbfa6, #6e2f17);
  background-image: -o-linear-gradient(0, #ecbfa6, #6e2f17);
  background-image: linear-gradient(0, #ecbfa6, #6e2f17); }

.ht-btn.button-gradient--2::before {
  background-image: -webkit-linear-gradient(top, #6e2f17, #ecbfa6);
  background-image: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(#6e2f17), to(#ecbfa6));
  background-image: -webkit-linear-gradient(0, #6e2f17, #ecbfa6);
  background-image: -o-linear-gradient(0, #6e2f17, #ecbfa6);
  background-image: linear-gradient(0, #6e2f17, #ecbfa6); }

.ht-btn.button-gradient--3 {
  background-image: -webkit-linear-gradient(top, #511f48, #de6b0e);
  background-image: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(#511f48), to(#de6b0e));
  background-image: -webkit-linear-gradient(0, #511f48, #de6b0e);
  background-image: -o-linear-gradient(0, #511f48, #de6b0e);
  background-image: linear-gradient(0, #511f48, #de6b0e); }

.ht-btn.button-gradient--3::before {
  background-image: -webkit-linear-gradient(top, #de6b0e, #511f48);
  background-image: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(#de6b0e), to(#511f48));
  background-image: -webkit-linear-gradient(0, #de6b0e, #511f48);
  background-image: -o-linear-gradient(0, #de6b0e, #511f48);
  background-image: linear-gradient(0, #de6b0e, #511f48); }

.ht-btn.button-gradient--4 {
  background-image: -webkit-linear-gradient(top, #000000, #0cd7f5);
  background-image: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(#000000), to(#0cd7f5));
  background-image: -webkit-linear-gradient(0, #000000, #0cd7f5);
  background-image: -o-linear-gradient(0, #000000, #0cd7f5);
  background-image: linear-gradient(0, #000000, #0cd7f5); }

.ht-btn.button-gradient--4::before {
  background-image: -webkit-linear-gradient(top, #0cd7f5, #000000);
  background-image: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(#0cd7f5), to(#000000));
  background-image: -webkit-linear-gradient(0, #0cd7f5, #000000);
  background-image: -o-linear-gradient(0, #0cd7f5, #000000);
  background-image: linear-gradient(0, #0cd7f5, #000000); }

.ht-btn.button-gradient--5 {
  background-image: -webkit-linear-gradient(top, #efb8ea, #f801e4);
  background-image: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(#efb8ea), to(#f801e4));
  background-image: -webkit-linear-gradient(0, #efb8ea, #f801e4);
  background-image: -o-linear-gradient(0, #efb8ea, #f801e4);
  background-image: linear-gradient(0, #efb8ea, #f801e4); }

.ht-btn.button-gradient--5::before {
  background-image: -webkit-linear-gradient(top, #f801e4, #efb8ea);
  background-image: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(#f801e4), to(#efb8ea));
  background-image: -webkit-linear-gradient(0, #f801e4, #efb8ea);
  background-image: -o-linear-gradient(0, #f801e4, #efb8ea);
  background-image: linear-gradient(0, #f801e4, #efb8ea); }

.ht-btn.button-gradient--6 {
  background-image: -webkit-linear-gradient(top, #bf0f19, #274f1b);
  background-image: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(#bf0f19), to(#274f1b));
  background-image: -webkit-linear-gradient(0, #bf0f19, #274f1b);
  background-image: -o-linear-gradient(0, #bf0f19, #274f1b);
  background-image: linear-gradient(0, #bf0f19, #274f1b); }

.ht-btn.button-gradient--6::before {
  background-image: -webkit-linear-gradient(top, #274f1b, #bf0f19);
  background-image: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(#274f1b), to(#bf0f19));
  background-image: -webkit-linear-gradient(0, #274f1b, #bf0f19);
  background-image: -o-linear-gradient(0, #274f1b, #bf0f19);
  background-image: linear-gradient(0, #274f1b, #bf0f19); }

.ht-btn.button-effect--1 {
  position: relative;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  -o-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; }

.ht-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;
  -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
  transition: opacity 0.4s, -webkit-transform 0.4s;
  -o-transition: transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  -o-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; }

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

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

.ht-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%;
  -ms-transform-origin: 0% 100%;
      transform-origin: 0% 100%;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s;
  -webkit-transition: opacity 0.3s, background-color 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, background-color 0.3s, -webkit-transform 0.3s;
  -o-transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
  transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
  transition: transform 0.3s, opacity 0.3s, background-color 0.3s, -webkit-transform 0.3s;
  z-index: -1; }

.ht-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);
  -o-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
     transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }

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

.ht-btn.button-effect--3::before, .ht-btn.button-effect--3::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;
  -webkit-transition: background-color 0.3s, -webkit-transform 0.3s;
  transition: background-color 0.3s, -webkit-transform 0.3s;
  -o-transition: transform 0.3s, background-color 0.3s;
  transition: transform 0.3s, background-color 0.3s;
  transition: transform 0.3s, background-color 0.3s, -webkit-transform 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);
  -o-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; }

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

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

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

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

.ht-btn.button-with--border {
  z-index: 1;
  position: relative;
  color: #fff; }

.ht-btn.button-with--border::before, .ht-btn.button-with--border::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;
  -webkit-transition: background-color 0.3s, -webkit-transform 0.3s;
  transition: background-color 0.3s, -webkit-transform 0.3s;
  -o-transition: transform 0.3s, background-color 0.3s;
  transition: transform 0.3s, background-color 0.3s;
  transition: transform 0.3s, background-color 0.3s, -webkit-transform 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);
  -o-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; }

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

.ht-btn.button-with--border::after {
  background-color: #ff6b6b;
  -webkit-transform: scale3d(0.7, 0.7, 1);
  transform: scale3d(0.7, 0.7, 1);
  border-radius: 30px; }

.ht-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); }

.ht-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; }

.ht-btn.button-effect--4:hover {
  -webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
  -o-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; }

.ht-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%;
  -ms-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;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  -o-transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
  -o-transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
     transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1); }

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

.ht-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%;
  -ms-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;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  -o-transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
  -o-transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
     transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
  right: 100%; }

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

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

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

.ht-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; }

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

.ht-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; }

.ht-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);
  -ms-transform: scaleX(1);
      transform: scaleX(1);
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
      transform-origin: 50%;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
     transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
  color: #fff; }

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

.ht-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);
  -ms-transform: scaleY(1);
      transform: scaleY(1);
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
      transform-origin: 50%;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
     transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
     transition-timing-function: ease-out; }

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

.ht-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);
  -ms-transform: scaleY(0);
      transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
      transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
     transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
     transition-timing-function: ease-out; }

.ht-btn.button-effect--12:hover::before {
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
      transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  -o-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); }

.ht-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);
  -ms-transform: scale(0);
      transform: scale(0);
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
     transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
     transition-timing-function: ease-out; }

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

.ht-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);
  -ms-transform: scale(0);
      transform: scale(0);
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
     transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
     transition-timing-function: ease-out; }

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

.ht-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);
  -ms-transform: scaleX(0);
      transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
      transform-origin: 100% 50%;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
     transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
     transition-timing-function: ease-out; }

.ht-btn.button-effect--15:hover::before {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
      transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  -o-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); }

.ht-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);
  -ms-transform: scaleY(0);
      transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
      transform-origin: 50% 0;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
     transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
     transition-timing-function: ease-out; }

.ht-btn.button-effect--16:hover::before {
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
      transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  -o-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); }

.ht-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);
  -ms-transform: scaleY(0);
      transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
      transform-origin: 50% 0;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
     transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
     transition-timing-function: ease-out; }

.ht-btn.button-effect--17:hover::before {
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
      transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  -o-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); }

@-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); } }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.edit-post-visual-editor .components-base-control__help {
  margin-top: 0;
  font-size: 13px; }

.edit-post-visual-editor .components-base-control {
  margin-bottom: 10px; }

.wp-block-columns {
  margin-right: -15px;
  margin-left: -15px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.wp-block-columns.has-1-columns .wp-block-column {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%; }

.wp-block-columns.has-2-columns .wp-block-column {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%; }

.wp-block-columns.has-3-columns .wp-block-column {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%; }

.wp-block-columns.has-4-columns .wp-block-column {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%; }

.wp-block-columns .wp-block-column {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

/*-- Padding Top Bottom --*/
.section-ptb-xl {
  padding: 100px 0; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-ptb-xl {
    padding: 80px 0; } }

@media only screen and (max-width: 767px) {
  .section-ptb-xl {
    padding: 70px 0; } }

@media only screen and (max-width: 575px) {
  .section-ptb-xl {
    padding: 60px 0; } }

/*--------------------------------
    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-image: url(img/bg/bg-image-1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--2 {
  background-image: url(img/bg/bg-image-2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--3 {
  background-image: url(img/bg/bg-image-3.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--4 {
  background-image: url(img/bg/bg-image-4.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--5 {
  background-image: url(img/bg/bg-image-5.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--6 {
  background-image: url(img/bg/bg-image-6.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--7 {
  background-image: url(img/bg/bg-image-7.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--8 {
  background-image: url(img/bg/bg-image-8.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--9 {
  background-image: url(img/bg/bg-image-9.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--10 {
  background-image: url(img/bg/bg-image-10.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--11 {
  background-image: url(img/bg/bg-image-11.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--12 {
  background-image: url(img/bg/bg-image-12.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--13 {
  background-image: url(img/bg/bg-image-13.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--14 {
  background-image: url(img/bg/bg-image-14.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--15 {
  background-image: url(img/bg/bg-image-15.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--16 {
  background-image: url(img/bg/bg-image-16.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--17 {
  background-image: url(img/bg/bg-image-17.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--18 {
  background-image: url(img/bg/bg-image-18.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--19 {
  background-image: url(img/bg/bg-image-19.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--20 {
  background-image: url(img/bg/bg-image-20.jpg);
  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; } }

/*--------------------------
	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;
  -o-object-fit: cover;
     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 {
  background-image: url(img/button/button-bg-1.jpg);
  border-style: none;
  background-repeat: no-repeat; }

.button-bg-image--2 {
  background-image: url(img/button/button-bg-2.jpg);
  border-style: none;
  background-repeat: no-repeat; }

.button-bg-image--3 {
  background-image: url(img/button/button-bg-3.jpg);
  border-style: none;
  background-repeat: no-repeat; }

.button-bg-image--4 {
  background-image: url(img/button/button-bg-4.jpg);
  border-style: none;
  background-repeat: no-repeat; }

.button-bg-image--5 {
  background-image: url(img/button/button-bg-5.jpg);
  border-style: none;
  background-repeat: no-repeat; }

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

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

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

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

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

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

.button-size .button-holder {
  -ms-flex-positive: inherit;
      flex-grow: inherit;
  -ms-flex-preferred-size: 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 {
  -ms-flex-positive: inherit;
      flex-grow: inherit;
  -ms-flex-preferred-size: inherit;
      flex-basis: inherit; }

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

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

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

.ht-btn--2.button-shadow {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.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; }

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

.ht-btn--2 span.button-with-icon {
  padding: 0 36px;
  color: #fff; }

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

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

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

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

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

.ht-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); } }

/*-------------------
 * Section Title
----------------------*/
.section-title {
  font-size: 24px;
  font-weight: 600;
  margin: 0;
  display: inline-block;
  border-bottom: 2px solid #18012c;
  margin-bottom: 20px; }

/*-----------------------------
    Accordion Style
------------------------------*/
/*---------------------------
    Accordion Style Two 
-------------------------*/
.panel-group {
  width: 570px;
  margin: 0 auto; }

.accordion-style-1 .panel-default.accordion-boxshadow {
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); }

.accordion-style-1 .container {
  max-width: 688px; }

.accordion-style-1 .panel-default {
  margin-bottom: 11px; }

.accordion-style-1 .panel-default .panel-heading {
  background-color: #fff;
  border-color: #fff;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.accordion-style-1 .panel-default .panel-heading.bg-gray {
  background-color: #f4f4f4;
  border-color: #f4f4f4; }

.accordion-style-1 .panel-default .panel-heading.bg-gray h4 a {
  color: #18012c; }

.accordion-style-1 .panel-default .panel-heading h4 {
  font-size: 14px;
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: 600; }

.accordion-style-1 .panel-default .panel-heading h4 a {
  display: block;
  padding: 22px 43px 22px 30px;
  color: #18012c;
  position: relative; }

.accordion-style-1 .panel-default .panel-heading h4 a::after {
  position: absolute;
  top: 50%;
  display: inline-block;
  font-style: normal;
  font-weight: 400;
  transition: -webkit-transform 0.5s linear;
  -o-transition: transform 0.5s linear;
  transition: transform 0.5s linear;
  transition: transform 0.5s linear, -webkit-transform 0.5s linear;
  -webkit-transition: -webkit-transform 0.5s linear;
  content: "\f068";
  font-family: FontAwesome;
  color: #18012c;
  position: absolute;
  right: 30px;
  font-size: 15px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }

.accordion-style-1 .panel-default .panel-heading h4 a.icon-left.icon-square::after {
  border-radius: 0; }

.accordion-style-1 .panel-default .panel-heading h4 a.icon-left.icon-bg-gray::after {
  background: #f4f4f4; }

.accordion-style-1 .panel-default .panel-heading h4 a.icon-left.bg-transparent {
  padding: 22px 15px 22px 79px; }

.accordion-style-1 .panel-default .panel-heading h4 a.icon-left.bg-transparent::after {
  left: 0;
  width: 60px;
  background: transparent;
  height: 100%;
  line-height: 65px;
  border-radius: 0; }

.accordion-style-1 .panel-default .panel-heading h4 a.collapsed::after {
  content: "\f067"; }

.accordion-style-1 .panel-default .panel-collapse {
  padding: 32px 30px; }

.accordion-style-1 .panel-default .panel-collapse.bg-transparant {
  background: transparent; }

.accordion-style-1 .panel-default .panel-collapse.panel-body-with-border {
  border-left: 1px solid #18012c;
  border-bottom: 1px solid #18012c;
  border-right: 1px solid #18012c; }

.accordion-style-1 .panel-default .panel-collapse .panel-body {
  font-size: 14px;
  line-height: 28px;
  font-family: 'Poppins', sans-serif; }

.accordion-style-1 .panel-default .panel-collapse.border-left {
  background: transparent;
  padding: 15px;
  margin-left: 31px;
  margin-bottom: -10px; }

.accordion-style-1 .panel-default.round-shape .panel-collapse.border-left {
  padding: 40px;
  padding-left: 32px; }

/*------------------------------
    Accordion With Gallery
--------------------------------*/
ul.gallery-sm-img {
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0;
  -ms-flex-pack: center;
      justify-content: center;
  list-style: none;
  margin-top: 14px; }

ul.gallery-sm-img li {
  margin: 0 3px; }

/*---------------------------
    Accordion Style Three
-------------------------*/
.gallery-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  width: 100%;
  height: 70vh; }

.gallery-wrap .item {
  -ms-flex: 1;
      flex: 1;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: none;
  -webkit-transition: flex 0.8s ease;
  -o-transition: flex 0.8s ease;
  transition: flex 0.8s ease;
  transition: flex 0.8s ease, -ms-flex 0.8s ease; }

.gallery-wrap .item:hover {
  -ms-flex: 7;
      flex: 7; }

.gallery-wrap .item.item-1 {
  background-image: url("img/gallery/gallery-c1.jpg"); }

.gallery-wrap .item.item-2 {
  background-image: url("img/gallery/gallery-c2.jpg"); }

.gallery-wrap .item.item-3 {
  background-image: url("img/gallery/gallery-c3.jpg"); }

.gallery-wrap .item.item-4 {
  background-image: url("img/gallery/gallery-c4.jpg"); }

.gallery-wrap .item.item-5 {
  background-image: url("img/gallery/gallery-c5.jpg"); }

/*---------------------------
    Accordion Style Four 
-------------------------*/
ul.accordion--4 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -ms-flexbox;
  display: flex;
  text-align: center !important;
  -ms-flex-pack: center;
      justify-content: center;
  margin-top: 40px; }

ul.accordion--4 li {
  width: 115px;
  height: 480px;
  display: block;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  -webkit-box-shadow: 1px 3px 15px #555;
  box-shadow: 1px 3px 15px #555; }

ul.accordion--4 li.bg1 {
  background-image: url(img/gallery/gallery-d1.jpg); }

ul.accordion--4 li.bg2 {
  background-image: url(img/gallery/gallery-d2.jpg); }

ul.accordion--4 li.bg3 {
  background-image: url(img/gallery/gallery-d3.jpg); }

ul.accordion--4 li.bg4 {
  background-image: url(img/gallery/gallery-d4.jpg); }

ul.accordion--4 li.bg5 {
  background-image: url(img/gallery/gallery-d5.jpg); }

ul.accordion--4 li.bg6 {
  background-image: url(img/gallery/gallery-d6.jpg); }

ul.accordion--4 li.bleft {
  border-left: 2px solid #fff; }

ul.accordion--4 li .heading {
  background-color: #fff;
  padding: 10px;
  margin-top: 60px;
  text-transform: capitalize;
  font-weight: 500;
  font-size: 18px;
  text-align: center;
  color: #18012c; }

ul.accordion--4 li .description {
  position: absolute;
  height: 175px;
  bottom: 60px;
  left: 0px;
  display: none;
  width: 100%; }

ul.accordion--4 li .description h2 {
  color: #18012c;
  font-size: 30px; }

ul.accordion--4 li .description p {
  margin: 10px 22px;
  font-size: 14px;
  line-height: 28px;
  color: #18012c; }

ul.accordion--4 li .description a {
  position: absolute;
  bottom: 5px;
  left: 20px;
  text-transform: uppercase;
  font-style: normal;
  font-size: 11px;
  text-decoration: none;
  color: #888; }

ul.accordion--4 li .description a:hover {
  color: #333;
  text-decoration: underline; }

ul.accordion--4 li .bgDescription {
  background: transparent url(img/gallery/bgDescription.png) repeat-x top left;
  height: 340px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  display: none; }

/*---------------------------
    Accordion Style Five 
-------------------------*/
.accor_wrapper {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  background: #000; }

.accordion--5 {
  position: relative;
  margin: 40px auto 0 auto; }

.accordion--5 .single_accordion {
  cursor: pointer;
  position: absolute;
  width: 100%;
  left: 0px;
  overflow: hidden;
  text-align: center;
  z-index: 2; }

.accordion--5 .single_accordion::before {
  position: absolute;
  content: "";
  background: #000000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  z-index: -1; }

.accordion--5 .single_accordion .va-title {
  text-transform: uppercase;
  font-size: 40px;
  margin-left: 20px;
  color: #ffffff;
  display: inline-block; }

.accordion--5 .single_accordion .va-title p {
  font-size: 22px;
  font-style: italic;
  font-family: Georgia, serif; }

.accordion--5 .single_accordion .va-content {
  display: none;
  margin-left: 0;
  padding: 0 23%;
  margin-top: -36px; }

.accordion--5 .single_accordion .va-content p {
  color: #ffffff;
  font-size: 14px;
  line-height: 28px; }

.accor_wrapper .bg-1 {
  background: #000 url(img/gallery/gallery-e1.jpg) no-repeat center center;
  background-size: cover; }

.accor_wrapper .bg-2 {
  background: #000 url(img/gallery/gallery-e2.jpg) no-repeat center center;
  background-size: cover; }

.accor_wrapper .bg-3 {
  background: #000 url(img/gallery/gallery-e3.jpg) no-repeat center center;
  background-size: cover; }

.accor_wrapper .bg-4 {
  background: #000 url(img/gallery/gallery-e4.jpg) no-repeat center center;
  background-size: cover; }

.accor_wrapper .bg-5 {
  background: #000 url(img/gallery/gallery-e5.jpg) no-repeat center center;
  background-size: cover; }

.accor_wrapper .bg-6 {
  background: #000 url(img/gallery/gallery-e6.jpg) no-repeat center center;
  background-size: cover; }

.accor_wrapper .bg-7 {
  background: #000 url(img/gallery/gallery-e1.jpg) no-repeat center center;
  background-size: cover; }

/*--------------------------
    Heading Style
------------------------------*/
/*--------------------------
// Heading Defult
------------------------------*/
.heading-1 {
  color: #18012c;
  font-size: 48px;
  line-height: 1;
  font-family: "Montserrat", sans-serif;
  font-weight: 700; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .heading-1 {
    font-size: 42px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .heading-1 {
    font-size: 38px; } }

@media only screen and (max-width: 767px) {
  .heading-1 {
    font-size: 32px; } }

@media only screen and (max-width: 575px) {
  .heading-1 {
    font-size: 23px; } }

.heading-2 {
  color: #18012c;
  font-size: 36px;
  line-height: 1;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  margin-bottom: 8px; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .heading-2 {
    font-size: 30px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .heading-2 {
    font-size: 26px; } }

@media only screen and (max-width: 767px) {
  .heading-2 {
    font-size: 26px; } }

@media only screen and (max-width: 575px) {
  .heading-2 {
    font-size: 23px; } }

.heading-3 {
  color: #18012c;
  font-size: 36px;
  line-height: 1;
  font-family: "Montserrat", sans-serif;
  font-weight: 700; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .heading-3 {
    font-size: 30px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .heading-3 {
    font-size: 26px; } }

@media only screen and (max-width: 767px) {
  .heading-3 {
    font-size: 26px; } }

@media only screen and (max-width: 575px) {
  .heading-3 {
    font-size: 23px; } }

/*--------------------------
// Subtitle Defult
------------------------------*/
.subtitle {
  font-size: 16px;
  color: #494849;
  font-family: "Poppins", sans-serif;
  margin: 5px 0;
  line-height: 30px; }

@media only screen and (max-width: 767px) {
  .subtitle {
    font-size: 14px;
    line-height: 25px; } }

.subtitle-2 {
  color: #322242;
  font-weight: 500; }

.subtitle-3 {
  color: #494849;
  font-weight: 500;
  margin-bottom: 5px; }

/*--------------------------
// Heading  Css
------------------------------*/
.ht-heading {
  z-index: 1; }

.ht-heading.center-icon img {
  position: absolute;
  top: 47%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  z-index: -1; }

.ht-heading .heading-bg-text {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: -1;
  color: #f1f1f1;
  font-size: 80px;
  font-weight: 800;
  line-height: 28px;
  margin: 0;
  width: 100%;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase; }

.ht-heading .heading-bg-text.heading-bg--textleft {
  text-align: left; }

.ht-heading .heading-bg-text.heading-bg--textright {
  text-align: right; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ht-heading .heading-bg-text {
    font-size: 60px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ht-heading .heading-bg-text {
    font-size: 50px; } }

@media only screen and (max-width: 767px) {
  .ht-heading .heading-bg-text {
    font-size: 40px; } }

.ht-heading .middle-align-border {
  position: relative;
  display: inline-block;
  padding: 0 10.5%; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ht-heading .middle-align-border {
    padding: 0 14.5%; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ht-heading .middle-align-border {
    padding: 0 17.5%; } }

@media only screen and (max-width: 767px) {
  .ht-heading .middle-align-border {
    padding: 0 12.5%; } }

@media only screen and (max-width: 575px) {
  .ht-heading .middle-align-border {
    padding: 0; } }

.ht-heading .middle-align-border::before {
  position: absolute;
  content: "";
  left: 0;
  width: 100px;
  height: 3px;
  background: #412e51;
  top: 50%; }

@media only screen and (max-width: 767px) {
  .ht-heading .middle-align-border::before {
    width: 50px; } }

@media only screen and (max-width: 575px) {
  .ht-heading .middle-align-border::before {
    display: none; } }

.ht-heading .middle-align-border::after {
  position: absolute;
  content: "";
  right: 0;
  width: 100px;
  height: 3px;
  background: #412e51;
  top: 50%; }

@media only screen and (max-width: 767px) {
  .ht-heading .middle-align-border::after {
    width: 50px; } }

@media only screen and (max-width: 575px) {
  .ht-heading .middle-align-border::after {
    display: none; } }

.ht-heading .heading-bg-img {
  line-height: 57px;
  margin-bottom: 3px;
  background: url(img/icons/heading-bg.jpg) repeat-y;
  -webkit-background-clip: text;
  background-clip: text;
  /* Animate Background Image */
  -webkit-text-fill-color: transparent;
  -webkit-animation: heading-animation-1 80s linear infinite;
  /* Activate smoother animations */
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden; }

@media only screen and (max-width: 767px) {
  .ht-heading .heading-bg-img {
    line-height: 1.2; } }

.ht-heading p.heading-border-bottom {
  position: relative;
  padding-bottom: 8px;
  margin-bottom: 12px; }

.ht-heading p.heading-border-bottom::before {
  position: absolute;
  content: "";
  bottom: 0;
  width: 70px;
  height: 2px;
  background: #18012c;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%); }

.ht-heading.heading-border-left {
  position: relative; }

.ht-heading.heading-border-left::before {
  position: absolute;
  content: "";
  left: 0;
  height: 70px;
  width: 5px;
  background: #18012c;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }

@media only screen and (max-width: 575px) {
  .ht-heading.heading-border-left::before {
    height: 50px; } }

.ht-heading.heading-border-right {
  position: relative; }

.ht-heading.heading-border-right::before {
  position: absolute;
  content: "";
  right: 0;
  height: 70px;
  width: 5px;
  background: #18012c;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }

@media only screen and (max-width: 575px) {
  .ht-heading.heading-border-right::before {
    height: 50px; } }

.ht-heading.heading-style-5 p.subtitle {
  font-weight: 500; }

/*----------------------------
    Animate Background Image
----------------------------*/
@-webkit-keyframes heading-animation-1 {
  0% {
    background-position: 0% 50%; }
  100% {
    background-position: 100% 50%; } }

@keyframes heading-animation-1 {
  0% {
    background-position: 0% 50%; }
  100% {
    background-position: 100% 50%; } }

/**************************************
	Template Styles
***************************************/
/*----------------------
 * Header
-----------------------*/
.header--transparant {
  position: absolute;
  left: 0;
  right: 0;
  top: 40px; }

.mainmenu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center; }

.mainmenu li {
  margin: 0 15px; }

.mainmenu li a {
  color: #ffffff;
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase; }

.bradcaump_area {
  display: -ms-flexbox;
  display: flex;
  height: 300px;
  -ms-flex-align: center;
      align-items: center;
  padding-top: 78px; }

.bradcaump_area .bradcaump-title {
  font-weight: 600;
  color: #ffffff; }

/**
 * Service
 */
.wp-block-htblocks-business-hours {
  padding: 50px 30px;
  background: #ffffff;
  -webkit-box-shadow: 0 7px 15px rgba(85, 85, 85, 0.2);
          box-shadow: 0 7px 15px rgba(85, 85, 85, 0.2);
  margin-top: 30px;
  text-align: center; }
  .wp-block-htblocks-business-hours .icon_wrapper {
    margin-bottom: 20px; }
  .wp-block-htblocks-business-hours h5 {
    letter-spacing: 3px;
    font-weight: 600;
    display: inline-block;
    padding: 0;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    text-transform: uppercase;
    margin-top: 0; }
    .wp-block-htblocks-business-hours h5::before {
      content: "";
      position: absolute;
      background: #000;
      left: 0;
      top: 50%;
      height: 1px;
      width: 100%;
      -webkit-transform: scale(0);
          -ms-transform: scale(0);
              transform: scale(0);
      -webkit-transition: all 0.4s ease-out 0s;
      -o-transition: all 0.4s ease-out 0s;
      transition: all 0.4s ease-out 0s; }
  .wp-block-htblocks-business-hours p {
    letter-spacing: 1px;
    margin-bottom: 0; }
  .wp-block-htblocks-business-hours.text-center h5 {
    padding: 0 10px; }
  .wp-block-htblocks-business-hours.text-right h5 {
    padding: 0;
    padding-left: 10px; }
  .wp-block-htblocks-business-hours:hover h5::before {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1); }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.edit-post-visual-editor .components-base-control__help {
  margin-top: 0;
  font-size: 13px; }

.edit-post-visual-editor .components-base-control {
  margin-bottom: 10px; }

.wp-block-columns {
  margin-right: -15px;
  margin-left: -15px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.wp-block-columns.has-1-columns .wp-block-column {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%; }

.wp-block-columns.has-2-columns .wp-block-column {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%; }

.wp-block-columns.has-3-columns .wp-block-column {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%; }

.wp-block-columns.has-4-columns .wp-block-column {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%; }

.wp-block-columns .wp-block-column {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

/*-- Padding Top Bottom --*/
.section-ptb-xl {
  padding: 100px 0; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-ptb-xl {
    padding: 80px 0; } }

@media only screen and (max-width: 767px) {
  .section-ptb-xl {
    padding: 70px 0; } }

@media only screen and (max-width: 575px) {
  .section-ptb-xl {
    padding: 60px 0; } }

/*--------------------------------
    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-image: url(img/bg/bg-image-1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--2 {
  background-image: url(img/bg/bg-image-2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--3 {
  background-image: url(img/bg/bg-image-3.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--4 {
  background-image: url(img/bg/bg-image-4.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--5 {
  background-image: url(img/bg/bg-image-5.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--6 {
  background-image: url(img/bg/bg-image-6.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--7 {
  background-image: url(img/bg/bg-image-7.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--8 {
  background-image: url(img/bg/bg-image-8.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--9 {
  background-image: url(img/bg/bg-image-9.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--10 {
  background-image: url(img/bg/bg-image-10.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--11 {
  background-image: url(img/bg/bg-image-11.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--12 {
  background-image: url(img/bg/bg-image-12.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--13 {
  background-image: url(img/bg/bg-image-13.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--14 {
  background-image: url(img/bg/bg-image-14.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--15 {
  background-image: url(img/bg/bg-image-15.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--16 {
  background-image: url(img/bg/bg-image-16.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--17 {
  background-image: url(img/bg/bg-image-17.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--18 {
  background-image: url(img/bg/bg-image-18.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--19 {
  background-image: url(img/bg/bg-image-19.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--20 {
  background-image: url(img/bg/bg-image-20.jpg);
  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; } }

/*--------------------------
	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;
  -o-object-fit: cover;
     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 {
  background-image: url(img/button/button-bg-1.jpg);
  border-style: none;
  background-repeat: no-repeat; }

.button-bg-image--2 {
  background-image: url(img/button/button-bg-2.jpg);
  border-style: none;
  background-repeat: no-repeat; }

.button-bg-image--3 {
  background-image: url(img/button/button-bg-3.jpg);
  border-style: none;
  background-repeat: no-repeat; }

.button-bg-image--4 {
  background-image: url(img/button/button-bg-4.jpg);
  border-style: none;
  background-repeat: no-repeat; }

.button-bg-image--5 {
  background-image: url(img/button/button-bg-5.jpg);
  border-style: none;
  background-repeat: no-repeat; }

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

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

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

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

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

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

.button-size .button-holder {
  -ms-flex-positive: inherit;
      flex-grow: inherit;
  -ms-flex-preferred-size: 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 {
  -ms-flex-positive: inherit;
      flex-grow: inherit;
  -ms-flex-preferred-size: inherit;
      flex-basis: inherit; }

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

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

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

.ht-btn--2.button-shadow {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.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; }

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

.ht-btn--2 span.button-with-icon {
  padding: 0 36px;
  color: #fff; }

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

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

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

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

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

.ht-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); } }

/*-------------------
 * Section Title
----------------------*/
.section-title {
  font-size: 24px;
  font-weight: 600;
  margin: 0;
  display: inline-block;
  border-bottom: 2px solid #18012c;
  margin-bottom: 20px; }

/*-----------------------------
    Accordion Style
------------------------------*/
/*---------------------------
    Accordion Style Two 
-------------------------*/
.panel-group {
  width: 570px;
  margin: 0 auto; }

.accordion-style-1 .panel-default.accordion-boxshadow {
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); }

.accordion-style-1 .container {
  max-width: 688px; }

.accordion-style-1 .panel-default {
  margin-bottom: 11px; }

.accordion-style-1 .panel-default .panel-heading {
  background-color: #fff;
  border-color: #fff;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.accordion-style-1 .panel-default .panel-heading.bg-gray {
  background-color: #f4f4f4;
  border-color: #f4f4f4; }

.accordion-style-1 .panel-default .panel-heading.bg-gray h4 a {
  color: #18012c; }

.accordion-style-1 .panel-default .panel-heading h4 {
  font-size: 14px;
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: 600; }

.accordion-style-1 .panel-default .panel-heading h4 a {
  display: block;
  padding: 22px 43px 22px 30px;
  color: #18012c;
  position: relative; }

.accordion-style-1 .panel-default .panel-heading h4 a::after {
  position: absolute;
  top: 50%;
  display: inline-block;
  font-style: normal;
  font-weight: 400;
  transition: -webkit-transform 0.5s linear;
  -o-transition: transform 0.5s linear;
  transition: transform 0.5s linear;
  transition: transform 0.5s linear, -webkit-transform 0.5s linear;
  -webkit-transition: -webkit-transform 0.5s linear;
  content: "\f068";
  font-family: FontAwesome;
  color: #18012c;
  position: absolute;
  right: 30px;
  font-size: 15px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }

.accordion-style-1 .panel-default .panel-heading h4 a.icon-left.icon-square::after {
  border-radius: 0; }

.accordion-style-1 .panel-default .panel-heading h4 a.icon-left.icon-bg-gray::after {
  background: #f4f4f4; }

.accordion-style-1 .panel-default .panel-heading h4 a.icon-left.bg-transparent {
  padding: 22px 15px 22px 79px; }

.accordion-style-1 .panel-default .panel-heading h4 a.icon-left.bg-transparent::after {
  left: 0;
  width: 60px;
  background: transparent;
  height: 100%;
  line-height: 65px;
  border-radius: 0; }

.accordion-style-1 .panel-default .panel-heading h4 a.collapsed::after {
  content: "\f067"; }

.accordion-style-1 .panel-default .panel-collapse {
  padding: 32px 30px; }

.accordion-style-1 .panel-default .panel-collapse.bg-transparant {
  background: transparent; }

.accordion-style-1 .panel-default .panel-collapse.panel-body-with-border {
  border-left: 1px solid #18012c;
  border-bottom: 1px solid #18012c;
  border-right: 1px solid #18012c; }

.accordion-style-1 .panel-default .panel-collapse .panel-body {
  font-size: 14px;
  line-height: 28px;
  font-family: 'Poppins', sans-serif; }

.accordion-style-1 .panel-default .panel-collapse.border-left {
  background: transparent;
  padding: 15px;
  margin-left: 31px;
  margin-bottom: -10px; }

.accordion-style-1 .panel-default.round-shape .panel-collapse.border-left {
  padding: 40px;
  padding-left: 32px; }

/*------------------------------
    Accordion With Gallery
--------------------------------*/
ul.gallery-sm-img {
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0;
  -ms-flex-pack: center;
      justify-content: center;
  list-style: none;
  margin-top: 14px; }

ul.gallery-sm-img li {
  margin: 0 3px; }

/*---------------------------
    Accordion Style Three
-------------------------*/
.gallery-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  width: 100%;
  height: 70vh; }

.gallery-wrap .item {
  -ms-flex: 1;
      flex: 1;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: none;
  -webkit-transition: flex 0.8s ease;
  -o-transition: flex 0.8s ease;
  transition: flex 0.8s ease;
  transition: flex 0.8s ease, -ms-flex 0.8s ease; }

.gallery-wrap .item:hover {
  -ms-flex: 7;
      flex: 7; }

.gallery-wrap .item.item-1 {
  background-image: url("img/gallery/gallery-c1.jpg"); }

.gallery-wrap .item.item-2 {
  background-image: url("img/gallery/gallery-c2.jpg"); }

.gallery-wrap .item.item-3 {
  background-image: url("img/gallery/gallery-c3.jpg"); }

.gallery-wrap .item.item-4 {
  background-image: url("img/gallery/gallery-c4.jpg"); }

.gallery-wrap .item.item-5 {
  background-image: url("img/gallery/gallery-c5.jpg"); }

/*---------------------------
    Accordion Style Four 
-------------------------*/
ul.accordion--4 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -ms-flexbox;
  display: flex;
  text-align: center !important;
  -ms-flex-pack: center;
      justify-content: center;
  margin-top: 40px; }

ul.accordion--4 li {
  width: 115px;
  height: 480px;
  display: block;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  -webkit-box-shadow: 1px 3px 15px #555;
  box-shadow: 1px 3px 15px #555; }

ul.accordion--4 li.bg1 {
  background-image: url(img/gallery/gallery-d1.jpg); }

ul.accordion--4 li.bg2 {
  background-image: url(img/gallery/gallery-d2.jpg); }

ul.accordion--4 li.bg3 {
  background-image: url(img/gallery/gallery-d3.jpg); }

ul.accordion--4 li.bg4 {
  background-image: url(img/gallery/gallery-d4.jpg); }

ul.accordion--4 li.bg5 {
  background-image: url(img/gallery/gallery-d5.jpg); }

ul.accordion--4 li.bg6 {
  background-image: url(img/gallery/gallery-d6.jpg); }

ul.accordion--4 li.bleft {
  border-left: 2px solid #fff; }

ul.accordion--4 li .heading {
  background-color: #fff;
  padding: 10px;
  margin-top: 60px;
  text-transform: capitalize;
  font-weight: 500;
  font-size: 18px;
  text-align: center;
  color: #18012c; }

ul.accordion--4 li .description {
  position: absolute;
  height: 175px;
  bottom: 60px;
  left: 0px;
  display: none;
  width: 100%; }

ul.accordion--4 li .description h2 {
  color: #18012c;
  font-size: 30px; }

ul.accordion--4 li .description p {
  margin: 10px 22px;
  font-size: 14px;
  line-height: 28px;
  color: #18012c; }

ul.accordion--4 li .description a {
  position: absolute;
  bottom: 5px;
  left: 20px;
  text-transform: uppercase;
  font-style: normal;
  font-size: 11px;
  text-decoration: none;
  color: #888; }

ul.accordion--4 li .description a:hover {
  color: #333;
  text-decoration: underline; }

ul.accordion--4 li .bgDescription {
  background: transparent url(img/gallery/bgDescription.png) repeat-x top left;
  height: 340px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  display: none; }

/*---------------------------
    Accordion Style Five 
-------------------------*/
.accor_wrapper {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  background: #000; }

.accordion--5 {
  position: relative;
  margin: 40px auto 0 auto; }

.accordion--5 .single_accordion {
  cursor: pointer;
  position: absolute;
  width: 100%;
  left: 0px;
  overflow: hidden;
  text-align: center;
  z-index: 2; }

.accordion--5 .single_accordion::before {
  position: absolute;
  content: "";
  background: #000000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  z-index: -1; }

.accordion--5 .single_accordion .va-title {
  text-transform: uppercase;
  font-size: 40px;
  margin-left: 20px;
  color: #ffffff;
  display: inline-block; }

.accordion--5 .single_accordion .va-title p {
  font-size: 22px;
  font-style: italic;
  font-family: Georgia, serif; }

.accordion--5 .single_accordion .va-content {
  display: none;
  margin-left: 0;
  padding: 0 23%;
  margin-top: -36px; }

.accordion--5 .single_accordion .va-content p {
  color: #ffffff;
  font-size: 14px;
  line-height: 28px; }

.accor_wrapper .bg-1 {
  background: #000 url(img/gallery/gallery-e1.jpg) no-repeat center center;
  background-size: cover; }

.accor_wrapper .bg-2 {
  background: #000 url(img/gallery/gallery-e2.jpg) no-repeat center center;
  background-size: cover; }

.accor_wrapper .bg-3 {
  background: #000 url(img/gallery/gallery-e3.jpg) no-repeat center center;
  background-size: cover; }

.accor_wrapper .bg-4 {
  background: #000 url(img/gallery/gallery-e4.jpg) no-repeat center center;
  background-size: cover; }

.accor_wrapper .bg-5 {
  background: #000 url(img/gallery/gallery-e5.jpg) no-repeat center center;
  background-size: cover; }

.accor_wrapper .bg-6 {
  background: #000 url(img/gallery/gallery-e6.jpg) no-repeat center center;
  background-size: cover; }

.accor_wrapper .bg-7 {
  background: #000 url(img/gallery/gallery-e1.jpg) no-repeat center center;
  background-size: cover; }

/*--------------------------
    Heading Style
------------------------------*/
/*--------------------------
// Heading Defult
------------------------------*/
.heading-1 {
  color: #18012c;
  font-size: 48px;
  line-height: 1;
  font-family: "Montserrat", sans-serif;
  font-weight: 700; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .heading-1 {
    font-size: 42px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .heading-1 {
    font-size: 38px; } }

@media only screen and (max-width: 767px) {
  .heading-1 {
    font-size: 32px; } }

@media only screen and (max-width: 575px) {
  .heading-1 {
    font-size: 23px; } }

.heading-2 {
  color: #18012c;
  font-size: 36px;
  line-height: 1;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  margin-bottom: 8px; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .heading-2 {
    font-size: 30px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .heading-2 {
    font-size: 26px; } }

@media only screen and (max-width: 767px) {
  .heading-2 {
    font-size: 26px; } }

@media only screen and (max-width: 575px) {
  .heading-2 {
    font-size: 23px; } }

.heading-3 {
  color: #18012c;
  font-size: 36px;
  line-height: 1;
  font-family: "Montserrat", sans-serif;
  font-weight: 700; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .heading-3 {
    font-size: 30px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .heading-3 {
    font-size: 26px; } }

@media only screen and (max-width: 767px) {
  .heading-3 {
    font-size: 26px; } }

@media only screen and (max-width: 575px) {
  .heading-3 {
    font-size: 23px; } }

/*--------------------------
// Subtitle Defult
------------------------------*/
.subtitle {
  font-size: 16px;
  color: #494849;
  font-family: "Poppins", sans-serif;
  margin: 5px 0;
  line-height: 30px; }

@media only screen and (max-width: 767px) {
  .subtitle {
    font-size: 14px;
    line-height: 25px; } }

.subtitle-2 {
  color: #322242;
  font-weight: 500; }

.subtitle-3 {
  color: #494849;
  font-weight: 500;
  margin-bottom: 5px; }

/*--------------------------
// Heading  Css
------------------------------*/
.ht-heading {
  z-index: 1; }

.ht-heading.center-icon img {
  position: absolute;
  top: 47%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  z-index: -1; }

.ht-heading .heading-bg-text {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: -1;
  color: #f1f1f1;
  font-size: 80px;
  font-weight: 800;
  line-height: 28px;
  margin: 0;
  width: 100%;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase; }

.ht-heading .heading-bg-text.heading-bg--textleft {
  text-align: left; }

.ht-heading .heading-bg-text.heading-bg--textright {
  text-align: right; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ht-heading .heading-bg-text {
    font-size: 60px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ht-heading .heading-bg-text {
    font-size: 50px; } }

@media only screen and (max-width: 767px) {
  .ht-heading .heading-bg-text {
    font-size: 40px; } }

.ht-heading .middle-align-border {
  position: relative;
  display: inline-block;
  padding: 0 10.5%; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ht-heading .middle-align-border {
    padding: 0 14.5%; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ht-heading .middle-align-border {
    padding: 0 17.5%; } }

@media only screen and (max-width: 767px) {
  .ht-heading .middle-align-border {
    padding: 0 12.5%; } }

@media only screen and (max-width: 575px) {
  .ht-heading .middle-align-border {
    padding: 0; } }

.ht-heading .middle-align-border::before {
  position: absolute;
  content: "";
  left: 0;
  width: 100px;
  height: 3px;
  background: #412e51;
  top: 50%; }

@media only screen and (max-width: 767px) {
  .ht-heading .middle-align-border::before {
    width: 50px; } }

@media only screen and (max-width: 575px) {
  .ht-heading .middle-align-border::before {
    display: none; } }

.ht-heading .middle-align-border::after {
  position: absolute;
  content: "";
  right: 0;
  width: 100px;
  height: 3px;
  background: #412e51;
  top: 50%; }

@media only screen and (max-width: 767px) {
  .ht-heading .middle-align-border::after {
    width: 50px; } }

@media only screen and (max-width: 575px) {
  .ht-heading .middle-align-border::after {
    display: none; } }

.ht-heading .heading-bg-img {
  line-height: 57px;
  margin-bottom: 3px;
  background: url(img/icons/heading-bg.jpg) repeat-y;
  -webkit-background-clip: text;
  background-clip: text;
  /* Animate Background Image */
  -webkit-text-fill-color: transparent;
  -webkit-animation: heading-animation-1 80s linear infinite;
  /* Activate smoother animations */
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden; }

@media only screen and (max-width: 767px) {
  .ht-heading .heading-bg-img {
    line-height: 1.2; } }

.ht-heading p.heading-border-bottom {
  position: relative;
  padding-bottom: 8px;
  margin-bottom: 12px; }

.ht-heading p.heading-border-bottom::before {
  position: absolute;
  content: "";
  bottom: 0;
  width: 70px;
  height: 2px;
  background: #18012c;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%); }

.ht-heading.heading-border-left {
  position: relative; }

.ht-heading.heading-border-left::before {
  position: absolute;
  content: "";
  left: 0;
  height: 70px;
  width: 5px;
  background: #18012c;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }

@media only screen and (max-width: 575px) {
  .ht-heading.heading-border-left::before {
    height: 50px; } }

.ht-heading.heading-border-right {
  position: relative; }

.ht-heading.heading-border-right::before {
  position: absolute;
  content: "";
  right: 0;
  height: 70px;
  width: 5px;
  background: #18012c;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }

@media only screen and (max-width: 575px) {
  .ht-heading.heading-border-right::before {
    height: 50px; } }

.ht-heading.heading-style-5 p.subtitle {
  font-weight: 500; }

/*----------------------------
    Animate Background Image
----------------------------*/
@-webkit-keyframes heading-animation-1 {
  0% {
    background-position: 0% 50%; }
  100% {
    background-position: 100% 50%; } }

@keyframes heading-animation-1 {
  0% {
    background-position: 0% 50%; }
  100% {
    background-position: 100% 50%; } }

/**************************************
	Template Styles
***************************************/
/*----------------------
 * Header
-----------------------*/
.header--transparant {
  position: absolute;
  left: 0;
  right: 0;
  top: 40px; }

.mainmenu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center; }

.mainmenu li {
  margin: 0 15px; }

.mainmenu li a {
  color: #ffffff;
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase; }

.bradcaump_area {
  display: -ms-flexbox;
  display: flex;
  height: 300px;
  -ms-flex-align: center;
      align-items: center;
  padding-top: 78px; }

.bradcaump_area .bradcaump-title {
  font-weight: 600;
  color: #ffffff; }

/**
 * Blog Item
 */
.wp-block-htblocks-post-loop .blog-item {
  -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.08);
          box-shadow: 0 0 7px rgba(0, 0, 0, 0.08);
  border: 1px solid #e5e5e5;
  padding: 20px;
  margin-bottom: 30px;
  border-radius: 4px;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-bottom: 30px; }
  .wp-block-htblocks-post-loop .blog-item-header {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    margin-bottom: 0px; }
    .wp-block-htblocks-post-loop .blog-item-header img {
      width: 100%; }
    .wp-block-htblocks-post-loop .blog-item-header a {
      display: block;
      overflow: hidden;
      position: relative; }
      .wp-block-htblocks-post-loop .blog-item-header a::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        background: rgba(0, 0, 0, 0.4);
        z-index: -1;
        opacity: 0;
        -webkit-transition: all 0.4s ease-in-out 0s;
        -o-transition: all 0.4s ease-in-out 0s;
        transition: all 0.4s ease-in-out 0s; }
      .wp-block-htblocks-post-loop .blog-item-header a::after {
        content: "\f0c1";
        color: #ffffff;
        font-size: 18px;
        font-family: 'fontAwesome';
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        z-index: -1;
        opacity: 0;
        margin-top: 15px;
        -webkit-transition: all 0.4s ease-in-out 0s;
        -o-transition: all 0.4s ease-in-out 0s;
        transition: all 0.4s ease-in-out 0s;
        text-align: center;
        height: 40px;
        width: 40px;
        line-height: 40px; }
  .wp-block-htblocks-post-loop .blog-item-body {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    padding-bottom: 25px; }
    .wp-block-htblocks-post-loop .blog-item-body h6 {
      margin-bottom: 10px; }
    .wp-block-htblocks-post-loop .blog-item-body .blog-item-title {
      letter-spacing: 1px;
      color: #333333;
      text-transform: uppercase;
      font-weight: 600; }
      .wp-block-htblocks-post-loop .blog-item-body .blog-item-title a {
        color: #333333; }
        .wp-block-htblocks-post-loop .blog-item-body .blog-item-title a:hover {
          color: #000000; }
    .wp-block-htblocks-post-loop .blog-item-body p {
      margin-bottom: 0;
      line-height: 26px; }
    .wp-block-htblocks-post-loop .blog-item-body blockquote p {
      font-size: 16px;
      font-weight: 600;
      letter-spacing: 0.5px;
      line-height: 24px; }
  .wp-block-htblocks-post-loop .blog-item-footer {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    -ms-flex-item-align: end;
        align-self: flex-end;
    border-top: 1px solid #e5e5e5; }
    .wp-block-htblocks-post-loop .blog-item-footer .blog-item-meta {
      padding-left: 0;
      margin-bottom: 0;
      list-style: none;
      font-size: 14px;
      line-height: 24px;
      padding-top: 15px;
      margin-left: 0; }
      .wp-block-htblocks-post-loop .blog-item-footer .blog-item-meta li {
        display: inline-block;
        list-style: none;
        margin-right: 7px; }
        .wp-block-htblocks-post-loop .blog-item-footer .blog-item-meta li:last-child {
          margin-right: 0; }
        .wp-block-htblocks-post-loop .blog-item-footer .blog-item-meta li i {
          padding-right: 5px; }
        .wp-block-htblocks-post-loop .blog-item-footer .blog-item-meta li a {
          font-weight: 600;
          color: #000000; }
          .wp-block-htblocks-post-loop .blog-item-footer .blog-item-meta li a:hover {
            color: #000000;
            text-decoration: underline; }
  .wp-block-htblocks-post-loop .blog-item:hover {
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); }
    .wp-block-htblocks-post-loop .blog-item:hover .blog-item-header a::before {
      opacity: 1;
      z-index: 1; }
    .wp-block-htblocks-post-loop .blog-item:hover .blog-item-header a::after {
      margin-top: 0;
      opacity: 1;
      z-index: 2; }
  .wp-block-htblocks-post-loop .blog-item.sticky::before {
    content: "\f08d";
    font-family: 'fontAwesome';
    position: absolute;
    font-size: 16px;
    height: 35px;
    width: 35px;
    line-height: 35px;
    text-align: center;
    color: #555555;
    left: 25px;
    top: 25px;
    border-radius: 100px;
    background: #ffffff;
    border: 1px solid #e5e5e5;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
            box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    z-index: 5; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.edit-post-visual-editor .components-base-control__help {
  margin-top: 0;
  font-size: 13px; }

.edit-post-visual-editor .components-base-control {
  margin-bottom: 10px; }

.wp-block-columns {
  margin-right: -15px;
  margin-left: -15px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.wp-block-columns.has-1-columns .wp-block-column {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%; }

.wp-block-columns.has-2-columns .wp-block-column {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%; }

.wp-block-columns.has-3-columns .wp-block-column {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%; }

.wp-block-columns.has-4-columns .wp-block-column {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%; }

.wp-block-columns .wp-block-column {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

/*-- Padding Top Bottom --*/
.section-ptb-xl {
  padding: 100px 0; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-ptb-xl {
    padding: 80px 0; } }

@media only screen and (max-width: 767px) {
  .section-ptb-xl {
    padding: 70px 0; } }

@media only screen and (max-width: 575px) {
  .section-ptb-xl {
    padding: 60px 0; } }

/*--------------------------------
    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-image: url(img/bg/bg-image-1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--2 {
  background-image: url(img/bg/bg-image-2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--3 {
  background-image: url(img/bg/bg-image-3.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--4 {
  background-image: url(img/bg/bg-image-4.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--5 {
  background-image: url(img/bg/bg-image-5.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--6 {
  background-image: url(img/bg/bg-image-6.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--7 {
  background-image: url(img/bg/bg-image-7.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--8 {
  background-image: url(img/bg/bg-image-8.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--9 {
  background-image: url(img/bg/bg-image-9.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--10 {
  background-image: url(img/bg/bg-image-10.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--11 {
  background-image: url(img/bg/bg-image-11.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--12 {
  background-image: url(img/bg/bg-image-12.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--13 {
  background-image: url(img/bg/bg-image-13.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--14 {
  background-image: url(img/bg/bg-image-14.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--15 {
  background-image: url(img/bg/bg-image-15.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--16 {
  background-image: url(img/bg/bg-image-16.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--17 {
  background-image: url(img/bg/bg-image-17.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--18 {
  background-image: url(img/bg/bg-image-18.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--19 {
  background-image: url(img/bg/bg-image-19.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--20 {
  background-image: url(img/bg/bg-image-20.jpg);
  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; } }

/*--------------------------
	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;
  -o-object-fit: cover;
     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 {
  background-image: url(img/button/button-bg-1.jpg);
  border-style: none;
  background-repeat: no-repeat; }

.button-bg-image--2 {
  background-image: url(img/button/button-bg-2.jpg);
  border-style: none;
  background-repeat: no-repeat; }

.button-bg-image--3 {
  background-image: url(img/button/button-bg-3.jpg);
  border-style: none;
  background-repeat: no-repeat; }

.button-bg-image--4 {
  background-image: url(img/button/button-bg-4.jpg);
  border-style: none;
  background-repeat: no-repeat; }

.button-bg-image--5 {
  background-image: url(img/button/button-bg-5.jpg);
  border-style: none;
  background-repeat: no-repeat; }

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

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

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

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

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

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

.button-size .button-holder {
  -ms-flex-positive: inherit;
      flex-grow: inherit;
  -ms-flex-preferred-size: 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 {
  -ms-flex-positive: inherit;
      flex-grow: inherit;
  -ms-flex-preferred-size: inherit;
      flex-basis: inherit; }

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

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

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

.ht-btn--2.button-shadow {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.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; }

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

.ht-btn--2 span.button-with-icon {
  padding: 0 36px;
  color: #fff; }

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

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

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

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

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

.ht-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); } }

/*-------------------
 * Section Title
----------------------*/
.section-title {
  font-size: 24px;
  font-weight: 600;
  margin: 0;
  display: inline-block;
  border-bottom: 2px solid #18012c;
  margin-bottom: 20px; }

/*-----------------------------
    Accordion Style
------------------------------*/
/*---------------------------
    Accordion Style Two 
-------------------------*/
.panel-group {
  width: 570px;
  margin: 0 auto; }

.accordion-style-1 .panel-default.accordion-boxshadow {
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); }

.accordion-style-1 .container {
  max-width: 688px; }

.accordion-style-1 .panel-default {
  margin-bottom: 11px; }

.accordion-style-1 .panel-default .panel-heading {
  background-color: #fff;
  border-color: #fff;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.accordion-style-1 .panel-default .panel-heading.bg-gray {
  background-color: #f4f4f4;
  border-color: #f4f4f4; }

.accordion-style-1 .panel-default .panel-heading.bg-gray h4 a {
  color: #18012c; }

.accordion-style-1 .panel-default .panel-heading h4 {
  font-size: 14px;
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: 600; }

.accordion-style-1 .panel-default .panel-heading h4 a {
  display: block;
  padding: 22px 43px 22px 30px;
  color: #18012c;
  position: relative; }

.accordion-style-1 .panel-default .panel-heading h4 a::after {
  position: absolute;
  top: 50%;
  display: inline-block;
  font-style: normal;
  font-weight: 400;
  transition: -webkit-transform 0.5s linear;
  -o-transition: transform 0.5s linear;
  transition: transform 0.5s linear;
  transition: transform 0.5s linear, -webkit-transform 0.5s linear;
  -webkit-transition: -webkit-transform 0.5s linear;
  content: "\f068";
  font-family: FontAwesome;
  color: #18012c;
  position: absolute;
  right: 30px;
  font-size: 15px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }

.accordion-style-1 .panel-default .panel-heading h4 a.icon-left.icon-square::after {
  border-radius: 0; }

.accordion-style-1 .panel-default .panel-heading h4 a.icon-left.icon-bg-gray::after {
  background: #f4f4f4; }

.accordion-style-1 .panel-default .panel-heading h4 a.icon-left.bg-transparent {
  padding: 22px 15px 22px 79px; }

.accordion-style-1 .panel-default .panel-heading h4 a.icon-left.bg-transparent::after {
  left: 0;
  width: 60px;
  background: transparent;
  height: 100%;
  line-height: 65px;
  border-radius: 0; }

.accordion-style-1 .panel-default .panel-heading h4 a.collapsed::after {
  content: "\f067"; }

.accordion-style-1 .panel-default .panel-collapse {
  padding: 32px 30px; }

.accordion-style-1 .panel-default .panel-collapse.bg-transparant {
  background: transparent; }

.accordion-style-1 .panel-default .panel-collapse.panel-body-with-border {
  border-left: 1px solid #18012c;
  border-bottom: 1px solid #18012c;
  border-right: 1px solid #18012c; }

.accordion-style-1 .panel-default .panel-collapse .panel-body {
  font-size: 14px;
  line-height: 28px;
  font-family: 'Poppins', sans-serif; }

.accordion-style-1 .panel-default .panel-collapse.border-left {
  background: transparent;
  padding: 15px;
  margin-left: 31px;
  margin-bottom: -10px; }

.accordion-style-1 .panel-default.round-shape .panel-collapse.border-left {
  padding: 40px;
  padding-left: 32px; }

/*------------------------------
    Accordion With Gallery
--------------------------------*/
ul.gallery-sm-img {
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0;
  -ms-flex-pack: center;
      justify-content: center;
  list-style: none;
  margin-top: 14px; }

ul.gallery-sm-img li {
  margin: 0 3px; }

/*---------------------------
    Accordion Style Three
-------------------------*/
.gallery-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  width: 100%;
  height: 70vh; }

.gallery-wrap .item {
  -ms-flex: 1;
      flex: 1;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: none;
  -webkit-transition: flex 0.8s ease;
  -o-transition: flex 0.8s ease;
  transition: flex 0.8s ease;
  transition: flex 0.8s ease, -ms-flex 0.8s ease; }

.gallery-wrap .item:hover {
  -ms-flex: 7;
      flex: 7; }

.gallery-wrap .item.item-1 {
  background-image: url("img/gallery/gallery-c1.jpg"); }

.gallery-wrap .item.item-2 {
  background-image: url("img/gallery/gallery-c2.jpg"); }

.gallery-wrap .item.item-3 {
  background-image: url("img/gallery/gallery-c3.jpg"); }

.gallery-wrap .item.item-4 {
  background-image: url("img/gallery/gallery-c4.jpg"); }

.gallery-wrap .item.item-5 {
  background-image: url("img/gallery/gallery-c5.jpg"); }

/*---------------------------
    Accordion Style Four 
-------------------------*/
ul.accordion--4 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -ms-flexbox;
  display: flex;
  text-align: center !important;
  -ms-flex-pack: center;
      justify-content: center;
  margin-top: 40px; }

ul.accordion--4 li {
  width: 115px;
  height: 480px;
  display: block;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  -webkit-box-shadow: 1px 3px 15px #555;
  box-shadow: 1px 3px 15px #555; }

ul.accordion--4 li.bg1 {
  background-image: url(img/gallery/gallery-d1.jpg); }

ul.accordion--4 li.bg2 {
  background-image: url(img/gallery/gallery-d2.jpg); }

ul.accordion--4 li.bg3 {
  background-image: url(img/gallery/gallery-d3.jpg); }

ul.accordion--4 li.bg4 {
  background-image: url(img/gallery/gallery-d4.jpg); }

ul.accordion--4 li.bg5 {
  background-image: url(img/gallery/gallery-d5.jpg); }

ul.accordion--4 li.bg6 {
  background-image: url(img/gallery/gallery-d6.jpg); }

ul.accordion--4 li.bleft {
  border-left: 2px solid #fff; }

ul.accordion--4 li .heading {
  background-color: #fff;
  padding: 10px;
  margin-top: 60px;
  text-transform: capitalize;
  font-weight: 500;
  font-size: 18px;
  text-align: center;
  color: #18012c; }

ul.accordion--4 li .description {
  position: absolute;
  height: 175px;
  bottom: 60px;
  left: 0px;
  display: none;
  width: 100%; }

ul.accordion--4 li .description h2 {
  color: #18012c;
  font-size: 30px; }

ul.accordion--4 li .description p {
  margin: 10px 22px;
  font-size: 14px;
  line-height: 28px;
  color: #18012c; }

ul.accordion--4 li .description a {
  position: absolute;
  bottom: 5px;
  left: 20px;
  text-transform: uppercase;
  font-style: normal;
  font-size: 11px;
  text-decoration: none;
  color: #888; }

ul.accordion--4 li .description a:hover {
  color: #333;
  text-decoration: underline; }

ul.accordion--4 li .bgDescription {
  background: transparent url(img/gallery/bgDescription.png) repeat-x top left;
  height: 340px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  display: none; }

/*---------------------------
    Accordion Style Five 
-------------------------*/
.accor_wrapper {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  background: #000; }

.accordion--5 {
  position: relative;
  margin: 40px auto 0 auto; }

.accordion--5 .single_accordion {
  cursor: pointer;
  position: absolute;
  width: 100%;
  left: 0px;
  overflow: hidden;
  text-align: center;
  z-index: 2; }

.accordion--5 .single_accordion::before {
  position: absolute;
  content: "";
  background: #000000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  z-index: -1; }

.accordion--5 .single_accordion .va-title {
  text-transform: uppercase;
  font-size: 40px;
  margin-left: 20px;
  color: #ffffff;
  display: inline-block; }

.accordion--5 .single_accordion .va-title p {
  font-size: 22px;
  font-style: italic;
  font-family: Georgia, serif; }

.accordion--5 .single_accordion .va-content {
  display: none;
  margin-left: 0;
  padding: 0 23%;
  margin-top: -36px; }

.accordion--5 .single_accordion .va-content p {
  color: #ffffff;
  font-size: 14px;
  line-height: 28px; }

.accor_wrapper .bg-1 {
  background: #000 url(img/gallery/gallery-e1.jpg) no-repeat center center;
  background-size: cover; }

.accor_wrapper .bg-2 {
  background: #000 url(img/gallery/gallery-e2.jpg) no-repeat center center;
  background-size: cover; }

.accor_wrapper .bg-3 {
  background: #000 url(img/gallery/gallery-e3.jpg) no-repeat center center;
  background-size: cover; }

.accor_wrapper .bg-4 {
  background: #000 url(img/gallery/gallery-e4.jpg) no-repeat center center;
  background-size: cover; }

.accor_wrapper .bg-5 {
  background: #000 url(img/gallery/gallery-e5.jpg) no-repeat center center;
  background-size: cover; }

.accor_wrapper .bg-6 {
  background: #000 url(img/gallery/gallery-e6.jpg) no-repeat center center;
  background-size: cover; }

.accor_wrapper .bg-7 {
  background: #000 url(img/gallery/gallery-e1.jpg) no-repeat center center;
  background-size: cover; }

/*--------------------------
    Heading Style
------------------------------*/
/*--------------------------
// Heading Defult
------------------------------*/
.heading-1 {
  color: #18012c;
  font-size: 48px;
  line-height: 1;
  font-family: "Montserrat", sans-serif;
  font-weight: 700; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .heading-1 {
    font-size: 42px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .heading-1 {
    font-size: 38px; } }

@media only screen and (max-width: 767px) {
  .heading-1 {
    font-size: 32px; } }

@media only screen and (max-width: 575px) {
  .heading-1 {
    font-size: 23px; } }

.heading-2 {
  color: #18012c;
  font-size: 36px;
  line-height: 1;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  margin-bottom: 8px; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .heading-2 {
    font-size: 30px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .heading-2 {
    font-size: 26px; } }

@media only screen and (max-width: 767px) {
  .heading-2 {
    font-size: 26px; } }

@media only screen and (max-width: 575px) {
  .heading-2 {
    font-size: 23px; } }

.heading-3 {
  color: #18012c;
  font-size: 36px;
  line-height: 1;
  font-family: "Montserrat", sans-serif;
  font-weight: 700; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .heading-3 {
    font-size: 30px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .heading-3 {
    font-size: 26px; } }

@media only screen and (max-width: 767px) {
  .heading-3 {
    font-size: 26px; } }

@media only screen and (max-width: 575px) {
  .heading-3 {
    font-size: 23px; } }

/*--------------------------
// Subtitle Defult
------------------------------*/
.subtitle {
  font-size: 16px;
  color: #494849;
  font-family: "Poppins", sans-serif;
  margin: 5px 0;
  line-height: 30px; }

@media only screen and (max-width: 767px) {
  .subtitle {
    font-size: 14px;
    line-height: 25px; } }

.subtitle-2 {
  color: #322242;
  font-weight: 500; }

.subtitle-3 {
  color: #494849;
  font-weight: 500;
  margin-bottom: 5px; }

/*--------------------------
// Heading  Css
------------------------------*/
.ht-heading {
  z-index: 1; }

.ht-heading.center-icon img {
  position: absolute;
  top: 47%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  z-index: -1; }

.ht-heading .heading-bg-text {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: -1;
  color: #f1f1f1;
  font-size: 80px;
  font-weight: 800;
  line-height: 28px;
  margin: 0;
  width: 100%;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase; }

.ht-heading .heading-bg-text.heading-bg--textleft {
  text-align: left; }

.ht-heading .heading-bg-text.heading-bg--textright {
  text-align: right; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ht-heading .heading-bg-text {
    font-size: 60px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ht-heading .heading-bg-text {
    font-size: 50px; } }

@media only screen and (max-width: 767px) {
  .ht-heading .heading-bg-text {
    font-size: 40px; } }

.ht-heading .middle-align-border {
  position: relative;
  display: inline-block;
  padding: 0 10.5%; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ht-heading .middle-align-border {
    padding: 0 14.5%; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ht-heading .middle-align-border {
    padding: 0 17.5%; } }

@media only screen and (max-width: 767px) {
  .ht-heading .middle-align-border {
    padding: 0 12.5%; } }

@media only screen and (max-width: 575px) {
  .ht-heading .middle-align-border {
    padding: 0; } }

.ht-heading .middle-align-border::before {
  position: absolute;
  content: "";
  left: 0;
  width: 100px;
  height: 3px;
  background: #412e51;
  top: 50%; }

@media only screen and (max-width: 767px) {
  .ht-heading .middle-align-border::before {
    width: 50px; } }

@media only screen and (max-width: 575px) {
  .ht-heading .middle-align-border::before {
    display: none; } }

.ht-heading .middle-align-border::after {
  position: absolute;
  content: "";
  right: 0;
  width: 100px;
  height: 3px;
  background: #412e51;
  top: 50%; }

@media only screen and (max-width: 767px) {
  .ht-heading .middle-align-border::after {
    width: 50px; } }

@media only screen and (max-width: 575px) {
  .ht-heading .middle-align-border::after {
    display: none; } }

.ht-heading .heading-bg-img {
  line-height: 57px;
  margin-bottom: 3px;
  background: url(img/icons/heading-bg.jpg) repeat-y;
  -webkit-background-clip: text;
  background-clip: text;
  /* Animate Background Image */
  -webkit-text-fill-color: transparent;
  -webkit-animation: heading-animation-1 80s linear infinite;
  /* Activate smoother animations */
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden; }

@media only screen and (max-width: 767px) {
  .ht-heading .heading-bg-img {
    line-height: 1.2; } }

.ht-heading p.heading-border-bottom {
  position: relative;
  padding-bottom: 8px;
  margin-bottom: 12px; }

.ht-heading p.heading-border-bottom::before {
  position: absolute;
  content: "";
  bottom: 0;
  width: 70px;
  height: 2px;
  background: #18012c;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%); }

.ht-heading.heading-border-left {
  position: relative; }

.ht-heading.heading-border-left::before {
  position: absolute;
  content: "";
  left: 0;
  height: 70px;
  width: 5px;
  background: #18012c;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }

@media only screen and (max-width: 575px) {
  .ht-heading.heading-border-left::before {
    height: 50px; } }

.ht-heading.heading-border-right {
  position: relative; }

.ht-heading.heading-border-right::before {
  position: absolute;
  content: "";
  right: 0;
  height: 70px;
  width: 5px;
  background: #18012c;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }

@media only screen and (max-width: 575px) {
  .ht-heading.heading-border-right::before {
    height: 50px; } }

.ht-heading.heading-style-5 p.subtitle {
  font-weight: 500; }

/*----------------------------
    Animate Background Image
----------------------------*/
@-webkit-keyframes heading-animation-1 {
  0% {
    background-position: 0% 50%; }
  100% {
    background-position: 100% 50%; } }

@keyframes heading-animation-1 {
  0% {
    background-position: 0% 50%; }
  100% {
    background-position: 100% 50%; } }

/**************************************
	Template Styles
***************************************/
/*----------------------
 * Header
-----------------------*/
.header--transparant {
  position: absolute;
  left: 0;
  right: 0;
  top: 40px; }

.mainmenu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center; }

.mainmenu li {
  margin: 0 15px; }

.mainmenu li a {
  color: #ffffff;
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase; }

.bradcaump_area {
  display: -ms-flexbox;
  display: flex;
  height: 300px;
  -ms-flex-align: center;
      align-items: center;
  padding-top: 78px; }

.bradcaump_area .bradcaump-title {
  font-weight: 600;
  color: #ffffff; }

/**
 * Blog Item
 */
.wp-block-htblocks-popular-posts .blog-item {
  -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.08);
          box-shadow: 0 0 7px rgba(0, 0, 0, 0.08);
  border: 1px solid #e5e5e5;
  padding: 20px;
  margin-bottom: 30px;
  border-radius: 4px;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-bottom: 30px; }
  .wp-block-htblocks-popular-posts .blog-item-header {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    margin-bottom: 0px; }
    .wp-block-htblocks-popular-posts .blog-item-header img {
      width: 100%; }
    .wp-block-htblocks-popular-posts .blog-item-header a {
      display: block;
      overflow: hidden;
      position: relative; }
      .wp-block-htblocks-popular-posts .blog-item-header a::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        background: rgba(0, 0, 0, 0.4);
        z-index: -1;
        opacity: 0;
        -webkit-transition: all 0.4s ease-in-out 0s;
        -o-transition: all 0.4s ease-in-out 0s;
        transition: all 0.4s ease-in-out 0s; }
      .wp-block-htblocks-popular-posts .blog-item-header a::after {
        content: "\f0c1";
        color: #ffffff;
        font-size: 18px;
        font-family: 'fontAwesome';
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        z-index: -1;
        opacity: 0;
        margin-top: 15px;
        -webkit-transition: all 0.4s ease-in-out 0s;
        -o-transition: all 0.4s ease-in-out 0s;
        transition: all 0.4s ease-in-out 0s;
        text-align: center;
        height: 40px;
        width: 40px;
        line-height: 40px; }
  .wp-block-htblocks-popular-posts .blog-item-body {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    padding-bottom: 25px; }
    .wp-block-htblocks-popular-posts .blog-item-body h6 {
      margin-bottom: 10px; }
    .wp-block-htblocks-popular-posts .blog-item-body .blog-item-title {
      letter-spacing: 1px;
      color: #333333;
      text-transform: uppercase;
      font-weight: 600; }
      .wp-block-htblocks-popular-posts .blog-item-body .blog-item-title a {
        color: #333333; }
        .wp-block-htblocks-popular-posts .blog-item-body .blog-item-title a:hover {
          color: #000000; }
    .wp-block-htblocks-popular-posts .blog-item-body p {
      margin-bottom: 0;
      line-height: 26px; }
    .wp-block-htblocks-popular-posts .blog-item-body blockquote p {
      font-size: 16px;
      font-weight: 600;
      letter-spacing: 0.5px;
      line-height: 24px; }
  .wp-block-htblocks-popular-posts .blog-item-footer {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    -ms-flex-item-align: end;
        align-self: flex-end;
    border-top: 1px solid #e5e5e5; }
    .wp-block-htblocks-popular-posts .blog-item-footer .blog-item-meta {
      padding-left: 0;
      margin-bottom: 0;
      list-style: none;
      font-size: 14px;
      line-height: 24px;
      padding-top: 15px;
      margin-left: 0; }
      .wp-block-htblocks-popular-posts .blog-item-footer .blog-item-meta li {
        display: inline-block;
        list-style: none;
        margin-right: 7px; }
        .wp-block-htblocks-popular-posts .blog-item-footer .blog-item-meta li:last-child {
          margin-right: 0; }
        .wp-block-htblocks-popular-posts .blog-item-footer .blog-item-meta li i {
          padding-right: 5px; }
        .wp-block-htblocks-popular-posts .blog-item-footer .blog-item-meta li a {
          font-weight: 600;
          color: #000000; }
          .wp-block-htblocks-popular-posts .blog-item-footer .blog-item-meta li a:hover {
            color: #000000;
            text-decoration: underline; }
  .wp-block-htblocks-popular-posts .blog-item:hover {
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); }
    .wp-block-htblocks-popular-posts .blog-item:hover .blog-item-header a::before {
      opacity: 1;
      z-index: 1; }
    .wp-block-htblocks-popular-posts .blog-item:hover .blog-item-header a::after {
      margin-top: 0;
      opacity: 1;
      z-index: 2; }
  .wp-block-htblocks-popular-posts .blog-item.sticky::before {
    content: "\f08d";
    font-family: 'fontAwesome';
    position: absolute;
    font-size: 16px;
    height: 35px;
    width: 35px;
    line-height: 35px;
    text-align: center;
    color: #555555;
    left: 25px;
    top: 25px;
    border-radius: 100px;
    background: #ffffff;
    border: 1px solid #e5e5e5;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
            box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    z-index: 5; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.edit-post-visual-editor .components-base-control__help {
  margin-top: 0;
  font-size: 13px; }

.edit-post-visual-editor .components-base-control {
  margin-bottom: 10px; }

.wp-block-columns {
  margin-right: -15px;
  margin-left: -15px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.wp-block-columns.has-1-columns .wp-block-column {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%; }

.wp-block-columns.has-2-columns .wp-block-column {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%; }

.wp-block-columns.has-3-columns .wp-block-column {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%; }

.wp-block-columns.has-4-columns .wp-block-column {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%; }

.wp-block-columns .wp-block-column {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

/*-- Padding Top Bottom --*/
.section-ptb-xl {
  padding: 100px 0; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-ptb-xl {
    padding: 80px 0; } }

@media only screen and (max-width: 767px) {
  .section-ptb-xl {
    padding: 70px 0; } }

@media only screen and (max-width: 575px) {
  .section-ptb-xl {
    padding: 60px 0; } }

/*--------------------------------
    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-image: url(img/bg/bg-image-1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--2 {
  background-image: url(img/bg/bg-image-2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--3 {
  background-image: url(img/bg/bg-image-3.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--4 {
  background-image: url(img/bg/bg-image-4.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--5 {
  background-image: url(img/bg/bg-image-5.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--6 {
  background-image: url(img/bg/bg-image-6.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--7 {
  background-image: url(img/bg/bg-image-7.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--8 {
  background-image: url(img/bg/bg-image-8.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--9 {
  background-image: url(img/bg/bg-image-9.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--10 {
  background-image: url(img/bg/bg-image-10.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--11 {
  background-image: url(img/bg/bg-image-11.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--12 {
  background-image: url(img/bg/bg-image-12.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--13 {
  background-image: url(img/bg/bg-image-13.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--14 {
  background-image: url(img/bg/bg-image-14.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--15 {
  background-image: url(img/bg/bg-image-15.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--16 {
  background-image: url(img/bg/bg-image-16.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--17 {
  background-image: url(img/bg/bg-image-17.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--18 {
  background-image: url(img/bg/bg-image-18.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--19 {
  background-image: url(img/bg/bg-image-19.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--20 {
  background-image: url(img/bg/bg-image-20.jpg);
  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; } }

/*--------------------------
	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;
  -o-object-fit: cover;
     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 {
  background-image: url(img/button/button-bg-1.jpg);
  border-style: none;
  background-repeat: no-repeat; }

.button-bg-image--2 {
  background-image: url(img/button/button-bg-2.jpg);
  border-style: none;
  background-repeat: no-repeat; }

.button-bg-image--3 {
  background-image: url(img/button/button-bg-3.jpg);
  border-style: none;
  background-repeat: no-repeat; }

.button-bg-image--4 {
  background-image: url(img/button/button-bg-4.jpg);
  border-style: none;
  background-repeat: no-repeat; }

.button-bg-image--5 {
  background-image: url(img/button/button-bg-5.jpg);
  border-style: none;
  background-repeat: no-repeat; }

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

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

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

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

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

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

.button-size .button-holder {
  -ms-flex-positive: inherit;
      flex-grow: inherit;
  -ms-flex-preferred-size: 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 {
  -ms-flex-positive: inherit;
      flex-grow: inherit;
  -ms-flex-preferred-size: inherit;
      flex-basis: inherit; }

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

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

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

.ht-btn--2.button-shadow {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.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; }

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

.ht-btn--2 span.button-with-icon {
  padding: 0 36px;
  color: #fff; }

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

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

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

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

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

.ht-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); } }

/*-------------------
 * Section Title
----------------------*/
.section-title {
  font-size: 24px;
  font-weight: 600;
  margin: 0;
  display: inline-block;
  border-bottom: 2px solid #18012c;
  margin-bottom: 20px; }

/*-----------------------------
    Accordion Style
------------------------------*/
/*---------------------------
    Accordion Style Two 
-------------------------*/
.panel-group {
  width: 570px;
  margin: 0 auto; }

.accordion-style-1 .panel-default.accordion-boxshadow {
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); }

.accordion-style-1 .container {
  max-width: 688px; }

.accordion-style-1 .panel-default {
  margin-bottom: 11px; }

.accordion-style-1 .panel-default .panel-heading {
  background-color: #fff;
  border-color: #fff;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.accordion-style-1 .panel-default .panel-heading.bg-gray {
  background-color: #f4f4f4;
  border-color: #f4f4f4; }

.accordion-style-1 .panel-default .panel-heading.bg-gray h4 a {
  color: #18012c; }

.accordion-style-1 .panel-default .panel-heading h4 {
  font-size: 14px;
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: 600; }

.accordion-style-1 .panel-default .panel-heading h4 a {
  display: block;
  padding: 22px 43px 22px 30px;
  color: #18012c;
  position: relative; }

.accordion-style-1 .panel-default .panel-heading h4 a::after {
  position: absolute;
  top: 50%;
  display: inline-block;
  font-style: normal;
  font-weight: 400;
  transition: -webkit-transform 0.5s linear;
  -o-transition: transform 0.5s linear;
  transition: transform 0.5s linear;
  transition: transform 0.5s linear, -webkit-transform 0.5s linear;
  -webkit-transition: -webkit-transform 0.5s linear;
  content: "\f068";
  font-family: FontAwesome;
  color: #18012c;
  position: absolute;
  right: 30px;
  font-size: 15px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }

.accordion-style-1 .panel-default .panel-heading h4 a.icon-left.icon-square::after {
  border-radius: 0; }

.accordion-style-1 .panel-default .panel-heading h4 a.icon-left.icon-bg-gray::after {
  background: #f4f4f4; }

.accordion-style-1 .panel-default .panel-heading h4 a.icon-left.bg-transparent {
  padding: 22px 15px 22px 79px; }

.accordion-style-1 .panel-default .panel-heading h4 a.icon-left.bg-transparent::after {
  left: 0;
  width: 60px;
  background: transparent;
  height: 100%;
  line-height: 65px;
  border-radius: 0; }

.accordion-style-1 .panel-default .panel-heading h4 a.collapsed::after {
  content: "\f067"; }

.accordion-style-1 .panel-default .panel-collapse {
  padding: 32px 30px; }

.accordion-style-1 .panel-default .panel-collapse.bg-transparant {
  background: transparent; }

.accordion-style-1 .panel-default .panel-collapse.panel-body-with-border {
  border-left: 1px solid #18012c;
  border-bottom: 1px solid #18012c;
  border-right: 1px solid #18012c; }

.accordion-style-1 .panel-default .panel-collapse .panel-body {
  font-size: 14px;
  line-height: 28px;
  font-family: 'Poppins', sans-serif; }

.accordion-style-1 .panel-default .panel-collapse.border-left {
  background: transparent;
  padding: 15px;
  margin-left: 31px;
  margin-bottom: -10px; }

.accordion-style-1 .panel-default.round-shape .panel-collapse.border-left {
  padding: 40px;
  padding-left: 32px; }

/*------------------------------
    Accordion With Gallery
--------------------------------*/
ul.gallery-sm-img {
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0;
  -ms-flex-pack: center;
      justify-content: center;
  list-style: none;
  margin-top: 14px; }

ul.gallery-sm-img li {
  margin: 0 3px; }

/*---------------------------
    Accordion Style Three
-------------------------*/
.gallery-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  width: 100%;
  height: 70vh; }

.gallery-wrap .item {
  -ms-flex: 1;
      flex: 1;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: none;
  -webkit-transition: flex 0.8s ease;
  -o-transition: flex 0.8s ease;
  transition: flex 0.8s ease;
  transition: flex 0.8s ease, -ms-flex 0.8s ease; }

.gallery-wrap .item:hover {
  -ms-flex: 7;
      flex: 7; }

.gallery-wrap .item.item-1 {
  background-image: url("img/gallery/gallery-c1.jpg"); }

.gallery-wrap .item.item-2 {
  background-image: url("img/gallery/gallery-c2.jpg"); }

.gallery-wrap .item.item-3 {
  background-image: url("img/gallery/gallery-c3.jpg"); }

.gallery-wrap .item.item-4 {
  background-image: url("img/gallery/gallery-c4.jpg"); }

.gallery-wrap .item.item-5 {
  background-image: url("img/gallery/gallery-c5.jpg"); }

/*---------------------------
    Accordion Style Four 
-------------------------*/
ul.accordion--4 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -ms-flexbox;
  display: flex;
  text-align: center !important;
  -ms-flex-pack: center;
      justify-content: center;
  margin-top: 40px; }

ul.accordion--4 li {
  width: 115px;
  height: 480px;
  display: block;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  -webkit-box-shadow: 1px 3px 15px #555;
  box-shadow: 1px 3px 15px #555; }

ul.accordion--4 li.bg1 {
  background-image: url(img/gallery/gallery-d1.jpg); }

ul.accordion--4 li.bg2 {
  background-image: url(img/gallery/gallery-d2.jpg); }

ul.accordion--4 li.bg3 {
  background-image: url(img/gallery/gallery-d3.jpg); }

ul.accordion--4 li.bg4 {
  background-image: url(img/gallery/gallery-d4.jpg); }

ul.accordion--4 li.bg5 {
  background-image: url(img/gallery/gallery-d5.jpg); }

ul.accordion--4 li.bg6 {
  background-image: url(img/gallery/gallery-d6.jpg); }

ul.accordion--4 li.bleft {
  border-left: 2px solid #fff; }

ul.accordion--4 li .heading {
  background-color: #fff;
  padding: 10px;
  margin-top: 60px;
  text-transform: capitalize;
  font-weight: 500;
  font-size: 18px;
  text-align: center;
  color: #18012c; }

ul.accordion--4 li .description {
  position: absolute;
  height: 175px;
  bottom: 60px;
  left: 0px;
  display: none;
  width: 100%; }

ul.accordion--4 li .description h2 {
  color: #18012c;
  font-size: 30px; }

ul.accordion--4 li .description p {
  margin: 10px 22px;
  font-size: 14px;
  line-height: 28px;
  color: #18012c; }

ul.accordion--4 li .description a {
  position: absolute;
  bottom: 5px;
  left: 20px;
  text-transform: uppercase;
  font-style: normal;
  font-size: 11px;
  text-decoration: none;
  color: #888; }

ul.accordion--4 li .description a:hover {
  color: #333;
  text-decoration: underline; }

ul.accordion--4 li .bgDescription {
  background: transparent url(img/gallery/bgDescription.png) repeat-x top left;
  height: 340px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  display: none; }

/*---------------------------
    Accordion Style Five 
-------------------------*/
.accor_wrapper {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  background: #000; }

.accordion--5 {
  position: relative;
  margin: 40px auto 0 auto; }

.accordion--5 .single_accordion {
  cursor: pointer;
  position: absolute;
  width: 100%;
  left: 0px;
  overflow: hidden;
  text-align: center;
  z-index: 2; }

.accordion--5 .single_accordion::before {
  position: absolute;
  content: "";
  background: #000000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  z-index: -1; }

.accordion--5 .single_accordion .va-title {
  text-transform: uppercase;
  font-size: 40px;
  margin-left: 20px;
  color: #ffffff;
  display: inline-block; }

.accordion--5 .single_accordion .va-title p {
  font-size: 22px;
  font-style: italic;
  font-family: Georgia, serif; }

.accordion--5 .single_accordion .va-content {
  display: none;
  margin-left: 0;
  padding: 0 23%;
  margin-top: -36px; }

.accordion--5 .single_accordion .va-content p {
  color: #ffffff;
  font-size: 14px;
  line-height: 28px; }

.accor_wrapper .bg-1 {
  background: #000 url(img/gallery/gallery-e1.jpg) no-repeat center center;
  background-size: cover; }

.accor_wrapper .bg-2 {
  background: #000 url(img/gallery/gallery-e2.jpg) no-repeat center center;
  background-size: cover; }

.accor_wrapper .bg-3 {
  background: #000 url(img/gallery/gallery-e3.jpg) no-repeat center center;
  background-size: cover; }

.accor_wrapper .bg-4 {
  background: #000 url(img/gallery/gallery-e4.jpg) no-repeat center center;
  background-size: cover; }

.accor_wrapper .bg-5 {
  background: #000 url(img/gallery/gallery-e5.jpg) no-repeat center center;
  background-size: cover; }

.accor_wrapper .bg-6 {
  background: #000 url(img/gallery/gallery-e6.jpg) no-repeat center center;
  background-size: cover; }

.accor_wrapper .bg-7 {
  background: #000 url(img/gallery/gallery-e1.jpg) no-repeat center center;
  background-size: cover; }

/*--------------------------
    Heading Style
------------------------------*/
/*--------------------------
// Heading Defult
------------------------------*/
.heading-1 {
  color: #18012c;
  font-size: 48px;
  line-height: 1;
  font-family: "Montserrat", sans-serif;
  font-weight: 700; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .heading-1 {
    font-size: 42px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .heading-1 {
    font-size: 38px; } }

@media only screen and (max-width: 767px) {
  .heading-1 {
    font-size: 32px; } }

@media only screen and (max-width: 575px) {
  .heading-1 {
    font-size: 23px; } }

.heading-2 {
  color: #18012c;
  font-size: 36px;
  line-height: 1;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  margin-bottom: 8px; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .heading-2 {
    font-size: 30px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .heading-2 {
    font-size: 26px; } }

@media only screen and (max-width: 767px) {
  .heading-2 {
    font-size: 26px; } }

@media only screen and (max-width: 575px) {
  .heading-2 {
    font-size: 23px; } }

.heading-3 {
  color: #18012c;
  font-size: 36px;
  line-height: 1;
  font-family: "Montserrat", sans-serif;
  font-weight: 700; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .heading-3 {
    font-size: 30px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .heading-3 {
    font-size: 26px; } }

@media only screen and (max-width: 767px) {
  .heading-3 {
    font-size: 26px; } }

@media only screen and (max-width: 575px) {
  .heading-3 {
    font-size: 23px; } }

/*--------------------------
// Subtitle Defult
------------------------------*/
.subtitle {
  font-size: 16px;
  color: #494849;
  font-family: "Poppins", sans-serif;
  margin: 5px 0;
  line-height: 30px; }

@media only screen and (max-width: 767px) {
  .subtitle {
    font-size: 14px;
    line-height: 25px; } }

.subtitle-2 {
  color: #322242;
  font-weight: 500; }

.subtitle-3 {
  color: #494849;
  font-weight: 500;
  margin-bottom: 5px; }

/*--------------------------
// Heading  Css
------------------------------*/
.ht-heading {
  z-index: 1; }

.ht-heading.center-icon img {
  position: absolute;
  top: 47%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  z-index: -1; }

.ht-heading .heading-bg-text {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: -1;
  color: #f1f1f1;
  font-size: 80px;
  font-weight: 800;
  line-height: 28px;
  margin: 0;
  width: 100%;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase; }

.ht-heading .heading-bg-text.heading-bg--textleft {
  text-align: left; }

.ht-heading .heading-bg-text.heading-bg--textright {
  text-align: right; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ht-heading .heading-bg-text {
    font-size: 60px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ht-heading .heading-bg-text {
    font-size: 50px; } }

@media only screen and (max-width: 767px) {
  .ht-heading .heading-bg-text {
    font-size: 40px; } }

.ht-heading .middle-align-border {
  position: relative;
  display: inline-block;
  padding: 0 10.5%; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ht-heading .middle-align-border {
    padding: 0 14.5%; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ht-heading .middle-align-border {
    padding: 0 17.5%; } }

@media only screen and (max-width: 767px) {
  .ht-heading .middle-align-border {
    padding: 0 12.5%; } }

@media only screen and (max-width: 575px) {
  .ht-heading .middle-align-border {
    padding: 0; } }

.ht-heading .middle-align-border::before {
  position: absolute;
  content: "";
  left: 0;
  width: 100px;
  height: 3px;
  background: #412e51;
  top: 50%; }

@media only screen and (max-width: 767px) {
  .ht-heading .middle-align-border::before {
    width: 50px; } }

@media only screen and (max-width: 575px) {
  .ht-heading .middle-align-border::before {
    display: none; } }

.ht-heading .middle-align-border::after {
  position: absolute;
  content: "";
  right: 0;
  width: 100px;
  height: 3px;
  background: #412e51;
  top: 50%; }

@media only screen and (max-width: 767px) {
  .ht-heading .middle-align-border::after {
    width: 50px; } }

@media only screen and (max-width: 575px) {
  .ht-heading .middle-align-border::after {
    display: none; } }

.ht-heading .heading-bg-img {
  line-height: 57px;
  margin-bottom: 3px;
  background: url(img/icons/heading-bg.jpg) repeat-y;
  -webkit-background-clip: text;
  background-clip: text;
  /* Animate Background Image */
  -webkit-text-fill-color: transparent;
  -webkit-animation: heading-animation-1 80s linear infinite;
  /* Activate smoother animations */
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden; }

@media only screen and (max-width: 767px) {
  .ht-heading .heading-bg-img {
    line-height: 1.2; } }

.ht-heading p.heading-border-bottom {
  position: relative;
  padding-bottom: 8px;
  margin-bottom: 12px; }

.ht-heading p.heading-border-bottom::before {
  position: absolute;
  content: "";
  bottom: 0;
  width: 70px;
  height: 2px;
  background: #18012c;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%); }

.ht-heading.heading-border-left {
  position: relative; }

.ht-heading.heading-border-left::before {
  position: absolute;
  content: "";
  left: 0;
  height: 70px;
  width: 5px;
  background: #18012c;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }

@media only screen and (max-width: 575px) {
  .ht-heading.heading-border-left::before {
    height: 50px; } }

.ht-heading.heading-border-right {
  position: relative; }

.ht-heading.heading-border-right::before {
  position: absolute;
  content: "";
  right: 0;
  height: 70px;
  width: 5px;
  background: #18012c;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }

@media only screen and (max-width: 575px) {
  .ht-heading.heading-border-right::before {
    height: 50px; } }

.ht-heading.heading-style-5 p.subtitle {
  font-weight: 500; }

/*----------------------------
    Animate Background Image
----------------------------*/
@-webkit-keyframes heading-animation-1 {
  0% {
    background-position: 0% 50%; }
  100% {
    background-position: 100% 50%; } }

@keyframes heading-animation-1 {
  0% {
    background-position: 0% 50%; }
  100% {
    background-position: 100% 50%; } }

/**************************************
	Template Styles
***************************************/
/*----------------------
 * Header
-----------------------*/
.header--transparant {
  position: absolute;
  left: 0;
  right: 0;
  top: 40px; }

.mainmenu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center; }

.mainmenu li {
  margin: 0 15px; }

.mainmenu li a {
  color: #ffffff;
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase; }

.bradcaump_area {
  display: -ms-flexbox;
  display: flex;
  height: 300px;
  -ms-flex-align: center;
      align-items: center;
  padding-top: 78px; }

.bradcaump_area .bradcaump-title {
  font-weight: 600;
  color: #ffffff; }

/**
 * Section Title
 */
.wp-block-htblocks-section-title {
  margin-bottom: 30px; }
  .wp-block-htblocks-section-title h2 {
    margin-top: -8px;
    margin-bottom: 0px;
    font-weight: 600;
    letter-spacing: 2px;
    font-size: 27px;
    display: inline-block;
    border-bottom: 2px solid #18012c; }
  .wp-block-htblocks-section-title p {
    letter-spacing: 2px;
    font-size: 18px;
    color: #666;
    margin-bottom: 0; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.edit-post-visual-editor .components-base-control__help {
  margin-top: 0;
  font-size: 13px; }

.edit-post-visual-editor .components-base-control {
  margin-bottom: 10px; }

.wp-block-columns {
  margin-right: -15px;
  margin-left: -15px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.wp-block-columns.has-1-columns .wp-block-column {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%; }

.wp-block-columns.has-2-columns .wp-block-column {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%; }

.wp-block-columns.has-3-columns .wp-block-column {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%; }

.wp-block-columns.has-4-columns .wp-block-column {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%; }

.wp-block-columns .wp-block-column {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

/*-- Padding Top Bottom --*/
.section-ptb-xl {
  padding: 100px 0; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-ptb-xl {
    padding: 80px 0; } }

@media only screen and (max-width: 767px) {
  .section-ptb-xl {
    padding: 70px 0; } }

@media only screen and (max-width: 575px) {
  .section-ptb-xl {
    padding: 60px 0; } }

/*--------------------------------
    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-image: url(img/bg/bg-image-1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--2 {
  background-image: url(img/bg/bg-image-2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--3 {
  background-image: url(img/bg/bg-image-3.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--4 {
  background-image: url(img/bg/bg-image-4.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--5 {
  background-image: url(img/bg/bg-image-5.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--6 {
  background-image: url(img/bg/bg-image-6.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--7 {
  background-image: url(img/bg/bg-image-7.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--8 {
  background-image: url(img/bg/bg-image-8.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--9 {
  background-image: url(img/bg/bg-image-9.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--10 {
  background-image: url(img/bg/bg-image-10.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--11 {
  background-image: url(img/bg/bg-image-11.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--12 {
  background-image: url(img/bg/bg-image-12.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--13 {
  background-image: url(img/bg/bg-image-13.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--14 {
  background-image: url(img/bg/bg-image-14.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--15 {
  background-image: url(img/bg/bg-image-15.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--16 {
  background-image: url(img/bg/bg-image-16.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--17 {
  background-image: url(img/bg/bg-image-17.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--18 {
  background-image: url(img/bg/bg-image-18.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--19 {
  background-image: url(img/bg/bg-image-19.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--20 {
  background-image: url(img/bg/bg-image-20.jpg);
  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; } }

/*--------------------------
	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;
  -o-object-fit: cover;
     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 {
  background-image: url(img/button/button-bg-1.jpg);
  border-style: none;
  background-repeat: no-repeat; }

.button-bg-image--2 {
  background-image: url(img/button/button-bg-2.jpg);
  border-style: none;
  background-repeat: no-repeat; }

.button-bg-image--3 {
  background-image: url(img/button/button-bg-3.jpg);
  border-style: none;
  background-repeat: no-repeat; }

.button-bg-image--4 {
  background-image: url(img/button/button-bg-4.jpg);
  border-style: none;
  background-repeat: no-repeat; }

.button-bg-image--5 {
  background-image: url(img/button/button-bg-5.jpg);
  border-style: none;
  background-repeat: no-repeat; }

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

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

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

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

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

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

.button-size .button-holder {
  -ms-flex-positive: inherit;
      flex-grow: inherit;
  -ms-flex-preferred-size: 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 {
  -ms-flex-positive: inherit;
      flex-grow: inherit;
  -ms-flex-preferred-size: inherit;
      flex-basis: inherit; }

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

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

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

.ht-btn--2.button-shadow {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.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; }

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

.ht-btn--2 span.button-with-icon {
  padding: 0 36px;
  color: #fff; }

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

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

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

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

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

.ht-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); } }

/*-------------------
 * Section Title
----------------------*/
.section-title {
  font-size: 24px;
  font-weight: 600;
  margin: 0;
  display: inline-block;
  border-bottom: 2px solid #18012c;
  margin-bottom: 20px; }

/*-----------------------------
    Accordion Style
------------------------------*/
/*---------------------------
    Accordion Style Two 
-------------------------*/
.panel-group {
  width: 570px;
  margin: 0 auto; }

.accordion-style-1 .panel-default.accordion-boxshadow {
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); }

.accordion-style-1 .container {
  max-width: 688px; }

.accordion-style-1 .panel-default {
  margin-bottom: 11px; }

.accordion-style-1 .panel-default .panel-heading {
  background-color: #fff;
  border-color: #fff;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.accordion-style-1 .panel-default .panel-heading.bg-gray {
  background-color: #f4f4f4;
  border-color: #f4f4f4; }

.accordion-style-1 .panel-default .panel-heading.bg-gray h4 a {
  color: #18012c; }

.accordion-style-1 .panel-default .panel-heading h4 {
  font-size: 14px;
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: 600; }

.accordion-style-1 .panel-default .panel-heading h4 a {
  display: block;
  padding: 22px 43px 22px 30px;
  color: #18012c;
  position: relative; }

.accordion-style-1 .panel-default .panel-heading h4 a::after {
  position: absolute;
  top: 50%;
  display: inline-block;
  font-style: normal;
  font-weight: 400;
  transition: -webkit-transform 0.5s linear;
  -o-transition: transform 0.5s linear;
  transition: transform 0.5s linear;
  transition: transform 0.5s linear, -webkit-transform 0.5s linear;
  -webkit-transition: -webkit-transform 0.5s linear;
  content: "\f068";
  font-family: FontAwesome;
  color: #18012c;
  position: absolute;
  right: 30px;
  font-size: 15px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }

.accordion-style-1 .panel-default .panel-heading h4 a.icon-left.icon-square::after {
  border-radius: 0; }

.accordion-style-1 .panel-default .panel-heading h4 a.icon-left.icon-bg-gray::after {
  background: #f4f4f4; }

.accordion-style-1 .panel-default .panel-heading h4 a.icon-left.bg-transparent {
  padding: 22px 15px 22px 79px; }

.accordion-style-1 .panel-default .panel-heading h4 a.icon-left.bg-transparent::after {
  left: 0;
  width: 60px;
  background: transparent;
  height: 100%;
  line-height: 65px;
  border-radius: 0; }

.accordion-style-1 .panel-default .panel-heading h4 a.collapsed::after {
  content: "\f067"; }

.accordion-style-1 .panel-default .panel-collapse {
  padding: 32px 30px; }

.accordion-style-1 .panel-default .panel-collapse.bg-transparant {
  background: transparent; }

.accordion-style-1 .panel-default .panel-collapse.panel-body-with-border {
  border-left: 1px solid #18012c;
  border-bottom: 1px solid #18012c;
  border-right: 1px solid #18012c; }

.accordion-style-1 .panel-default .panel-collapse .panel-body {
  font-size: 14px;
  line-height: 28px;
  font-family: 'Poppins', sans-serif; }

.accordion-style-1 .panel-default .panel-collapse.border-left {
  background: transparent;
  padding: 15px;
  margin-left: 31px;
  margin-bottom: -10px; }

.accordion-style-1 .panel-default.round-shape .panel-collapse.border-left {
  padding: 40px;
  padding-left: 32px; }

/*------------------------------
    Accordion With Gallery
--------------------------------*/
ul.gallery-sm-img {
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0;
  -ms-flex-pack: center;
      justify-content: center;
  list-style: none;
  margin-top: 14px; }

ul.gallery-sm-img li {
  margin: 0 3px; }

/*---------------------------
    Accordion Style Three
-------------------------*/
.gallery-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  width: 100%;
  height: 70vh; }

.gallery-wrap .item {
  -ms-flex: 1;
      flex: 1;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: none;
  -webkit-transition: flex 0.8s ease;
  -o-transition: flex 0.8s ease;
  transition: flex 0.8s ease;
  transition: flex 0.8s ease, -ms-flex 0.8s ease; }

.gallery-wrap .item:hover {
  -ms-flex: 7;
      flex: 7; }

.gallery-wrap .item.item-1 {
  background-image: url("img/gallery/gallery-c1.jpg"); }

.gallery-wrap .item.item-2 {
  background-image: url("img/gallery/gallery-c2.jpg"); }

.gallery-wrap .item.item-3 {
  background-image: url("img/gallery/gallery-c3.jpg"); }

.gallery-wrap .item.item-4 {
  background-image: url("img/gallery/gallery-c4.jpg"); }

.gallery-wrap .item.item-5 {
  background-image: url("img/gallery/gallery-c5.jpg"); }

/*---------------------------
    Accordion Style Four 
-------------------------*/
ul.accordion--4 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -ms-flexbox;
  display: flex;
  text-align: center !important;
  -ms-flex-pack: center;
      justify-content: center;
  margin-top: 40px; }

ul.accordion--4 li {
  width: 115px;
  height: 480px;
  display: block;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  -webkit-box-shadow: 1px 3px 15px #555;
  box-shadow: 1px 3px 15px #555; }

ul.accordion--4 li.bg1 {
  background-image: url(img/gallery/gallery-d1.jpg); }

ul.accordion--4 li.bg2 {
  background-image: url(img/gallery/gallery-d2.jpg); }

ul.accordion--4 li.bg3 {
  background-image: url(img/gallery/gallery-d3.jpg); }

ul.accordion--4 li.bg4 {
  background-image: url(img/gallery/gallery-d4.jpg); }

ul.accordion--4 li.bg5 {
  background-image: url(img/gallery/gallery-d5.jpg); }

ul.accordion--4 li.bg6 {
  background-image: url(img/gallery/gallery-d6.jpg); }

ul.accordion--4 li.bleft {
  border-left: 2px solid #fff; }

ul.accordion--4 li .heading {
  background-color: #fff;
  padding: 10px;
  margin-top: 60px;
  text-transform: capitalize;
  font-weight: 500;
  font-size: 18px;
  text-align: center;
  color: #18012c; }

ul.accordion--4 li .description {
  position: absolute;
  height: 175px;
  bottom: 60px;
  left: 0px;
  display: none;
  width: 100%; }

ul.accordion--4 li .description h2 {
  color: #18012c;
  font-size: 30px; }

ul.accordion--4 li .description p {
  margin: 10px 22px;
  font-size: 14px;
  line-height: 28px;
  color: #18012c; }

ul.accordion--4 li .description a {
  position: absolute;
  bottom: 5px;
  left: 20px;
  text-transform: uppercase;
  font-style: normal;
  font-size: 11px;
  text-decoration: none;
  color: #888; }

ul.accordion--4 li .description a:hover {
  color: #333;
  text-decoration: underline; }

ul.accordion--4 li .bgDescription {
  background: transparent url(img/gallery/bgDescription.png) repeat-x top left;
  height: 340px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  display: none; }

/*---------------------------
    Accordion Style Five 
-------------------------*/
.accor_wrapper {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  background: #000; }

.accordion--5 {
  position: relative;
  margin: 40px auto 0 auto; }

.accordion--5 .single_accordion {
  cursor: pointer;
  position: absolute;
  width: 100%;
  left: 0px;
  overflow: hidden;
  text-align: center;
  z-index: 2; }

.accordion--5 .single_accordion::before {
  position: absolute;
  content: "";
  background: #000000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  z-index: -1; }

.accordion--5 .single_accordion .va-title {
  text-transform: uppercase;
  font-size: 40px;
  margin-left: 20px;
  color: #ffffff;
  display: inline-block; }

.accordion--5 .single_accordion .va-title p {
  font-size: 22px;
  font-style: italic;
  font-family: Georgia, serif; }

.accordion--5 .single_accordion .va-content {
  display: none;
  margin-left: 0;
  padding: 0 23%;
  margin-top: -36px; }

.accordion--5 .single_accordion .va-content p {
  color: #ffffff;
  font-size: 14px;
  line-height: 28px; }

.accor_wrapper .bg-1 {
  background: #000 url(img/gallery/gallery-e1.jpg) no-repeat center center;
  background-size: cover; }

.accor_wrapper .bg-2 {
  background: #000 url(img/gallery/gallery-e2.jpg) no-repeat center center;
  background-size: cover; }

.accor_wrapper .bg-3 {
  background: #000 url(img/gallery/gallery-e3.jpg) no-repeat center center;
  background-size: cover; }

.accor_wrapper .bg-4 {
  background: #000 url(img/gallery/gallery-e4.jpg) no-repeat center center;
  background-size: cover; }

.accor_wrapper .bg-5 {
  background: #000 url(img/gallery/gallery-e5.jpg) no-repeat center center;
  background-size: cover; }

.accor_wrapper .bg-6 {
  background: #000 url(img/gallery/gallery-e6.jpg) no-repeat center center;
  background-size: cover; }

.accor_wrapper .bg-7 {
  background: #000 url(img/gallery/gallery-e1.jpg) no-repeat center center;
  background-size: cover; }

/*--------------------------
    Heading Style
------------------------------*/
/*--------------------------
// Heading Defult
------------------------------*/
.heading-1 {
  color: #18012c;
  font-size: 48px;
  line-height: 1;
  font-family: "Montserrat", sans-serif;
  font-weight: 700; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .heading-1 {
    font-size: 42px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .heading-1 {
    font-size: 38px; } }

@media only screen and (max-width: 767px) {
  .heading-1 {
    font-size: 32px; } }

@media only screen and (max-width: 575px) {
  .heading-1 {
    font-size: 23px; } }

.heading-2 {
  color: #18012c;
  font-size: 36px;
  line-height: 1;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  margin-bottom: 8px; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .heading-2 {
    font-size: 30px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .heading-2 {
    font-size: 26px; } }

@media only screen and (max-width: 767px) {
  .heading-2 {
    font-size: 26px; } }

@media only screen and (max-width: 575px) {
  .heading-2 {
    font-size: 23px; } }

.heading-3 {
  color: #18012c;
  font-size: 36px;
  line-height: 1;
  font-family: "Montserrat", sans-serif;
  font-weight: 700; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .heading-3 {
    font-size: 30px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .heading-3 {
    font-size: 26px; } }

@media only screen and (max-width: 767px) {
  .heading-3 {
    font-size: 26px; } }

@media only screen and (max-width: 575px) {
  .heading-3 {
    font-size: 23px; } }

/*--------------------------
// Subtitle Defult
------------------------------*/
.subtitle {
  font-size: 16px;
  color: #494849;
  font-family: "Poppins", sans-serif;
  margin: 5px 0;
  line-height: 30px; }

@media only screen and (max-width: 767px) {
  .subtitle {
    font-size: 14px;
    line-height: 25px; } }

.subtitle-2 {
  color: #322242;
  font-weight: 500; }

.subtitle-3 {
  color: #494849;
  font-weight: 500;
  margin-bottom: 5px; }

/*--------------------------
// Heading  Css
------------------------------*/
.ht-heading {
  z-index: 1; }

.ht-heading.center-icon img {
  position: absolute;
  top: 47%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  z-index: -1; }

.ht-heading .heading-bg-text {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: -1;
  color: #f1f1f1;
  font-size: 80px;
  font-weight: 800;
  line-height: 28px;
  margin: 0;
  width: 100%;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase; }

.ht-heading .heading-bg-text.heading-bg--textleft {
  text-align: left; }

.ht-heading .heading-bg-text.heading-bg--textright {
  text-align: right; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ht-heading .heading-bg-text {
    font-size: 60px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ht-heading .heading-bg-text {
    font-size: 50px; } }

@media only screen and (max-width: 767px) {
  .ht-heading .heading-bg-text {
    font-size: 40px; } }

.ht-heading .middle-align-border {
  position: relative;
  display: inline-block;
  padding: 0 10.5%; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ht-heading .middle-align-border {
    padding: 0 14.5%; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ht-heading .middle-align-border {
    padding: 0 17.5%; } }

@media only screen and (max-width: 767px) {
  .ht-heading .middle-align-border {
    padding: 0 12.5%; } }

@media only screen and (max-width: 575px) {
  .ht-heading .middle-align-border {
    padding: 0; } }

.ht-heading .middle-align-border::before {
  position: absolute;
  content: "";
  left: 0;
  width: 100px;
  height: 3px;
  background: #412e51;
  top: 50%; }

@media only screen and (max-width: 767px) {
  .ht-heading .middle-align-border::before {
    width: 50px; } }

@media only screen and (max-width: 575px) {
  .ht-heading .middle-align-border::before {
    display: none; } }

.ht-heading .middle-align-border::after {
  position: absolute;
  content: "";
  right: 0;
  width: 100px;
  height: 3px;
  background: #412e51;
  top: 50%; }

@media only screen and (max-width: 767px) {
  .ht-heading .middle-align-border::after {
    width: 50px; } }

@media only screen and (max-width: 575px) {
  .ht-heading .middle-align-border::after {
    display: none; } }

.ht-heading .heading-bg-img {
  line-height: 57px;
  margin-bottom: 3px;
  background: url(img/icons/heading-bg.jpg) repeat-y;
  -webkit-background-clip: text;
  background-clip: text;
  /* Animate Background Image */
  -webkit-text-fill-color: transparent;
  -webkit-animation: heading-animation-1 80s linear infinite;
  /* Activate smoother animations */
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden; }

@media only screen and (max-width: 767px) {
  .ht-heading .heading-bg-img {
    line-height: 1.2; } }

.ht-heading p.heading-border-bottom {
  position: relative;
  padding-bottom: 8px;
  margin-bottom: 12px; }

.ht-heading p.heading-border-bottom::before {
  position: absolute;
  content: "";
  bottom: 0;
  width: 70px;
  height: 2px;
  background: #18012c;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%); }

.ht-heading.heading-border-left {
  position: relative; }

.ht-heading.heading-border-left::before {
  position: absolute;
  content: "";
  left: 0;
  height: 70px;
  width: 5px;
  background: #18012c;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }

@media only screen and (max-width: 575px) {
  .ht-heading.heading-border-left::before {
    height: 50px; } }

.ht-heading.heading-border-right {
  position: relative; }

.ht-heading.heading-border-right::before {
  position: absolute;
  content: "";
  right: 0;
  height: 70px;
  width: 5px;
  background: #18012c;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }

@media only screen and (max-width: 575px) {
  .ht-heading.heading-border-right::before {
    height: 50px; } }

.ht-heading.heading-style-5 p.subtitle {
  font-weight: 500; }

/*----------------------------
    Animate Background Image
----------------------------*/
@-webkit-keyframes heading-animation-1 {
  0% {
    background-position: 0% 50%; }
  100% {
    background-position: 100% 50%; } }

@keyframes heading-animation-1 {
  0% {
    background-position: 0% 50%; }
  100% {
    background-position: 100% 50%; } }

/**************************************
	Template Styles
***************************************/
/*----------------------
 * Header
-----------------------*/
.header--transparant {
  position: absolute;
  left: 0;
  right: 0;
  top: 40px; }

.mainmenu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center; }

.mainmenu li {
  margin: 0 15px; }

.mainmenu li a {
  color: #ffffff;
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase; }

.bradcaump_area {
  display: -ms-flexbox;
  display: flex;
  height: 300px;
  -ms-flex-align: center;
      align-items: center;
  padding-top: 78px; }

.bradcaump_area .bradcaump-title {
  font-weight: 600;
  color: #ffffff; }

/**
 * Section Title
 */
.wp-block-htblocks-team a {
  text-decoration: none; }

.wp-block-htblocks-team.align-center .single-skill {
  float: none;
  margin: 0 auto; }

.wp-block-htblocks-team.align-right .single-skill {
  float: right; }

.upload-button {
  margin-bottom: 10px; }

/*----------------------------
    Team Style
----------------------------*/
/*----------------------------
    Team css
----------------------------*/
.team {
  margin-top: 30px; }

.team ul.social-network {
  padding: 0;
  margin: 0;
  list-style: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center; }

.team li {
  list-style: none; }

.team .thumb {
  position: relative;
  overflow: hidden; }

/*----------------------------
    Team Style 01
----------------------------*/
.team-1 {
  position: relative; }

.team-1 .content {
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 7px;
  border: 1px solid #dcd9d9;
  padding: 30px 20px; }

.team-1 .content h4 {
  font-size: 16px;
  font-weight: 500;
  margin: 0px;
  margin-bottom: 5px; }

.team-1 .content h4 a {
  color: #343434;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s; }

.team-1 .content h4 a:hover {
  color: #18012c; }

.team-1 .content p {
  margin: 0;
  color: #343434;
  font-size: 16px;
  font-weight: 400; }

.team-1 .team-hover-action {
  position: absolute;
  width: 100%;
  text-align: center;
  height: 100%;
  top: -100px;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out 0.5s;
  -o-transition: all 0.3s ease-out 0.5s;
  transition: all 0.3s ease-out 0.5s; }

.team-1 .team-hover-action .hover-action {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  right: 0; }

.team-1 .team-hover-action .hover-action p {
  color: #ffffff;
  font-size: 14px;
  line-height: 28px;
  padding: 0 23px;
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: all 0.2s ease-in-out 0.1s;
  -o-transition: all 0.2s ease-in-out 0.1s;
  transition: all 0.2s ease-in-out 0.1s;
  opacity: 0; }

.team-1 .team-hover-action .hover-action .social-network {
  margin-bottom: 7px;
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: all 0.2s ease-in-out 0.1s;
  -o-transition: all 0.2s ease-in-out 0.1s;
  transition: all 0.2s ease-in-out 0.1s;
  opacity: 0; }

.team-1:hover .team-hover-action {
  opacity: 1;
  top: 0px;
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-animation: bounceY 0.9s linear;
  animation: bounceY 0.9s linear;
  background: rgba(24, 1, 44, 0.6); }

.team-1:hover .team-hover-action .hover-action p,
.team-1:hover .team-hover-action .hover-action .social-network {
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -o-transform: translateY(0px);
  -ms-transform: translateY(0px);
  /* transform: translateY(0px); */
  -webkit-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  transition-delay: 0.4s;
  opacity: 1; }

.team-1::before {
  position: absolute;
  content: "";
  width: 0;
  height: 1px;
  background: #18012c;
  bottom: 0;
  left: 0;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s; }

.team-1:hover::before {
  width: 100%; }

/*----------------------------
    Team Style 02
----------------------------*/
.team-2 .thumb a img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s; }

.team-2:hover .thumb a img {
  -webkit-filter: grayscale(0);
  filter: grayscale(0); }

.team-2 .team-hover-action {
  position: absolute;
  bottom: 30px;
  width: 100%;
  padding: 0 30px; }

.team-2 .team-hover-action .hover-action {
  text-align: center;
  padding: 25px 0;
  background-color: rgba(115, 146, 184, 0.7);
  width: 100%;
  opacity: 0;
  -webkit-transform: translate(265px, 145px) rotate(45deg);
  -ms-transform: translate(265px, 145px) rotate(45deg);
  transform: translate(265px, 145px) rotate(45deg);
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }

.team-2 .team-hover-action .hover-action h4 {
  font-size: 18px;
  font-weight: 500;
  margin: 0 0 9px; }

.team-2 .team-hover-action .hover-action h4 a {
  color: #ffffff; }

.team-2:hover .team-hover-action .hover-action {
  opacity: 1;
  -webkit-transform: translate(0px, -10px) rotate(45deg);
  -ms-transform: translate(0px, -10px) rotate(45deg);
  transform: translate(0px, -10px) rotate(0deg);
  background: #18012c; }

/*----------------------------
    Team Style 03
----------------------------*/
.team-3 .thumb {
  padding-bottom: 80px;
  position: relative; }

.team-3 .plus_click {
  position: absolute;
  left: 50%;
  top: -14px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%); }

.team-3 .plus_click::before {
  content: "\f067";
  font-family: Fontawesome;
  display: block;
  width: 25px;
  height: 25px;
  border: 1px solid #fff;
  color: #fff;
  background: #555555;
  border-radius: 100%;
  text-align: center;
  font-size: 12px;
  z-index: 2;
  cursor: pointer;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  line-height: 27px; }

.team-3 .plus_click.team-minus::before {
  content: "\f068";
  background: #18012c; }

.team-3 .team-click-action {
  background: #343434;
  text-align: center;
  border-radius: 50px 50px 0 0;
  padding-top: 28px;
  padding-bottom: 20px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  width: 100%;
  position: absolute;
  width: 100%;
  bottom: 0;
  margin-bottom: -58px; }

.team-3 .team-click-action.visible {
  margin-bottom: 0px;
  background: #18012c; }

.team-3 .team-click-action h4 {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 2px; }

.team-3 .team-click-action h4 a {
  color: #ffffff; }

.team-3 .team-click-action span {
  display: block;
  color: #ffffff;
  font-size: 14px;
  margin-bottom: 14px; }

.team-3 .team-click-action .social-network {
  margin-bottom: 9px; }

/*----------------------------
    Team Style 04
----------------------------*/
.team-4 {
  text-align: center; }

.team-4 .thumb {
  overflow: visible;
  display: inline-block; }

.team-4 .thumb.right-to-left a img {
  z-index: 11;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  position: relative;
  -webkit-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  transform-origin: 0% 50%; }

.team-4 .thumb.left-to-right a img {
  z-index: 11;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  position: relative;
  -webkit-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  transform-origin: 100% 50%; }

.team-4 .thumb.bottom-to-top a img {
  z-index: 11;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  position: relative;
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0; }

.team-4 .team-hover-action {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  text-align: center; }

.team-4 .team-hover-action::before {
  position: absolute;
  content: "";
  background: #18012c;
  opacity: 1;
  width: auto;
  height: auto;
  border-radius: 100%;
  left: 0px;
  top: 0px;
  bottom: 0px;
  right: 0px; }

.team-4 .team-hover-action .hover-action {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
  text-align: center; }

.team-4 .team-hover-action .hover-action h4 {
  font-size: 16px;
  margin-bottom: 13px;
  font-weight: 500; }

.team-4 .team-hover-action .hover-action h4 a {
  color: #ffffff; }

.team-4:hover .thumb.right-to-left a img {
  -webkit-transform: rotate3d(0, 1, 0, -180deg);
  -ms-transform: rotate3d(0, 1, 0, -180deg);
  transform: rotate3d(0, 1, 0, -180deg); }

.team-4:hover .thumb.left-to-right a img {
  -webkit-transform: rotate3d(0, 1, 0, 180deg);
  -ms-transform: rotate3d(0, 1, 0, 180deg);
  transform: rotate3d(0, 1, 0, 180deg); }

.team-4:hover .thumb.bottom-to-top a img {
  -webkit-transform: rotate3d(1, 0, 0, 180deg);
  -ms-transform: rotate3d(1, 0, 0, 180deg);
  transform: rotate3d(1, 0, 0, 180deg); }

/*----------------------------
    Team Style 05
----------------------------*/
.team-5 {
  text-align: center; }

.team-5 .thumb {
  display: inline-block; }

.team-5 .team-hover-action {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  text-align: center; }

.team-5 .team-hover-action::before {
  position: absolute;
  content: "";
  background: rgba(24, 1, 44, 0.5);
  width: auto;
  height: auto;
  border-radius: 100%;
  left: 10px;
  top: 10px;
  bottom: 10px;
  right: 10px;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; }

.team-5 .team-hover-action .hover-action {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
  text-align: center; }

.team-5 .team-hover-action .hover-action h4 {
  font-size: 16px;
  margin-bottom: 13px;
  font-weight: 500;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out; }

.team-5 .team-hover-action .hover-action h4 a {
  color: #ffffff; }

.team-5 .team-hover-action .hover-action ul.social-network {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out; }

.team-5:hover .team-hover-action::before {
  opacity: 1; }

.team-5:hover .team-hover-action .hover-action h4 {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0); }

.team-5:hover .team-hover-action .hover-action ul.social-network {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0); }

/*----------------------------
    Team Style 06
----------------------------*/
.team-6 .thumb a img {
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out; }

.team-6 .team-hover-action {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  background-color: white;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
  opacity: 0; }

.team-6 .team-hover-action .hover-action {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  padding: 0 20px;
  text-align: left; }

.team-6 .team-hover-action .hover-action h4 {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 9px; }

.team-6 .team-hover-action .hover-action h4 a {
  color: #343434; }

.team-6 .team-hover-action .hover-action span {
  font-size: 16px;
  display: block;
  color: #343434;
  margin-bottom: 12px; }

.team-6 .team-hover-action .hover-action p {
  line-height: 26px;
  color: #494849;
  font-size: 14px;
  margin-bottom: 16px; }

.team-6 .team-hover-action .hover-action .social-network {
  -ms-flex-pack: start;
      justify-content: flex-start; }

.team-6 .team-hover-action .hover-action .social-network li:first-child {
  margin-left: 0; }

.team-6 .team-hover-action .hover-action h4,
.team-6 .team-hover-action .hover-action span,
.team-6 .team-hover-action .hover-action .social-network,
.team-6 .team-hover-action .hover-action p {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
  opacity: 0; }

.team-6:hover .team-hover-action {
  opacity: 1;
  background-color: white; }

.team-6:hover .team-hover-action .hover-action h4,
.team-6:hover .team-hover-action .hover-action .social-network,
.team-6:hover .team-hover-action .hover-action p,
.team-6:hover .team-hover-action .hover-action span {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1; }

.team-6:hover .thumb a img {
  -webkit-transform: scale(10);
  -ms-transform: scale(10);
  transform: scale(10);
  opacity: 0; }

/*----------------------------
    Team Style 8
----------------------------*/
.team-8 {
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  overflow: hidden; }

.team-8 .thumb a img {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s; }

.team-8 .team-hover-action {
  position: absolute;
  bottom: 30px;
  width: 100%;
  text-align: center; }

.team-8 .team-hover-action .hover-action {
  padding: 0 45px; }

.team-8 .team-hover-action .hover-action .social-network {
  -webkit-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -o-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.team-8 .team-hover-action .hover-action .social-network li a {
  -webkit-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-transform: scale(0.1);
  -o-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -ms-transform: scale(0.1);
      transform: scale(0.1);
  opacity: 0; }

.team-8:hover .team-hover-action .hover-action .social-network li a {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  -webkit-transition-delay: .1s;
  -o-transition-delay: .1s;
     transition-delay: .1s; }

.team-8:hover .team-hover-action .hover-action .social-network li a.facebook {
  -webkit-transition-delay: .1s;
  -o-transition-delay: .1s;
     transition-delay: .1s; }

.team-8:hover .team-hover-action .hover-action .social-network li a.twitter {
  -webkit-transition-delay: .2s;
  -o-transition-delay: .2s;
     transition-delay: .2s; }

.team-8:hover .team-hover-action .hover-action .social-network li a.google-plus {
  -webkit-transition-delay: .3s;
  -o-transition-delay: .3s;
     transition-delay: .3s; }

.team-8:hover .team-hover-action .hover-action .social-network li a.vimeo {
  -webkit-transition-delay: .4s;
  -o-transition-delay: .4s;
     transition-delay: .4s; }

.team-8 .content {
  background: #fff;
  text-align: center;
  padding: 20px 10px; }

.team-8 .content h4 {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 3px; }

.team-8 .content h4 a {
  color: #343434; }

.team-8 .content h4 a:hover {
  color: #18012c; }

.team-8 .content p {
  color: #343434;
  font-size: 14px;
  margin: 0;
  font-weight: 400; }

.team-8:hover .thumb a img {
  -webkit-transform: scale(1.2) rotate(10deg);
      -ms-transform: scale(1.2) rotate(10deg);
          transform: scale(1.2) rotate(10deg); }

/*----------------------------
    Team Style 08
----------------------------*/
.team-7 {
  overflow: hidden; }

.team-7 .thumb a img {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s; }

.team-7:hover .thumb a img {
  -webkit-transform: scale(1.2) rotate(10deg);
      -ms-transform: scale(1.2) rotate(10deg);
          transform: scale(1.2) rotate(10deg); }

.team-7 .team-info {
  background: #f4f4f4;
  text-align: center; }

.team-7 .team-info .content {
  padding: 26px 18px; }

.team-7 .team-info .content p {
  font-size: 14px;
  line-height: 28px;
  color: #494849;
  margin: 0; }

.team-7 .team-info .content h4 {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 5px; }

.team-7 .team-info .content h4 a {
  color: #343434; }

.team-7 .team-info .content span {
  color: #343434;
  font-size: 14px;
  font-weight: 400; }

.team-7 .team-info .social-network {
  padding: 14px 0;
  border-top: 2px solid #ffffff; }

/*--------------------------
    Social Service Style One
-----------------------------*/
.social-net-1 {
  margin-bottom: 8px; }

.social-net-1 li {
  margin: 0 10px; }

.social-net-1 li a {
  color: #fff;
  font-size: 14px;
  display: block;
  background: transparent; }

.social-net-1 li a.facebook:hover {
  color: #3B5998;
  background: transparent; }

.social-net-1 li a.twitter:hover {
  color: #00ACEE;
  background: transparent; }

.social-net-1 li a.google-plus:hover {
  color: #DD4B39;
  background: transparent; }

.social-net-1 li a.vimeo:hover {
  color: #86C9EF;
  background: transparent; }

.social-net-1 li a.dribbble:hover {
  color: #EA4C89;
  background: transparent; }

.social-net-2 {
  margin-bottom: 8px; }

.social-net-2 li {
  margin: 0 10px; }

.social-net-2 li a {
  color: #18012c;
  font-size: 14px;
  display: block;
  background: transparent; }

.social-net-2 li a.facebook:hover {
  color: #3B5998;
  background: transparent; }

.social-net-2 li a.twitter:hover {
  color: #00ACEE;
  background: transparent; }

.social-net-2 li a.google-plus:hover {
  color: #DD4B39;
  background: transparent; }

.social-net-2 li a.vimeo:hover {
  color: #86C9EF;
  background: transparent; }

.social-net-2 li a.dribbble:hover {
  color: #EA4C89;
  background: transparent; }

.social-net-3 {
  margin-bottom: 8px; }

.social-net-3 li {
  margin: 0 10px; }

.social-net-3 li a {
  color: #404040;
  font-size: 14px;
  display: block;
  background: #fff;
  height: 28px;
  width: 28px;
  text-align: center;
  line-height: 28px;
  border-radius: 100%; }

.social-net-3 li a.facebook:hover {
  color: #fff;
  background: #3B5998; }

.social-net-3 li a.twitter:hover {
  color: #fff;
  background: #00ACEE; }

.social-net-3 li a.google-plus:hover {
  color: #fff;
  background: #DD4B39; }

.social-net-3 li a.vimeo:hover {
  color: #fff;
  background: #86C9EF; }

.social-net-3 li a.dribbble:hover {
  color: #ffffff;
  background: #EA4C89; }

.social-net-4 {
  margin-bottom: 8px; }

.social-net-4 li {
  margin: 0 10px; }

.social-net-4 li a {
  color: #fff;
  font-size: 14px;
  display: block;
  background: transparent;
  height: 28px;
  width: 28px;
  text-align: center;
  line-height: 26px;
  border-radius: 100%;
  border: 1px solid #ffffff; }

.social-net-4 li a.facebook:hover {
  color: #fff;
  background: #3B5998;
  border: 1px solid #3B5998; }

.social-net-4 li a.twitter:hover {
  color: #fff;
  background: #00ACEE;
  border: 1px solid #00ACEE; }

.social-net-4 li a.google-plus:hover {
  color: #fff;
  background: #DD4B39;
  border: 1px solid #DD4B39; }

.social-net-4 li a.vimeo:hover {
  color: #fff;
  background: #86C9EF;
  border: 1px solid #86C9EF; }

.social-net-4 li a.dribbble:hover {
  color: #ffffff;
  background: #EA4C89;
  border: 1px solid #EA4C89; }

/*----------------------------
    Team keyframes
----------------------------*/
/*----------------------------
keyframes bounceY
----------------------------*/
@keyframes bounceY {
  0% {
    -webkit-transform: translateY(-205px);
            transform: translateY(-205px); }
  40% {
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px); }
  65% {
    -webkit-transform: translateY(-52px);
            transform: translateY(-52px); }
  82% {
    -webkit-transform: translateY(-25px);
            transform: translateY(-25px); }
  92% {
    -webkit-transform: translateY(-12px);
            transform: translateY(-12px); }
  55%,
  75%,
  87%,
  97%,
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px); } }

@-webkit-keyframes bounceY {
  0% {
    -webkit-transform: translateY(-205px); }
  40% {
    -webkit-transform: translateY(-100px); }
  65% {
    -webkit-transform: translateY(-52px); }
  82% {
    -webkit-transform: translateY(-25px); }
  92% {
    -webkit-transform: translateY(-12px); }
  55%,
  75%,
  87%,
  97%,
  100% {
    -webkit-transform: translateY(0px); } }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.edit-post-visual-editor .components-base-control__help {
  margin-top: 0;
  font-size: 13px; }

.edit-post-visual-editor .components-base-control {
  margin-bottom: 10px; }

.wp-block-columns {
  margin-right: -15px;
  margin-left: -15px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.wp-block-columns.has-1-columns .wp-block-column {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%; }

.wp-block-columns.has-2-columns .wp-block-column {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%; }

.wp-block-columns.has-3-columns .wp-block-column {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%; }

.wp-block-columns.has-4-columns .wp-block-column {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%; }

.wp-block-columns .wp-block-column {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

/*-- Padding Top Bottom --*/
.section-ptb-xl {
  padding: 100px 0; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-ptb-xl {
    padding: 80px 0; } }

@media only screen and (max-width: 767px) {
  .section-ptb-xl {
    padding: 70px 0; } }

@media only screen and (max-width: 575px) {
  .section-ptb-xl {
    padding: 60px 0; } }

/*--------------------------------
    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-image: url(img/bg/bg-image-1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--2 {
  background-image: url(img/bg/bg-image-2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--3 {
  background-image: url(img/bg/bg-image-3.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--4 {
  background-image: url(img/bg/bg-image-4.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--5 {
  background-image: url(img/bg/bg-image-5.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--6 {
  background-image: url(img/bg/bg-image-6.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--7 {
  background-image: url(img/bg/bg-image-7.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--8 {
  background-image: url(img/bg/bg-image-8.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--9 {
  background-image: url(img/bg/bg-image-9.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--10 {
  background-image: url(img/bg/bg-image-10.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--11 {
  background-image: url(img/bg/bg-image-11.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--12 {
  background-image: url(img/bg/bg-image-12.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--13 {
  background-image: url(img/bg/bg-image-13.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--14 {
  background-image: url(img/bg/bg-image-14.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--15 {
  background-image: url(img/bg/bg-image-15.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--16 {
  background-image: url(img/bg/bg-image-16.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--17 {
  background-image: url(img/bg/bg-image-17.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--18 {
  background-image: url(img/bg/bg-image-18.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--19 {
  background-image: url(img/bg/bg-image-19.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--20 {
  background-image: url(img/bg/bg-image-20.jpg);
  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; } }

/*--------------------------
	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;
  -o-object-fit: cover;
     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 {
  background-image: url(img/button/button-bg-1.jpg);
  border-style: none;
  background-repeat: no-repeat; }

.button-bg-image--2 {
  background-image: url(img/button/button-bg-2.jpg);
  border-style: none;
  background-repeat: no-repeat; }

.button-bg-image--3 {
  background-image: url(img/button/button-bg-3.jpg);
  border-style: none;
  background-repeat: no-repeat; }

.button-bg-image--4 {
  background-image: url(img/button/button-bg-4.jpg);
  border-style: none;
  background-repeat: no-repeat; }

.button-bg-image--5 {
  background-image: url(img/button/button-bg-5.jpg);
  border-style: none;
  background-repeat: no-repeat; }

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

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

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

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

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

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

.button-size .button-holder {
  -ms-flex-positive: inherit;
      flex-grow: inherit;
  -ms-flex-preferred-size: 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 {
  -ms-flex-positive: inherit;
      flex-grow: inherit;
  -ms-flex-preferred-size: inherit;
      flex-basis: inherit; }

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

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

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

.ht-btn--2.button-shadow {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.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; }

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

.ht-btn--2 span.button-with-icon {
  padding: 0 36px;
  color: #fff; }

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

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

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

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

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

.ht-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); } }

/*-------------------
 * Section Title
----------------------*/
.section-title {
  font-size: 24px;
  font-weight: 600;
  margin: 0;
  display: inline-block;
  border-bottom: 2px solid #18012c;
  margin-bottom: 20px; }

/*-----------------------------
    Accordion Style
------------------------------*/
/*---------------------------
    Accordion Style Two 
-------------------------*/
.panel-group {
  width: 570px;
  margin: 0 auto; }

.accordion-style-1 .panel-default.accordion-boxshadow {
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); }

.accordion-style-1 .container {
  max-width: 688px; }

.accordion-style-1 .panel-default {
  margin-bottom: 11px; }

.accordion-style-1 .panel-default .panel-heading {
  background-color: #fff;
  border-color: #fff;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.accordion-style-1 .panel-default .panel-heading.bg-gray {
  background-color: #f4f4f4;
  border-color: #f4f4f4; }

.accordion-style-1 .panel-default .panel-heading.bg-gray h4 a {
  color: #18012c; }

.accordion-style-1 .panel-default .panel-heading h4 {
  font-size: 14px;
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: 600; }

.accordion-style-1 .panel-default .panel-heading h4 a {
  display: block;
  padding: 22px 43px 22px 30px;
  color: #18012c;
  position: relative; }

.accordion-style-1 .panel-default .panel-heading h4 a::after {
  position: absolute;
  top: 50%;
  display: inline-block;
  font-style: normal;
  font-weight: 400;
  transition: -webkit-transform 0.5s linear;
  -o-transition: transform 0.5s linear;
  transition: transform 0.5s linear;
  transition: transform 0.5s linear, -webkit-transform 0.5s linear;
  -webkit-transition: -webkit-transform 0.5s linear;
  content: "\f068";
  font-family: FontAwesome;
  color: #18012c;
  position: absolute;
  right: 30px;
  font-size: 15px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }

.accordion-style-1 .panel-default .panel-heading h4 a.icon-left.icon-square::after {
  border-radius: 0; }

.accordion-style-1 .panel-default .panel-heading h4 a.icon-left.icon-bg-gray::after {
  background: #f4f4f4; }

.accordion-style-1 .panel-default .panel-heading h4 a.icon-left.bg-transparent {
  padding: 22px 15px 22px 79px; }

.accordion-style-1 .panel-default .panel-heading h4 a.icon-left.bg-transparent::after {
  left: 0;
  width: 60px;
  background: transparent;
  height: 100%;
  line-height: 65px;
  border-radius: 0; }

.accordion-style-1 .panel-default .panel-heading h4 a.collapsed::after {
  content: "\f067"; }

.accordion-style-1 .panel-default .panel-collapse {
  padding: 32px 30px; }

.accordion-style-1 .panel-default .panel-collapse.bg-transparant {
  background: transparent; }

.accordion-style-1 .panel-default .panel-collapse.panel-body-with-border {
  border-left: 1px solid #18012c;
  border-bottom: 1px solid #18012c;
  border-right: 1px solid #18012c; }

.accordion-style-1 .panel-default .panel-collapse .panel-body {
  font-size: 14px;
  line-height: 28px;
  font-family: 'Poppins', sans-serif; }

.accordion-style-1 .panel-default .panel-collapse.border-left {
  background: transparent;
  padding: 15px;
  margin-left: 31px;
  margin-bottom: -10px; }

.accordion-style-1 .panel-default.round-shape .panel-collapse.border-left {
  padding: 40px;
  padding-left: 32px; }

/*------------------------------
    Accordion With Gallery
--------------------------------*/
ul.gallery-sm-img {
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0;
  -ms-flex-pack: center;
      justify-content: center;
  list-style: none;
  margin-top: 14px; }

ul.gallery-sm-img li {
  margin: 0 3px; }

/*---------------------------
    Accordion Style Three
-------------------------*/
.gallery-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  width: 100%;
  height: 70vh; }

.gallery-wrap .item {
  -ms-flex: 1;
      flex: 1;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: none;
  -webkit-transition: flex 0.8s ease;
  -o-transition: flex 0.8s ease;
  transition: flex 0.8s ease;
  transition: flex 0.8s ease, -ms-flex 0.8s ease; }

.gallery-wrap .item:hover {
  -ms-flex: 7;
      flex: 7; }

.gallery-wrap .item.item-1 {
  background-image: url("img/gallery/gallery-c1.jpg"); }

.gallery-wrap .item.item-2 {
  background-image: url("img/gallery/gallery-c2.jpg"); }

.gallery-wrap .item.item-3 {
  background-image: url("img/gallery/gallery-c3.jpg"); }

.gallery-wrap .item.item-4 {
  background-image: url("img/gallery/gallery-c4.jpg"); }

.gallery-wrap .item.item-5 {
  background-image: url("img/gallery/gallery-c5.jpg"); }

/*---------------------------
    Accordion Style Four 
-------------------------*/
ul.accordion--4 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -ms-flexbox;
  display: flex;
  text-align: center !important;
  -ms-flex-pack: center;
      justify-content: center;
  margin-top: 40px; }

ul.accordion--4 li {
  width: 115px;
  height: 480px;
  display: block;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  -webkit-box-shadow: 1px 3px 15px #555;
  box-shadow: 1px 3px 15px #555; }

ul.accordion--4 li.bg1 {
  background-image: url(img/gallery/gallery-d1.jpg); }

ul.accordion--4 li.bg2 {
  background-image: url(img/gallery/gallery-d2.jpg); }

ul.accordion--4 li.bg3 {
  background-image: url(img/gallery/gallery-d3.jpg); }

ul.accordion--4 li.bg4 {
  background-image: url(img/gallery/gallery-d4.jpg); }

ul.accordion--4 li.bg5 {
  background-image: url(img/gallery/gallery-d5.jpg); }

ul.accordion--4 li.bg6 {
  background-image: url(img/gallery/gallery-d6.jpg); }

ul.accordion--4 li.bleft {
  border-left: 2px solid #fff; }

ul.accordion--4 li .heading {
  background-color: #fff;
  padding: 10px;
  margin-top: 60px;
  text-transform: capitalize;
  font-weight: 500;
  font-size: 18px;
  text-align: center;
  color: #18012c; }

ul.accordion--4 li .description {
  position: absolute;
  height: 175px;
  bottom: 60px;
  left: 0px;
  display: none;
  width: 100%; }

ul.accordion--4 li .description h2 {
  color: #18012c;
  font-size: 30px; }

ul.accordion--4 li .description p {
  margin: 10px 22px;
  font-size: 14px;
  line-height: 28px;
  color: #18012c; }

ul.accordion--4 li .description a {
  position: absolute;
  bottom: 5px;
  left: 20px;
  text-transform: uppercase;
  font-style: normal;
  font-size: 11px;
  text-decoration: none;
  color: #888; }

ul.accordion--4 li .description a:hover {
  color: #333;
  text-decoration: underline; }

ul.accordion--4 li .bgDescription {
  background: transparent url(img/gallery/bgDescription.png) repeat-x top left;
  height: 340px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  display: none; }

/*---------------------------
    Accordion Style Five 
-------------------------*/
.accor_wrapper {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  background: #000; }

.accordion--5 {
  position: relative;
  margin: 40px auto 0 auto; }

.accordion--5 .single_accordion {
  cursor: pointer;
  position: absolute;
  width: 100%;
  left: 0px;
  overflow: hidden;
  text-align: center;
  z-index: 2; }

.accordion--5 .single_accordion::before {
  position: absolute;
  content: "";
  background: #000000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  z-index: -1; }

.accordion--5 .single_accordion .va-title {
  text-transform: uppercase;
  font-size: 40px;
  margin-left: 20px;
  color: #ffffff;
  display: inline-block; }

.accordion--5 .single_accordion .va-title p {
  font-size: 22px;
  font-style: italic;
  font-family: Georgia, serif; }

.accordion--5 .single_accordion .va-content {
  display: none;
  margin-left: 0;
  padding: 0 23%;
  margin-top: -36px; }

.accordion--5 .single_accordion .va-content p {
  color: #ffffff;
  font-size: 14px;
  line-height: 28px; }

.accor_wrapper .bg-1 {
  background: #000 url(img/gallery/gallery-e1.jpg) no-repeat center center;
  background-size: cover; }

.accor_wrapper .bg-2 {
  background: #000 url(img/gallery/gallery-e2.jpg) no-repeat center center;
  background-size: cover; }

.accor_wrapper .bg-3 {
  background: #000 url(img/gallery/gallery-e3.jpg) no-repeat center center;
  background-size: cover; }

.accor_wrapper .bg-4 {
  background: #000 url(img/gallery/gallery-e4.jpg) no-repeat center center;
  background-size: cover; }

.accor_wrapper .bg-5 {
  background: #000 url(img/gallery/gallery-e5.jpg) no-repeat center center;
  background-size: cover; }

.accor_wrapper .bg-6 {
  background: #000 url(img/gallery/gallery-e6.jpg) no-repeat center center;
  background-size: cover; }

.accor_wrapper .bg-7 {
  background: #000 url(img/gallery/gallery-e1.jpg) no-repeat center center;
  background-size: cover; }

/*--------------------------
    Heading Style
------------------------------*/
/*--------------------------
// Heading Defult
------------------------------*/
.heading-1 {
  color: #18012c;
  font-size: 48px;
  line-height: 1;
  font-family: "Montserrat", sans-serif;
  font-weight: 700; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .heading-1 {
    font-size: 42px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .heading-1 {
    font-size: 38px; } }

@media only screen and (max-width: 767px) {
  .heading-1 {
    font-size: 32px; } }

@media only screen and (max-width: 575px) {
  .heading-1 {
    font-size: 23px; } }

.heading-2 {
  color: #18012c;
  font-size: 36px;
  line-height: 1;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  margin-bottom: 8px; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .heading-2 {
    font-size: 30px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .heading-2 {
    font-size: 26px; } }

@media only screen and (max-width: 767px) {
  .heading-2 {
    font-size: 26px; } }

@media only screen and (max-width: 575px) {
  .heading-2 {
    font-size: 23px; } }

.heading-3 {
  color: #18012c;
  font-size: 36px;
  line-height: 1;
  font-family: "Montserrat", sans-serif;
  font-weight: 700; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .heading-3 {
    font-size: 30px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .heading-3 {
    font-size: 26px; } }

@media only screen and (max-width: 767px) {
  .heading-3 {
    font-size: 26px; } }

@media only screen and (max-width: 575px) {
  .heading-3 {
    font-size: 23px; } }

/*--------------------------
// Subtitle Defult
------------------------------*/
.subtitle {
  font-size: 16px;
  color: #494849;
  font-family: "Poppins", sans-serif;
  margin: 5px 0;
  line-height: 30px; }

@media only screen and (max-width: 767px) {
  .subtitle {
    font-size: 14px;
    line-height: 25px; } }

.subtitle-2 {
  color: #322242;
  font-weight: 500; }

.subtitle-3 {
  color: #494849;
  font-weight: 500;
  margin-bottom: 5px; }

/*--------------------------
// Heading  Css
------------------------------*/
.ht-heading {
  z-index: 1; }

.ht-heading.center-icon img {
  position: absolute;
  top: 47%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  z-index: -1; }

.ht-heading .heading-bg-text {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: -1;
  color: #f1f1f1;
  font-size: 80px;
  font-weight: 800;
  line-height: 28px;
  margin: 0;
  width: 100%;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase; }

.ht-heading .heading-bg-text.heading-bg--textleft {
  text-align: left; }

.ht-heading .heading-bg-text.heading-bg--textright {
  text-align: right; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ht-heading .heading-bg-text {
    font-size: 60px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ht-heading .heading-bg-text {
    font-size: 50px; } }

@media only screen and (max-width: 767px) {
  .ht-heading .heading-bg-text {
    font-size: 40px; } }

.ht-heading .middle-align-border {
  position: relative;
  display: inline-block;
  padding: 0 10.5%; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ht-heading .middle-align-border {
    padding: 0 14.5%; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ht-heading .middle-align-border {
    padding: 0 17.5%; } }

@media only screen and (max-width: 767px) {
  .ht-heading .middle-align-border {
    padding: 0 12.5%; } }

@media only screen and (max-width: 575px) {
  .ht-heading .middle-align-border {
    padding: 0; } }

.ht-heading .middle-align-border::before {
  position: absolute;
  content: "";
  left: 0;
  width: 100px;
  height: 3px;
  background: #412e51;
  top: 50%; }

@media only screen and (max-width: 767px) {
  .ht-heading .middle-align-border::before {
    width: 50px; } }

@media only screen and (max-width: 575px) {
  .ht-heading .middle-align-border::before {
    display: none; } }

.ht-heading .middle-align-border::after {
  position: absolute;
  content: "";
  right: 0;
  width: 100px;
  height: 3px;
  background: #412e51;
  top: 50%; }

@media only screen and (max-width: 767px) {
  .ht-heading .middle-align-border::after {
    width: 50px; } }

@media only screen and (max-width: 575px) {
  .ht-heading .middle-align-border::after {
    display: none; } }

.ht-heading .heading-bg-img {
  line-height: 57px;
  margin-bottom: 3px;
  background: url(img/icons/heading-bg.jpg) repeat-y;
  -webkit-background-clip: text;
  background-clip: text;
  /* Animate Background Image */
  -webkit-text-fill-color: transparent;
  -webkit-animation: heading-animation-1 80s linear infinite;
  /* Activate smoother animations */
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden; }

@media only screen and (max-width: 767px) {
  .ht-heading .heading-bg-img {
    line-height: 1.2; } }

.ht-heading p.heading-border-bottom {
  position: relative;
  padding-bottom: 8px;
  margin-bottom: 12px; }

.ht-heading p.heading-border-bottom::before {
  position: absolute;
  content: "";
  bottom: 0;
  width: 70px;
  height: 2px;
  background: #18012c;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%); }

.ht-heading.heading-border-left {
  position: relative; }

.ht-heading.heading-border-left::before {
  position: absolute;
  content: "";
  left: 0;
  height: 70px;
  width: 5px;
  background: #18012c;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }

@media only screen and (max-width: 575px) {
  .ht-heading.heading-border-left::before {
    height: 50px; } }

.ht-heading.heading-border-right {
  position: relative; }

.ht-heading.heading-border-right::before {
  position: absolute;
  content: "";
  right: 0;
  height: 70px;
  width: 5px;
  background: #18012c;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }

@media only screen and (max-width: 575px) {
  .ht-heading.heading-border-right::before {
    height: 50px; } }

.ht-heading.heading-style-5 p.subtitle {
  font-weight: 500; }

/*----------------------------
    Animate Background Image
----------------------------*/
@-webkit-keyframes heading-animation-1 {
  0% {
    background-position: 0% 50%; }
  100% {
    background-position: 100% 50%; } }

@keyframes heading-animation-1 {
  0% {
    background-position: 0% 50%; }
  100% {
    background-position: 100% 50%; } }

/**************************************
	Template Styles
***************************************/
/*----------------------
 * Header
-----------------------*/
.header--transparant {
  position: absolute;
  left: 0;
  right: 0;
  top: 40px; }

.mainmenu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center; }

.mainmenu li {
  margin: 0 15px; }

.mainmenu li a {
  color: #ffffff;
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase; }

.bradcaump_area {
  display: -ms-flexbox;
  display: flex;
  height: 300px;
  -ms-flex-align: center;
      align-items: center;
  padding-top: 78px; }

.bradcaump_area .bradcaump-title {
  font-weight: 600;
  color: #ffffff; }

/**
 * Blog Item
 */
.wp-block-htblocks-accordion .gallery {
  margin-bottom: 0; }

.wp-block-htblocks-accordion .gallery .gallery-item {
  margin-bottom: 0; }

.wp-block-htblocks-accordion .gallery .gallery-item:first-child {
  padding-left: 0; }

.wp-block-htblocks-accordion .gallery .gallery-item:last-child {
  padding-right: 0; }

/*round shape*/
.wp-block-htblocks-accordion .panel-default.round-shape .panel-heading {
  overflow: hidden;
  border-radius: 30px; }

.wp-block-htblocks-accordion .panel-default.round-shape .panel-heading h4 a::after {
  background: #f4f4f4;
  border-radius: 100%; }

/*Icon Left*/
.wp-block-htblocks-accordion .panel-default.icon-left .panel-heading h4 a {
  padding: 22px 15px 22px 69px; }

.wp-block-htblocks-accordion .panel-default.icon-left .panel-heading h4 a::after {
  right: auto;
  left: 5px;
  width: 53px;
  height: 53px;
  line-height: 53px;
  text-align: center; }

/*has border line*/
.wp-block-htblocks-accordion .panel-default.icon-right.has-content-border .panel-collapse {
  border-right: 1px dashed #0a0a0a;
  margin-right: 31px; }

.wp-block-htblocks-accordion .panel-default.icon-left.has-content-border .panel-collapse {
  border-left: 1px dashed #0a0a0a;
  margin-left: 31px; }

/*wrap item with border && icon left*/
.wp-block-htblocks-accordion .panel-default.wrap-item-with-border .panel-heading {
  border-width: 1px;
  border-style: solid; }

.wp-block-htblocks-accordion .panel-default.wrap-item-with-border .panel-collapse {
  border-width: 1px;
  border-style: solid;
  border-top: 0; }

.wp-block-htblocks-accordion .panel-default.icon-left.wrap-item-with-border a::after {
  border-right-width: 1px;
  border-right-style: solid;
  height: 100% !important;
  width: 60px !important;
  line-height: 65px !important;
  left: 0 !important; }

.wp-block-htblocks-accordion .panel-default.wrap-item-with-border.icon-left .panel-heading h4 a {
  padding-left: 80px; }

/*wrap item with border && icon right*/
.wp-block-htblocks-accordion .panel-default.icon-right.wrap-item-with-border a::after {
  border-left-width: 1px;
  border-left-style: solid;
  height: 100% !important;
  width: 60px !important;
  line-height: 65px !important;
  left: auto !important;
  right: 0 !important;
  text-align: center; }

.wp-block-htblocks-accordion .panel-default.wrap-item-with-border.icon-left .panel-heading h4 a {
  padding-right: 0; }

/*border color*/
.wp-block-htblocks-accordion .panel-default.wrap-item-with-border .panel-heading,
.wp-block-htblocks-accordion .panel-default.wrap-item-with-border .panel-collapse,
.wp-block-htblocks-accordion .panel-default.icon-left.wrap-item-with-border a::after,
.wp-block-htblocks-accordion .panel-default.icon-right.wrap-item-with-border a::after {
  border-color: #18012c; }

.wp-block-htblocks-accordion.style--5 .accordion-style-1 .panel-default .panel-heading {
  border-color: #666; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.edit-post-visual-editor .components-base-control__help {
  margin-top: 0;
  font-size: 13px; }

.edit-post-visual-editor .components-base-control {
  margin-bottom: 10px; }

.wp-block-columns {
  margin-right: -15px;
  margin-left: -15px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.wp-block-columns.has-1-columns .wp-block-column {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%; }

.wp-block-columns.has-2-columns .wp-block-column {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%; }

.wp-block-columns.has-3-columns .wp-block-column {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%; }

.wp-block-columns.has-4-columns .wp-block-column {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%; }

.wp-block-columns .wp-block-column {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

/*-- Padding Top Bottom --*/
.section-ptb-xl {
  padding: 100px 0; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-ptb-xl {
    padding: 80px 0; } }

@media only screen and (max-width: 767px) {
  .section-ptb-xl {
    padding: 70px 0; } }

@media only screen and (max-width: 575px) {
  .section-ptb-xl {
    padding: 60px 0; } }

/*--------------------------------
    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-image: url(img/bg/bg-image-1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--2 {
  background-image: url(img/bg/bg-image-2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--3 {
  background-image: url(img/bg/bg-image-3.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--4 {
  background-image: url(img/bg/bg-image-4.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--5 {
  background-image: url(img/bg/bg-image-5.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--6 {
  background-image: url(img/bg/bg-image-6.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--7 {
  background-image: url(img/bg/bg-image-7.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--8 {
  background-image: url(img/bg/bg-image-8.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--9 {
  background-image: url(img/bg/bg-image-9.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--10 {
  background-image: url(img/bg/bg-image-10.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--11 {
  background-image: url(img/bg/bg-image-11.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--12 {
  background-image: url(img/bg/bg-image-12.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--13 {
  background-image: url(img/bg/bg-image-13.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--14 {
  background-image: url(img/bg/bg-image-14.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--15 {
  background-image: url(img/bg/bg-image-15.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--16 {
  background-image: url(img/bg/bg-image-16.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--17 {
  background-image: url(img/bg/bg-image-17.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--18 {
  background-image: url(img/bg/bg-image-18.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--19 {
  background-image: url(img/bg/bg-image-19.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--20 {
  background-image: url(img/bg/bg-image-20.jpg);
  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; } }

/*--------------------------
	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;
  -o-object-fit: cover;
     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 {
  background-image: url(img/button/button-bg-1.jpg);
  border-style: none;
  background-repeat: no-repeat; }

.button-bg-image--2 {
  background-image: url(img/button/button-bg-2.jpg);
  border-style: none;
  background-repeat: no-repeat; }

.button-bg-image--3 {
  background-image: url(img/button/button-bg-3.jpg);
  border-style: none;
  background-repeat: no-repeat; }

.button-bg-image--4 {
  background-image: url(img/button/button-bg-4.jpg);
  border-style: none;
  background-repeat: no-repeat; }

.button-bg-image--5 {
  background-image: url(img/button/button-bg-5.jpg);
  border-style: none;
  background-repeat: no-repeat; }

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

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

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

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

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

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

.button-size .button-holder {
  -ms-flex-positive: inherit;
      flex-grow: inherit;
  -ms-flex-preferred-size: 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 {
  -ms-flex-positive: inherit;
      flex-grow: inherit;
  -ms-flex-preferred-size: inherit;
      flex-basis: inherit; }

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

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

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

.ht-btn--2.button-shadow {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.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; }

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

.ht-btn--2 span.button-with-icon {
  padding: 0 36px;
  color: #fff; }

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

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

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

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

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

.ht-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); } }

/*-------------------
 * Section Title
----------------------*/
.section-title {
  font-size: 24px;
  font-weight: 600;
  margin: 0;
  display: inline-block;
  border-bottom: 2px solid #18012c;
  margin-bottom: 20px; }

/*-----------------------------
    Accordion Style
------------------------------*/
/*---------------------------
    Accordion Style Two 
-------------------------*/
.panel-group {
  width: 570px;
  margin: 0 auto; }

.accordion-style-1 .panel-default.accordion-boxshadow {
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); }

.accordion-style-1 .container {
  max-width: 688px; }

.accordion-style-1 .panel-default {
  margin-bottom: 11px; }

.accordion-style-1 .panel-default .panel-heading {
  background-color: #fff;
  border-color: #fff;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.accordion-style-1 .panel-default .panel-heading.bg-gray {
  background-color: #f4f4f4;
  border-color: #f4f4f4; }

.accordion-style-1 .panel-default .panel-heading.bg-gray h4 a {
  color: #18012c; }

.accordion-style-1 .panel-default .panel-heading h4 {
  font-size: 14px;
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: 600; }

.accordion-style-1 .panel-default .panel-heading h4 a {
  display: block;
  padding: 22px 43px 22px 30px;
  color: #18012c;
  position: relative; }

.accordion-style-1 .panel-default .panel-heading h4 a::after {
  position: absolute;
  top: 50%;
  display: inline-block;
  font-style: normal;
  font-weight: 400;
  transition: -webkit-transform 0.5s linear;
  -o-transition: transform 0.5s linear;
  transition: transform 0.5s linear;
  transition: transform 0.5s linear, -webkit-transform 0.5s linear;
  -webkit-transition: -webkit-transform 0.5s linear;
  content: "\f068";
  font-family: FontAwesome;
  color: #18012c;
  position: absolute;
  right: 30px;
  font-size: 15px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }

.accordion-style-1 .panel-default .panel-heading h4 a.icon-left.icon-square::after {
  border-radius: 0; }

.accordion-style-1 .panel-default .panel-heading h4 a.icon-left.icon-bg-gray::after {
  background: #f4f4f4; }

.accordion-style-1 .panel-default .panel-heading h4 a.icon-left.bg-transparent {
  padding: 22px 15px 22px 79px; }

.accordion-style-1 .panel-default .panel-heading h4 a.icon-left.bg-transparent::after {
  left: 0;
  width: 60px;
  background: transparent;
  height: 100%;
  line-height: 65px;
  border-radius: 0; }

.accordion-style-1 .panel-default .panel-heading h4 a.collapsed::after {
  content: "\f067"; }

.accordion-style-1 .panel-default .panel-collapse {
  padding: 32px 30px; }

.accordion-style-1 .panel-default .panel-collapse.bg-transparant {
  background: transparent; }

.accordion-style-1 .panel-default .panel-collapse.panel-body-with-border {
  border-left: 1px solid #18012c;
  border-bottom: 1px solid #18012c;
  border-right: 1px solid #18012c; }

.accordion-style-1 .panel-default .panel-collapse .panel-body {
  font-size: 14px;
  line-height: 28px;
  font-family: 'Poppins', sans-serif; }

.accordion-style-1 .panel-default .panel-collapse.border-left {
  background: transparent;
  padding: 15px;
  margin-left: 31px;
  margin-bottom: -10px; }

.accordion-style-1 .panel-default.round-shape .panel-collapse.border-left {
  padding: 40px;
  padding-left: 32px; }

/*------------------------------
    Accordion With Gallery
--------------------------------*/
ul.gallery-sm-img {
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0;
  -ms-flex-pack: center;
      justify-content: center;
  list-style: none;
  margin-top: 14px; }

ul.gallery-sm-img li {
  margin: 0 3px; }

/*---------------------------
    Accordion Style Three
-------------------------*/
.gallery-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  width: 100%;
  height: 70vh; }

.gallery-wrap .item {
  -ms-flex: 1;
      flex: 1;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: none;
  -webkit-transition: flex 0.8s ease;
  -o-transition: flex 0.8s ease;
  transition: flex 0.8s ease;
  transition: flex 0.8s ease, -ms-flex 0.8s ease; }

.gallery-wrap .item:hover {
  -ms-flex: 7;
      flex: 7; }

.gallery-wrap .item.item-1 {
  background-image: url("img/gallery/gallery-c1.jpg"); }

.gallery-wrap .item.item-2 {
  background-image: url("img/gallery/gallery-c2.jpg"); }

.gallery-wrap .item.item-3 {
  background-image: url("img/gallery/gallery-c3.jpg"); }

.gallery-wrap .item.item-4 {
  background-image: url("img/gallery/gallery-c4.jpg"); }

.gallery-wrap .item.item-5 {
  background-image: url("img/gallery/gallery-c5.jpg"); }

/*---------------------------
    Accordion Style Four 
-------------------------*/
ul.accordion--4 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -ms-flexbox;
  display: flex;
  text-align: center !important;
  -ms-flex-pack: center;
      justify-content: center;
  margin-top: 40px; }

ul.accordion--4 li {
  width: 115px;
  height: 480px;
  display: block;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  -webkit-box-shadow: 1px 3px 15px #555;
  box-shadow: 1px 3px 15px #555; }

ul.accordion--4 li.bg1 {
  background-image: url(img/gallery/gallery-d1.jpg); }

ul.accordion--4 li.bg2 {
  background-image: url(img/gallery/gallery-d2.jpg); }

ul.accordion--4 li.bg3 {
  background-image: url(img/gallery/gallery-d3.jpg); }

ul.accordion--4 li.bg4 {
  background-image: url(img/gallery/gallery-d4.jpg); }

ul.accordion--4 li.bg5 {
  background-image: url(img/gallery/gallery-d5.jpg); }

ul.accordion--4 li.bg6 {
  background-image: url(img/gallery/gallery-d6.jpg); }

ul.accordion--4 li.bleft {
  border-left: 2px solid #fff; }

ul.accordion--4 li .heading {
  background-color: #fff;
  padding: 10px;
  margin-top: 60px;
  text-transform: capitalize;
  font-weight: 500;
  font-size: 18px;
  text-align: center;
  color: #18012c; }

ul.accordion--4 li .description {
  position: absolute;
  height: 175px;
  bottom: 60px;
  left: 0px;
  display: none;
  width: 100%; }

ul.accordion--4 li .description h2 {
  color: #18012c;
  font-size: 30px; }

ul.accordion--4 li .description p {
  margin: 10px 22px;
  font-size: 14px;
  line-height: 28px;
  color: #18012c; }

ul.accordion--4 li .description a {
  position: absolute;
  bottom: 5px;
  left: 20px;
  text-transform: uppercase;
  font-style: normal;
  font-size: 11px;
  text-decoration: none;
  color: #888; }

ul.accordion--4 li .description a:hover {
  color: #333;
  text-decoration: underline; }

ul.accordion--4 li .bgDescription {
  background: transparent url(img/gallery/bgDescription.png) repeat-x top left;
  height: 340px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  display: none; }

/*---------------------------
    Accordion Style Five 
-------------------------*/
.accor_wrapper {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  background: #000; }

.accordion--5 {
  position: relative;
  margin: 40px auto 0 auto; }

.accordion--5 .single_accordion {
  cursor: pointer;
  position: absolute;
  width: 100%;
  left: 0px;
  overflow: hidden;
  text-align: center;
  z-index: 2; }

.accordion--5 .single_accordion::before {
  position: absolute;
  content: "";
  background: #000000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  z-index: -1; }

.accordion--5 .single_accordion .va-title {
  text-transform: uppercase;
  font-size: 40px;
  margin-left: 20px;
  color: #ffffff;
  display: inline-block; }

.accordion--5 .single_accordion .va-title p {
  font-size: 22px;
  font-style: italic;
  font-family: Georgia, serif; }

.accordion--5 .single_accordion .va-content {
  display: none;
  margin-left: 0;
  padding: 0 23%;
  margin-top: -36px; }

.accordion--5 .single_accordion .va-content p {
  color: #ffffff;
  font-size: 14px;
  line-height: 28px; }

.accor_wrapper .bg-1 {
  background: #000 url(img/gallery/gallery-e1.jpg) no-repeat center center;
  background-size: cover; }

.accor_wrapper .bg-2 {
  background: #000 url(img/gallery/gallery-e2.jpg) no-repeat center center;
  background-size: cover; }

.accor_wrapper .bg-3 {
  background: #000 url(img/gallery/gallery-e3.jpg) no-repeat center center;
  background-size: cover; }

.accor_wrapper .bg-4 {
  background: #000 url(img/gallery/gallery-e4.jpg) no-repeat center center;
  background-size: cover; }

.accor_wrapper .bg-5 {
  background: #000 url(img/gallery/gallery-e5.jpg) no-repeat center center;
  background-size: cover; }

.accor_wrapper .bg-6 {
  background: #000 url(img/gallery/gallery-e6.jpg) no-repeat center center;
  background-size: cover; }

.accor_wrapper .bg-7 {
  background: #000 url(img/gallery/gallery-e1.jpg) no-repeat center center;
  background-size: cover; }

/*--------------------------
    Heading Style
------------------------------*/
/*--------------------------
// Heading Defult
------------------------------*/
.heading-1 {
  color: #18012c;
  font-size: 48px;
  line-height: 1;
  font-family: "Montserrat", sans-serif;
  font-weight: 700; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .heading-1 {
    font-size: 42px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .heading-1 {
    font-size: 38px; } }

@media only screen and (max-width: 767px) {
  .heading-1 {
    font-size: 32px; } }

@media only screen and (max-width: 575px) {
  .heading-1 {
    font-size: 23px; } }

.heading-2 {
  color: #18012c;
  font-size: 36px;
  line-height: 1;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  margin-bottom: 8px; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .heading-2 {
    font-size: 30px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .heading-2 {
    font-size: 26px; } }

@media only screen and (max-width: 767px) {
  .heading-2 {
    font-size: 26px; } }

@media only screen and (max-width: 575px) {
  .heading-2 {
    font-size: 23px; } }

.heading-3 {
  color: #18012c;
  font-size: 36px;
  line-height: 1;
  font-family: "Montserrat", sans-serif;
  font-weight: 700; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .heading-3 {
    font-size: 30px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .heading-3 {
    font-size: 26px; } }

@media only screen and (max-width: 767px) {
  .heading-3 {
    font-size: 26px; } }

@media only screen and (max-width: 575px) {
  .heading-3 {
    font-size: 23px; } }

/*--------------------------
// Subtitle Defult
------------------------------*/
.subtitle {
  font-size: 16px;
  color: #494849;
  font-family: "Poppins", sans-serif;
  margin: 5px 0;
  line-height: 30px; }

@media only screen and (max-width: 767px) {
  .subtitle {
    font-size: 14px;
    line-height: 25px; } }

.subtitle-2 {
  color: #322242;
  font-weight: 500; }

.subtitle-3 {
  color: #494849;
  font-weight: 500;
  margin-bottom: 5px; }

/*--------------------------
// Heading  Css
------------------------------*/
.ht-heading {
  z-index: 1; }

.ht-heading.center-icon img {
  position: absolute;
  top: 47%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  z-index: -1; }

.ht-heading .heading-bg-text {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: -1;
  color: #f1f1f1;
  font-size: 80px;
  font-weight: 800;
  line-height: 28px;
  margin: 0;
  width: 100%;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase; }

.ht-heading .heading-bg-text.heading-bg--textleft {
  text-align: left; }

.ht-heading .heading-bg-text.heading-bg--textright {
  text-align: right; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ht-heading .heading-bg-text {
    font-size: 60px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ht-heading .heading-bg-text {
    font-size: 50px; } }

@media only screen and (max-width: 767px) {
  .ht-heading .heading-bg-text {
    font-size: 40px; } }

.ht-heading .middle-align-border {
  position: relative;
  display: inline-block;
  padding: 0 10.5%; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ht-heading .middle-align-border {
    padding: 0 14.5%; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ht-heading .middle-align-border {
    padding: 0 17.5%; } }

@media only screen and (max-width: 767px) {
  .ht-heading .middle-align-border {
    padding: 0 12.5%; } }

@media only screen and (max-width: 575px) {
  .ht-heading .middle-align-border {
    padding: 0; } }

.ht-heading .middle-align-border::before {
  position: absolute;
  content: "";
  left: 0;
  width: 100px;
  height: 3px;
  background: #412e51;
  top: 50%; }

@media only screen and (max-width: 767px) {
  .ht-heading .middle-align-border::before {
    width: 50px; } }

@media only screen and (max-width: 575px) {
  .ht-heading .middle-align-border::before {
    display: none; } }

.ht-heading .middle-align-border::after {
  position: absolute;
  content: "";
  right: 0;
  width: 100px;
  height: 3px;
  background: #412e51;
  top: 50%; }

@media only screen and (max-width: 767px) {
  .ht-heading .middle-align-border::after {
    width: 50px; } }

@media only screen and (max-width: 575px) {
  .ht-heading .middle-align-border::after {
    display: none; } }

.ht-heading .heading-bg-img {
  line-height: 57px;
  margin-bottom: 3px;
  background: url(img/icons/heading-bg.jpg) repeat-y;
  -webkit-background-clip: text;
  background-clip: text;
  /* Animate Background Image */
  -webkit-text-fill-color: transparent;
  -webkit-animation: heading-animation-1 80s linear infinite;
  /* Activate smoother animations */
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden; }

@media only screen and (max-width: 767px) {
  .ht-heading .heading-bg-img {
    line-height: 1.2; } }

.ht-heading p.heading-border-bottom {
  position: relative;
  padding-bottom: 8px;
  margin-bottom: 12px; }

.ht-heading p.heading-border-bottom::before {
  position: absolute;
  content: "";
  bottom: 0;
  width: 70px;
  height: 2px;
  background: #18012c;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%); }

.ht-heading.heading-border-left {
  position: relative; }

.ht-heading.heading-border-left::before {
  position: absolute;
  content: "";
  left: 0;
  height: 70px;
  width: 5px;
  background: #18012c;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }

@media only screen and (max-width: 575px) {
  .ht-heading.heading-border-left::before {
    height: 50px; } }

.ht-heading.heading-border-right {
  position: relative; }

.ht-heading.heading-border-right::before {
  position: absolute;
  content: "";
  right: 0;
  height: 70px;
  width: 5px;
  background: #18012c;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }

@media only screen and (max-width: 575px) {
  .ht-heading.heading-border-right::before {
    height: 50px; } }

.ht-heading.heading-style-5 p.subtitle {
  font-weight: 500; }

/*----------------------------
    Animate Background Image
----------------------------*/
@-webkit-keyframes heading-animation-1 {
  0% {
    background-position: 0% 50%; }
  100% {
    background-position: 100% 50%; } }

@keyframes heading-animation-1 {
  0% {
    background-position: 0% 50%; }
  100% {
    background-position: 100% 50%; } }

/**************************************
	Template Styles
***************************************/
/*----------------------
 * Header
-----------------------*/
.header--transparant {
  position: absolute;
  left: 0;
  right: 0;
  top: 40px; }

.mainmenu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center; }

.mainmenu li {
  margin: 0 15px; }

.mainmenu li a {
  color: #ffffff;
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase; }

.bradcaump_area {
  display: -ms-flexbox;
  display: flex;
  height: 300px;
  -ms-flex-align: center;
      align-items: center;
  padding-top: 78px; }

.bradcaump_area .bradcaump-title {
  font-weight: 600;
  color: #ffffff; }

/**
 * Section Title
 */
.wp-block-htblocks-progress-bar {
  /* indicator 3 */
  /*color change*/ }
  .wp-block-htblocks-progress-bar.align-center .single-skill {
    float: none;
    margin: 0 auto; }
  .wp-block-htblocks-progress-bar.align-right .single-skill {
    float: right; }
  .wp-block-htblocks-progress-bar .progress span.percent-label {
    width: 33px;
    height: 19px;
    margin: 0px 0px 0px -25px;
    font-size: 12px;
    font-weight: 500;
    line-height: 19px;
    text-align: center; }
  .wp-block-htblocks-progress-bar .progress.indicator-label--2 span.percent-label::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid transparent;
    position: absolute;
    top: 100%;
    margin-left: -3px;
    left: 50%;
    -webkit-transform: skewX(36deg);
        -ms-transform: skewX(36deg);
            transform: skewX(36deg); }
  .wp-block-htblocks-progress-bar .progress.indicator--2 .progress-bar::after {
    position: absolute;
    content: "";
    border: 4px solid transparent;
    width: 24px;
    height: 24px;
    right: -1px;
    border-radius: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); }
  .wp-block-htblocks-progress-bar .progress.indicator--3 .progress-bar {
    position: relative; }
  .wp-block-htblocks-progress-bar .progress.indicator--3 .progress-bar::after {
    position: absolute;
    content: "";
    width: 14px;
    height: 14px;
    right: -1px;
    border-radius: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); }
  .wp-block-htblocks-progress-bar .progress.indicator-label--2 span.percent-label {
    background: black;
    color: white; }
  .wp-block-htblocks-progress-bar .progress.indicator-label--2 span.percent-label::after {
    border-top-color: black; }
  .wp-block-htblocks-progress-bar .progress.indicator--2 .progress-bar::after {
    background: white;
    border-color: red; }
  .wp-block-htblocks-progress-bar .progress.indicator--3 .progress-bar::after {
    background: black; }

/*------------------------------------------------
    // Progress label position
 ----------------------------------------------*/
.progress.indicator-label--1 span.percent-label,
.progress.indicator-label--2 span.percent-label {
  position: absolute;
  right: 0;
  top: -45px; }

.progress.progress-label-bottom span.percent-label {
  position: absolute;
  right: 0;
  bottom: -29px;
  z-index: 3;
  top: auto; }

.progress.indicator-label--3 span.percent-label {
  position: absolute;
  right: 50px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }

/*------------------------------------------------
    // Progress label Style
 ----------------------------------------------*/
.progress span.percent-label {
  color: #000; }

.progress.font-medium span.percent-label {
  color: #ffffff;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  font-size: 18px; }

.progress.progress-label-2 span.percent-label.label-color-2 {
  background-color: #5b9fd0; }

.progress.progress-label-2 span.percent-label.label-color-2::after {
  border-top: 5px solid #5b9fd0; }

.progress.progress-label-2 span.percent-label.label-color-3 {
  background-color: #ff3400; }

.progress.progress-label-2 span.percent-label.label-color-3::after {
  border-top: 5px solid #ff3400; }

.progress.progress-label-2 span.percent-label.label-color-4 {
  background-color: #ff7b06; }

.progress.progress-label-2 span.percent-label.label-color-4::after {
  border-top: 5px solid #ff7b06; }

.progress.progress-label-2 span.percent-label.label-color-5 {
  background-color: #f13f4b; }

.progress.progress-label-2 span.percent-label.label-color-5::after {
  border-top: 5px solid #f13f4b; }

.progress.progress-label-3 span.percent-label {
  width: 40px;
  height: 20px;
  margin: 0px 0px 0px -25px;
  background-color: #18012c;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  line-height: 20px; }

.progress.progress-label-3 span.percent-label::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #18012c;
  position: absolute;
  top: 100%;
  margin-left: -6px;
  left: 50%; }

.progress.progress-label-3 span.percent-label.label-color-2 {
  background-color: #5b9fd0; }

.progress.progress-label-3 span.percent-label.label-color-2::after {
  border-top: 5px solid #5b9fd0; }

.progress.progress-label-3 span.percent-label.label-color-3 {
  background-color: #ff3400; }

.progress.progress-label-3 span.percent-label.label-color-3::after {
  border-top: 5px solid #ff3400; }

.progress.progress-label-3 span.percent-label.label-color-4 {
  background-color: #ff7b06; }

.progress.progress-label-3 span.percent-label.label-color-4::after {
  border-top: 5px solid #ff7b06; }

.progress.progress-label-3 span.percent-label.label-color-5 {
  background-color: #f13f4b; }

.progress.progress-label-3 span.percent-label.label-color-5::after {
  border-top: 5px solid #f13f4b; }

/*------------------------------------------------
    // Progress radious Style
 ----------------------------------------------*/
.progress-radious-0 {
  border-radius: 0; }

.progress-radious-0 .progress-bar {
  border-radius: 0; }

.progress-radious-3 {
  border-radius: 3px; }

.progress-radious-3 .progress-bar {
  border-radius: 3px; }

.progress-radious-5 {
  border-radius: 5px; }

.progress-radious-5 .progress-bar {
  border-radius: 5px; }

/*------------------------------------------------
    // Progress Indicator Style
 ----------------------------------------------*/
.progress.progress-indicator-1 .progress-bar {
  position: relative; }

.progress.progress-indicator-1 .progress-bar::after {
  position: absolute;
  content: "";
  border: 4px solid #18012c;
  width: 24px;
  height: 24px;
  right: -1px;
  border-radius: 100%;
  background: #fff; }

.progress.progress-indicator-1 .progress-bar.progress-bar-bg--7::after {
  border: 4px solid #f13f4b; }

/*------------------------------
        Progress Css
     -------------------------------*/
.progress-height-4 {
  height: 4px; }

.progress-height-4 .progress-bar {
  height: 4px; }

.progress-height-5 {
  height: 5px; }

.progress-height-5 .progress-bar {
  height: 5px; }

.progress-height-6 {
  height: 6px; }

.progress-height-6 .progress-bar {
  height: 6px; }

.progress-height-8 {
  height: 8px; }

.progress-height-8 .progress-bar {
  height: 8px; }

.progress-height-34 {
  height: 34px; }

.progress-height-34 .progress-bar {
  height: 34px; }

.progress-height-77 {
  height: 77px; }

.progress-height-77 .progress-bar {
  height: 77px; }

.single-skill {
  margin-top: 14px;
  overflow: hidden;
  padding-bottom: 23px; }

.single-skill p {
  font-family: "Montserrat", sans-serif;
  color: #666666;
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 17px; }

.single-skill .progress {
  overflow: visible; }

.single-skill .progress .progress-bar {
  position: relative; }

.single-skill.progress-bar-vertical {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  overflow-y: hidden; }

.progress-bar-vertical {
  position: relative;
  padding-top: 41px; }

.progress-bar-vertical .progress {
  width: 100%;
  padding-top: 40px;
  min-height: 390px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end;
  background: transparent;
  overflow: hidden; }

.progress-bar-vertical .progress .progress-bar {
  width: 100%;
  height: 0;
  -webkit-transition: height 0.6s ease;
  -o-transition: height 0.6s ease;
  transition: height 0.6s ease; }

.progress-bar-vertical p {
  color: #666666;
  font-size: 16px;
  font-weight: 500;
  margin-top: 13px;
  margin-bottom: 0;
  display: block; }

.progress-bar-vertical span {
  position: absolute;
  top: -36px;
  color: #383838;
  font-size: 25px;
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%); }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.edit-post-visual-editor .components-base-control__help {
  margin-top: 0;
  font-size: 13px; }

.edit-post-visual-editor .components-base-control {
  margin-bottom: 10px; }

.wp-block-columns {
  margin-right: -15px;
  margin-left: -15px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.wp-block-columns.has-1-columns .wp-block-column {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%; }

.wp-block-columns.has-2-columns .wp-block-column {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%; }

.wp-block-columns.has-3-columns .wp-block-column {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%; }

.wp-block-columns.has-4-columns .wp-block-column {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%; }

.wp-block-columns .wp-block-column {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

/*-- Padding Top Bottom --*/
.section-ptb-xl {
  padding: 100px 0; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-ptb-xl {
    padding: 80px 0; } }

@media only screen and (max-width: 767px) {
  .section-ptb-xl {
    padding: 70px 0; } }

@media only screen and (max-width: 575px) {
  .section-ptb-xl {
    padding: 60px 0; } }

/*--------------------------------
    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-image: url(img/bg/bg-image-1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--2 {
  background-image: url(img/bg/bg-image-2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--3 {
  background-image: url(img/bg/bg-image-3.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--4 {
  background-image: url(img/bg/bg-image-4.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--5 {
  background-image: url(img/bg/bg-image-5.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--6 {
  background-image: url(img/bg/bg-image-6.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--7 {
  background-image: url(img/bg/bg-image-7.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--8 {
  background-image: url(img/bg/bg-image-8.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--9 {
  background-image: url(img/bg/bg-image-9.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--10 {
  background-image: url(img/bg/bg-image-10.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--11 {
  background-image: url(img/bg/bg-image-11.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--12 {
  background-image: url(img/bg/bg-image-12.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--13 {
  background-image: url(img/bg/bg-image-13.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--14 {
  background-image: url(img/bg/bg-image-14.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--15 {
  background-image: url(img/bg/bg-image-15.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--16 {
  background-image: url(img/bg/bg-image-16.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--17 {
  background-image: url(img/bg/bg-image-17.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--18 {
  background-image: url(img/bg/bg-image-18.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--19 {
  background-image: url(img/bg/bg-image-19.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--20 {
  background-image: url(img/bg/bg-image-20.jpg);
  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; } }

/*--------------------------
	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;
  -o-object-fit: cover;
     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 {
  background-image: url(img/button/button-bg-1.jpg);
  border-style: none;
  background-repeat: no-repeat; }

.button-bg-image--2 {
  background-image: url(img/button/button-bg-2.jpg);
  border-style: none;
  background-repeat: no-repeat; }

.button-bg-image--3 {
  background-image: url(img/button/button-bg-3.jpg);
  border-style: none;
  background-repeat: no-repeat; }

.button-bg-image--4 {
  background-image: url(img/button/button-bg-4.jpg);
  border-style: none;
  background-repeat: no-repeat; }

.button-bg-image--5 {
  background-image: url(img/button/button-bg-5.jpg);
  border-style: none;
  background-repeat: no-repeat; }

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

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

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

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

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

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

.button-size .button-holder {
  -ms-flex-positive: inherit;
      flex-grow: inherit;
  -ms-flex-preferred-size: 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 {
  -ms-flex-positive: inherit;
      flex-grow: inherit;
  -ms-flex-preferred-size: inherit;
      flex-basis: inherit; }

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

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

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

.ht-btn--2.button-shadow {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.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; }

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

.ht-btn--2 span.button-with-icon {
  padding: 0 36px;
  color: #fff; }

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

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

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

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

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

.ht-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); } }

/*-------------------
 * Section Title
----------------------*/
.section-title {
  font-size: 24px;
  font-weight: 600;
  margin: 0;
  display: inline-block;
  border-bottom: 2px solid #18012c;
  margin-bottom: 20px; }

/*-----------------------------
    Accordion Style
------------------------------*/
/*---------------------------
    Accordion Style Two 
-------------------------*/
.panel-group {
  width: 570px;
  margin: 0 auto; }

.accordion-style-1 .panel-default.accordion-boxshadow {
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); }

.accordion-style-1 .container {
  max-width: 688px; }

.accordion-style-1 .panel-default {
  margin-bottom: 11px; }

.accordion-style-1 .panel-default .panel-heading {
  background-color: #fff;
  border-color: #fff;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.accordion-style-1 .panel-default .panel-heading.bg-gray {
  background-color: #f4f4f4;
  border-color: #f4f4f4; }

.accordion-style-1 .panel-default .panel-heading.bg-gray h4 a {
  color: #18012c; }

.accordion-style-1 .panel-default .panel-heading h4 {
  font-size: 14px;
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: 600; }

.accordion-style-1 .panel-default .panel-heading h4 a {
  display: block;
  padding: 22px 43px 22px 30px;
  color: #18012c;
  position: relative; }

.accordion-style-1 .panel-default .panel-heading h4 a::after {
  position: absolute;
  top: 50%;
  display: inline-block;
  font-style: normal;
  font-weight: 400;
  transition: -webkit-transform 0.5s linear;
  -o-transition: transform 0.5s linear;
  transition: transform 0.5s linear;
  transition: transform 0.5s linear, -webkit-transform 0.5s linear;
  -webkit-transition: -webkit-transform 0.5s linear;
  content: "\f068";
  font-family: FontAwesome;
  color: #18012c;
  position: absolute;
  right: 30px;
  font-size: 15px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }

.accordion-style-1 .panel-default .panel-heading h4 a.icon-left.icon-square::after {
  border-radius: 0; }

.accordion-style-1 .panel-default .panel-heading h4 a.icon-left.icon-bg-gray::after {
  background: #f4f4f4; }

.accordion-style-1 .panel-default .panel-heading h4 a.icon-left.bg-transparent {
  padding: 22px 15px 22px 79px; }

.accordion-style-1 .panel-default .panel-heading h4 a.icon-left.bg-transparent::after {
  left: 0;
  width: 60px;
  background: transparent;
  height: 100%;
  line-height: 65px;
  border-radius: 0; }

.accordion-style-1 .panel-default .panel-heading h4 a.collapsed::after {
  content: "\f067"; }

.accordion-style-1 .panel-default .panel-collapse {
  padding: 32px 30px; }

.accordion-style-1 .panel-default .panel-collapse.bg-transparant {
  background: transparent; }

.accordion-style-1 .panel-default .panel-collapse.panel-body-with-border {
  border-left: 1px solid #18012c;
  border-bottom: 1px solid #18012c;
  border-right: 1px solid #18012c; }

.accordion-style-1 .panel-default .panel-collapse .panel-body {
  font-size: 14px;
  line-height: 28px;
  font-family: 'Poppins', sans-serif; }

.accordion-style-1 .panel-default .panel-collapse.border-left {
  background: transparent;
  padding: 15px;
  margin-left: 31px;
  margin-bottom: -10px; }

.accordion-style-1 .panel-default.round-shape .panel-collapse.border-left {
  padding: 40px;
  padding-left: 32px; }

/*------------------------------
    Accordion With Gallery
--------------------------------*/
ul.gallery-sm-img {
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0;
  -ms-flex-pack: center;
      justify-content: center;
  list-style: none;
  margin-top: 14px; }

ul.gallery-sm-img li {
  margin: 0 3px; }

/*---------------------------
    Accordion Style Three
-------------------------*/
.gallery-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  width: 100%;
  height: 70vh; }

.gallery-wrap .item {
  -ms-flex: 1;
      flex: 1;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: none;
  -webkit-transition: flex 0.8s ease;
  -o-transition: flex 0.8s ease;
  transition: flex 0.8s ease;
  transition: flex 0.8s ease, -ms-flex 0.8s ease; }

.gallery-wrap .item:hover {
  -ms-flex: 7;
      flex: 7; }

.gallery-wrap .item.item-1 {
  background-image: url("img/gallery/gallery-c1.jpg"); }

.gallery-wrap .item.item-2 {
  background-image: url("img/gallery/gallery-c2.jpg"); }

.gallery-wrap .item.item-3 {
  background-image: url("img/gallery/gallery-c3.jpg"); }

.gallery-wrap .item.item-4 {
  background-image: url("img/gallery/gallery-c4.jpg"); }

.gallery-wrap .item.item-5 {
  background-image: url("img/gallery/gallery-c5.jpg"); }

/*---------------------------
    Accordion Style Four 
-------------------------*/
ul.accordion--4 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -ms-flexbox;
  display: flex;
  text-align: center !important;
  -ms-flex-pack: center;
      justify-content: center;
  margin-top: 40px; }

ul.accordion--4 li {
  width: 115px;
  height: 480px;
  display: block;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  -webkit-box-shadow: 1px 3px 15px #555;
  box-shadow: 1px 3px 15px #555; }

ul.accordion--4 li.bg1 {
  background-image: url(img/gallery/gallery-d1.jpg); }

ul.accordion--4 li.bg2 {
  background-image: url(img/gallery/gallery-d2.jpg); }

ul.accordion--4 li.bg3 {
  background-image: url(img/gallery/gallery-d3.jpg); }

ul.accordion--4 li.bg4 {
  background-image: url(img/gallery/gallery-d4.jpg); }

ul.accordion--4 li.bg5 {
  background-image: url(img/gallery/gallery-d5.jpg); }

ul.accordion--4 li.bg6 {
  background-image: url(img/gallery/gallery-d6.jpg); }

ul.accordion--4 li.bleft {
  border-left: 2px solid #fff; }

ul.accordion--4 li .heading {
  background-color: #fff;
  padding: 10px;
  margin-top: 60px;
  text-transform: capitalize;
  font-weight: 500;
  font-size: 18px;
  text-align: center;
  color: #18012c; }

ul.accordion--4 li .description {
  position: absolute;
  height: 175px;
  bottom: 60px;
  left: 0px;
  display: none;
  width: 100%; }

ul.accordion--4 li .description h2 {
  color: #18012c;
  font-size: 30px; }

ul.accordion--4 li .description p {
  margin: 10px 22px;
  font-size: 14px;
  line-height: 28px;
  color: #18012c; }

ul.accordion--4 li .description a {
  position: absolute;
  bottom: 5px;
  left: 20px;
  text-transform: uppercase;
  font-style: normal;
  font-size: 11px;
  text-decoration: none;
  color: #888; }

ul.accordion--4 li .description a:hover {
  color: #333;
  text-decoration: underline; }

ul.accordion--4 li .bgDescription {
  background: transparent url(img/gallery/bgDescription.png) repeat-x top left;
  height: 340px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  display: none; }

/*---------------------------
    Accordion Style Five 
-------------------------*/
.accor_wrapper {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  background: #000; }

.accordion--5 {
  position: relative;
  margin: 40px auto 0 auto; }

.accordion--5 .single_accordion {
  cursor: pointer;
  position: absolute;
  width: 100%;
  left: 0px;
  overflow: hidden;
  text-align: center;
  z-index: 2; }

.accordion--5 .single_accordion::before {
  position: absolute;
  content: "";
  background: #000000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  z-index: -1; }

.accordion--5 .single_accordion .va-title {
  text-transform: uppercase;
  font-size: 40px;
  margin-left: 20px;
  color: #ffffff;
  display: inline-block; }

.accordion--5 .single_accordion .va-title p {
  font-size: 22px;
  font-style: italic;
  font-family: Georgia, serif; }

.accordion--5 .single_accordion .va-content {
  display: none;
  margin-left: 0;
  padding: 0 23%;
  margin-top: -36px; }

.accordion--5 .single_accordion .va-content p {
  color: #ffffff;
  font-size: 14px;
  line-height: 28px; }

.accor_wrapper .bg-1 {
  background: #000 url(img/gallery/gallery-e1.jpg) no-repeat center center;
  background-size: cover; }

.accor_wrapper .bg-2 {
  background: #000 url(img/gallery/gallery-e2.jpg) no-repeat center center;
  background-size: cover; }

.accor_wrapper .bg-3 {
  background: #000 url(img/gallery/gallery-e3.jpg) no-repeat center center;
  background-size: cover; }

.accor_wrapper .bg-4 {
  background: #000 url(img/gallery/gallery-e4.jpg) no-repeat center center;
  background-size: cover; }

.accor_wrapper .bg-5 {
  background: #000 url(img/gallery/gallery-e5.jpg) no-repeat center center;
  background-size: cover; }

.accor_wrapper .bg-6 {
  background: #000 url(img/gallery/gallery-e6.jpg) no-repeat center center;
  background-size: cover; }

.accor_wrapper .bg-7 {
  background: #000 url(img/gallery/gallery-e1.jpg) no-repeat center center;
  background-size: cover; }

/*--------------------------
    Heading Style
------------------------------*/
/*--------------------------
// Heading Defult
------------------------------*/
.heading-1 {
  color: #18012c;
  font-size: 48px;
  line-height: 1;
  font-family: "Montserrat", sans-serif;
  font-weight: 700; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .heading-1 {
    font-size: 42px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .heading-1 {
    font-size: 38px; } }

@media only screen and (max-width: 767px) {
  .heading-1 {
    font-size: 32px; } }

@media only screen and (max-width: 575px) {
  .heading-1 {
    font-size: 23px; } }

.heading-2 {
  color: #18012c;
  font-size: 36px;
  line-height: 1;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  margin-bottom: 8px; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .heading-2 {
    font-size: 30px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .heading-2 {
    font-size: 26px; } }

@media only screen and (max-width: 767px) {
  .heading-2 {
    font-size: 26px; } }

@media only screen and (max-width: 575px) {
  .heading-2 {
    font-size: 23px; } }

.heading-3 {
  color: #18012c;
  font-size: 36px;
  line-height: 1;
  font-family: "Montserrat", sans-serif;
  font-weight: 700; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .heading-3 {
    font-size: 30px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .heading-3 {
    font-size: 26px; } }

@media only screen and (max-width: 767px) {
  .heading-3 {
    font-size: 26px; } }

@media only screen and (max-width: 575px) {
  .heading-3 {
    font-size: 23px; } }

/*--------------------------
// Subtitle Defult
------------------------------*/
.subtitle {
  font-size: 16px;
  color: #494849;
  font-family: "Poppins", sans-serif;
  margin: 5px 0;
  line-height: 30px; }

@media only screen and (max-width: 767px) {
  .subtitle {
    font-size: 14px;
    line-height: 25px; } }

.subtitle-2 {
  color: #322242;
  font-weight: 500; }

.subtitle-3 {
  color: #494849;
  font-weight: 500;
  margin-bottom: 5px; }

/*--------------------------
// Heading  Css
------------------------------*/
.ht-heading {
  z-index: 1; }

.ht-heading.center-icon img {
  position: absolute;
  top: 47%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  z-index: -1; }

.ht-heading .heading-bg-text {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: -1;
  color: #f1f1f1;
  font-size: 80px;
  font-weight: 800;
  line-height: 28px;
  margin: 0;
  width: 100%;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase; }

.ht-heading .heading-bg-text.heading-bg--textleft {
  text-align: left; }

.ht-heading .heading-bg-text.heading-bg--textright {
  text-align: right; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ht-heading .heading-bg-text {
    font-size: 60px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ht-heading .heading-bg-text {
    font-size: 50px; } }

@media only screen and (max-width: 767px) {
  .ht-heading .heading-bg-text {
    font-size: 40px; } }

.ht-heading .middle-align-border {
  position: relative;
  display: inline-block;
  padding: 0 10.5%; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ht-heading .middle-align-border {
    padding: 0 14.5%; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ht-heading .middle-align-border {
    padding: 0 17.5%; } }

@media only screen and (max-width: 767px) {
  .ht-heading .middle-align-border {
    padding: 0 12.5%; } }

@media only screen and (max-width: 575px) {
  .ht-heading .middle-align-border {
    padding: 0; } }

.ht-heading .middle-align-border::before {
  position: absolute;
  content: "";
  left: 0;
  width: 100px;
  height: 3px;
  background: #412e51;
  top: 50%; }

@media only screen and (max-width: 767px) {
  .ht-heading .middle-align-border::before {
    width: 50px; } }

@media only screen and (max-width: 575px) {
  .ht-heading .middle-align-border::before {
    display: none; } }

.ht-heading .middle-align-border::after {
  position: absolute;
  content: "";
  right: 0;
  width: 100px;
  height: 3px;
  background: #412e51;
  top: 50%; }

@media only screen and (max-width: 767px) {
  .ht-heading .middle-align-border::after {
    width: 50px; } }

@media only screen and (max-width: 575px) {
  .ht-heading .middle-align-border::after {
    display: none; } }

.ht-heading .heading-bg-img {
  line-height: 57px;
  margin-bottom: 3px;
  background: url(img/icons/heading-bg.jpg) repeat-y;
  -webkit-background-clip: text;
  background-clip: text;
  /* Animate Background Image */
  -webkit-text-fill-color: transparent;
  -webkit-animation: heading-animation-1 80s linear infinite;
  /* Activate smoother animations */
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden; }

@media only screen and (max-width: 767px) {
  .ht-heading .heading-bg-img {
    line-height: 1.2; } }

.ht-heading p.heading-border-bottom {
  position: relative;
  padding-bottom: 8px;
  margin-bottom: 12px; }

.ht-heading p.heading-border-bottom::before {
  position: absolute;
  content: "";
  bottom: 0;
  width: 70px;
  height: 2px;
  background: #18012c;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%); }

.ht-heading.heading-border-left {
  position: relative; }

.ht-heading.heading-border-left::before {
  position: absolute;
  content: "";
  left: 0;
  height: 70px;
  width: 5px;
  background: #18012c;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }

@media only screen and (max-width: 575px) {
  .ht-heading.heading-border-left::before {
    height: 50px; } }

.ht-heading.heading-border-right {
  position: relative; }

.ht-heading.heading-border-right::before {
  position: absolute;
  content: "";
  right: 0;
  height: 70px;
  width: 5px;
  background: #18012c;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }

@media only screen and (max-width: 575px) {
  .ht-heading.heading-border-right::before {
    height: 50px; } }

.ht-heading.heading-style-5 p.subtitle {
  font-weight: 500; }

/*----------------------------
    Animate Background Image
----------------------------*/
@-webkit-keyframes heading-animation-1 {
  0% {
    background-position: 0% 50%; }
  100% {
    background-position: 100% 50%; } }

@keyframes heading-animation-1 {
  0% {
    background-position: 0% 50%; }
  100% {
    background-position: 100% 50%; } }

/**************************************
	Template Styles
***************************************/
/*----------------------
 * Header
-----------------------*/
.header--transparant {
  position: absolute;
  left: 0;
  right: 0;
  top: 40px; }

.mainmenu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center; }

.mainmenu li {
  margin: 0 15px; }

.mainmenu li a {
  color: #ffffff;
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase; }

.bradcaump_area {
  display: -ms-flexbox;
  display: flex;
  height: 300px;
  -ms-flex-align: center;
      align-items: center;
  padding-top: 78px; }

.bradcaump_area .bradcaump-title {
  font-weight: 600;
  color: #ffffff; }

/**
 * Section Title
 */
.wp-block-htblocks-countdown {
  /*==========================
        CountDown Style
    ==========================*/
  /*------------------------
        CountDown Style One
    -------------------------*/
  /*------------------------
        CountDown Style 2
    -------------------------*/
  /*------------------------
        CountDown Style 3
    -------------------------*/
  /*------------------------
        CountDown Style 4
    -------------------------*/
  /*--------------------------
        CountDown Style 5
    ----------------------------*/
  /*--------------------------
        CountDown Style 6
    ---------------------------*/
  /*--------------------------
        CountDown Style 7
    ----------------------------*/
  /*color change*/
  /* border color
    .countdown-style-1 span.ht-count{
      border-color: red;
    } 

    .countdown-style-1 .countbox span.time-count{
      color: red;
    }
    .countdown-style-1 .countbox span span.count-inner p{
      color:red;
    }
    .countbox .ht-count::before{
      color:red;
    }
    */ }
  .wp-block-htblocks-countdown.align-center .single-skill {
    float: none;
    margin: 0 auto; }
  .wp-block-htblocks-countdown.align-right .single-skill {
    float: right; }
  .wp-block-htblocks-countdown .countbox {
    text-align: center; }
  .wp-block-htblocks-countdown .countbox .ht-count {
    display: inline-block;
    position: relative;
    margin: 0 22px; }
  .wp-block-htblocks-countdown .countbox .ht-count::before {
    position: absolute;
    content: ":";
    right: -26px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #5e5b60;
    font-size: 55px; }
  .wp-block-htblocks-countdown .countbox .ht-count:last-child::before {
    display: none; }
  .wp-block-htblocks-countdown .countdown-style-1 span.ht-count {
    padding: 28px 0px;
    border: 2px solid #18012c;
    border-radius: 10px;
    width: 139px;
    text-align: center; }
  .wp-block-htblocks-countdown .countdown-style-1 .countbox span.time-count {
    color: #242424;
    font-size: 36px;
    line-height: 24px;
    font-weight: 500;
    display: block;
    padding-bottom: 27px;
    margin-bottom: 27px;
    position: relative;
    font-family: "Montserrat", sans-serif; }
  .wp-block-htblocks-countdown .countdown-style-1 .countbox span.time-count::before {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(82, 65, 97, 0)), color-stop(40%, rgba(82, 65, 97, 0.8)), color-stop(60%, rgba(82, 65, 97, 0.8)), to(rgba(82, 65, 97, 0)));
    background-image: -webkit-linear-gradient(left, rgba(82, 65, 97, 0), rgba(82, 65, 97, 0.8) 40%, rgba(82, 65, 97, 0.8) 60%, rgba(82, 65, 97, 0));
    background-image: -o-linear-gradient(left, rgba(82, 65, 97, 0), rgba(82, 65, 97, 0.8) 40%, rgba(82, 65, 97, 0.8) 60%, rgba(82, 65, 97, 0));
    background-image: linear-gradient(to right, rgba(82, 65, 97, 0), rgba(82, 65, 97, 0.8) 40%, rgba(82, 65, 97, 0.8) 60%, rgba(82, 65, 97, 0));
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 84% auto;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    bottom: 0;
    width: 100%; }
  .wp-block-htblocks-countdown .countdown-style-1 .countbox span span.count-inner p {
    color: #242424;
    font-size: 30px;
    line-height: 24px;
    font-weight: 400;
    margin: 0; }
  .wp-block-htblocks-countdown .countdown-style-2 .ht-count {
    width: 160px;
    height: 160px;
    border: 1px solid #18012c;
    border-radius: 100%;
    overflow: hidden; }
  .wp-block-htblocks-countdown .countdown-style-2 .ht-count span.count-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    height: 100%;
    overflow: hidden !important;
    border-radius: 100%; }
  .wp-block-htblocks-countdown .countdown-style-2 span.count-inner .time-count {
    height: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    color: #242424;
    font-size: 36px;
    font-weight: 500;
    padding-top: 10px;
    font-family: "Montserrat", sans-serif; }
  .wp-block-htblocks-countdown .countdown-style-2 .ht-count span.count-inner p {
    height: 50%;
    margin: 0;
    background: #18012c;
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    color: #ffffff;
    font-size: 24px;
    font-weight: 500;
    padding-bottom: 10px; }
  .wp-block-htblocks-countdown .countdown-style-3 span.ht-count {
    height: 160px;
    width: 190px;
    background: #fff;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
  .wp-block-htblocks-countdown .countdown-style-3 span.count-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    height: 100%; }
  .wp-block-htblocks-countdown .countdown-style-3 span.count-inner .time-count {
    color: #18012c;
    font-size: 60px;
    line-height: 24px;
    display: block;
    font-weight: 800;
    padding-bottom: 20px;
    font-family: "Montserrat", sans-serif; }
  .wp-block-htblocks-countdown .countdown-style-3 span.count-inner p {
    margin: 0;
    color: #18012c;
    font-size: 30px;
    line-height: 24px;
    font-weight: 400;
    margin-top: 17px; }
  .wp-block-htblocks-countdown .countdown-style-4 .ht-count {
    margin: 0 15px; }
  .wp-block-htblocks-countdown .countdown-style-4 .ht-count::before {
    display: none; }
  .wp-block-htblocks-countdown .countdown-style-4 .count-inner .time-count {
    display: inline-block;
    color: #18012c;
    font-size: 60px;
    font-weight: 800;
    padding-right: 9px;
    line-height: 1;
    font-family: "Montserrat", sans-serif; }
  .wp-block-htblocks-countdown .countdown-style-4 .count-inner p {
    display: inline-block;
    color: #18012c;
    font-size: 24px;
    margin: 0;
    text-transform: uppercase;
    font-weight: 500; }
  .wp-block-htblocks-countdown .countdown-style-5 .countbox {
    position: relative;
    padding-top: 74px; }
  .wp-block-htblocks-countdown .countdown-style-5 .count-inner .time-count {
    font-size: 60px;
    color: #18012c;
    font-weight: 800;
    font-family: "Montserrat", sans-serif; }
  .wp-block-htblocks-countdown .countdown-style-5 .count-inner p {
    color: #18012c;
    font-size: 18px;
    font-weight: 500;
    margin: 0;
    margin-top: 6px; }
  .wp-block-htblocks-countdown .countdown-style-5 .ht-count::before {
    position: absolute;
    content: ":";
    right: -26px;
    line-height: 24px;
    top: 21%;
    -webkit-transform: inherit;
        -ms-transform: inherit;
            transform: inherit;
    color: #18012c;
    font-size: 48px; }
  .wp-block-htblocks-countdown .countdown-style-5 .ht-count.minutes::before {
    display: none; }
  .wp-block-htblocks-countdown .countdown-style-5 .ht-count.second {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    margin: 0; }
  .wp-block-htblocks-countdown .countdown-style-5 .ht-count.second p {
    display: none; }
  .wp-block-htblocks-countdown .countdown-style-5 .ht-count .count-inner {
    color: #18012c;
    font-size: 18px;
    line-height: 24px;
    text-transform: uppercase;
    font-weight: 500; }
  .wp-block-htblocks-countdown .countdown-style-5 span.ht-count.second .time-count {
    font-size: 80px; }
  .wp-block-htblocks-countdown .countdown-style-6 .countbox .ht-count::before {
    right: -26px;
    top: 23%;
    font-size: 47px; }
  .wp-block-htblocks-countdown .countdown-style-6 .count-inner p {
    display: none; }
  .wp-block-htblocks-countdown .countdown-style-6 .count-inner .time-count {
    font-size: 72px;
    line-height: 24px;
    font-weight: 800;
    color: #18012c; }
  .wp-block-htblocks-countdown .countdown-style-7 .ht-count {
    background: #18012c;
    color: #fff;
    height: 160px;
    width: 140px;
    border-radius: 10px; }
  .wp-block-htblocks-countdown .countdown-style-7 .count-inner {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center; }
  .wp-block-htblocks-countdown .countdown-style-7 .count-inner .time-count {
    height: 110px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    font-size: 48px;
    font-weight: 500;
    border-radius: 10px 10px 0 0;
    position: relative;
    z-index: 1; }
  .wp-block-htblocks-countdown .countdown-style-7 .count-inner .time-count::before {
    background: -webkit-gradient(linear, left top, right top, from(#ff6600), to(#ff0a00));
    background: -webkit-linear-gradient(left, #ff6600, #ff0a00);
    background: -o-linear-gradient(left, #ff6600, #ff0a00);
    background: linear-gradient(to right, #ff6600, #ff0a00);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: -1;
    border-radius: 7px 7px 0 0; }
  .wp-block-htblocks-countdown .countdown-style-7 .ht-count .count-inner p {
    color: #fff;
    margin: 0;
    height: 50px;
    line-height: 50px;
    font-size: 24px;
    font-weight: 500; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.edit-post-visual-editor .components-base-control__help {
  margin-top: 0;
  font-size: 13px; }

.edit-post-visual-editor .components-base-control {
  margin-bottom: 10px; }

.wp-block-columns {
  margin-right: -15px;
  margin-left: -15px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.wp-block-columns.has-1-columns .wp-block-column {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%; }

.wp-block-columns.has-2-columns .wp-block-column {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%; }

.wp-block-columns.has-3-columns .wp-block-column {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%; }

.wp-block-columns.has-4-columns .wp-block-column {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%; }

.wp-block-columns .wp-block-column {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

/*-- Padding Top Bottom --*/
.section-ptb-xl {
  padding: 100px 0; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-ptb-xl {
    padding: 80px 0; } }

@media only screen and (max-width: 767px) {
  .section-ptb-xl {
    padding: 70px 0; } }

@media only screen and (max-width: 575px) {
  .section-ptb-xl {
    padding: 60px 0; } }

/*--------------------------------
    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-image: url(img/bg/bg-image-1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--2 {
  background-image: url(img/bg/bg-image-2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--3 {
  background-image: url(img/bg/bg-image-3.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--4 {
  background-image: url(img/bg/bg-image-4.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--5 {
  background-image: url(img/bg/bg-image-5.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--6 {
  background-image: url(img/bg/bg-image-6.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--7 {
  background-image: url(img/bg/bg-image-7.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--8 {
  background-image: url(img/bg/bg-image-8.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--9 {
  background-image: url(img/bg/bg-image-9.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--10 {
  background-image: url(img/bg/bg-image-10.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--11 {
  background-image: url(img/bg/bg-image-11.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--12 {
  background-image: url(img/bg/bg-image-12.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--13 {
  background-image: url(img/bg/bg-image-13.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--14 {
  background-image: url(img/bg/bg-image-14.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--15 {
  background-image: url(img/bg/bg-image-15.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--16 {
  background-image: url(img/bg/bg-image-16.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--17 {
  background-image: url(img/bg/bg-image-17.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--18 {
  background-image: url(img/bg/bg-image-18.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--19 {
  background-image: url(img/bg/bg-image-19.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--20 {
  background-image: url(img/bg/bg-image-20.jpg);
  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; } }

/*--------------------------
	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;
  -o-object-fit: cover;
     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 {
  background-image: url(img/button/button-bg-1.jpg);
  border-style: none;
  background-repeat: no-repeat; }

.button-bg-image--2 {
  background-image: url(img/button/button-bg-2.jpg);
  border-style: none;
  background-repeat: no-repeat; }

.button-bg-image--3 {
  background-image: url(img/button/button-bg-3.jpg);
  border-style: none;
  background-repeat: no-repeat; }

.button-bg-image--4 {
  background-image: url(img/button/button-bg-4.jpg);
  border-style: none;
  background-repeat: no-repeat; }

.button-bg-image--5 {
  background-image: url(img/button/button-bg-5.jpg);
  border-style: none;
  background-repeat: no-repeat; }

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

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

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

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

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

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

.button-size .button-holder {
  -ms-flex-positive: inherit;
      flex-grow: inherit;
  -ms-flex-preferred-size: 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 {
  -ms-flex-positive: inherit;
      flex-grow: inherit;
  -ms-flex-preferred-size: inherit;
      flex-basis: inherit; }

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

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

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

.ht-btn--2.button-shadow {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.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; }

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

.ht-btn--2 span.button-with-icon {
  padding: 0 36px;
  color: #fff; }

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

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

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

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

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

.ht-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); } }

/*-------------------
 * Section Title
----------------------*/
.section-title {
  font-size: 24px;
  font-weight: 600;
  margin: 0;
  display: inline-block;
  border-bottom: 2px solid #18012c;
  margin-bottom: 20px; }

/*-----------------------------
    Accordion Style
------------------------------*/
/*---------------------------
    Accordion Style Two 
-------------------------*/
.panel-group {
  width: 570px;
  margin: 0 auto; }

.accordion-style-1 .panel-default.accordion-boxshadow {
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); }

.accordion-style-1 .container {
  max-width: 688px; }

.accordion-style-1 .panel-default {
  margin-bottom: 11px; }

.accordion-style-1 .panel-default .panel-heading {
  background-color: #fff;
  border-color: #fff;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.accordion-style-1 .panel-default .panel-heading.bg-gray {
  background-color: #f4f4f4;
  border-color: #f4f4f4; }

.accordion-style-1 .panel-default .panel-heading.bg-gray h4 a {
  color: #18012c; }

.accordion-style-1 .panel-default .panel-heading h4 {
  font-size: 14px;
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: 600; }

.accordion-style-1 .panel-default .panel-heading h4 a {
  display: block;
  padding: 22px 43px 22px 30px;
  color: #18012c;
  position: relative; }

.accordion-style-1 .panel-default .panel-heading h4 a::after {
  position: absolute;
  top: 50%;
  display: inline-block;
  font-style: normal;
  font-weight: 400;
  transition: -webkit-transform 0.5s linear;
  -o-transition: transform 0.5s linear;
  transition: transform 0.5s linear;
  transition: transform 0.5s linear, -webkit-transform 0.5s linear;
  -webkit-transition: -webkit-transform 0.5s linear;
  content: "\f068";
  font-family: FontAwesome;
  color: #18012c;
  position: absolute;
  right: 30px;
  font-size: 15px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }

.accordion-style-1 .panel-default .panel-heading h4 a.icon-left.icon-square::after {
  border-radius: 0; }

.accordion-style-1 .panel-default .panel-heading h4 a.icon-left.icon-bg-gray::after {
  background: #f4f4f4; }

.accordion-style-1 .panel-default .panel-heading h4 a.icon-left.bg-transparent {
  padding: 22px 15px 22px 79px; }

.accordion-style-1 .panel-default .panel-heading h4 a.icon-left.bg-transparent::after {
  left: 0;
  width: 60px;
  background: transparent;
  height: 100%;
  line-height: 65px;
  border-radius: 0; }

.accordion-style-1 .panel-default .panel-heading h4 a.collapsed::after {
  content: "\f067"; }

.accordion-style-1 .panel-default .panel-collapse {
  padding: 32px 30px; }

.accordion-style-1 .panel-default .panel-collapse.bg-transparant {
  background: transparent; }

.accordion-style-1 .panel-default .panel-collapse.panel-body-with-border {
  border-left: 1px solid #18012c;
  border-bottom: 1px solid #18012c;
  border-right: 1px solid #18012c; }

.accordion-style-1 .panel-default .panel-collapse .panel-body {
  font-size: 14px;
  line-height: 28px;
  font-family: 'Poppins', sans-serif; }

.accordion-style-1 .panel-default .panel-collapse.border-left {
  background: transparent;
  padding: 15px;
  margin-left: 31px;
  margin-bottom: -10px; }

.accordion-style-1 .panel-default.round-shape .panel-collapse.border-left {
  padding: 40px;
  padding-left: 32px; }

/*------------------------------
    Accordion With Gallery
--------------------------------*/
ul.gallery-sm-img {
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0;
  -ms-flex-pack: center;
      justify-content: center;
  list-style: none;
  margin-top: 14px; }

ul.gallery-sm-img li {
  margin: 0 3px; }

/*---------------------------
    Accordion Style Three
-------------------------*/
.gallery-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  width: 100%;
  height: 70vh; }

.gallery-wrap .item {
  -ms-flex: 1;
      flex: 1;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: none;
  -webkit-transition: flex 0.8s ease;
  -o-transition: flex 0.8s ease;
  transition: flex 0.8s ease;
  transition: flex 0.8s ease, -ms-flex 0.8s ease; }

.gallery-wrap .item:hover {
  -ms-flex: 7;
      flex: 7; }

.gallery-wrap .item.item-1 {
  background-image: url("img/gallery/gallery-c1.jpg"); }

.gallery-wrap .item.item-2 {
  background-image: url("img/gallery/gallery-c2.jpg"); }

.gallery-wrap .item.item-3 {
  background-image: url("img/gallery/gallery-c3.jpg"); }

.gallery-wrap .item.item-4 {
  background-image: url("img/gallery/gallery-c4.jpg"); }

.gallery-wrap .item.item-5 {
  background-image: url("img/gallery/gallery-c5.jpg"); }

/*---------------------------
    Accordion Style Four 
-------------------------*/
ul.accordion--4 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -ms-flexbox;
  display: flex;
  text-align: center !important;
  -ms-flex-pack: center;
      justify-content: center;
  margin-top: 40px; }

ul.accordion--4 li {
  width: 115px;
  height: 480px;
  display: block;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  -webkit-box-shadow: 1px 3px 15px #555;
  box-shadow: 1px 3px 15px #555; }

ul.accordion--4 li.bg1 {
  background-image: url(img/gallery/gallery-d1.jpg); }

ul.accordion--4 li.bg2 {
  background-image: url(img/gallery/gallery-d2.jpg); }

ul.accordion--4 li.bg3 {
  background-image: url(img/gallery/gallery-d3.jpg); }

ul.accordion--4 li.bg4 {
  background-image: url(img/gallery/gallery-d4.jpg); }

ul.accordion--4 li.bg5 {
  background-image: url(img/gallery/gallery-d5.jpg); }

ul.accordion--4 li.bg6 {
  background-image: url(img/gallery/gallery-d6.jpg); }

ul.accordion--4 li.bleft {
  border-left: 2px solid #fff; }

ul.accordion--4 li .heading {
  background-color: #fff;
  padding: 10px;
  margin-top: 60px;
  text-transform: capitalize;
  font-weight: 500;
  font-size: 18px;
  text-align: center;
  color: #18012c; }

ul.accordion--4 li .description {
  position: absolute;
  height: 175px;
  bottom: 60px;
  left: 0px;
  display: none;
  width: 100%; }

ul.accordion--4 li .description h2 {
  color: #18012c;
  font-size: 30px; }

ul.accordion--4 li .description p {
  margin: 10px 22px;
  font-size: 14px;
  line-height: 28px;
  color: #18012c; }

ul.accordion--4 li .description a {
  position: absolute;
  bottom: 5px;
  left: 20px;
  text-transform: uppercase;
  font-style: normal;
  font-size: 11px;
  text-decoration: none;
  color: #888; }

ul.accordion--4 li .description a:hover {
  color: #333;
  text-decoration: underline; }

ul.accordion--4 li .bgDescription {
  background: transparent url(img/gallery/bgDescription.png) repeat-x top left;
  height: 340px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  display: none; }

/*---------------------------
    Accordion Style Five 
-------------------------*/
.accor_wrapper {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  background: #000; }

.accordion--5 {
  position: relative;
  margin: 40px auto 0 auto; }

.accordion--5 .single_accordion {
  cursor: pointer;
  position: absolute;
  width: 100%;
  left: 0px;
  overflow: hidden;
  text-align: center;
  z-index: 2; }

.accordion--5 .single_accordion::before {
  position: absolute;
  content: "";
  background: #000000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  z-index: -1; }

.accordion--5 .single_accordion .va-title {
  text-transform: uppercase;
  font-size: 40px;
  margin-left: 20px;
  color: #ffffff;
  display: inline-block; }

.accordion--5 .single_accordion .va-title p {
  font-size: 22px;
  font-style: italic;
  font-family: Georgia, serif; }

.accordion--5 .single_accordion .va-content {
  display: none;
  margin-left: 0;
  padding: 0 23%;
  margin-top: -36px; }

.accordion--5 .single_accordion .va-content p {
  color: #ffffff;
  font-size: 14px;
  line-height: 28px; }

.accor_wrapper .bg-1 {
  background: #000 url(img/gallery/gallery-e1.jpg) no-repeat center center;
  background-size: cover; }

.accor_wrapper .bg-2 {
  background: #000 url(img/gallery/gallery-e2.jpg) no-repeat center center;
  background-size: cover; }

.accor_wrapper .bg-3 {
  background: #000 url(img/gallery/gallery-e3.jpg) no-repeat center center;
  background-size: cover; }

.accor_wrapper .bg-4 {
  background: #000 url(img/gallery/gallery-e4.jpg) no-repeat center center;
  background-size: cover; }

.accor_wrapper .bg-5 {
  background: #000 url(img/gallery/gallery-e5.jpg) no-repeat center center;
  background-size: cover; }

.accor_wrapper .bg-6 {
  background: #000 url(img/gallery/gallery-e6.jpg) no-repeat center center;
  background-size: cover; }

.accor_wrapper .bg-7 {
  background: #000 url(img/gallery/gallery-e1.jpg) no-repeat center center;
  background-size: cover; }

/*--------------------------
    Heading Style
------------------------------*/
/*--------------------------
// Heading Defult
------------------------------*/
.heading-1 {
  color: #18012c;
  font-size: 48px;
  line-height: 1;
  font-family: "Montserrat", sans-serif;
  font-weight: 700; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .heading-1 {
    font-size: 42px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .heading-1 {
    font-size: 38px; } }

@media only screen and (max-width: 767px) {
  .heading-1 {
    font-size: 32px; } }

@media only screen and (max-width: 575px) {
  .heading-1 {
    font-size: 23px; } }

.heading-2 {
  color: #18012c;
  font-size: 36px;
  line-height: 1;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  margin-bottom: 8px; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .heading-2 {
    font-size: 30px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .heading-2 {
    font-size: 26px; } }

@media only screen and (max-width: 767px) {
  .heading-2 {
    font-size: 26px; } }

@media only screen and (max-width: 575px) {
  .heading-2 {
    font-size: 23px; } }

.heading-3 {
  color: #18012c;
  font-size: 36px;
  line-height: 1;
  font-family: "Montserrat", sans-serif;
  font-weight: 700; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .heading-3 {
    font-size: 30px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .heading-3 {
    font-size: 26px; } }

@media only screen and (max-width: 767px) {
  .heading-3 {
    font-size: 26px; } }

@media only screen and (max-width: 575px) {
  .heading-3 {
    font-size: 23px; } }

/*--------------------------
// Subtitle Defult
------------------------------*/
.subtitle {
  font-size: 16px;
  color: #494849;
  font-family: "Poppins", sans-serif;
  margin: 5px 0;
  line-height: 30px; }

@media only screen and (max-width: 767px) {
  .subtitle {
    font-size: 14px;
    line-height: 25px; } }

.subtitle-2 {
  color: #322242;
  font-weight: 500; }

.subtitle-3 {
  color: #494849;
  font-weight: 500;
  margin-bottom: 5px; }

/*--------------------------
// Heading  Css
------------------------------*/
.ht-heading {
  z-index: 1; }

.ht-heading.center-icon img {
  position: absolute;
  top: 47%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  z-index: -1; }

.ht-heading .heading-bg-text {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: -1;
  color: #f1f1f1;
  font-size: 80px;
  font-weight: 800;
  line-height: 28px;
  margin: 0;
  width: 100%;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase; }

.ht-heading .heading-bg-text.heading-bg--textleft {
  text-align: left; }

.ht-heading .heading-bg-text.heading-bg--textright {
  text-align: right; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ht-heading .heading-bg-text {
    font-size: 60px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ht-heading .heading-bg-text {
    font-size: 50px; } }

@media only screen and (max-width: 767px) {
  .ht-heading .heading-bg-text {
    font-size: 40px; } }

.ht-heading .middle-align-border {
  position: relative;
  display: inline-block;
  padding: 0 10.5%; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ht-heading .middle-align-border {
    padding: 0 14.5%; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ht-heading .middle-align-border {
    padding: 0 17.5%; } }

@media only screen and (max-width: 767px) {
  .ht-heading .middle-align-border {
    padding: 0 12.5%; } }

@media only screen and (max-width: 575px) {
  .ht-heading .middle-align-border {
    padding: 0; } }

.ht-heading .middle-align-border::before {
  position: absolute;
  content: "";
  left: 0;
  width: 100px;
  height: 3px;
  background: #412e51;
  top: 50%; }

@media only screen and (max-width: 767px) {
  .ht-heading .middle-align-border::before {
    width: 50px; } }

@media only screen and (max-width: 575px) {
  .ht-heading .middle-align-border::before {
    display: none; } }

.ht-heading .middle-align-border::after {
  position: absolute;
  content: "";
  right: 0;
  width: 100px;
  height: 3px;
  background: #412e51;
  top: 50%; }

@media only screen and (max-width: 767px) {
  .ht-heading .middle-align-border::after {
    width: 50px; } }

@media only screen and (max-width: 575px) {
  .ht-heading .middle-align-border::after {
    display: none; } }

.ht-heading .heading-bg-img {
  line-height: 57px;
  margin-bottom: 3px;
  background: url(img/icons/heading-bg.jpg) repeat-y;
  -webkit-background-clip: text;
  background-clip: text;
  /* Animate Background Image */
  -webkit-text-fill-color: transparent;
  -webkit-animation: heading-animation-1 80s linear infinite;
  /* Activate smoother animations */
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden; }

@media only screen and (max-width: 767px) {
  .ht-heading .heading-bg-img {
    line-height: 1.2; } }

.ht-heading p.heading-border-bottom {
  position: relative;
  padding-bottom: 8px;
  margin-bottom: 12px; }

.ht-heading p.heading-border-bottom::before {
  position: absolute;
  content: "";
  bottom: 0;
  width: 70px;
  height: 2px;
  background: #18012c;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%); }

.ht-heading.heading-border-left {
  position: relative; }

.ht-heading.heading-border-left::before {
  position: absolute;
  content: "";
  left: 0;
  height: 70px;
  width: 5px;
  background: #18012c;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }

@media only screen and (max-width: 575px) {
  .ht-heading.heading-border-left::before {
    height: 50px; } }

.ht-heading.heading-border-right {
  position: relative; }

.ht-heading.heading-border-right::before {
  position: absolute;
  content: "";
  right: 0;
  height: 70px;
  width: 5px;
  background: #18012c;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }

@media only screen and (max-width: 575px) {
  .ht-heading.heading-border-right::before {
    height: 50px; } }

.ht-heading.heading-style-5 p.subtitle {
  font-weight: 500; }

/*----------------------------
    Animate Background Image
----------------------------*/
@-webkit-keyframes heading-animation-1 {
  0% {
    background-position: 0% 50%; }
  100% {
    background-position: 100% 50%; } }

@keyframes heading-animation-1 {
  0% {
    background-position: 0% 50%; }
  100% {
    background-position: 100% 50%; } }

/**************************************
	Template Styles
***************************************/
/*----------------------
 * Header
-----------------------*/
.header--transparant {
  position: absolute;
  left: 0;
  right: 0;
  top: 40px; }

.mainmenu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center; }

.mainmenu li {
  margin: 0 15px; }

.mainmenu li a {
  color: #ffffff;
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase; }

.bradcaump_area {
  display: -ms-flexbox;
  display: flex;
  height: 300px;
  -ms-flex-align: center;
      align-items: center;
  padding-top: 78px; }

.bradcaump_area .bradcaump-title {
  font-weight: 600;
  color: #ffffff; }

/**
 * Section Title
 */
.wp-block-htblocks-pricing-table a {
  text-decoration: none; }

.wp-block-htblocks-pricing-table.align-center .single-skill {
  float: none;
  margin: 0 auto; }

.wp-block-htblocks-pricing-table.align-right .single-skill {
  float: right; }

.space-between {
  padding: 0 60px; }

.pricing-panel {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  text-align: center;
  margin-top: 30px; }

.pricing-body ul {
  list-style: none;
  padding: 0;
  margin: 0; }

.pricing-body ul li {
  list-style: none; }

/*---------------------------------
    Pricing Table 01
-----------------------------------*/
.pricing-panel-1 {
  background: #365a73;
  margin-top: 30px;
  border-radius: 10px;
  padding-bottom: 40px; }

.pricing-panel-1 .pricing-heading {
  background: url(assets/img/header-bg1.png);
  padding-top: 65px;
  padding-bottom: 69px;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  background-size: cover;
  margin-bottom: 37px;
  border-radius: 10px 10px 0 0; }

.pricing-panel-1 .pricing-heading .title {
  position: absolute;
  left: -7px;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  top: 39px; }

.pricing-panel-1 .pricing-heading .title h2 {
  margin: 0;
  height: 50px;
  line-height: 50px;
  color: #ffffff;
  font-size: 16px;
  background-image: -webkit-linear-gradient(left, #446c83, #4eb8bf);
  background-image: -webkit-gradient(linear, left top, right top, from(#446c83), to(#4eb8bf));
  background-image: -o-linear-gradient(left, #446c83, #4eb8bf);
  background-image: linear-gradient(left, #446c83, #4eb8bf);
  border-radius: 10px;
  font-family: 'Raleway', sans-serif;
  width: 125px;
  text-align: center; }

.pricing-panel-1 .pricing-heading .price {
  display: inline-block;
  padding-left: 35px; }

.pricing-panel-1 .pricing-heading .price h4 {
  color: #ffffff;
  display: inline-block;
  margin: 0;
  position: relative;
  padding-left: 16px;
  font-size: 40px;
  font-weight: 600;
  font-family: 'Raleway', sans-serif; }

.pricing-panel-1 .pricing-heading .price h4 sub {
  position: absolute;
  left: 0;
  top: 23px;
  font-size: 20px;
  font-weight: 700;
  font-family: 'Raleway', sans-serif; }

.pricing-panel-1 .pricing-heading .price h4 span {
  font-size: 20px;
  font-family: "Montserrat", sans-serif; }

.pricing-panel-1 .pricing-body {
  margin-bottom: 37px; }

.pricing-panel-1 .pricing-body ul li {
  color: #f1f1f1;
  font-weight: 300;
  font-size: 16px;
  padding: 5px 0; }

.pricing-panel-1 a.price_btn {
  border: 1px solid #4fbfc5;
  display: inline-block;
  padding: 0 40px;
  border-radius: 10px;
  height: 36px;
  line-height: 35px;
  color: #ffffff;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s; }

.pricing-panel-1 a.price_btn:hover {
  background: #4ebec4;
  color: #ffffff;
  border: 1px solid #4ebec4; }

/*---------------------------------
    Pricing Table 02
-----------------------------------*/
.pricing-panel-2 {
  background: #ffffff;
  border-radius: 10px;
  padding: 55px 0; }

.pricing-panel-2.price-standard {
  padding: 70px 0;
  -webkit-box-shadow: 0 0 30px rgba(82, 182, 188, 0.25);
          box-shadow: 0 0 30px rgba(82, 182, 188, 0.25);
  position: relative;
  z-index: 2; }

.pricing-panel-2 .pricing-heading {
  margin-bottom: 10px; }

.pricing-panel-2 .pricing-heading .icon {
  margin-bottom: 20px; }

.pricing-panel-2 .pricing-heading .title h2 {
  color: #4e4e4e;
  margin-bottom: 14px;
  margin-bottom: 28px;
  font-size: 28px;
  font-weight: 400;
  font-family: 'Courgette', cursive; }

.pricing-panel-2 .pricing-heading .price h4 {
  color: #52b6bc;
  font-weight: 400;
  position: relative;
  font-size: 30px;
  margin: 0;
  font-family: 'Lora', serif;
  display: inline-block;
  padding-left: 16px; }

.pricing-panel-2 .pricing-heading .price h4 sub {
  position: absolute;
  left: 0;
  top: 16px; }

.pricing-panel-2 .pricing-body {
  margin-bottom: 27px; }

.pricing-panel-2 .pricing-body ul li {
  color: #7b7b7b;
  font-size: 14px;
  line-height: 26px;
  font-weight: 300;
  padding: 3px 0; }

.pricing-panel-2 .pricing-footer a.price_btn {
  border: 2px solid #52b6bc;
  height: 42px;
  display: inline-block;
  line-height: 40px;
  padding: 0 32px;
  color: #52b6bc;
  border-radius: 21px;
  font-weight: 500;
  font-size: 15px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s; }

.pricing-panel-2 .pricing-footer a.price_btn:hover {
  background: #52b6bc;
  color: #ffffff;
  border: 2px solid #52b6bc; }

/*---------------------------------
    Pricing Table 03
-----------------------------------*/
.pricing-panel-3 {
  background: #ef476f;
  padding-bottom: 60px;
  margin-top: 88px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }

.pricing-panel-3.panel-color-2 {
  background: #06ca75; }

.pricing-panel-3.panel-color-2 .pricing-heading .price {
  background: #06ca75; }

.pricing-panel-3.panel-color-3 {
  background: #26547c; }

.pricing-panel-3.panel-color-3 .pricing-heading .price {
  background: #26547c; }

.pricing-panel-3 .pricing-heading .price {
  width: 125px;
  height: 127px;
  background: #ef476f;
  border: 4px solid #fff;
  border-radius: 100%;
  text-align: center;
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  margin-top: -63px;
  margin-bottom: 37px; }

.pricing-panel-3 .pricing-heading .price h4 {
  font-size: 40px;
  margin: 0;
  color: #fff;
  font-weight: 600;
  position: relative;
  font-family: "Poppins", sans-serif; }

.pricing-panel-3 .pricing-heading .price h4 sub {
  font-size: 20px;
  position: relative;
  top: -17px;
  left: 9px; }

.pricing-panel-3 .pricing-heading .price h4 span {
  font-size: 15px;
  font-weight: 500; }

.pricing-panel-3 .pricing-heading .price h4 span.separator {
  margin-left: -9PX;
  margin-right: -10px; }

.pricing-panel-3 .pricing-heading .title {
  margin-bottom: 41px; }

.pricing-panel-3 .pricing-heading .title h2 {
  font-size: 26px;
  color: #ffffff;
  font-weight: 600;
  margin: 0;
  font-family: "Montserrat", sans-serif; }

.pricing-panel-3 .pricing-body ul li {
  color: #ffffff;
  font-size: 17px;
  padding: 5px 0;
  font-family: "Poppins", sans-serif; }

.pricing-panel-3 .pricing-footer {
  margin-top: 48px; }

.pricing-panel-3 .pricing-footer a.price_btn {
  height: 40px;
  padding: 0 43px;
  display: inline-block;
  -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
          box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
  color: #fff;
  font-weight: 600;
  line-height: 40px;
  font-size: 15px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  font-family: "Montserrat", sans-serif; }

.pricing-panel-3 .pricing-footer a.price_btn:hover {
  -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); }

/*---------------------------------
    Pricing Table 04
-----------------------------------*/
.pricing-panel-4 {
  background: #ffffff;
  padding: 60px 0; }

.pricing-panel-4.active {
  position: relative;
  background-color: #0056ff; }

.pricing-panel-4.active::before {
  content: url(assets/img/pricing-ribon.png);
  left: 30px;
  position: absolute;
  top: -15px; }

.pricing-panel-4 .pricing-heading .price h4 {
  font-weight: 600;
  color: #4d4d4d;
  font-size: 48px;
  padding-left: 23px;
  position: relative;
  display: inline-block;
  margin: 0; }

.pricing-panel-4 .pricing-heading .price h4 sub {
  position: absolute;
  left: 0;
  top: 25px;
  font-size: 31px; }

.pricing-panel-4 .pricing-heading .title h2 {
  font-size: 18px;
  font-weight: 500;
  color: #000101;
  padding-bottom: 27px;
  position: relative;
  margin-bottom: 28px; }

.pricing-panel-4 .pricing-heading .title h2::before {
  position: absolute;
  content: "";
  width: 60px;
  height: 2px;
  background: #e1e1e1;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%); }

.pricing-panel-4 .pricing-body {
  position: relative;
  padding-bottom: 23px;
  margin-top: 36px; }

.pricing-panel-4 .pricing-body::before {
  position: absolute;
  content: "";
  background: #e1e1e1;
  width: 60px;
  height: 2px;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%); }

.pricing-panel-4 .pricing-body ul {
  padding: 0 53px; }

.pricing-panel-4 .pricing-body ul li {
  display: inline-block;
  font-size: 15px;
  color: #000000;
  line-height: 35px;
  font-family: "Montserrat", sans-serif; }

.pricing-panel-4 .pricing-footer {
  margin-top: 32px;
  height: 0px;
  overflow: hidden;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }

.pricing-panel-4 .pricing-footer a.price_btn {
  height: 46px;
  border: 1px solid #ededed;
  display: inline-block;
  line-height: 44px;
  padding: 0 40px;
  color: #000000;
  font-size: 14px;
  border-radius: 30px;
  font-family: "Montserrat", sans-serif;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s; }

.pricing-panel-4 .pricing-footer a.price_btn:hover {
  background: #0056ff;
  color: #ffffff;
  border: 1px solid #0056ff; }

.pricing-panel-4:hover .pricing-footer {
  height: 46px; }

.pricing-panel-4.active .pricing-footer {
  height: 46px !important; }

.pricing-panel-4.active .pricing-heading .title h2,
.pricing-panel-4.active .pricing-heading .price h4,
.pricing-panel-4.active .pricing-body ul li,
.pricing-panel-4.active .pricing-footer a.price_btn {
  color: #ffffff; }

.pricing-panel-4.active .pricing-footer a.price_btn:hover {
  background: #fff;
  border: 1px solid #ffffff;
  color: #000000; }

/*---------------------------------
    Pricing Table 05
-----------------------------------*/
.pricing-panel-5 {
  background: #f6f6f6;
  padding: 40px 0;
  text-align: left;
  padding-bottom: 50px;
  margin-left: 30px; }

.pricing-panel-5 .pricing-heading {
  padding-left: 46px;
  margin-bottom: 8px; }

.pricing-panel-5 .pricing-heading .price h4 {
  color: #0056ff;
  font-weight: 600;
  font-size: 40px;
  margin-top: 0;
  margin-bottom: 15px; }

.pricing-panel-5 .pricing-heading .title h2 {
  color: #000000;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 3px;
  margin-top: 0px;
  margin-bottom: 3px; }

.pricing-panel-5 .pricing-body {
  background: #e3ecff;
  margin-right: 30px;
  margin-left: -30px;
  border-radius: 6px;
  padding: 40px 56px 60px;
  position: relative; }

.pricing-panel-5 .pricing-body ul {
  margin-bottom: -37px; }

.pricing-panel-5 .pricing-body ul li {
  color: #181818;
  font-size: 14px;
  padding: 10px 0; }

.pricing-panel-5 .pricing-body ul li.off {
  text-decoration: line-through; }

.pricing-panel-5 a.price_btn {
  bottom: -72px;
  background: transparent;
  display: inline-block;
  left: 50%;
  border-radius: 25px;
  font-size: 14px;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 2px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  position: relative;
  border: 1px solid transparent;
  padding: 4px;
  -webkit-transition: 0.5;
  -o-transition: 0.5;
  transition: 0.5;
  padding: 0 30px;
  background: #0056ff;
  display: inline-block;
  border-radius: 20px;
  height: 40px;
  line-height: 40px; }

.pricing-panel-5 a.price_btn:hover {
  border: 1px solid #0056ff; }

.pricing-panel-5 a.price_btn.active {
  border: 1px solid #0056ff; }

.pricing-panel-5 a.price_btn.active:hover {
  border: 1px solid transparent; }

/*---------------------------------
    Pricing Table 06
-----------------------------------*/
.pricing-panel-6 {
  background: #fff;
  -webkit-box-shadow: 0 0 20px 1px rgba(35, 31, 32, 0.2);
          box-shadow: 0 0 20px 1px rgba(35, 31, 32, 0.2);
  padding-bottom: 30px; }

.pricing-panel-6.space-left {
  margin-left: 87px;
  margin-right: 3px; }

.pricing-panel-6.space-right {
  margin-right: 87px;
  margin-left: 3px; }

.pricing-panel-6.space-left-right {
  margin-right: 26px;
  margin-left: 26px; }

.pricing-panel-6.active .pricing-heading {
  background: #2d3e50;
  padding: 30px 0; }

.pricing-panel-6.active .pricing-heading .title h2 {
  font-size: 26px; }

.pricing-panel-6.active .pricing-heading .price h4 {
  font-size: 70px; }

.pricing-panel-6.active .pricing-heading .price h4 span {
  font-size: 20px; }

.pricing-panel-6.active .pricing-body {
  padding: 55px 0; }

.pricing-panel-6.active .pricing-body ul li {
  padding: 7px 0; }

.pricing-panel-6 .pricing-heading {
  background: #2d3e50;
  padding: 30px 0; }

.pricing-panel-6 .pricing-heading .title h2 {
  color: #ffffff;
  font-size: 22px;
  font-weight: 700;
  font-family: 'Raleway', sans-serif;
  margin-top: 0;
  margin-bottom: 15px; }

.pricing-panel-6 .pricing-heading .price h4 {
  font-size: 60px;
  color: #ffffff;
  margin: 0;
  font-family: 'Raleway', sans-serif; }

.pricing-panel-6 .pricing-heading .price h4 span {
  color: #ecebeb;
  font-size: 18px; }

.pricing-panel-6 .pricing-heading .price h4 span.separator {
  margin-left: -7px;
  margin-right: -10px; }

.pricing-panel-6 .pricing-heading .price h4 sub {
  font-size: 18px;
  position: relative;
  top: -20px;
  left: 11px; }

.pricing-panel-6 .pricing-body {
  padding: 50px 0; }

.pricing-panel-6 .pricing-body ul li {
  color: #2d3e50;
  font-size: 18px;
  font-weight: 500;
  padding: 5px 0;
  font-family: 'Raleway', sans-serif;
  line-height: 26px; }

.pricing-panel-6 .pricing-footer a.price_btn {
  display: inline-block;
  background: #2d3e50;
  padding: 0 40px;
  height: 40px;
  line-height: 41px;
  font-weight: 700;
  border-radius: 15px;
  font-size: 15px;
  color: #ffffff;
  font-family: 'Raleway', sans-serif;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s; }

.pricing-panel-6 .pricing-footer a.price_btn:hover {
  -webkit-transform: translateY(-5px);
      -ms-transform: translateY(-5px);
          transform: translateY(-5px); }

/*---------------------------------
    Pricing Table 07
-----------------------------------*/
.pricing-panel-7 {
  background: #ffffff;
  padding-top: 48px;
  padding-bottom: 60px;
  -webkit-box-shadow: 0 0 10px rgba(1, 26, 72, 0.1);
          box-shadow: 0 0 10px rgba(1, 26, 72, 0.1); }

.pricing-panel-7 .pricing-heading .title h2 {
  color: #f7ca18;
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 32px;
  font-family: "Poppins", sans-serif; }

.pricing-panel-7 .pricing-heading .price {
  background-position: center center;
  background-size: cover;
  margin-bottom: 23px;
  padding: 12px 0; }

.pricing-panel-7 .pricing-heading .price h4 {
  font-size: 60px;
  color: #011a48;
  font-weight: 700;
  font-family: "Poppins", sans-serif; }

.pricing-panel-7 .pricing-heading .price h4 span {
  font-size: 26px;
  font-weight: 600; }

.pricing-panel-7 .pricing-heading .price h4 span.separator {
  margin-left: 2px;
  margin-right: -8px; }

.pricing-panel-7 .pricing-heading .price h4 sub {
  font-size: 26px;
  left: 0px;
  position: relative;
  top: -3px; }

.pricing-panel-7 .pricing-body {
  padding: 0 28px; }

.pricing-panel-7 .pricing-body ul li {
  color: #798294;
  font-size: 20px;
  line-height: 32px;
  padding: 13px 0;
  border-top: 1px solid #f6f6f6;
  font-family: 'Open Sans', sans-serif; }

.pricing-panel-7 .pricing-body ul li:last-child {
  border-bottom: 1px solid #f6f6f6; }

.pricing-panel-7 .pricing-footer {
  margin-top: 40px; }

.pricing-panel-7 .pricing-footer a.price_btn {
  height: 47px;
  padding: 0 50px;
  display: inline-block;
  background: #011a48;
  border-radius: 23px;
  color: #fff;
  font-size: 14px;
  line-height: 47px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 2px;
  font-family: "Poppins", sans-serif;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s; }

.pricing-panel-7 .pricing-footer a.price_btn:hover {
  background: #f7ca18;
  color: #000000; }

.pricing-panel-7.active .pricing-footer {
  margin-top: 40px; }

.pricing-panel-7.active .pricing-footer a.price_btn {
  background: #f7ca18;
  color: #000000; }

.pricing-panel-7.active .pricing-footer a.price_btn:hover {
  background: #011a48;
  color: #ffffff; }

.pricing-panel-7.active .pricing-heading .title h2 {
  color: #011a48; }

.pricing-panel-7.active .pricing-heading .price h4 {
  color: #f7ca18; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.edit-post-visual-editor .components-base-control__help {
  margin-top: 0;
  font-size: 13px; }

.edit-post-visual-editor .components-base-control {
  margin-bottom: 10px; }

.wp-block-columns {
  margin-right: -15px;
  margin-left: -15px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.wp-block-columns.has-1-columns .wp-block-column {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%; }

.wp-block-columns.has-2-columns .wp-block-column {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%; }

.wp-block-columns.has-3-columns .wp-block-column {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%; }

.wp-block-columns.has-4-columns .wp-block-column {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%; }

.wp-block-columns .wp-block-column {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

/*-- Padding Top Bottom --*/
.section-ptb-xl {
  padding: 100px 0; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-ptb-xl {
    padding: 80px 0; } }

@media only screen and (max-width: 767px) {
  .section-ptb-xl {
    padding: 70px 0; } }

@media only screen and (max-width: 575px) {
  .section-ptb-xl {
    padding: 60px 0; } }

/*--------------------------------
    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-image: url(img/bg/bg-image-1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--2 {
  background-image: url(img/bg/bg-image-2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--3 {
  background-image: url(img/bg/bg-image-3.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--4 {
  background-image: url(img/bg/bg-image-4.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--5 {
  background-image: url(img/bg/bg-image-5.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--6 {
  background-image: url(img/bg/bg-image-6.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--7 {
  background-image: url(img/bg/bg-image-7.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--8 {
  background-image: url(img/bg/bg-image-8.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--9 {
  background-image: url(img/bg/bg-image-9.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--10 {
  background-image: url(img/bg/bg-image-10.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--11 {
  background-image: url(img/bg/bg-image-11.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--12 {
  background-image: url(img/bg/bg-image-12.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--13 {
  background-image: url(img/bg/bg-image-13.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--14 {
  background-image: url(img/bg/bg-image-14.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--15 {
  background-image: url(img/bg/bg-image-15.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--16 {
  background-image: url(img/bg/bg-image-16.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--17 {
  background-image: url(img/bg/bg-image-17.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--18 {
  background-image: url(img/bg/bg-image-18.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--19 {
  background-image: url(img/bg/bg-image-19.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--20 {
  background-image: url(img/bg/bg-image-20.jpg);
  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; } }

/*--------------------------
	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;
  -o-object-fit: cover;
     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 {
  background-image: url(img/button/button-bg-1.jpg);
  border-style: none;
  background-repeat: no-repeat; }

.button-bg-image--2 {
  background-image: url(img/button/button-bg-2.jpg);
  border-style: none;
  background-repeat: no-repeat; }

.button-bg-image--3 {
  background-image: url(img/button/button-bg-3.jpg);
  border-style: none;
  background-repeat: no-repeat; }

.button-bg-image--4 {
  background-image: url(img/button/button-bg-4.jpg);
  border-style: none;
  background-repeat: no-repeat; }

.button-bg-image--5 {
  background-image: url(img/button/button-bg-5.jpg);
  border-style: none;
  background-repeat: no-repeat; }

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

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

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

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

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

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

.button-size .button-holder {
  -ms-flex-positive: inherit;
      flex-grow: inherit;
  -ms-flex-preferred-size: 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 {
  -ms-flex-positive: inherit;
      flex-grow: inherit;
  -ms-flex-preferred-size: inherit;
      flex-basis: inherit; }

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

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

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

.ht-btn--2.button-shadow {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.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; }

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

.ht-btn--2 span.button-with-icon {
  padding: 0 36px;
  color: #fff; }

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

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

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

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

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

.ht-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); } }

/*-------------------
 * Section Title
----------------------*/
.section-title {
  font-size: 24px;
  font-weight: 600;
  margin: 0;
  display: inline-block;
  border-bottom: 2px solid #18012c;
  margin-bottom: 20px; }

/*-----------------------------
    Accordion Style
------------------------------*/
/*---------------------------
    Accordion Style Two 
-------------------------*/
.panel-group {
  width: 570px;
  margin: 0 auto; }

.accordion-style-1 .panel-default.accordion-boxshadow {
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); }

.accordion-style-1 .container {
  max-width: 688px; }

.accordion-style-1 .panel-default {
  margin-bottom: 11px; }

.accordion-style-1 .panel-default .panel-heading {
  background-color: #fff;
  border-color: #fff;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.accordion-style-1 .panel-default .panel-heading.bg-gray {
  background-color: #f4f4f4;
  border-color: #f4f4f4; }

.accordion-style-1 .panel-default .panel-heading.bg-gray h4 a {
  color: #18012c; }

.accordion-style-1 .panel-default .panel-heading h4 {
  font-size: 14px;
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: 600; }

.accordion-style-1 .panel-default .panel-heading h4 a {
  display: block;
  padding: 22px 43px 22px 30px;
  color: #18012c;
  position: relative; }

.accordion-style-1 .panel-default .panel-heading h4 a::after {
  position: absolute;
  top: 50%;
  display: inline-block;
  font-style: normal;
  font-weight: 400;
  transition: -webkit-transform 0.5s linear;
  -o-transition: transform 0.5s linear;
  transition: transform 0.5s linear;
  transition: transform 0.5s linear, -webkit-transform 0.5s linear;
  -webkit-transition: -webkit-transform 0.5s linear;
  content: "\f068";
  font-family: FontAwesome;
  color: #18012c;
  position: absolute;
  right: 30px;
  font-size: 15px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }

.accordion-style-1 .panel-default .panel-heading h4 a.icon-left.icon-square::after {
  border-radius: 0; }

.accordion-style-1 .panel-default .panel-heading h4 a.icon-left.icon-bg-gray::after {
  background: #f4f4f4; }

.accordion-style-1 .panel-default .panel-heading h4 a.icon-left.bg-transparent {
  padding: 22px 15px 22px 79px; }

.accordion-style-1 .panel-default .panel-heading h4 a.icon-left.bg-transparent::after {
  left: 0;
  width: 60px;
  background: transparent;
  height: 100%;
  line-height: 65px;
  border-radius: 0; }

.accordion-style-1 .panel-default .panel-heading h4 a.collapsed::after {
  content: "\f067"; }

.accordion-style-1 .panel-default .panel-collapse {
  padding: 32px 30px; }

.accordion-style-1 .panel-default .panel-collapse.bg-transparant {
  background: transparent; }

.accordion-style-1 .panel-default .panel-collapse.panel-body-with-border {
  border-left: 1px solid #18012c;
  border-bottom: 1px solid #18012c;
  border-right: 1px solid #18012c; }

.accordion-style-1 .panel-default .panel-collapse .panel-body {
  font-size: 14px;
  line-height: 28px;
  font-family: 'Poppins', sans-serif; }

.accordion-style-1 .panel-default .panel-collapse.border-left {
  background: transparent;
  padding: 15px;
  margin-left: 31px;
  margin-bottom: -10px; }

.accordion-style-1 .panel-default.round-shape .panel-collapse.border-left {
  padding: 40px;
  padding-left: 32px; }

/*------------------------------
    Accordion With Gallery
--------------------------------*/
ul.gallery-sm-img {
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0;
  -ms-flex-pack: center;
      justify-content: center;
  list-style: none;
  margin-top: 14px; }

ul.gallery-sm-img li {
  margin: 0 3px; }

/*---------------------------
    Accordion Style Three
-------------------------*/
.gallery-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  width: 100%;
  height: 70vh; }

.gallery-wrap .item {
  -ms-flex: 1;
      flex: 1;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: none;
  -webkit-transition: flex 0.8s ease;
  -o-transition: flex 0.8s ease;
  transition: flex 0.8s ease;
  transition: flex 0.8s ease, -ms-flex 0.8s ease; }

.gallery-wrap .item:hover {
  -ms-flex: 7;
      flex: 7; }

.gallery-wrap .item.item-1 {
  background-image: url("img/gallery/gallery-c1.jpg"); }

.gallery-wrap .item.item-2 {
  background-image: url("img/gallery/gallery-c2.jpg"); }

.gallery-wrap .item.item-3 {
  background-image: url("img/gallery/gallery-c3.jpg"); }

.gallery-wrap .item.item-4 {
  background-image: url("img/gallery/gallery-c4.jpg"); }

.gallery-wrap .item.item-5 {
  background-image: url("img/gallery/gallery-c5.jpg"); }

/*---------------------------
    Accordion Style Four 
-------------------------*/
ul.accordion--4 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -ms-flexbox;
  display: flex;
  text-align: center !important;
  -ms-flex-pack: center;
      justify-content: center;
  margin-top: 40px; }

ul.accordion--4 li {
  width: 115px;
  height: 480px;
  display: block;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  -webkit-box-shadow: 1px 3px 15px #555;
  box-shadow: 1px 3px 15px #555; }

ul.accordion--4 li.bg1 {
  background-image: url(img/gallery/gallery-d1.jpg); }

ul.accordion--4 li.bg2 {
  background-image: url(img/gallery/gallery-d2.jpg); }

ul.accordion--4 li.bg3 {
  background-image: url(img/gallery/gallery-d3.jpg); }

ul.accordion--4 li.bg4 {
  background-image: url(img/gallery/gallery-d4.jpg); }

ul.accordion--4 li.bg5 {
  background-image: url(img/gallery/gallery-d5.jpg); }

ul.accordion--4 li.bg6 {
  background-image: url(img/gallery/gallery-d6.jpg); }

ul.accordion--4 li.bleft {
  border-left: 2px solid #fff; }

ul.accordion--4 li .heading {
  background-color: #fff;
  padding: 10px;
  margin-top: 60px;
  text-transform: capitalize;
  font-weight: 500;
  font-size: 18px;
  text-align: center;
  color: #18012c; }

ul.accordion--4 li .description {
  position: absolute;
  height: 175px;
  bottom: 60px;
  left: 0px;
  display: none;
  width: 100%; }

ul.accordion--4 li .description h2 {
  color: #18012c;
  font-size: 30px; }

ul.accordion--4 li .description p {
  margin: 10px 22px;
  font-size: 14px;
  line-height: 28px;
  color: #18012c; }

ul.accordion--4 li .description a {
  position: absolute;
  bottom: 5px;
  left: 20px;
  text-transform: uppercase;
  font-style: normal;
  font-size: 11px;
  text-decoration: none;
  color: #888; }

ul.accordion--4 li .description a:hover {
  color: #333;
  text-decoration: underline; }

ul.accordion--4 li .bgDescription {
  background: transparent url(img/gallery/bgDescription.png) repeat-x top left;
  height: 340px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  display: none; }

/*---------------------------
    Accordion Style Five 
-------------------------*/
.accor_wrapper {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  background: #000; }

.accordion--5 {
  position: relative;
  margin: 40px auto 0 auto; }

.accordion--5 .single_accordion {
  cursor: pointer;
  position: absolute;
  width: 100%;
  left: 0px;
  overflow: hidden;
  text-align: center;
  z-index: 2; }

.accordion--5 .single_accordion::before {
  position: absolute;
  content: "";
  background: #000000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  z-index: -1; }

.accordion--5 .single_accordion .va-title {
  text-transform: uppercase;
  font-size: 40px;
  margin-left: 20px;
  color: #ffffff;
  display: inline-block; }

.accordion--5 .single_accordion .va-title p {
  font-size: 22px;
  font-style: italic;
  font-family: Georgia, serif; }

.accordion--5 .single_accordion .va-content {
  display: none;
  margin-left: 0;
  padding: 0 23%;
  margin-top: -36px; }

.accordion--5 .single_accordion .va-content p {
  color: #ffffff;
  font-size: 14px;
  line-height: 28px; }

.accor_wrapper .bg-1 {
  background: #000 url(img/gallery/gallery-e1.jpg) no-repeat center center;
  background-size: cover; }

.accor_wrapper .bg-2 {
  background: #000 url(img/gallery/gallery-e2.jpg) no-repeat center center;
  background-size: cover; }

.accor_wrapper .bg-3 {
  background: #000 url(img/gallery/gallery-e3.jpg) no-repeat center center;
  background-size: cover; }

.accor_wrapper .bg-4 {
  background: #000 url(img/gallery/gallery-e4.jpg) no-repeat center center;
  background-size: cover; }

.accor_wrapper .bg-5 {
  background: #000 url(img/gallery/gallery-e5.jpg) no-repeat center center;
  background-size: cover; }

.accor_wrapper .bg-6 {
  background: #000 url(img/gallery/gallery-e6.jpg) no-repeat center center;
  background-size: cover; }

.accor_wrapper .bg-7 {
  background: #000 url(img/gallery/gallery-e1.jpg) no-repeat center center;
  background-size: cover; }

/*--------------------------
    Heading Style
------------------------------*/
/*--------------------------
// Heading Defult
------------------------------*/
.heading-1 {
  color: #18012c;
  font-size: 48px;
  line-height: 1;
  font-family: "Montserrat", sans-serif;
  font-weight: 700; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .heading-1 {
    font-size: 42px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .heading-1 {
    font-size: 38px; } }

@media only screen and (max-width: 767px) {
  .heading-1 {
    font-size: 32px; } }

@media only screen and (max-width: 575px) {
  .heading-1 {
    font-size: 23px; } }

.heading-2 {
  color: #18012c;
  font-size: 36px;
  line-height: 1;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  margin-bottom: 8px; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .heading-2 {
    font-size: 30px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .heading-2 {
    font-size: 26px; } }

@media only screen and (max-width: 767px) {
  .heading-2 {
    font-size: 26px; } }

@media only screen and (max-width: 575px) {
  .heading-2 {
    font-size: 23px; } }

.heading-3 {
  color: #18012c;
  font-size: 36px;
  line-height: 1;
  font-family: "Montserrat", sans-serif;
  font-weight: 700; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .heading-3 {
    font-size: 30px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .heading-3 {
    font-size: 26px; } }

@media only screen and (max-width: 767px) {
  .heading-3 {
    font-size: 26px; } }

@media only screen and (max-width: 575px) {
  .heading-3 {
    font-size: 23px; } }

/*--------------------------
// Subtitle Defult
------------------------------*/
.subtitle {
  font-size: 16px;
  color: #494849;
  font-family: "Poppins", sans-serif;
  margin: 5px 0;
  line-height: 30px; }

@media only screen and (max-width: 767px) {
  .subtitle {
    font-size: 14px;
    line-height: 25px; } }

.subtitle-2 {
  color: #322242;
  font-weight: 500; }

.subtitle-3 {
  color: #494849;
  font-weight: 500;
  margin-bottom: 5px; }

/*--------------------------
// Heading  Css
------------------------------*/
.ht-heading {
  z-index: 1; }

.ht-heading.center-icon img {
  position: absolute;
  top: 47%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  z-index: -1; }

.ht-heading .heading-bg-text {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: -1;
  color: #f1f1f1;
  font-size: 80px;
  font-weight: 800;
  line-height: 28px;
  margin: 0;
  width: 100%;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase; }

.ht-heading .heading-bg-text.heading-bg--textleft {
  text-align: left; }

.ht-heading .heading-bg-text.heading-bg--textright {
  text-align: right; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ht-heading .heading-bg-text {
    font-size: 60px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ht-heading .heading-bg-text {
    font-size: 50px; } }

@media only screen and (max-width: 767px) {
  .ht-heading .heading-bg-text {
    font-size: 40px; } }

.ht-heading .middle-align-border {
  position: relative;
  display: inline-block;
  padding: 0 10.5%; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ht-heading .middle-align-border {
    padding: 0 14.5%; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ht-heading .middle-align-border {
    padding: 0 17.5%; } }

@media only screen and (max-width: 767px) {
  .ht-heading .middle-align-border {
    padding: 0 12.5%; } }

@media only screen and (max-width: 575px) {
  .ht-heading .middle-align-border {
    padding: 0; } }

.ht-heading .middle-align-border::before {
  position: absolute;
  content: "";
  left: 0;
  width: 100px;
  height: 3px;
  background: #412e51;
  top: 50%; }

@media only screen and (max-width: 767px) {
  .ht-heading .middle-align-border::before {
    width: 50px; } }

@media only screen and (max-width: 575px) {
  .ht-heading .middle-align-border::before {
    display: none; } }

.ht-heading .middle-align-border::after {
  position: absolute;
  content: "";
  right: 0;
  width: 100px;
  height: 3px;
  background: #412e51;
  top: 50%; }

@media only screen and (max-width: 767px) {
  .ht-heading .middle-align-border::after {
    width: 50px; } }

@media only screen and (max-width: 575px) {
  .ht-heading .middle-align-border::after {
    display: none; } }

.ht-heading .heading-bg-img {
  line-height: 57px;
  margin-bottom: 3px;
  background: url(img/icons/heading-bg.jpg) repeat-y;
  -webkit-background-clip: text;
  background-clip: text;
  /* Animate Background Image */
  -webkit-text-fill-color: transparent;
  -webkit-animation: heading-animation-1 80s linear infinite;
  /* Activate smoother animations */
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden; }

@media only screen and (max-width: 767px) {
  .ht-heading .heading-bg-img {
    line-height: 1.2; } }

.ht-heading p.heading-border-bottom {
  position: relative;
  padding-bottom: 8px;
  margin-bottom: 12px; }

.ht-heading p.heading-border-bottom::before {
  position: absolute;
  content: "";
  bottom: 0;
  width: 70px;
  height: 2px;
  background: #18012c;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%); }

.ht-heading.heading-border-left {
  position: relative; }

.ht-heading.heading-border-left::before {
  position: absolute;
  content: "";
  left: 0;
  height: 70px;
  width: 5px;
  background: #18012c;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }

@media only screen and (max-width: 575px) {
  .ht-heading.heading-border-left::before {
    height: 50px; } }

.ht-heading.heading-border-right {
  position: relative; }

.ht-heading.heading-border-right::before {
  position: absolute;
  content: "";
  right: 0;
  height: 70px;
  width: 5px;
  background: #18012c;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }

@media only screen and (max-width: 575px) {
  .ht-heading.heading-border-right::before {
    height: 50px; } }

.ht-heading.heading-style-5 p.subtitle {
  font-weight: 500; }

/*----------------------------
    Animate Background Image
----------------------------*/
@-webkit-keyframes heading-animation-1 {
  0% {
    background-position: 0% 50%; }
  100% {
    background-position: 100% 50%; } }

@keyframes heading-animation-1 {
  0% {
    background-position: 0% 50%; }
  100% {
    background-position: 100% 50%; } }

/**************************************
	Template Styles
***************************************/
/*----------------------
 * Header
-----------------------*/
.header--transparant {
  position: absolute;
  left: 0;
  right: 0;
  top: 40px; }

.mainmenu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center; }

.mainmenu li {
  margin: 0 15px; }

.mainmenu li a {
  color: #ffffff;
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase; }

.bradcaump_area {
  display: -ms-flexbox;
  display: flex;
  height: 300px;
  -ms-flex-align: center;
      align-items: center;
  padding-top: 78px; }

.bradcaump_area .bradcaump-title {
  font-weight: 600;
  color: #ffffff; }

/**
 * Section Title
 */
.wp-block-htblocks-testimonial a {
  text-decoration: none; }

.wp-block-htblocks-testimonial.align-center .single-skill {
  float: none;
  margin: 0 auto; }

.wp-block-htblocks-testimonial.align-right .single-skill {
  float: right; }

.wp-block-htblocks-testimonial .slick-dots {
  margin-top: 15px; }

.wp-block-htblocks-testimonial .slick-dots li {
  margin: 0; }

.wp-block-htblocks-testimonial .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 12px;
  height: 12px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: #e3e3e3;
  border-radius: 100%; }

.wp-block-htblocks-testimonial .slick-dots li.slick-active button {
  background: #666; }

.wp-block-htblocks-testimonial .slick-dots li button:before {
  content: ""; }

.wp-block-htblocks-testimonial button.slick-next.slick-arrow {
  position: absolute;
  left: auto;
  right: 0; }

.wp-block-htblocks-testimonial .slick-arrow,
.wp-block-htblocks-testimonial .slick-arrow:hover {
  width: 36px;
  height: 36px;
  color: #7d7d7d;
  border: 0 none;
  background: #fff;
  border-radius: 100%;
  font-size: 24px;
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 999;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  -webkit-box-shadow: 0 0 10px rgba(82, 182, 188, 0.25);
          box-shadow: 0 0 10px rgba(82, 182, 188, 0.25);
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }

.wp-block-htblocks-testimonial .slick-prev:before,
.wp-block-htblocks-testimonial .slick-next:before {
  display: none; }

.wp-block-htblocks-testimonial .slick-prev.slick-arrow:hover,
.wp-block-htblocks-testimonial .slick-next.slick-arrow:hover {
  background: #52b6bc;
  color: #fff; }

.wp-block-htblocks-testimonial .slick-prev:hover,
.wp-block-htblocks-testimonial .slick-prev:focus,
.wp-block-htblocks-testimonial .slick-next:hover,
.wp-block-htblocks-testimonial .slick-next:focus {
  color: inherit; }

.upload-button {
  margin-bottom: 10px; }

/*----------------------------------
    Testimonial Style One
-------------------------------------*/
.testimonial-style-1 .testimonal {
  text-align: center; }

.testimonial-style-1 .testimonal img {
  text-align: center;
  display: inline-block; }

.testimonial-style-1 .testimonal .shape img {
  margin: 0; }

.testimonial-style-1 .testimonal .content {
  margin-top: 30px; }

.testimonial-style-1 .testimonal .content p {
  color: #3e3e3e;
  font-size: 18px;
  line-height: 1.7;
  padding: 0 10%; }

.testimonial-style-1 .testimonal .content h4 {
  color: #3e3e3e;
  font-size: 20px;
  line-height: 37px;
  margin: 0; }

.testimonial-style-1 .testimonal .content span {
  color: #3e3e3e;
  font-size: 18px; }

/*----------------------------------
    Testimonial Style Two
-------------------------------------*/
.testimonial-style-2 .testimonal {
  text-align: center;
  background: #fff;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  position: relative;
  margin-top: 46px;
  padding-bottom: 27px;
  border-radius: 10px; }

.testimonial-style-2 .testimonal img {
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border: 1px solid #6e6e6e;
  border-radius: 100%; }

.testimonial-style-2 .testimonal .content {
  margin-top: 69px; }

.testimonial-style-2 .testimonal .content p {
  color: #5b5b5b;
  font-size: 14px;
  line-height: 24px;
  padding: 0 4%;
  font-style: italic;
  margin-bottom: 4px; }

.testimonial-style-2 .testimonal .content h4 {
  color: #5b5b5b;
  font-size: 16px;
  line-height: 37px;
  margin: 0;
  font-weight: 600; }

.testimonial-style-2 .testimonal .content span {
  color: #3e3e3e;
  font-size: 18px; }

.testimonial-style-2 .slick-slide {
  padding: 5px 15px; }

.testimonial-style-2 .slick-center .testimonal img {
  border: 1px solid #ff6600; }

.slick-dotted.slick-slider {
  margin-bottom: 0; }

/*----------------------------------
    Testimonial Style 4
-------------------------------------*/
.testimonial-style-3 .testimonal .thumb {
  float: left;
  padding-right: 50px;
  position: relative; }

.testimonial-style-3 .testimonal .thumb::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  background: #18012c;
  right: 0;
  top: 0; }

.testimonial-style-3 .testimonal .thumb::after {
  position: absolute;
  content: "";
  background: #18012c;
  height: 1px;
  width: 30px;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }

.testimonial-style-3 .testimonal .content {
  overflow: hidden;
  padding-left: 30px;
  text-align-last: left; }

.testimonial-style-3 .testimonal .content p {
  color: #3e3e3e;
  font-size: 16px;
  margin-bottom: 20px;
  line-height: 28px;
  text-align: left;
  margin-top: 0; }

.testimonial-style-3 .testimonal .content h4 {
  font-weight: 600;
  font-size: 16px;
  color: #383838;
  margin-bottom: 2px; }

.testimonial-style-3 .testimonal .content span {
  color: #383838;
  font-size: 14px; }

.testimonial-pagination ul.testi-pagination-dots li button::before {
  content: "0"; }

ul.testi-pagination-dots {
  padding: 0;
  margin: 0;
  list-style: none;
  border: 0 none; }

ul.testi-pagination-dots li button {
  background: transparent;
  border: 0 none;
  color: #18012c;
  font-weight: 600;
  font-size: 16px;
  position: relative; }

.testimonial-warapper {
  position: relative;
  padding-right: 24%; }

.testimonial-pagination {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }

ul.testi-pagination-dots li {
  padding: 6px 0; }

ul.testi-pagination-dots li.slick-active button {
  position: relative; }

ul.testi-pagination-dots li {
  position: relative;
  padding-left: 45px; }

ul.testi-pagination-dots li::after {
  position: absolute;
  content: "";
  background: #18012c;
  width: 0;
  height: 1px;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s; }

ul.testi-pagination-dots li.slick-active::after {
  width: 30px; }